/* =========================================================
   DELECON® — CONTACT PAGE STYLES (FINAL · SAFE)
   File: /css/contact-us.css
   Depends on: /css/new-index.css
   Scope: Contact page only
   ========================================================= */


/* =========================================================
   1️⃣ contact-page-script-1.php
   (If this file outputs any helper text / spacing blocks)
   ========================================================= */

/* No visual styles required here.
   Script-only include — intentionally empty.
   DO NOT ADD STYLES unless markup is added later. */


/* =========================================================
   2️⃣ contact-form-v1.php
   Main Contact Form Section
   Scoped strictly to #contact-form
   ========================================================= */

#contact-form{
  padding:60px 0;
}

/* Card wrapper inside contact form */
#contact-form .dcc-card{
  background:#ffffff;
  border-radius:14px;
  padding:38px;
  box-shadow:0 10px 35px rgba(0,0,0,.08);
}

/* Heading & intro */
#contact-form .dcc-h2{
  font-size:28px;
  line-height:1.3;
  font-weight:700;
  margin:0 0 10px 0;
}

#contact-form .dcc-lead{
  font-size:15.5px;
  color:#555;
  margin:0 0 28px 0;
}

/* Grid layout */
#contact-form .dcc-contact-grid{
  display:grid;
  grid-template-columns:1.05fr 1fr;
  gap:40px;
}

@media (max-width:900px){
  #contact-form .dcc-contact-grid{
    grid-template-columns:1fr;
  }
}

/* Left info panel */
#contact-form .dcc-contact-thank h3{
  font-size:18px;
  margin:0 0 12px 0;
}

#contact-form .dcc-contact-points{
  list-style:none;
  padding:0;
  margin:0 0 18px 0;
}

#contact-form .dcc-contact-points li{
  display:flex;
  gap:10px;
  font-size:14.5px;
  color:#333;
  margin-bottom:10px;
}

#contact-form .dcc-contact-points i{
  color:#0D4AA0;
  margin-top:3px;
}

#contact-form .dcc-note-small{
  font-size:13px;
  color:#666;
}

/* Form card */
#contact-form .dcc-form-card{
  background:#f9fafb;
  border-radius:12px;
  padding:26px;
}

/* Two-column form grid */
#contact-form .dcc-grid--2col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

@media (max-width:600px){
  #contact-form .dcc-grid--2col{
    grid-template-columns:1fr;
  }
}

/* Form fields */
#contact-form .form-group{
  margin-bottom:16px;
}

#contact-form .form-group label{
  display:block;
  font-size:13px;
  font-weight:600;
  margin-bottom:6px;
  color:#222;
}

#contact-form .form-group input,
#contact-form .form-group select,
#contact-form .form-group textarea{
  width:100%;
  padding:11px 12px;
  border-radius:8px;
  border:1px solid #d1d5db;
  font-size:14px;
  font-family:inherit;
  background:#fff;
}

#contact-form .form-group textarea{
  min-height:110px;
  resize:vertical;
}

/* Focus state */
#contact-form .form-group input:focus,
#contact-form .form-group select:focus,
#contact-form .form-group textarea:focus{
  outline:none;
  border-color:#0D4AA0;
  box-shadow:0 0 0 2px rgba(13,74,160,.12);
}

/* File input */
#contact-form input[type="file"]{
  font-size:13px;
}

/* reCAPTCHA spacing */
#contact-form .g-recaptcha{
  margin:14px 0 18px;
}

/* Submit button (uses global .btn styles) */
#contact-form .btn--primary{
  width:100%;
  padding:14px;
  border-radius:999px;
}

/* Honeypot */
#contact-form #website_url{
  display:none !important;
}


/* =========================================================
   3️⃣ map-cta.php
   Office Map + Address + Final CTA
   ========================================================= */

/* Office map grid */
.dcc-office .dcc-map-grid{
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:36px;
  align-items:stretch;
}

@media (max-width:900px){
  .dcc-office .dcc-map-grid{
    grid-template-columns:1fr;
  }
}

/* Google map iframe */
.dcc-office .dcc-map iframe{
  width:100%;
  min-height:320px;
  border:0;
  border-radius:16px;
  box-shadow:0 10px 26px rgba(0,0,0,.12);
}

/* Direction button */
.dcc-office .dcc-direction-wrap{
  margin-top:12px;
  text-align:center;
}

.dcc-office .dcc-direction-btn{
  display:inline-block;
  padding:10px 18px;
  border-radius:999px;
  background:#eef4ff;
  color:#0D4AA0;
  font-weight:600;
  font-size:14px;
}

/* Address card */
.dcc-office .dcc-address-card{
  background:#fff;
  border-radius:16px;
  padding:24px;
  box-shadow:0 10px 26px rgba(0,0,0,.10);
}

.dcc-office .dcc-divider{
  border:0;
  border-top:1px solid #e5e7eb;
  margin:14px 0;
}


/* =========================================================
   4️⃣ Final CTA (inside map-cta.php)
   Scoped to .dcc-final-cta ONLY
   ========================================================= */

.dcc-final-cta{
  background:#f6f7fb;
}

.dcc-final-cta .dcc-cta-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  max-width:1000px;
  margin:0 auto;
}

@media (max-width:900px){
  .dcc-final-cta .dcc-cta-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width:520px){
  .dcc-final-cta .dcc-cta-grid{
    grid-template-columns:1fr;
  }
}

.dcc-final-cta .cta-box{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:64px;
  padding:14px 18px;
  border-radius:18px;
  font-weight:700;
  font-size:14px;
  text-align:center;
  box-shadow:0 10px 22px rgba(0,0,0,.14);
  transition:transform .2s ease, box-shadow .2s ease;
}

.dcc-final-cta .cta-box:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(0,0,0,.18);
}


/* =========================================================
   5️⃣ read-more.php
   Uses global styles — no overrides required
   ========================================================= */

/* Intentionally empty */


/* =========================================================
   6️⃣ interior-services-area.php
   Uses global services styles from new-index.css
   ========================================================= */

/* Intentionally empty */


/* =========================================================
   7️⃣ footer.php & brand-footer.php
   Controlled globally — DO NOT OVERRIDE
   ========================================================= */

/* Intentionally empty */