/* Shared contact component only; existing navigation and page layout are untouched. */
.company-contact { min-width: 0; overflow-wrap: anywhere; margin-top: 24px; }
.company-contact-title { color: #fff; }
.company-contact > p { font-size: 14px; line-height: 1.5; }
.company-contact .company-contact-list { display: grid; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; }
.company-contact .company-contact-row { margin: 0; font-size: 14px; line-height: 1.5; }
.company-contact .company-contact-entry { display: grid; grid-template-columns: 20px minmax(0,1fr); align-items: start; gap: 10px; padding-block: 4px; color: #d5dbeb; text-align: left; text-decoration: none; transition: color var(--tienrun-motion) var(--tienrun-easing); }
.company-contact-entry > svg { width: 20px; height: 20px; margin-top: 1px; color: #b2c4da; transition: color var(--tienrun-motion) var(--tienrun-easing); }
.company-contact-value { min-width: 0; }
.company-contact a.company-contact-entry:is(:hover,:focus-visible) { color: #fff; text-decoration: none; }
.company-contact a.company-contact-entry:is(:hover,:focus-visible) > svg { color: #77d9ff; }
.company-contact div.company-contact-entry { cursor: auto; }
.company-socials { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; }
.company-contact .company-social-link { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 38px; width: 38px; height: 38px; border: 1px solid #71809966; border-radius: 3px; color: #d5dbeb; text-decoration: none; transition: color var(--tienrun-motion) var(--tienrun-easing), background-color var(--tienrun-motion) var(--tienrun-easing), border-color var(--tienrun-motion) var(--tienrun-easing); }
.company-social-link svg { width: 20px; height: 20px; }
.company-contact .company-social-link:is(:hover,:focus-visible) { color: #fff; background: var(--tienrun-accent); border-color: var(--tienrun-accent); text-decoration: none; }
.company-contact a:focus-visible { outline: 3px solid #77d9ff; outline-offset: 3px; }
.company-contact .company-rfq-link { display: inline-block; margin-top: 8px; color: #d5dbeb; text-underline-offset: 4px; }
.company-contact .company-rfq-link:is(:hover,:focus-visible) { color: #77d9ff; }
.company-contact--home .company-contact-list { width: fit-content; max-width: 100%; margin-inline: auto; }
.company-contact--home .company-socials { justify-content: center; }
@media (prefers-reduced-motion:reduce) {
  .company-contact a, .company-contact svg { transition: none; transform: none; translate: none; }
}
