/* =========================================================
   AutoveloxKO — WordPress layer
   Elementor wrappers, ElementsKit header/footer, admin bar,
   editor preview, form feedback, singles.
   ========================================================= */

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

/* ---------- logo image (uploaded logo instead of the SVG wordmark) ---------- */
.logo__img{display:block;height:42px;width:auto;max-width:220px;object-fit:contain}
.ftr .logo__img{height:46px}

/* ---------- header (ElementsKit template or built-in) ---------- */
.ako-ekit-header .elementor-section,.ako-ekit-header .e-con{position:static}
.ako-ekit-header .elementor-widget-wrap,.ako-ekit-header .e-con-inner{padding:0!important}
.admin-bar .hdr{top:46px}
.admin-bar .hdr.is-scrolled{top:42px}
@media (max-width:782px){.admin-bar .hdr{top:56px}.admin-bar .hdr.is-scrolled{top:52px}}
@media (max-width:600px){#wpadminbar{position:fixed}}
.ako-ekit-header--edit{padding:24px 0 30px;min-height:140px;background:var(--ink)}
.ako-ekit-header--edit .hdr{position:relative;top:0}
.ako-ekit-header--edit .mmenu,.ako-ekit-header--edit .progress{display:none}

/* ---------- footer (ElementsKit template) ---------- */
.ftr--ekit{padding:clamp(70px,9vw,110px) 0 30px}
.ftr--ekit > .elementor,.ftr--ekit .elementor{position:relative;z-index:1}
.ftr--ekit .elementor-section.ako-f-top{border-bottom:1px solid var(--line-d);padding-bottom:50px}
.ftr--ekit .elementor-section.ako-f-top > .elementor-container,
.ftr--ekit .elementor-section.ako-f-mid > .elementor-container,
.ftr--ekit .elementor-section.ako-f-bottom > .elementor-container{max-width:calc(var(--maxw) - 2 * var(--gut) + 20px)}
.ftr--ekit .ftr__bot{border-top:0}
.ftr--ekit .elementor-widget-container{color:inherit}
@media (max-width:767px){.ftr--ekit .elementor-section.ako-f-top .elementor-column{margin-bottom:34px}}
/* Same side gutter on every footer section (the bottom bar uses Elementor "no gap", which removes the column padding) */
.ftr--ekit .elementor-column-gap-no > .elementor-column > .elementor-widget-wrap{padding-left:15px;padding-right:15px}
.ftr--ekit .elementor-section.ako-f-top .elementor-column:last-child{margin-bottom:0}
/* Footer on tablets/phones: the side gutter lives on the theme wrapper (.ftr--ekit), so no text can touch the
   screen edge whatever padding the Elementor columns get when the footer is edited */
@media (max-width:1024px){
  .ftr--ekit{padding-left:var(--gut);padding-right:var(--gut)}
  .ftr--ekit .elementor-section,.ftr--ekit .elementor-section > .elementor-container{max-width:100%!important;width:100%}
}
@media (max-width:767px){
  .ftr--ekit{margin-left:0;margin-right:0}
  .ftr--ekit .elementor-column > .elementor-widget-wrap,.ftr--ekit .elementor-widget-wrap.elementor-element-populated{padding-left:0!important;padding-right:0!important}
  .ftr--ekit .e-con{--padding-left:0px;--padding-right:0px}
  .ftr--ekit .ftr__bot{padding-top:22px}
}
/* Elementor columns may never be wider than the screen */
.elementor-column,.elementor-widget-wrap,.e-con,.e-con-inner{min-width:0}
.ftr__col h4{font:700 12px var(--f-head);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-d);margin-bottom:18px}
.ftr__col ul{display:grid;gap:10px}
.ftr__col ul a{color:rgba(255,255,255,.85);font-size:15px;transition:color .3s}
.ftr__col ul a:hover{color:var(--sig)}
.ftr__bot .credit{display:inline-flex;align-items:center;gap:8px}
.ftr__bot .credit:hover{color:#fff}

/* ---------- Elementor editor preview: everything visible, no fixed overlays ---------- */
.ako-editor [data-reveal]{opacity:1!important;transform:none!important}
.ako-editor .split-w>span{transform:none!important}
.ako-editor [data-clip]{clip-path:none!important}
.ako-editor .hdr{position:relative;top:0;padding:14px 0;background:var(--ink)}
.ako-editor .cookie,.ako-editor .curtain{display:none}

/* ---------- forms: server error ---------- */
.form-send-err{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 editors only (never shown to visitors) ---------- */
body:not(.logged-in) .ako-only-editors{display:none!important}
.ako-only-editors{margin:16px 0 0;padding:12px 16px;border-radius:14px;background:#FFF4DE;color:#6A4600;font-size:14px;line-height:1.5}

/* ---------- singles ---------- */
.pdfview__obj{display:block;width:100%;height:min(80vh,900px);border-radius:10px;background:#fff}
.video--embed{display:block;aspect-ratio:auto;background:none;margin:28px 0}
.video--embed iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:var(--r)}
.prose img{border-radius:var(--r-s);height:auto}
.prose ul,.prose ol{padding-left:22px;margin:0 0 1.1em}
.art-hero img{width:100%;height:100%;object-fit:cover}

/* ---------- simple pages ---------- */
.legal.entry-content > *:first-child{margin-top:0}
.legal a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--sig);text-decoration-thickness:3px}

/* ---------- 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)}
.nav-links{display:flex;gap:8px;margin-top:30px}
.nav-links .page-numbers{padding:8px 14px;border-radius:10px;background:#fff;border:1px solid var(--line)}
.nav-links .current{background:var(--ink);color:#fff}

/* featured resources: background image chosen in the widget */
#featSec[style*="--feat-bg"] .feat:first-child::before{background-image:var(--feat-bg)}