/* Social cards include the account name, so reserve space for both text and icon. */
body.interior-page main .contact.refreshed-contact .footer-contact-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:6px 0 12px;align-items:stretch}
body.interior-page main .footer-contact .footer-contact-links>a:is(.facebook-card,.instagram-card,.linkedin-card,.whatsapp-card){display:flex!important;align-items:center;justify-content:flex-start!important;flex:initial!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:72px!important;padding:12px 18px!important;gap:12px!important;box-sizing:border-box;border:1px solid #dbe1e7!important;border-radius:16px!important;background:#fff!important;text-decoration:none!important;box-shadow:0 3px 10px #142e5009!important;transition:background .18s ease,border-color .18s ease}
body.interior-page main .footer-contact :is(.facebook-card,.instagram-card,.linkedin-card,.whatsapp-card) .contact-symbol{display:flex!important;align-items:center;justify-content:center;width:36px!important;height:36px!important;flex:0 0 36px!important;background:none!important;color:inherit!important}
body.interior-page main .footer-contact :is(.facebook-card,.instagram-card,.linkedin-card,.whatsapp-card) svg{width:26px!important;height:26px!important}
body.interior-page main .footer-contact :is(.facebook-card,.instagram-card,.linkedin-card,.whatsapp-card) .contact-details{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;flex:1 1 auto}
body.interior-page main .footer-contact :is(.facebook-card,.instagram-card,.linkedin-card,.whatsapp-card) .contact-label{display:block!important;font:400 13px/1.4 Arial,Helvetica,sans-serif!important;color:#667386!important;white-space:nowrap}
body.interior-page main .footer-contact :is(.facebook-card,.instagram-card,.linkedin-card,.whatsapp-card) .contact-value{display:block!important;font:600 16px/1.5 Arial,Helvetica,sans-serif!important;color:#142e50!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;letter-spacing:0}
body.interior-page main .footer-contact .facebook-card{color:#1877f2!important;order:1}
body.interior-page main .footer-contact .linkedin-card{color:#0a66c2!important;order:3}
body.interior-page main .footer-contact .whatsapp-card{color:#168a5b!important;order:4}
body.interior-page main .footer-contact .instagram-card{order:2}
body.interior-page main .footer-contact .instagram-card svg{stroke:#bd2b87!important}
body.interior-page main .footer-contact .instagram-card svg circle[fill]{fill:#bd2b87!important}
body.interior-page main .footer-contact .footer-contact-links>a:is(.facebook-card,.instagram-card,.linkedin-card,.whatsapp-card):hover{background:#f1ede5!important;border-color:#c9b080!important;transform:none!important}
body.interior-page main .footer-contact .footer-contact-links>a:focus-visible{outline:2px solid #9a7d50;outline-offset:5px}
@media(min-width:900px) and (orientation:landscape){body.interior-page main .contact.refreshed-contact .footer-contact-links{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}}
@media(max-width:599px){body.interior-page main .contact.refreshed-contact .footer-contact-links{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}}
@media(prefers-reduced-motion:reduce){body.interior-page main .footer-contact .footer-contact-links>a{transition:none!important}}

/* Tablet metrics match the booking page exactly. */
@media(min-width:600px){
body.interior-page main .footer-contact .footer-contact-links>a:is(.facebook-card,.instagram-card,.linkedin-card,.whatsapp-card){min-height:64px!important;padding:10px 12px!important;gap:8px!important}
body.interior-page main .footer-contact :is(.facebook-card,.instagram-card,.linkedin-card,.whatsapp-card) .contact-label{font-size:12px!important;white-space:nowrap!important}
body.interior-page main .footer-contact :is(.facebook-card,.instagram-card,.linkedin-card,.whatsapp-card) .contact-value{font-size:13px!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
body.interior-page main .footer-contact :is(.facebook-card,.instagram-card,.linkedin-card,.whatsapp-card) .contact-symbol{width:26px!important;height:26px!important;flex:0 0 26px!important}
body.interior-page main .footer-contact :is(.facebook-card,.instagram-card,.linkedin-card,.whatsapp-card) svg{width:23px!important;height:23px!important}
}

/* Keep the social section heading as prominent as the booking headings. */
body.interior-page main .contact.refreshed-contact>.footer-contact h2{font-weight:700!important}