/* =========================================================
   CONTACT — page-only adjustments (2026-09-16)
   Built on the INNER PAGES shared components in styles.css; only what those
   do not cover lives here.
   ========================================================= */

/* ---- Detail marks ----------------------------------------------------------
   App\Support\Icons has no phone, fax, mail, globe or pin mark, so the detail
   cards draw theirs here: a thin-line 24×24 path used as a mask and filled
   with the same accent `.ip-card__ic .ic` strokes in. */
.contact-ic{display:block;width:24px;height:24px;background:var(--brass);
  -webkit-mask:var(--contact-ic) no-repeat center/contain;mask:var(--contact-ic) no-repeat center/contain;}
.contact-ic--phone{--contact-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h4l2 5-2.5 1.5a11 11 0 0 0 6 6L16 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");}
.contact-ic--fax{--contact-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 8V3h8l2 2v3M7 17H4V8h16v9h-3M7 13h10v8H7zM10 16h4M10 18.5h4'/%3E%3C/svg%3E");}
.contact-ic--email{--contact-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h18v14H3z'/%3E%3Cpath d='M3 6l9 7 9-7'/%3E%3C/svg%3E");}
.contact-ic--website{--contact-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.5 3.8 5.5 3.8 9s-1.3 6.5-3.8 9c-2.5-2.5-3.8-5.5-3.8-9S9.5 5.5 12 3z'/%3E%3C/svg%3E");}
.contact-ic--address{--contact-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s-7-6.2-7-12a7 7 0 0 1 14 0c0 5.8-7 12-7 12z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");}
.sec:is([data-ground="void"],[data-ground="graphite"]) .contact-ic{background:var(--glow);}

/* ---- Detail cards ----------------------------------------------------------
   Phone and fax numbers read left-to-right even on the Arabic page; aligning
   them to the card's start edge keeps them flush with their label. */
.contact-card .ip-card__v[dir="ltr"]{text-align:left;}
html[dir="rtl"] .contact-card .ip-card__v[dir="ltr"]{text-align:right;}

/* ---- Form beside the details ----------------------------------------------
   The form sits in a white panel; the details stack beside it as compact
   cards (mark beside label and value), with the location card under them. */
.contact-split{grid-template-columns:1.3fr .9fr;gap:clamp(22px,3vw,44px);}
.contact-form{padding:clamp(22px,2.6vw,36px);border-radius:16px;background:#fff;border:1px solid var(--line-paper);box-shadow:0 1px 2px rgba(12,26,69,.04);}
.contact-form__t{margin-bottom:clamp(14px,1.6vw,20px);}
.contact-side{display:flex;flex-direction:column;gap:12px;}
.contact-details{display:flex;flex-direction:column;gap:12px;}
.contact-side .ip-card{flex-direction:row;align-items:center;gap:14px;padding:14px 18px;}
.contact-side .ip-card:hover{transform:none;}
.contact-side .ip-card__ic{width:42px;height:42px;margin-bottom:0;flex-shrink:0;}
.contact-card__body{min-width:0;display:flex;flex-direction:column;gap:2px;}
.contact-card__body .ip-card__k{margin:0;font-weight:500;}
.contact-map{display:flex;flex-direction:column;gap:12px;}
.contact-map__frame{border-radius:16px;}
.contact-map__body{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border-radius:16px;
  background:#fff;border:1px solid var(--line-paper);box-shadow:0 1px 2px rgba(12,26,69,.04);}
.contact-map__body .ip-card__ic{width:42px;height:42px;margin-bottom:0;flex-shrink:0;}
.contact-map__body .ip-actions{margin-top:10px;}

@media (max-width:1024px){
  .contact-split{grid-template-columns:1fr;}
}