/* Preserve the Moscow homepage stylesheet cascade. */
@import url("./mevis.css");
@import url("./mevis-v2.css");
@import url("./homepage-integration.css");

/* Saint Petersburg overrides go below this line. */

/* The replacement document keeps body classes but does not render the WP toolbar. */
body.mevis-homepage-canvas.admin-bar:not(:has(#wpadminbar)) .mevis-piter-site{--mv-admin-offset:0px}

/* Four pool cards need two rows; the section must grow with the full content. */
.mevis-piter-site .mv-page[data-page=pools],
.mevis-piter-site .mv-pools-screen{height:auto;min-height:0}
.mevis-piter-site .mv-pools-body{flex:none;padding-bottom:32px}
.mevis-piter-site .mv-pools-body>.mv-inline-actions{flex-shrink:0}
@media(min-width:1200px){
 .mevis-piter-site .mv-pools-hero{height:clamp(240px,40svh,360px)}
}

/* Petersburg: current form contract in the shared MEVIS visual system. */
.mevis-piter-site [data-mevis-preview-disabled]{border:0;padding:0;margin:0;min-width:0}
.mevis-piter-site .mevis-piter-lead-form{display:grid;gap:12px;margin:0}
.mevis-piter-site .mevis-piter-lead-form input[type=text],
.mevis-piter-site .mevis-piter-lead-form input[type=tel],
.mevis-piter-site .mevis-piter-lead-form select,
.mevis-piter-site .mevis-piter-lead-form textarea{display:block;width:100%;max-width:100%;box-sizing:border-box;border:1px solid #ffffff80;border-radius:18px;background:#062a40;color:#fff;padding:16px 18px;font:400 16px/1.45 Manrope,Arial,sans-serif;outline-offset:3px}
.mevis-piter-site .mevis-piter-lead-form select{appearance:auto;min-height:56px}
.mevis-piter-site .mevis-piter-lead-form textarea{min-height:92px;resize:vertical}
.mevis-piter-site .mevis-piter-lead-form textarea::placeholder,
.mevis-piter-site .mevis-piter-lead-form input::placeholder{color:#c9dce6;opacity:1}
.mevis-piter-site .mevis-piter-lead-form .accept{margin:0!important;color:#e2edf4!important;font:400 12px/1.55 Manrope,Arial,sans-serif}
.mevis-piter-site .mevis-piter-lead-form .accept label{display:block;padding-left:25px;position:relative}
.mevis-piter-site .mevis-piter-lead-form .accept input{position:absolute;left:0;top:3px;width:16px;height:16px;margin:0!important;accent-color:#ff671d}
.mevis-piter-site .mevis-piter-lead-form .accept a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.mevis-piter-site .mevis-piter-lead-form [type=submit]{display:block;width:100%;min-height:56px;border:1px solid #ffad79;border-radius:999px;background:linear-gradient(110deg,#ff751e,#ff5019);color:#fff;padding:15px 20px;font:600 16px/1.4 Manrope,Arial,sans-serif;cursor:pointer;transition:filter .2s}
.mevis-piter-site .mevis-piter-lead-form [type=submit]:hover{filter:brightness(1.08)}
.mevis-piter-site .mevis-piter-lead-form [type=submit]:disabled{cursor:default;opacity:.65}
.mevis-piter-site .mevis-piter-lead-form .mv-form-status{margin:0!important;font-size:13px;color:#fff}
.mevis-piter-site .mevis-piter-lead-form .mv-form-status[data-state=error]{color:#ffdbb3}
.mevis-piter-site .mevis-piter-lead-form .mv-form-status[data-state=success]{color:#9ef4cd}
.mevis-piter-site .mv-form-diagnostic{min-width:0;border:1px solid #ffffff40;border-radius:12px;padding:12px;color:#e2edf4;font:400 12px/1.5 Manrope,Arial,sans-serif}
.mevis-piter-site .mv-form-diagnostic summary{cursor:pointer}
.mevis-piter-site .mv-form-diagnostic pre{max-width:100%;margin:10px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:inherit;font:12px/1.5 monospace;text-align:left}
.mevis-piter-site .mv-booking-modal{max-height:calc(100dvh - 28px);overflow:auto}
.mevis-piter-site .mv-contact-panel{min-width:0}
.mevis-piter-site .mv-button .mv-icon:has(use[href='#mv-arrow']){display:none}
.mevis-piter-site .mv-piter-location{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#b5d7e7;margin:0 0 12px}
@media(max-width:650px){
 .mevis-piter-site .mevis-piter-lead-form{gap:10px}
 .mevis-piter-site .mevis-piter-lead-form input[type=text],.mevis-piter-site .mevis-piter-lead-form input[type=tel],.mevis-piter-site .mevis-piter-lead-form select,.mevis-piter-site .mevis-piter-lead-form textarea{padding:13px 14px}
 .mevis-piter-site .mevis-piter-lead-form .accept{font-size:11px}
}
@media(min-width:651px){
 .mevis-piter-site .mv-pool-previews{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mevis-piter-site .mv-pool-preview{grid-template-columns:38% 62%}
 .mevis-piter-site .mv-pool-preview>img{height:100%;min-height:145px}
}