/*
  NILwireless theme: maps WordPress block markup onto site.css.
  site.css is the same file as the static build. Keep design changes there;
  this file only covers wrappers that WordPress adds.
*/

/* Root and template parts */
.wp-site-blocks{padding:0}
:where(.wp-site-blocks) > *{margin-block:0}
header.wp-block-template-part{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:20}
.hdr{position:relative;top:auto}
.wp-site-blocks a:where(:not(.wp-element-button)){text-decoration:none}

/* Images: WordPress wraps <img> in <figure class="wp-block-image ...">. */
.wp-block-image{margin:0}
.wp-block-image img{display:block;max-width:100%;height:auto}
.hero-media>.wp-block-image img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:var(--r-panel)}
.wp-block-image.story-img,.wp-block-image.photo{overflow:hidden}
.wp-block-image.story-img img{width:100%;height:100%;object-fit:cover}
.wp-block-image.photo img{width:100%;height:100%;object-fit:cover;object-position:28% 50%}
.band>.band-bg{position:absolute;inset:0;margin:0}
.band>.band-bg img{width:100%;height:100%;object-fit:cover;object-position:78% 40%;opacity:.55;filter:grayscale(1)}
.wp-block-image.band-logo img{height:28px;width:auto}

/* Buttons: core Button block markup gets the .btn look. */
.wp-block-buttons.btns{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.wp-block-button{margin:0}
.btns .wp-block-button__link{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:13px 24px;font-family:inherit;font-weight:600;font-size:1rem;line-height:1.2;letter-spacing:normal;text-decoration:none;border:1.5px solid var(--ink);background:var(--ink);color:var(--on-dark);box-shadow:none;transition:background .15s,border-color .15s}
.btns .wp-block-button__link:hover{background:#1F1F1E;border-color:#1F1F1E;color:var(--on-dark)}
.btns .wp-block-button.ghost .wp-block-button__link{background:transparent;color:var(--ink);border-color:#C9CED4}
.btns .wp-block-button.ghost .wp-block-button__link:hover{border-color:var(--ink)}
.btns .wp-block-button.light .wp-block-button__link{background:var(--on-dark);color:var(--ink);border-color:var(--on-dark)}
.btns .wp-block-button.light .wp-block-button__link:hover{background:#fff}

/* Paragraph used for the option number (a <span> in the static build). */
p.opt-n{color:var(--blue)}

/* Generic pages (templates/index.html) */
.page-main .wp-block-post-title{margin-bottom:24px}
.page-content > * + *{margin-top:1em}

@media (max-width:700px){
  .hero .btns{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
  .hero .btns .wp-block-button__link{width:100%;justify-content:center}
}