/* World Philosophy Day Malaysia - Contact Page */
.wpd-contact-page { --contact-navy:#102b55; --contact-blue:#173d73; --contact-gold:#c9a968; --contact-muted:#56647a; --contact-border:#e5eaf1; background:#f7f9fc; color:var(--contact-navy); font-family:inherit; }
.wpd-contact-page *, .wpd-contact-page *::before, .wpd-contact-page *::after { box-sizing:border-box; }
.wpd-contact-section { min-height: min(780px, 100svh); padding:clamp(44px,6vh,78px) 24px; display:flex; align-items:center; }
.wpd-contact-container { width:min(1100px,100%); margin:0 auto; }
.wpd-contact-heading { text-align:center; max-width:760px; margin:0 auto clamp(25px,4vh,42px); }
.wpd-contact-eyebrow { margin:0 0 10px; color:#a47c35; text-transform:uppercase; font-size:0.85rem; font-weight:750; letter-spacing:.17em; }
.wpd-contact-heading h1 { margin:0; font-weight:750; letter-spacing:-.035em; line-height:1.12; font-size:clamp(2.2rem,4.5vw,4rem); color:var(--contact-navy); }
.wpd-contact-heading h1 span { color:#a47c35; }
.wpd-contact-intro { margin:15px auto 0; max-width:680px; line-height:1.65; color:var(--contact-muted); font-size:clamp(.96rem,1.3vw,1.08rem); }
.wpd-contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.wpd-contact-card { min-width:0; border:1px solid var(--contact-border); border-radius:16px; padding:clamp(22px,3vw,34px); background:#fff; box-shadow:0 8px 26px rgba(16,43,85,.045); }
.wpd-contact-label { margin:0 0 16px; text-transform:uppercase; font-weight:750; font-size:.75rem; letter-spacing:.13em; color:#a47c35; }
.wpd-contact-card h2 { color:var(--contact-navy); font-size:clamp(1.15rem,2vw,1.5rem); line-height:1.3; font-weight:700; margin:0 0 10px; }
.wpd-contact-role { margin:0; color:var(--contact-blue); font-weight:650; }
.wpd-contact-divider { width:42px; height:2px; background:var(--contact-gold); margin:20px 0 15px; }
.wpd-contact-detail, .wpd-contact-card address { color:var(--contact-muted); font-style:normal; line-height:1.75; margin:0; }
.wpd-contact-channels { grid-column:1 / -1; display:grid; grid-template-columns:1fr 1.35fr; column-gap:24px; align-items:center; }
.wpd-contact-channels .wpd-contact-label { grid-column:1 / -1; margin-bottom:8px; }
.wpd-contact-methods { display:grid; gap:12px; }
.wpd-contact-method { display:grid; gap:4px; }
.wpd-contact-method-name { font-size:.8rem; font-weight:700; color:var(--contact-muted); }
.wpd-contact-method a { color:var(--contact-navy); text-decoration:none; font-weight:650; overflow-wrap:anywhere; }
.wpd-contact-method a:hover, .wpd-contact-method a:focus-visible { color:#a47c35; text-decoration:underline; }
.wpd-contact-actions { display:flex; gap:12px; justify-content:flex-end; flex-wrap:wrap; }
.wpd-contact-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; border-radius:9px; padding:14px 19px; min-height:48px; font-weight:700; font-size:.94rem; text-decoration:none !important; transition:transform .2s ease, background-color .2s ease, box-shadow .2s ease; }
.wpd-contact-button-email, .wpd-contact-button-email:visited { background:var(--contact-blue); color:#fff; }
.wpd-contact-button-whatsapp, .wpd-contact-button-whatsapp:visited { background:#23875c; color:#fff; }
.wpd-contact-button-email:hover, .wpd-contact-button-email:focus-visible { color:#fff; background:#102b55; transform:translateY(-2px); box-shadow:0 8px 18px rgba(16,43,85,.15); }
.wpd-contact-button-whatsapp:hover, .wpd-contact-button-whatsapp:focus-visible { color:#fff; background:#186745; transform:translateY(-2px); box-shadow:0 8px 18px rgba(35,135,92,.16); }
.wpd-contact-button:focus-visible { outline:3px solid var(--contact-gold); outline-offset:3px; }
@media (max-width:760px) { .wpd-contact-section { min-height:0; padding:48px 18px 60px; } .wpd-contact-grid { grid-template-columns:1fr; gap:14px; } .wpd-contact-channels { grid-column:auto; display:block; } .wpd-contact-channels .wpd-contact-label { margin-bottom:16px; } .wpd-contact-actions { justify-content:stretch; margin-top:22px; } .wpd-contact-button { flex:1 1 160px; } .wpd-contact-card { padding:23px; } }
@media (max-width:430px) { .wpd-contact-actions { flex-direction:column; } .wpd-contact-button { flex-basis:auto; width:100%; } .wpd-contact-heading h1 { font-size:clamp(2rem,10vw,2.65rem); } }
@media (prefers-reduced-motion:reduce) { .wpd-contact-button { transition:none; } .wpd-contact-button:hover { transform:none; } }