﻿/* ArioIntel corporate Contact Us details -- V2, scoped only to the contact page. */
.ario-public-contact { margin-block: 30px 42px; }
.ario-public-contact .ario-public-contact-heading { margin: 0 0 16px; font-size: clamp(1.25rem, 2.2vw, 1.7rem); line-height: 1.3; color: var(--text, inherit); }
.ario-public-contact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.ario-public-contact-card { box-sizing: border-box; min-width: 0; padding: clamp(17px, 2.3vw, 26px); background: var(--surface, #123349); color: var(--surface-text, #f3f8fc); border: 1px solid var(--line, rgba(100,140,175,.42)); border-radius: 16px; box-shadow: 0 8px 22px rgba(0,0,0,.1); }
.ario-public-contact-label { display: block; margin-bottom: 10px; font-weight: 700; font-size: .9rem; opacity: .84; }
.ario-public-contact-value { display: inline-block; max-width: 100%; overflow-wrap: anywhere; word-break: break-word; color: inherit; text-decoration: underline; text-underline-offset: 4px; font-weight: 650; font-size: clamp(1rem, 1.7vw, 1.2rem); }
.ario-public-contact-value:hover, .ario-public-contact-value:focus-visible { color: var(--cyan, #4ac9ff); }
.ario-public-contact-value[dir="ltr"] { unicode-bidi: isolate; }
html[dir="rtl"] .ario-public-contact { text-align: right; }
@media (max-width: 680px) { .ario-public-contact-grid { grid-template-columns: 1fr; gap: 12px; } }

/* Multiple addresses in each card; keep clean spacing and preserve theme colors. */
.ario-public-contact-list { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; min-width: 0; }
.ario-public-contact-list .ario-public-contact-value { display: block; width: fit-content; }
html[dir="rtl"] .ario-public-contact-list { align-items: flex-end; }
html[dir="rtl"] .ario-public-contact-list .ario-public-contact-value { direction: ltr; text-align: left; }
