/* Contact, footer, and responsive rules */

/* ========== CONTACT ========== */
.contact-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 4rem; align-items: start; }
  .contact-form-card {
    background: var(--panel);
    border: 0.5px solid var(--border-bright);
    border-radius: 16px;
    padding: 2.5rem;
  }
  .form-row { margin-bottom: 1.2rem; }
  .form-row label {
    display: block; font-family: var(--mono); font-size: 10px;
    letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted);
    margin-bottom: 6px;
  }
  .form-row input,
  .form-row textarea,
  .form-row select {
    width: 100%; background: rgba(255,255,255,0.04);
    border: 0.5px solid var(--border); border-radius: 8px;
    color: var(--off-white); font-family: var(--sans); font-size: 14px;
    padding: 11px 14px; transition: border-color 0.2s; outline: none;
    -webkit-appearance: none;
  }
  .form-row input:focus,
  .form-row textarea:focus,
  .form-row select:focus { border-color: rgba(212,80,10,0.5); }
  .form-row textarea { resize: vertical; min-height: 110px; }
  .form-row select option { background: var(--panel); }
  .form-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }

  .contact-info { display: flex; flex-direction: column; gap: 2rem; }
  .ci-block { padding-bottom: 2rem; border-bottom: 0.5px solid var(--border); }
  .ci-block:last-child { border-bottom: none; padding-bottom: 0; }
  .ci-label { font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); margin-bottom: 0.5rem; }
  .ci-value { font-size: 14px; color: var(--off-white); }
  .ci-value a { color: var(--orange-light); text-decoration: none; }
  .ci-value a:hover { text-decoration: underline; }

  .hours-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 0.5rem; }
  .hours-pill {
    background: rgba(255,255,255,0.03);
    border: 0.5px solid var(--border);
    border-radius: 8px; padding: 8px 12px;
    font-family: var(--mono); font-size: 11px;
  }
  .hours-pill .hl { color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: 0.08em; }
  .hours-pill .hv { color: var(--off-white); margin-top: 2px; }

  @keyframes blink-pulse {
    0%,100% { opacity:1; transform:scale(1); }
    50%      { opacity:0.3; transform:scale(0.7); }
  }
  .blink-dot { animation: blink-pulse 1.4s ease-in-out infinite; }

/* ========== FOOTER ========== */
footer {
    background: #050505;
    border-top: 0.5px solid var(--border);
    padding: 3rem 0 2rem;
  }
  .footer-inner {
    display: grid; grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 3rem; margin-bottom: 2.5rem;
  }
  .footer-brand-name { font-size: 14px; font-weight: 600; color: var(--off-white); margin-top: 1rem; margin-bottom: 0.5rem; }
  .footer-brand-desc { font-size: 12px; color: var(--muted); line-height: 1.6; max-width: 280px; }
  .footer-col-h { font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); margin-bottom: 1rem; }
  .footer-links { list-style: none; display: flex; flex-direction: column; gap: 0.5rem; }
  .footer-links a { color: #5B6270; text-decoration: none; font-size: 13px; transition: color 0.2s; }
  .footer-links a:hover { color: var(--off-white); }
  .footer-bottom {
    border-top: 0.5px solid var(--border); padding-top: 1.5rem;
    display: flex; justify-content: space-between; align-items: center;
    font-family: var(--mono); font-size: 10px; color: var(--muted); letter-spacing: 0.06em;
  }
  .footer-orange { color: var(--orange); }

  /* Responsive */
  @media (max-width: 900px) {
    nav .nav-links, nav .nav-cta { display: none; }
    .hero-video-bg { display: none; }
    .hero, .lanaware-grid, .sk-hero, .sk-details-grid, .about-split, .contact-grid { grid-template-columns: 1fr; }
    .sk-gallery, .sk-gallery-track, .sk-gallery-slide img { min-height: 420px; }
    .hero-glow { display: none; }
    .team-grid { grid-template-columns: 1fr 1fr; }
    .customers-grid { grid-template-columns: 1fr 1fr; }
    .footer-inner { grid-template-columns: 1fr 1fr; }
  }


/* Theme refresh overrides */
.form-row input,
.form-row textarea,
.form-row select {
  background: rgba(17, 25, 21, 0.82);
}
footer {
  background: linear-gradient(180deg, #080B0A 0%, #050706 100%);
}
.footer-links a {
  color: #8B9C92;
}


/* Form surfaces */
.form-row input,
.form-row textarea,
.form-row select {
  border-color: rgba(255,255,255,0.07);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.01);
}