/* =========================================================
   STUDIO GIANNETTO — WordPress layer
   Elementor wrappers, ElementsKit header/footer, admin bar,
   form feedback and small additions to the mockup stylesheet.
   ========================================================= */

/* ---------- Elementor: every section widget is full bleed, no spacing added by Elementor ---------- */
.elementor-section.sg-wrap > .elementor-container{max-width:none}
.elementor-section.sg-wrap > .elementor-container > .elementor-column > .elementor-widget-wrap{padding:0!important}
.sg-wrap .elementor-widget,.sg-wrap .elementor-element{--kit-widget-spacing:0;margin-block-end:0}
.sg-wrap .elementor-widget:not(:last-child){margin-bottom:0}
.e-con.sg-wrap{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;--gap:0;--width:100%}
.elementor .sg-sec img,.elementor .site-footer img{border-radius:inherit}


/* the mockup's sibling selector "header.is-hidden ~ main" does not survive wrappers: the theme toggles html.hdr-hidden */
html.hdr-hidden .subnav{top:20px}

/* ---------- header (ElementsKit template or built-in) ---------- */
.sg-ekit-header .elementor-section,.sg-ekit-header .e-con{position:static}
.sg-ekit-header .elementor-widget-wrap,.sg-ekit-header .e-con-inner{padding:0!important}
.sg-ekit-header .brand-crop img{max-width:none!important;height:calc(var(--h) * 1348 / 706)!important;width:auto!important}
.brand-img{display:block;height:50px;width:auto;max-width:200px;object-fit:contain}
.admin-bar .site-header{top:48px}
.admin-bar .mmenu{padding-top:152px}
@media (max-width:782px){.admin-bar .site-header{top:56px}}
@media (max-width:600px){#wpadminbar{position:fixed}}
.sg-editor .site-header{position:relative;inset:auto;padding:16px 0}
.sg-editor .site-header.is-hidden{transform:none}

/* ---------- footer (ElementsKit template) ---------- */
.site-footer--ekit{padding:clamp(80px,9vw,120px) 0 30px}
.site-footer--ekit .elementor-section.sg-f-top{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:60px;margin-bottom:28px}
.site-footer--ekit .elementor-section.sg-f-top > .elementor-container{max-width:calc(var(--maxw) - 2 * var(--gutter) + 20px)}
.site-footer--ekit .elementor-section.sg-f-bottom > .elementor-container{max-width:calc(var(--maxw) - 2 * var(--gutter))}
.site-footer--ekit .f-col{color:#A8BACD}
.site-footer--ekit .f-col h4{color:#fff}
.site-footer--ekit .elementor-widget-container{color:inherit}
@media (max-width:767px){.site-footer--ekit .elementor-section.sg-f-top .elementor-column{margin-bottom:34px}}
.f-brand p{margin:0}

/* ---------- appointment form: server error ---------- */
.form-send-err{grid-column:1/-1;margin:14px 0 0;padding:12px 16px;border-radius:14px;background:#FDECEC;color:#9E2E2E;font-size:14.5px;line-height:1.5}
.form-send-err[hidden]{display:none}

/* ---------- notes for the site editors only (never shown to visitors) ---------- */
body:not(.logged-in) .ph-tag,body:not(.logged-in) .sg-only-editors{display:none!important}

/* ---------- reviews: note visible only to editors when the Trustindex widget is not configured ---------- */
.rv2-admin{margin:16px 0 0;padding:12px 16px;border-radius:14px;background:#FDF3E3;color:#7A541A;font-size:14px;line-height:1.5}
.rv2-admin code{background:rgba(0,0,0,.06);padding:2px 6px;border-radius:6px}

/* ---------- simple pages / posts ---------- */
.legal.entry-content > *:first-child{margin-top:0}
.legal ul,.legal ol{padding-left:22px;margin:0 0 18px}
.legal a{color:var(--blue);text-decoration:underline}
.sg-post{padding:26px 0;border-bottom:1px solid var(--line)}
.sg-post h2{font-size:24px;margin:0 0 8px}
.sg-post a:hover{color:var(--blue)}

/* WordPress core helpers */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.alignleft{float:left;margin:0 24px 16px 0}.alignright{float:right;margin:0 0 16px 24px}.aligncenter{display:block;margin:0 auto}
.wp-caption-text{font-size:14px;color:var(--muted)}

/* ElementsKit header template in the Elementor editor: show the pill header in place, on a light page */
.sg-ekit-header--edit{padding:24px 0 30px;min-height:140px}
.sg-ekit-header--edit .site-header{position:relative;inset:auto}
.sg-ekit-header--edit .mmenu,.sg-ekit-header--edit .progress{display:none}

/* links inside text fields of the final CTA */
.cta-final p a{text-decoration:underline}