/* WYD SiteBuilder: contact details with decorative, locally rendered SVG icons. */
.contact-items .wyd-contact-item{--contact-accent:var(--blue,var(--accent,#2345ed));--contact-ink:var(--ink,#111827);display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:start;padding:22px 12px 20px;border-top:1px solid var(--line,#d6deeb);border-radius:6px;transition:background .25s,box-shadow .25s}
.wyd-contact-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d7e1f0;border-radius:12px;background:#edf2fb;color:var(--contact-accent);transition:background .25s,color .25s,transform .25s,box-shadow .25s}
.wyd-contact-icon svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.wyd-contact-copy{min-width:0}
.wyd-contact-copy small{display:block;text-transform:uppercase;letter-spacing:.12em;font:10px/1.6 Arial,sans-serif;color:var(--muted,#586b81);margin-bottom:8px}
.wyd-contact-copy>:is(a,span){display:inline-block;max-width:100%;overflow-wrap:anywhere;color:var(--contact-ink);font-size:16px;line-height:1.7;text-decoration:none;transition:color .25s,transform .25s}
.wyd-contact-copy>a{font-size:19px;min-height:32px}
.wyd-contact-item:is(:hover,:focus-within){background:var(--contact-hover-surface,#fff);box-shadow:0 10px 28px -20px #10223a66}
.wyd-contact-item:is(:hover,:focus-within) .wyd-contact-icon{color:#fff;background:var(--contact-accent);border-color:var(--contact-accent);box-shadow:0 8px 18px -8px #2345ed66;transform:translateY(-2px) scale(1.06)}
.wyd-contact-item:is(:hover,:focus-within) .wyd-contact-copy>:is(a,span){color:var(--contact-accent);transform:translateX(3px)}
.wyd-contact-copy>a:focus-visible{outline:2px solid var(--contact-accent);outline-offset:4px;border-radius:2px}
.wyd-contact-item:is(:hover,:focus-within) .wyd-contact-icon--email svg{animation:wyd-contact-mail .65s ease both}
.wyd-contact-item:is(:hover,:focus-within) .wyd-contact-icon--whatsapp .wyd-contact-handset{animation:wyd-contact-call .65s ease both;transform-origin:12px 12px}
.wyd-contact-item:is(:hover,:focus-within) .wyd-contact-window{animation:wyd-contact-windows .8s ease both}
.wyd-contact-item:is(:hover,:focus-within) .wyd-contact-window-later{animation-delay:.12s}
.wyd-contact-item:is(:hover,:focus-within) .wyd-contact-pin{animation:wyd-contact-pin .7s ease both;transform-origin:12px 12px}
.wyd-contact-item:is(:hover,:focus-within) .wyd-contact-ground{animation:wyd-contact-ground .7s ease both;transform-origin:12px 21px}
@keyframes wyd-contact-mail{0%,100%{transform:translate(0,0)}35%{transform:translate(2px,-2px) rotate(-6deg)}65%{transform:translate(-1px,1px)}}
@keyframes wyd-contact-call{0%,100%{transform:rotate(0)}25%{transform:rotate(-13deg)}50%{transform:rotate(11deg)}75%{transform:rotate(-6deg)}}
@keyframes wyd-contact-windows{0%,100%{opacity:1}30%{opacity:.2}60%{opacity:1;stroke:#f2d797}}
@keyframes wyd-contact-pin{0%,100%{transform:translateY(0)}45%{transform:translateY(-3px)}70%{transform:translateY(1px)}}
@keyframes wyd-contact-ground{0%,100%{opacity:.7;transform:scaleX(1)}45%{opacity:.25;transform:scaleX(.7)}}
@media(max-width:767px){.contact-items .wyd-contact-item{gap:14px;padding:20px 8px}.wyd-contact-copy>a{font-size:18px}.wyd-contact-copy>:is(a,span){line-height:1.65}}
@media(prefers-reduced-motion:reduce){.wyd-contact-item,.wyd-contact-item *{animation:none!important;transition:none!important;transform:none!important}}