/*
 * WebLab theme: native block mappings, inner-page layout and admin-bar offsets.
 * Loaded after site.css on the front end and in the editor.
 */

/* ---------- Native buttons use the same look as .wl-btn ---------- */
.wp-block-buttons{gap:.85rem}
.wp-block-button .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:.8rem 1.5rem;border-radius:999px;border:2px solid var(--navy);background:var(--navy);color:var(--ivory);font:700 .98rem/1.2 var(--font-body);text-decoration:none;transition:background .18s,color .18s,border-color .18s}
.wp-block-button .wp-block-button__link:hover{background:var(--teal-ink);border-color:var(--teal-ink);color:#fff}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--navy);border:2px solid var(--navy)}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--navy);border-color:var(--navy);color:var(--ivory)}
.wp-block-button.is-style-aqua .wp-block-button__link{background:var(--aqua);border-color:var(--aqua);color:var(--navy)}
.wp-block-button.is-style-aqua .wp-block-button__link:hover{background:#fff;border-color:#fff;color:var(--navy)}
.wp-block-button.is-style-ghost-light .wp-block-button__link{background:transparent;border-color:var(--ivory);color:var(--ivory)}
.wp-block-button.is-style-ghost-light .wp-block-button__link:hover{background:var(--ivory);border-color:var(--ivory);color:var(--navy)}

/* ---------- Native blocks inside WebLab components ---------- */
.wp-site-blocks{overflow-x:clip}
.wp-site-blocks>header,.wp-site-blocks>footer{margin:0}
.wl-main{display:block}
.wp-block-group.wl-container,.wp-block-group.wl-section{margin-block:0}
.wl-lede.wp-block-paragraph,p.wl-lede{margin-bottom:1.5rem}
.wl-notes>h3{margin:0}
.wl-notes ul.wp-block-list{list-style:none}
.wl-principles.wp-block-list{padding:0}
.wl-principles li{list-style:none}
.wl-faq .wp-block-details{margin:0}
.wl-faq .wp-block-details summary{margin:0}

/* ---------- Inner pages ---------- */
.wl-prose{max-width:46rem;margin-inline:auto;padding-block:1rem var(--section-y)}
.wl-prose>*+*{margin-top:1rem}
.wl-prose h2{margin-top:2.25rem;font-size:1.6rem}
.wl-prose h3{margin-top:1.75rem}
.wl-prose ul,.wl-prose ol{padding-left:1.4rem}
.wl-tool-body{padding-block:0 var(--section-y)}
.wl-tool-body>.wl-tool-lede{max-width:46rem}
.wl-page-head .wp-block-post-title{margin-bottom:.4em}
.wl-notfound{padding-block:var(--section-y);text-align:left}

/* ---------- Admin bar offsets for the sticky header ---------- */
body.admin-bar .wl-header{top:32px}
@media (max-width:782px){body.admin-bar .wl-header{top:46px}}
@media (max-width:600px){body.admin-bar .wl-header{top:0}}
body.admin-bar{--header-h:72px}

/* ---------- Editor ---------- */
.editor-styles-wrapper{background:var(--ivory);color:var(--navy);font-family:var(--font-body)}
.editor-styles-wrapper .wl-header{position:static}
.wl-site-part{display:contents}