/* Barama Real Estate — Contact A21 targeted visual polish.
   Loaded after A19 Hero and A20 layout; scoped only to Contact.
   Does not change Admin values, section order, form server endpoint, or global styles. */

/* Hero: retain one real Admin-selected photo; remove the *duplicate* background
   image on the section and on its photo wrapper.  A19's native img stays. */
.barama-a21-contact .builtin-contact-hero-v117a19 {
  background-color:#f4f8ff!important;
  background-image:linear-gradient(113deg,#f8fbff 0%,#f1f6fd 51%,#e8f0fc 100%)!important;
  background-size:cover!important;
  background-position:center!important;
}
.barama-a21-contact .builtin-contact-hero-v117a19 .builtin-contact-hero-v117a18__subject {
  background-image:none!important;
  width:min(59%,960px)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.52) 21%,#000 46%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.52) 21%,#000 46%)!important;
}
.barama-a21-contact .builtin-contact-hero-v117a19::before,
.barama-a21-contact .builtin-contact-hero-v117a19 .builtin-contact-hero-v117a18__copy::before,
.barama-a21-contact .builtin-contact-hero-v117a19 .builtin-contact-hero-v117a18__container::before {
  content:none!important;display:none!important;border:0!important;
}
.barama-a21-contact .builtin-contact-hero-v117a19::after {
  background:linear-gradient(90deg,rgba(248,251,255,.98) 0%,rgba(248,251,255,.93) 27%,rgba(248,251,255,.69) 44%,rgba(248,251,255,.21) 65%,rgba(248,251,255,0) 88%)!important;
}
/* CMS-uploaded landscape images are still allowed edge-to-edge, with a text-safe overlay. */
.barama-a21-contact .builtin-contact-hero-v117a19.has-custom-contact-hero .builtin-contact-hero-v117a18__subject {
  width:100%!important;
  -webkit-mask-image:none!important;mask-image:none!important;
}
/* Structure/spacing refinement: no new card or component proliferation. */
.barama-a21-contact .barama-a20-section {padding:clamp(54px,5.1vw,78px) 0!important;}
.barama-a21-contact .barama-a20-hours-grid {align-items:start!important;}
.barama-a21-contact .barama-a20-hours-grid>.barama-a20-intro {padding-top:clamp(14px,2vw,30px);}
.barama-a21-contact .barama-a20-form-intro {padding-top:12px;}
.barama-a21-contact .barama-a20-faq {padding-bottom:clamp(50px,4.4vw,68px)!important;}
.barama-a21-contact #contact-form {scroll-margin-top:92px;}

/* Consistent, accessible form select, errors, keyboard focus, and checkbox. */
.barama-a21-contact .barama-a20-form-card .form-select {
  appearance:none!important;-webkit-appearance:none!important;
  background-color:#f8faff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23556b89' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
  background-position:right 13px center!important;
  background-repeat:no-repeat!important;background-size:18px 18px!important;
  padding-right:44px!important;cursor:pointer;
}
.barama-a21-contact .barama-a20-form-card .form-select:focus {
  background-color:#fff!important;
}
.barama-a21-contact .barama-a20-form-card input[type='checkbox']:focus-visible {
  outline:3px solid rgba(37,99,235,.52);outline-offset:3px;
}
.barama-a21-contact .barama-a20-form-card .builtin-contact-consent input[aria-invalid='true'] {
  outline:2px solid #c53f49;outline-offset:2px;
}
.barama-a21-contact .barama-a21-consent-error {
  grid-column:1/-1;display:block;margin:-7px 0 2px;padding:10px 12px;
  border-left:3px solid #cc4650;border-radius:6px;
  background:#fff3f4;color:#a52a35;font-size:.84rem;line-height:1.45;font-weight:600;
}
.barama-a21-contact .barama-a21-consent-error[hidden] {display:none!important;}

/* FAQ: crisp but subtle hover state; native details toggling and icon rotation kept. */
.barama-a21-contact .barama-a20-faq-list details {
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
@media(hover:hover) and (pointer:fine) {
  .barama-a21-contact .barama-a20-faq-list details:hover {
    border-color:#bad0f2;box-shadow:0 8px 25px rgba(31,75,150,.075);
  }
  .barama-a21-contact .barama-a20-quick-links a:hover {color:#1d5ad7;}
}
.barama-a21-contact .barama-a20-faq-list details[open] summary span {transform:rotate(45deg)!important;}
.barama-a21-contact .barama-a20-faq-list summary:focus-visible {
  outline:3px solid #8fb6ff!important;outline-offset:-3px!important;
  border-radius:12px;
}
@media(max-width:991.98px) {
  .barama-a21-contact .barama-a20-hours-grid>.barama-a20-intro {padding-top:0;}
  .barama-a21-contact .builtin-contact-hero-v117a19 .builtin-contact-hero-v117a18__subject {width:64%!important;}
  .barama-a21-contact .builtin-contact-hero-v117a19.has-custom-contact-hero .builtin-contact-hero-v117a18__subject {width:100%!important;}
}
@media(max-width:650px) {
  .barama-a21-contact .barama-a20-section {padding:48px 0!important;}
  .barama-a21-contact .barama-a20-faq {padding-bottom:50px!important;}
  .barama-a21-contact .builtin-contact-hero-v117a19 .builtin-contact-hero-v117a18__subject {
    width:74%!important;
    -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.1) 0%,#000 44%)!important;
    mask-image:linear-gradient(180deg,rgba(0,0,0,.1) 0%,#000 44%)!important;
  }
  .barama-a21-contact .builtin-contact-hero-v117a19.has-custom-contact-hero .builtin-contact-hero-v117a18__subject {
    width:100%!important;-webkit-mask-image:none!important;mask-image:none!important;
  }
  .barama-a21-contact .builtin-contact-hero-v117a19::after {
    background:linear-gradient(180deg,rgba(248,251,255,.99) 0%,rgba(248,251,255,.95) 35%,rgba(248,251,255,.43) 65%,rgba(248,251,255,.03) 100%)!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  .barama-a21-contact .barama-a20-faq-list details {transition:none!important;}
}