/* =========================================================================
   Watson's Way ABA — theme layer

   wway.css is the site's design, unchanged from the plugin. This file is
   what a theme needs on top of it: the reading column for posts and legal
   pages, post cards, pagination, search, 404, comments, Elementor pages —
   and a little polish. Same tokens, same shapes; nothing here is a second
   design.
   ========================================================================= */

/* ---------- the sticky header clears WordPress's admin bar ---------- */

.admin-bar.wway-site .head{top:32px}
@media(max-width:782px){.admin-bar.wway-site .head{top:46px}}
@media(max-width:600px){.admin-bar.wway-site .head{top:0}}   /* the bar scrolls away here */

/* ---------- Elementor: full-width pages inside the theme frame ---------- */

.wway-site .site-main{display:block;min-height:40vh}
.wway-site .elementor-widget-wway-section,
.wway-site .elementor-widget-wway-page,
.wway-site .elementor-widget-wway-header,
.wway-site .elementor-widget-wway-footer{width:100%}
.wway-site .elementor-widget-wway-section>.elementor-widget-container,
.wway-site .elementor-widget-wway-page>.elementor-widget-container{margin:0;padding:0}
/* Elementor's own page-title widget area sits in the design's reading width */
.wway-site .elementor-page-title{width:min(1200px,100% - 44px);margin-inline:auto}

/* ---------- the reading column ---------- */

.wway-site .narrow{width:min(760px,100% - 44px);margin-inline:auto}
.wway-site .wway-entry{padding-top:var(--s5)}
.wway-site .wway-prose{font-size:var(--t-base);line-height:1.78;color:var(--body)}
.wway-site .wway-prose>*+*{margin-top:1.15em}
.wway-site .wway-prose p{margin:0}
.wway-site .wway-prose h2{font-size:var(--t-xl);margin-top:1.8em}
.wway-site .wway-prose h3{font-size:var(--t-lg);margin-top:1.6em}
.wway-site .wway-prose h4{font:700 var(--t-md)/1.3 var(--sans);color:var(--ink);margin:1.4em 0 0}
.wway-site .wway-prose h2+*,.wway-site .wway-prose h3+*{margin-top:.6em}
.wway-site .wway-prose ul,.wway-site .wway-prose ol{padding-left:1.3em}
.wway-site .wway-prose li+li{margin-top:.4em}
.wway-site .wway-prose li::marker{color:var(--clay)}
.wway-site .wway-prose a{color:var(--clay-deep);text-decoration:underline;text-underline-offset:.18em;
  text-decoration-thickness:1px;transition:color .2s,text-decoration-color .2s}
.wway-site .wway-prose a:hover{text-decoration-thickness:2px}
.wway-site .wway-prose strong{color:var(--ink)}
.wway-site .wway-prose blockquote{margin-inline:0;padding:20px 26px;background:var(--sand);
  border-radius:var(--r-md);color:var(--ink);font:500 var(--t-md)/1.6 var(--display)}
.wway-site .wway-prose img,.wway-site .wway-prose figure img{border-radius:var(--r-md);height:auto}
.wway-site .wway-prose figure{margin-inline:0}
.wway-site .wway-prose figcaption{font-size:var(--t-sm);color:var(--mute);margin-top:8px}
.wway-site .wway-prose hr{border:0;height:2px;background:var(--line);margin:2em 0}
.wway-site .wway-prose table{width:100%;border-collapse:collapse;font-size:var(--t-sm)}
.wway-site .wway-prose th,.wway-site .wway-prose td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
.wway-site .wway-prose code{background:var(--sand);padding:2px 6px;border-radius:6px;font-size:.92em}
.wway-site .wway-prose .alignwide{width:min(1100px,100vw - 44px);margin-inline:calc(50% - min(550px,50vw - 22px))}
.wway-site .wway-prose .alignfull{width:100vw;margin-inline:calc(50% - 50vw);border-radius:0}

.wway-site .wway-feature{margin:0 auto var(--s4);max-width:1000px}
.wway-site .wway-feature img{width:100%;aspect-ratio:16/9;object-fit:cover}

.wway-site .wway-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:var(--s4)}
.wway-site .wway-tags .chip{background:var(--clay-wash);color:var(--clay-deep);text-decoration:none}

.wway-site .wway-postnav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:var(--s4)}
.wway-site .wway-postnav a{display:block;height:100%;padding:18px 20px;background:var(--shell);
  border-radius:var(--r-md);text-decoration:none;color:var(--ink);font:600 16px/1.35 var(--display);
  box-shadow:0 14px 32px -28px rgba(42,33,28,.5);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.wway-site .wway-postnav a:hover{transform:translateY(-3px);box-shadow:var(--lift)}
.wway-site .wway-postnav small{display:block;font:700 11px/1 var(--sans);letter-spacing:.12em;
  text-transform:uppercase;color:var(--mute);margin-bottom:8px}
.wway-site .wway-postnav span:last-child a{text-align:right}

/* ---------- post cards, pagination, search ---------- */

.wway-site .wway-cards{margin-bottom:var(--s4)}
.wway-site .wway-card .bt-where{margin-bottom:10px}

.wway-site .wway-pages ul{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.wway-site .wway-pages a,.wway-site .wway-pages span.page-numbers,.wway-site .wway-pages .post-page-numbers{
  display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:46px;padding:0 16px;
  border-radius:var(--r-pill);background:var(--shell);color:var(--ink);text-decoration:none;font-weight:600;
  box-shadow:0 10px 24px -20px rgba(42,33,28,.5);transition:background .25s,color .25s,transform .25s var(--ease)}
.wway-site .wway-pages a:hover{background:var(--clay-wash);color:var(--clay-deep);transform:translateY(-2px)}
.wway-site .wway-pages .current{background:var(--clay);color:#fff}

.wway-site .wway-search{display:flex;align-items:center;gap:10px;background:var(--shell);
  border-radius:var(--r-pill);padding:6px 6px 6px 20px;box-shadow:var(--lift);max-width:620px;margin:0 auto var(--s5)}
.wway-site .wway-search .ico{color:var(--mute);width:20px;height:20px}
.wway-site .wway-search input{flex:1 1 auto;border:0;background:transparent;font:400 16px/1.4 var(--sans);
  color:var(--ink);padding:12px 4px;min-width:0}
.wway-site .wway-search input:focus{outline:none}
.wway-site .wway-search:focus-within{box-shadow:0 0 0 3px var(--sun-cta),var(--lift)}
.wway-site .wway-search .btn{min-height:48px;padding:12px 24px}

.wway-site .wway-empty{text-align:center;max-width:640px;margin:0 auto}
.wway-site .wway-empty .lede{margin:14px auto var(--s4)}
.wway-site .wway-empty .wway-search{margin-bottom:var(--s3)}

.wway-site .wway-404{text-align:center}
.wway-site .wway-404-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:var(--s5)}

.wway-site .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}

/* ---------- comments ---------- */

.wway-site .wway-comments{margin-top:var(--s5);padding-top:var(--s4);border-top:2px solid var(--line)}
.wway-site .wway-comment-list{list-style:none;margin:0 0 var(--s4);padding:0;display:grid;gap:14px}
.wway-site .wway-comment-list .comment-body{background:var(--shell);border-radius:var(--r-md);padding:18px 20px;
  box-shadow:0 12px 28px -26px rgba(42,33,28,.5)}
.wway-site .wway-comment-list .children{list-style:none;margin:12px 0 0 24px;padding:0;display:grid;gap:12px}
.wway-site .comment-author{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--ink)}
.wway-site .comment-author img{border-radius:50%;display:inline-block}
.wway-site .comment-metadata{font-size:13px;color:var(--mute);margin:4px 0 10px}
.wway-site .comment-metadata a{color:inherit;text-decoration:none}
.wway-site .comment-respond{margin-top:var(--s3)}
.wway-site .comment-form p{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.wway-site .comment-form label{font:700 14px/1 var(--sans);color:var(--ink)}
.wway-site .comment-form input:not([type=checkbox]):not([type=submit]),.wway-site .comment-form textarea{
  font:400 16px/1.55 var(--sans);color:var(--ink);background:var(--shell);border:2px solid var(--line);
  border-radius:var(--r-sm);padding:12px 14px;width:100%}
.wway-site .comment-form input:focus,.wway-site .comment-form textarea:focus{outline:none;border-color:var(--clay)}
.wway-site .comment-form-cookies-consent{flex-direction:row!important;align-items:center}

/* ---------- fixes carried over from the plugin's stylesheet ---------- */

/* The footer note is a .wrap, but its own margin:0 cancelled the centring,
   so the line sat flush against the left edge of the window. */
.wway-site .foot-note.wrap{margin-inline:auto}

/* Back and Continue sit side by side instead of stacking full width. */
.wway-site .wway-steps .step-nav .btn{width:auto}
.wway-site .wway-steps .step-nav .step-back{flex:0 0 auto}
.wway-site .wway-steps .step-nav .step-next,
.wway-site .wway-steps .step-nav .step-send{flex:1 1 auto}

/* ---------- polish ---------- */

/* Selection and the scrollbar in the brand's own colours. */
.wway-site ::selection{background:var(--sun-cta);color:var(--ink)}
html:has(body.wway-site){scrollbar-color:var(--clay) var(--sand)}

/* The mega menu's cards arrive one after another rather than all at once. */
.wway-site .has-mega .mcard{opacity:0;transform:translateY(8px);
  transition:opacity .35s var(--ease),transform .35s var(--ease),background .25s var(--ease)}
.wway-site .has-mega.is-open .mcard{opacity:1;transform:none}
.wway-site .has-mega.is-open .mcard:nth-child(2){transition-delay:.03s}
.wway-site .has-mega.is-open .mcard:nth-child(3){transition-delay:.06s}
.wway-site .has-mega.is-open .mcard:nth-child(4){transition-delay:.09s}
.wway-site .has-mega.is-open .mcard:nth-child(5){transition-delay:.12s}
.wway-site .has-mega.is-open .mcard:nth-child(6){transition-delay:.15s}
.wway-site .has-mega.is-open .mcard:nth-child(n+7){transition-delay:.18s}
@media(max-width:900px){
  .wway-site .has-mega .mcard{opacity:1;transform:none}
}

/* A softer focus ring that still meets contrast: gold halo, brand outline. */
.wway-site .btn:focus-visible{outline:3px solid var(--clay);outline-offset:3px;box-shadow:0 0 0 6px rgba(255,201,60,.45)}

/* Form fields lift gently when focused. */
.wway-site .field input:focus,.wway-site .field textarea:focus,.wway-site .wway-steps select:focus{
  box-shadow:0 10px 24px -18px rgba(139,0,0,.55)}

/* ---------- back to top ---------- */

.wway-top{position:fixed;left:14px;bottom:14px;z-index:9995;width:46px;height:46px;border-radius:50%;
  border:0;display:grid;place-items:center;cursor:pointer;
  background:#8B0000;color:#fff;box-shadow:0 14px 30px -16px rgba(42,33,28,.7);
  opacity:0;visibility:hidden;transform:translateY(12px) scale(.9);
  transition:opacity .3s ease,transform .35s cubic-bezier(.22,1,.36,1),visibility .3s,background .25s}
.wway-top.is-on{opacity:1;visibility:visible;transform:none}
.wway-top:hover{background:#6E0000}
.wway-top:focus-visible{outline:3px solid #FFC93C;outline-offset:3px}
.wway-top svg{width:20px;height:20px}

@media(max-width:700px){
  .wway-site .wway-postnav{grid-template-columns:1fr}
  .wway-site .wway-postnav span:last-child a{text-align:left}
  .wway-site .wway-search{flex-wrap:wrap;border-radius:var(--r-lg);padding:10px}
  .wway-site .wway-search .btn{flex:1 1 100%}
}

@media(prefers-reduced-motion:reduce){
  .wway-site .has-mega .mcard{opacity:1;transform:none;transition:none}
  .wway-top{transition:none}
}

@media print{
  .wway-top{display:none!important}
}