/* ===================================
   Contact page — brand colour roles
   BLUE  (#0174CD) = information: contact-detail icons, location card,
                     office-hours icons & day labels, form focus
   GREEN (#019524) = action: Send Message, the Quick Contact links
                     (call / WhatsApp / email — they do something)
   Loaded only by core/contact.html — remove that <link> to revert.
   =================================== */
:root {
    --ct-blue: var(--secondary-color, #0174CD);
    --ct-blue-dark: var(--secondary-dark, #045A9E);
    --ct-blue-soft: #E8F2FC;
    --ct-green: var(--primary-color, #019524);
    --ct-green-dark: var(--primary-dark, #017A1D);
}

/* Header fallback when no hero image is uploaded (was flat bright green) */
.contact-hero { background-color: #101A34; }

/* ----- Contact detail cards ----- */
.contact-info-icon { background: linear-gradient(135deg, var(--ct-blue), var(--ct-blue-dark)); }

/* ----- Quick Contact: the page's action panel — blue → green, the logo's
   two colours, instead of one heavy block of green ----- */
.quick-contact-card { background: linear-gradient(145deg, var(--ct-blue) 0%, var(--ct-blue-dark) 45%, var(--ct-green-dark) 130%); }

/* ----- Follow Us ----- */
.social-follow-btn:hover { border-color: var(--ct-blue); color: var(--ct-blue); }

/* ----- Location card ----- */
.location-card { background: var(--ct-blue-soft); }
.location-card-icon { background: var(--ct-blue); }

/* ----- Visit Our Office ----- */
.office-card:hover { border-color: var(--ct-blue); }
.office-card .office-card-icon { background: var(--ct-blue-soft); color: var(--ct-blue); }
.office-card .days { color: var(--ct-blue); }
/* Highlighted 24/7 card: green (support = good news), with a soft blue edge */
.office-card-green { background: linear-gradient(145deg, var(--ct-green) 0%, var(--ct-green-dark) 100%); border-color: var(--ct-green); }
.office-card-green .office-card-icon { background: rgba(255,255,255,0.2); color: #fff; }
.office-card-green .days { color: rgba(255,255,255,0.9); }

/* ----- Form ----- */
.contact-form-card .form-control:focus,
.contact-form-card .form-select:focus {
    border-color: var(--ct-blue);
    box-shadow: 0 0 0 3px rgba(1, 116, 205, 0.15);
}
.contact-form-card .btn-primary { background: var(--ct-green); border-color: var(--ct-green); }
.contact-form-card .btn-primary:hover { background: var(--ct-green-dark); border-color: var(--ct-green-dark); }