/* WordPress-only additions. The design itself lives untouched in style.css. */

/* Admin bar: keep the sticky header below it */
.admin-bar .header{top:32px}
@media (max-width:782px){.admin-bar .header{top:46px}}
@media (max-width:600px){.admin-bar .header{top:0}}

/* Section visibility (Section Settings → Show on) */
@media (min-width:1025px){.mrg-hide-desktop{display:none!important}}
@media (min-width:601px) and (max-width:1024px){.mrg-hide-tablet{display:none!important}}
@media (max-width:600px){.mrg-hide-mobile{display:none!important}}

.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- Section Settings (overlay, parallax, text colour, entrance animation) ---------- */
.mrg-has-overlay{box-shadow:inset 0 0 0 100vmax var(--mrg-overlay)}
.mrg-parallax{background-attachment:fixed!important}
@media (hover:none),(max-width:1024px){.mrg-parallax{background-attachment:scroll!important}}
.mrg-text-light .mrg-sec-title,.mrg-text-light .section-head h2,.mrg-text-light :is(h1,h2).h-lg,.mrg-text-light :is(h1,h2).h-xl{color:#fff!important}
.mrg-text-light .lead,.mrg-text-light .section-head p{color:rgba(255,255,255,.8)!important}
.mrg-text-dark .mrg-sec-title,.mrg-text-dark .section-head h2,.mrg-text-dark :is(h1,h2).h-lg,.mrg-text-dark :is(h1,h2).h-xl{color:var(--ink)!important}
.mrg-text-dark .lead,.mrg-text-dark .section-head p{color:var(--muted)!important}
.mrg-anim-on .mrg-anim{transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--mrg-anim-delay,0ms)}
.mrg-anim-on .mrg-anim:not(.is-in){opacity:0}
.mrg-anim-on .mrg-anim[data-mrg-anim="slide-up"]:not(.is-in){transform:translateY(48px)}
.mrg-anim-on .mrg-anim[data-mrg-anim="slide-left"]:not(.is-in){transform:translateX(60px)}
.mrg-anim-on .mrg-anim[data-mrg-anim="slide-right"]:not(.is-in){transform:translateX(-60px)}
.mrg-anim-on .mrg-anim[data-mrg-anim="zoom-in"]:not(.is-in){transform:scale(.94)}

/* ---------- Contact Form 7 inside the design's form classes ---------- */
.wpcf7 form{margin:0}
.wpcf7 .hidden-fields-container{border:0;padding:0;margin:0}
.wpcf7-form-control-wrap{display:block;position:relative}
.field .wpcf7-form-control-wrap{width:100%}
.field .wpcf7-not-valid{border-color:#C8371D!important;background-color:#fff!important}
.wpcf7-not-valid-tip{display:block;margin-top:8px;font-size:16px;color:#C8371D}
.wpcf7-form .form-foot .btn[disabled],.wpcf7-form.submitting .form-foot .btn{opacity:.7;cursor:wait}
.wpcf7 .wpcf7-spinner{margin:0 0 0 12px;background-color:var(--navy)}
.wpcf7 form .wpcf7-response-output{margin:24px 0 0;padding:14px 18px;border:1.5px solid var(--line);border-radius:4px;font-size:16px;line-height:1.5}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#C8371D;color:#C8371D}
.wpcf7 form.sent .wpcf7-response-output{border-color:var(--navy);color:var(--navy-deep)}
.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output,.wpcf7 form.spam .wpcf7-response-output{border-color:#C8371D;color:#C8371D}
.ct-body[data-redirect] .wpcf7 form.sent .wpcf7-response-output{display:none}
.ct-body.sent .wpcf7,.ct-body.sent .ct-head{display:none}
.mrg-form-missing{padding:24px;border:1.5px dashed var(--line);border-radius:4px;color:var(--muted);font-size:16px}

/* Search / archive fallback */
.mrg-results li{padding:16px 0;border-bottom:1px solid var(--line);font-family:var(--display);font-size:20px}
.mrg-results a:hover{color:var(--navy)}
