/* Mondo Surf Village – Surf Camp Bali landing pages */

@font-face{font-family:'Metropolis';src:url(../fonts/metropolis-medium.woff) format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Metropolis';src:url(../fonts/metropolis-semibold.woff) format('woff');font-weight:600;font-style:normal;font-display:swap}

:root{--msv-accent:#CDB199}

body.msv-surf-camp{margin:0;background:#FCFCFC}

.msv-page{font-family:'Montserrat','Helvetica Neue',Helvetica,sans-serif;color:#5E5D5D;background:#FCFCFC;font-size:16px;line-height:1.6;overflow-wrap:break-word}
.msv-page.msv-lang-ja{font-family:'Noto Sans JP','Montserrat',sans-serif;line-break:strict;overflow-wrap:anywhere}
.msv-page.msv-lang-ko{font-family:'Noto Sans KR','Montserrat',sans-serif;word-break:keep-all;overflow-wrap:anywhere}
.msv-page *,.msv-page *::before,.msv-page *::after{box-sizing:border-box}
.msv-page img{max-width:100%;height:auto}

.msv-page a{color:#7A5C3F}.msv-page a:hover{color:#181818}
.msv-page .navlink{transition:color .2s}.msv-page .navlink:hover{color:#7A5C3F !important}
.msv-page .btn{transition:filter .2s,border-color .2s}.msv-page .btn:hover{filter:brightness(.94);color:#181818}
.msv-page .btn-ghost:hover{border-color:#181818 !important;filter:none}
.msv-page a:focus-visible,.msv-page summary:focus-visible,.msv-page button:focus-visible{outline:2px solid #181818;outline-offset:3px;border-radius:6px}
.msv-page .langbtn{transition:border-color .2s}.msv-page .langbtn:hover{border-color:#181818 !important}
.msv-page .langopt:hover{background:#F7F5EF !important}
.msv-page summary{list-style:none;cursor:pointer}.msv-page summary::-webkit-details-marker{display:none}
.msv-page .chev{transition:transform .2s}.msv-page details[open] .chev{transform:rotate(180deg)}

/* Language switcher (toggled by surf-camp.js) */
.msv-page #lang-menu[hidden]{display:none !important}
.msv-page .msv-lang-chev{transition:transform .2s}
.msv-page .langbtn[aria-expanded="true"] .msv-lang-chev{transform:rotate(180deg)}

/* Keep the sticky header below the WP admin bar when logged in */
.admin-bar .msv-page > header{top:32px !important}
@media (max-width:782px){.admin-bar .msv-page > header{top:46px !important}}
@media (max-width:600px){.admin-bar .msv-page > header{top:0 !important}}

@media (max-width:820px){.msv-page .nav-links{display:none !important}}
/* Weekly schedule: filter pills, cards, animated waves */
.msv-page{--msv-o-weekly:1;--msv-o-interest:1;--msv-fwb:#FCFCFC;--msv-fwr:#D3E6E3;--msv-fib:#FCFCFC;--msv-fir:#D3E6E3}
.msv-page[data-msv-show="weekly"]{--msv-o-interest:.22;--msv-fwb:#EAF5F3;--msv-fwr:#1F6F78}
.msv-page[data-msv-show="interest"]{--msv-o-weekly:.22;--msv-fib:#FBE9E1;--msv-fir:#D9805F}
.msv-page .dpill{transition:background .2s,color .2s,border-color .2s,transform .2s}.msv-page .dpill:hover{transform:translateY(-1px)}
.msv-page .wk{transition:opacity .25s ease,transform .2s ease,box-shadow .2s ease}.msv-page .wk:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(31,111,120,.18)}
.msv-page .wave-drift{animation:msv-drift 26s linear infinite}.msv-page .wave-slow{animation-duration:38s;animation-direction:reverse}
@keyframes msv-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media (prefers-reduced-motion:reduce){.msv-page *{transition:none !important}.msv-page .wave-drift{animation:none !important}}