/*
 * The preview warning is intentionally visually loud because a static sample must never imply that its contact controls can reach the
 * PHP mail endpoint. The real application does not load this stylesheet, so the red state cannot leak into production semantics or
 * accidentally disable a functional form. Controls remain visible for design review but are disabled at the HTML level as well as
 * visually muted, which means the warning is backed by actual browser behaviour rather than by colour alone.
 */
.preview-form-warning{margin:0 0 20px;padding:16px 18px;background:#ffe7e9;color:#731823;border:3px solid #b7222f;border-left-width:10px;box-shadow:0 10px 30px rgba(183,34,47,.12)}
.preview-form-warning strong{display:block;margin-bottom:4px;font-size:1rem;letter-spacing:.06em;text-transform:uppercase}
.preview-form-warning span{display:block;font-weight:700;line-height:1.45}
form[data-preview-disabled="true"] :is(input,textarea,select,button){opacity:.62;cursor:not-allowed}
form[data-preview-disabled="true"] .btn.primary{background:#d7d2c7;color:#655f57;border-color:#a7a197;transform:none}


/*
 * The static calendar carries an unmistakable preview treatment because month HTML files cannot update themselves when the live PHP
 * configuration changes. A large diagonal `VZOR` word is deliberately drawn with CSS rather than baked into a logo or photograph, so
 * the sample remains visibly non-production without modifying any protected raster asset. Pointer events are disabled on the watermark
 * and the real calendar stays interactive, including the mobile detail dialog when a rendered sample month contains event data.
 */
.preview-calendar-disclaimer{margin:0 0 18px;padding:16px 18px;background:#fff0f1;color:#6f1822;border:3px solid #b7222f;border-left-width:10px;box-shadow:0 10px 30px rgba(183,34,47,.10)}
.preview-calendar-disclaimer strong{display:block;margin-bottom:5px;font-size:1rem;letter-spacing:.06em;text-transform:uppercase}
.preview-calendar-disclaimer span{display:block;font-weight:720;line-height:1.48}
.preview-calendar-shell{position:relative;isolation:isolate;overflow:hidden}
.preview-calendar-shell::after{content:"VZOR";position:absolute;left:50%;top:50%;z-index:20;transform:translate(-50%,-50%) rotate(-22deg);font-size:clamp(5rem,17vw,13rem);font-weight:950;letter-spacing:.14em;color:rgba(183,34,47,.13);text-shadow:0 0 1px rgba(255,255,255,.9);pointer-events:none;user-select:none;white-space:nowrap}
.preview-calendar-shell :is(.calendar-nav,.calendar-mobile-help,.calendar-grid){position:relative;z-index:1}
@media(max-width:680px){.preview-calendar-disclaimer{padding:13px 14px}.preview-calendar-shell::after{font-size:clamp(4.2rem,24vw,7rem);letter-spacing:.08em}}