/* ============================================================
   KALP — Contact page rainbow overrides
   ------------------------------------------------------------
   The contact page's rainbow-variant styling lives almost entirely
   in the inline <style> block of the migrated post_content (lifted
   verbatim from updated-with-skills/preview-contact-rainbow.html).
   This file exists for fixes that need to override Astra parent
   defaults or post-migration inline rules. Enqueued sitewide on
   the /contact/ page via inc/enqueue.php.
   ============================================================ */

/* Business Hours list — flush left with section heading + "All times IST"

   Astra parent applies `ul { margin: 0 0 1.5em 3em }` (or similar) which
   beats the inline `* { margin: 0; padding: 0 }` reset on specificity
   (Astra's `ul` selector = (0,0,1) wins over `*` = (0,0,0)). Result on
   live page: the two day-row <li>s sit ~3em right of the heading and the
   "All times IST" paragraph below — three different vertical alignments.

   Chain `.contact-info` ancestor to beat Astra's `ul` selector
   ((0,1,1) vs (0,0,1)) and force padding/margin to zero. */
.contact-info .contact-hours {
    padding-left: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* Same flush-left fix for Quick Links list — same Astra ul issue. */
.contact-info .contact-quick-links {
    padding-left: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* ------------------------------------------------------------------
   Contact form (WPForms #84) — brand focus state.
   Astra/browser default gives fields a BLUE focus border + outline.
   Recolour to brand gold (border + soft gold ring, no blue outline).
   Scoped to #wpforms-84 so the footer newsletter (form 142) + WC forms
   are untouched. ------------------------------------------------------ */
#wpforms-84 input:focus,
#wpforms-84 select:focus,
#wpforms-84 textarea:focus,
#wpforms-84 .wpforms-field input:focus,
#wpforms-84 .wpforms-field select:focus,
#wpforms-84 .wpforms-field textarea:focus {
    border-color: var(--gold, #C9A84C) !important;
    box-shadow: 0 0 0 3px rgba(201, 168, 76, 0.18) !important;
    outline: none !important;
}

/* ------------------------------------------------------------------
   Contact form (#wpforms-84) — fix vertical text clipping.
   WPForms' medium-field rule sets line-height:2.4 (~38px) inside a
   fixed 43px field height, so descenders (the g/y in "General enquiry")
   get cut off at the bottom. Force a sane line-height + zero vertical
   padding so single-line fields centre their text with room to spare. */
#wpforms-84 input,
#wpforms-84 select,
#wpforms-84 .wpforms-field input,
#wpforms-84 .wpforms-field select {
    line-height: 1.4 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
}
#wpforms-84 textarea,
#wpforms-84 .wpforms-field textarea {
    line-height: 1.5 !important;
    box-sizing: border-box !important;
}

/* ------------------------------------------------------------------
   Subject field is now WPForms "Modern" (Choices.js) so the open list
   is a real DOM list we can brand (the native <select> popup + its grey
   highlight are OS-drawn and un-stylable). Skin it to the theme. ------ */
/* Closed control — match the other fields (white, subtle border, gold focus) */
#wpforms-84 .choices__inner {
    background-color: #ffffff !important;
    border: 1px solid rgba(26, 10, 3, 0.18) !important;
    border-radius: 4px !important;
    min-height: 43px !important;
    padding: 6px 14px !important;
    font-size: 16px !important;
    color: var(--deep-brown, #1A0A03) !important;
}
#wpforms-84 .choices.is-focused .choices__inner,
#wpforms-84 .choices.is-open .choices__inner {
    border-color: var(--gold, #C9A84C) !important;
    box-shadow: 0 0 0 3px rgba(201, 168, 76, 0.18) !important;
}
#wpforms-84 .choices__list--single .choices__item {
    color: var(--deep-brown, #1A0A03) !important;
    line-height: 1.6 !important;
}
/* Open list container */
#wpforms-84 .choices__list--dropdown {
    background-color: var(--cream, #FFF8EE) !important;
    border: 1px solid rgba(201, 168, 76, 0.5) !important;
    border-radius: 0 0 4px 4px !important;
}
#wpforms-84 .choices__list--dropdown .choices__item {
    color: var(--deep-brown, #1A0A03) !important;
    font-size: 15px !important;
}
/* Highlighted (hover / keyboard / current) option -> brand gold (was grey) */
#wpforms-84 .choices__list--dropdown .choices__item--selectable.is-highlighted,
#wpforms-84 .choices__list--dropdown .choices__item--selectable:hover {
    background-color: var(--gold, #C9A84C) !important;
    color: var(--deep-brown, #1A0A03) !important;
}
/* Currently-selected value marker in the list */
#wpforms-84 .choices__list--dropdown .choices__item[aria-selected="true"] {
    background-color: rgba(201, 168, 76, 0.16) !important;
}