/*
Theme Name: Chatterbait FR
Theme URI: https://chatterbait.fr
Description: Thème éditorial sombre dédié à la pêche au chatterbait
Version: 4.0
Author: Chatterbait.fr
Text Domain: chatterbait
*/

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --black:#0d0f12;--dark:#13161b;--charcoal:#1a1d24;--steel:#2a2d35;
  --muted:#7a7f8a;--light:#c8ccd4;--white:#f0f1f3;
  --amber:#e8a020;--amber-h:#f0b840;
  --green:#1d6e3f;--blue:#2d5da1;--red:#d94040;
  --fh:'Oswald',sans-serif;--fb:'DM Sans',sans-serif;--fm:'JetBrains Mono',monospace;
}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--dark);color:var(--light);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--amber);text-decoration:none;transition:color .2s}a:hover{color:var(--amber-h)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{font-family:var(--fh);color:var(--white);font-weight:700;line-height:1.2}

/* LAYOUT */
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
.wrap--wide{max-width:1400px}

/* TOPBAR */
.topbar{background:var(--black);border-bottom:1px solid var(--steel);padding:8px 0;font-size:.8rem;color:var(--muted);text-align:center}

/* HEADER */
.header{background:var(--charcoal);border-bottom:3px solid var(--amber);position:sticky;top:0;z-index:1000}
.header.scrolled{box-shadow:0 4px 20px rgba(0,0,0,.4)}
.header__inner{display:flex;align-items:center;justify-content:space-between;height:70px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--white);flex-shrink:0}
.logo__icon{width:40px;height:40px;background:var(--amber);display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.logo__text{font-family:var(--fh);font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.logo__text span{color:var(--amber)}
.logo__sub{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.nav{display:flex;align-items:center}
.nav__link{display:block;padding:0 16px;height:70px;line-height:70px;color:var(--light);font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s;white-space:nowrap}
.nav__link:hover,.nav__link.active{color:var(--amber);background:rgba(232,160,32,.06)}
.dropdown{position:relative}
.dropdown__menu{position:absolute;top:100%;left:0;min-width:200px;background:var(--charcoal);border:1px solid var(--steel);border-top:2px solid var(--amber);opacity:0;visibility:hidden;transform:translateY(8px);transition:all .25s;z-index:100}
.dropdown:hover .dropdown__menu{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown__menu a{display:block;padding:12px 20px;color:var(--light);font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.04)}
.dropdown__menu a:hover{background:rgba(232,160,32,.08);color:var(--amber)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.burger span{display:block;width:24px;height:2px;background:var(--white);transition:all .3s}
@media(max-width:900px){
  .burger{display:flex}
  .nav{position:fixed;top:70px;left:0;right:0;bottom:0;background:var(--charcoal);flex-direction:column;align-items:stretch;padding:20px 0;transform:translateX(100%);transition:transform .3s;overflow-y:auto;z-index:999}
  .nav.open{transform:translateX(0)}
  .nav__link{height:auto;line-height:1.4;padding:14px 24px}
  .dropdown__menu{position:static;opacity:1;visibility:visible;transform:none;border:none;background:var(--dark)}
  .dropdown__menu a{padding-left:40px}
}

/* BREADCRUMB */
.breadcrumb{padding:14px 0;font-size:.78rem;color:var(--muted);background:var(--black);border-bottom:1px solid rgba(255,255,255,.04)}
.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--amber)}
.breadcrumb .sep{margin:0 8px;opacity:.4}

/* BADGES */
.badge{display:inline-block;padding:4px 12px;font-family:var(--fh);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--white);text-decoration:none}
.badge--chatterbait{background:#c45e12}
.badge--brochet{background:var(--green)}
.badge--black-bass{background:var(--blue)}
.badge--cannes{background:#8b5a2b}
.badge--moulinets{background:#5a5a5a}
.badge--fil{background:#6b3fa0}
.badge--tests,.badge--tests---avis{background:var(--red)}
.badge--technique{background:var(--amber);color:var(--black)}
.badge--conseils{background:#2a7a6a}
.badge--actualite{background:#555}

/* BUTTONS */
.btn{display:inline-block;padding:12px 28px;background:var(--amber);color:var(--black);font-family:var(--fh);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;border:none;cursor:pointer;transition:all .2s}
.btn:hover{background:var(--amber-h);color:var(--black);transform:translateY(-2px)}
.btn--block{display:block;width:100%;text-align:center}
.btn--outline{background:transparent;border:2px solid var(--amber);color:var(--amber)}
.btn--outline:hover{background:var(--amber);color:var(--black)}
.btn--big{padding:16px 32px;font-size:1rem}

/* SECTION LABELS */
.slabel{font-family:var(--fm);font-size:.78rem;color:var(--amber);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:8px}
.stitle{font-size:clamp(1.4rem,3vw,1.8rem);text-transform:uppercase;letter-spacing:.05em;margin-bottom:30px}

/* GRIDS */
.g2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:900px){.g2,.g3{grid-template-columns:1fr}}

/* ========== HOMEPAGE: CAROUSEL ========== */
.carousel{padding:50px 0 40px;background:var(--black)}
.carousel__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:0 24px;max-width:1400px;margin-left:auto;margin-right:auto}
.carousel__arrows{display:flex;gap:8px}
.carousel__arrow{width:42px;height:42px;background:var(--charcoal);border:1px solid var(--steel);color:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1.2rem}
.carousel__arrow:hover{background:var(--amber);color:var(--black);border-color:var(--amber)}
.carousel__track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 24px 10px;max-width:1400px;margin:0 auto}
.carousel__track::-webkit-scrollbar{display:none}
.carousel__card{flex:0 0 340px;scroll-snap-align:start;background:var(--charcoal);overflow:hidden;transition:transform .3s}
.carousel__card:first-child{flex:0 0 500px}
.carousel__card:hover{transform:translateY(-6px)}
.carousel__card a{display:block;text-decoration:none;color:var(--white)}
.carousel__img{position:relative;height:210px;overflow:hidden;background:var(--steel)}
.carousel__card:first-child .carousel__img{height:300px}
.carousel__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.carousel__card:hover .carousel__img img{transform:scale(1.05)}
.carousel__img .badge{position:absolute;top:12px;left:12px}
.carousel__score{position:absolute;top:12px;right:12px;background:var(--amber);color:var(--black);padding:4px 10px;font-family:var(--fh);font-weight:700;font-size:.85rem}
.carousel__body{padding:18px 20px}
.carousel__title{font-family:var(--fh);font-size:1.05rem;font-weight:700;line-height:1.3;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.carousel__card:first-child .carousel__title{font-size:1.25rem}
.carousel__meta{font-size:.78rem;color:var(--muted);display:flex;align-items:center;gap:12px}
.carousel__price{color:var(--amber);font-weight:700}
@media(max-width:768px){
  .carousel__card{flex:0 0 280px}.carousel__card:first-child{flex:0 0 300px}
  .carousel__img{height:180px}.carousel__card:first-child .carousel__img{height:200px}
}

/* ========== HOMEPAGE: SPECIES SPLIT ========== */
.species{padding:70px 0;background:var(--dark)}
.species__heading{text-align:center;margin-bottom:40px}
.species__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.species__card{position:relative;display:flex;align-items:center;justify-content:center;min-height:360px;overflow:hidden;text-decoration:none;color:var(--white);transition:transform .3s}
.species__card:hover{transform:scale(1.02);color:var(--white)}
.species__overlay{position:absolute;inset:0}
.species__card--brochet .species__overlay{background:linear-gradient(135deg,rgba(29,110,63,.88),rgba(13,15,18,.92))}
.species__card--bass .species__overlay{background:linear-gradient(135deg,rgba(45,93,161,.88),rgba(13,15,18,.92))}
.species__content{position:relative;z-index:2;padding:50px 40px;text-align:center}
.species__icon{font-size:3rem;display:block;margin-bottom:12px}
.species__name{font-size:2.2rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}
.species__desc{font-size:.95rem;color:rgba(255,255,255,.75);max-width:340px;margin:0 auto 18px;line-height:1.6}
.species__count{display:inline-block;padding:4px 14px;background:rgba(255,255,255,.1);font-size:.78rem;color:rgba(255,255,255,.6);margin-bottom:18px}
.species__cta{display:block;font-family:var(--fh);font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.06em;color:var(--amber);transition:letter-spacing .3s}
.species__card:hover .species__cta{letter-spacing:.14em}
@media(max-width:768px){
  .species__grid{grid-template-columns:1fr}.species__card{min-height:260px}.species__name{font-size:1.6rem}
}

/* ========== ARTICLE CARD ========== */
.card{background:var(--charcoal);overflow:hidden;transition:transform .3s}
.card:hover{transform:translateY(-4px)}
.card__img{position:relative;height:200px;overflow:hidden;background:var(--steel)}
.card__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.card:hover .card__img img{transform:scale(1.05)}
.card__img .badge{position:absolute;top:12px;left:12px}
.card__body{padding:20px}
.card__title{font-family:var(--fh);font-size:1.05rem;font-weight:700;line-height:1.3;margin-bottom:8px}
.card__title a{color:var(--white);text-decoration:none}.card__title a:hover{color:var(--amber)}
.card__excerpt{font-size:.88rem;color:var(--muted);line-height:1.6;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card__meta{font-size:.78rem;color:var(--muted);display:flex;align-items:center;gap:12px}
.card__more{display:inline-block;margin-top:10px;font-family:var(--fh);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--amber)}

/* ========== REVIEW CARD (horizontal) ========== */
.rcard{display:grid;grid-template-columns:180px 1fr;background:var(--charcoal);overflow:hidden;transition:transform .3s}
.rcard:hover{transform:translateY(-4px)}
.rcard__img{background:#fff;display:flex;align-items:center;justify-content:center;padding:16px}
.rcard__img img{max-height:160px;object-fit:contain}
.rcard__body{padding:20px}
.rcard__badge{display:inline-block;padding:3px 10px;background:var(--red);font-family:var(--fh);font-size:.68rem;font-weight:700;text-transform:uppercase;color:var(--white);margin-bottom:8px}
.rcard__title{font-family:var(--fh);font-size:1.05rem;font-weight:700;margin-bottom:8px}
.rcard__title a{color:var(--white);text-decoration:none}.rcard__title a:hover{color:var(--amber)}
.rcard__stats{display:flex;align-items:center;gap:16px;margin-bottom:8px}
.rcard__score{font-family:var(--fh);font-size:1.4rem;font-weight:700;color:var(--amber)}
.rcard__score small{font-size:.7rem;color:var(--muted)}
.rcard__price{font-weight:700;color:var(--white)}
.rcard__pros{list-style:none;padding:0;margin:0;font-size:.82rem}
.rcard__pros li{color:var(--muted);padding:2px 0}
.rcard__pros li::before{content:"✔ ";color:#4ade80;font-weight:700}
@media(max-width:640px){.rcard{grid-template-columns:1fr}.rcard__img{height:180px}}

/* ========== NEWSLETTER ========== */
.newsletter{padding:70px 0;background:var(--black)}
.newsletter__box{background:var(--charcoal);padding:50px;text-align:center;border-left:4px solid var(--amber)}
.newsletter__box p{color:var(--muted);max-width:480px;margin:8px auto 24px}
.newsletter__form{display:flex;gap:10px;max-width:440px;margin:0 auto}
.newsletter__form input[type="email"]{flex:1;padding:14px 18px;background:var(--dark);border:1px solid var(--steel);color:var(--white);font-family:var(--fb);font-size:.9rem}
.newsletter__form input::placeholder{color:var(--muted)}
.newsletter__form input:focus{outline:none;border-color:var(--amber)}
@media(max-width:500px){.newsletter__form{flex-direction:column}.newsletter__box{padding:30px 20px}}

/* ========== SINGLE ARTICLE ========== */
.article-header{padding:50px 0 30px;background:var(--black)}
.article-header__title{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;line-height:1.15;margin:10px 0 16px}
.article-header__meta{font-size:.82rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px}
.article-header__disclosure{margin-top:16px;padding:10px 16px;background:rgba(232,160,32,.07);border-left:3px solid var(--amber);font-size:.78rem;color:var(--muted)}
.article-hero{background:var(--black);padding-bottom:30px}
.article-hero img{width:100%}

/* 2-column layout: content + sidebar */
.article-layout{display:grid;grid-template-columns:1fr;gap:40px;padding:40px 0 60px}
.article-layout--sidebar{grid-template-columns:1fr 340px}
@media(max-width:1024px){
  .article-layout--sidebar{grid-template-columns:1fr}
  .psidebar{display:block !important}
}

/* Content typography */
.content h2{font-size:1.35rem;text-transform:uppercase;letter-spacing:.03em;margin:40px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--amber)}
.content h3{font-size:1.1rem;margin:30px 0 10px}
.content p{margin-bottom:18px}
.content img{margin:24px 0}
.content ul,.content ol{margin:16px 0;padding-left:24px}
.content li{margin-bottom:6px}
.content blockquote{border-left:4px solid var(--amber);padding:16px 24px;background:rgba(232,160,32,.05);margin:24px 0;font-style:italic}

/* Tags & share */
.article-tags{display:flex;flex-wrap:wrap;gap:6px;margin:30px 0}
.tag{padding:4px 14px;background:var(--charcoal);color:var(--muted);font-size:.78rem;text-decoration:none}.tag:hover{color:var(--amber)}
.article-share{padding:20px 0;border-top:1px solid var(--steel);margin-top:30px;font-size:.85rem;display:flex;align-items:center;gap:16px}

/* ========== EN BREF (inline card, gravelpassion style) ========== */
.enbref{margin:24px 0 40px;background:var(--charcoal);border:1px solid var(--steel);overflow:hidden}
.enbref__head{padding:14px 20px;font-weight:700;font-size:1rem;color:var(--white);border-bottom:1px solid var(--steel)}
.enbref__inner{display:block;padding:20px;text-decoration:none;color:var(--white);transition:background .2s}
.enbref__inner:hover{background:rgba(232,160,32,.04);color:var(--white)}
.enbref__row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px}
.enbref__info{flex:1}
.enbref__name{font-family:var(--fh);font-size:1.15rem;font-weight:800;margin-bottom:6px;color:var(--white)}
.enbref__price{font-size:1.1rem;font-weight:800;color:var(--amber);margin-right:10px}
.enbref__stock{font-size:.78rem;color:#4ade80;font-weight:600}
.enbref__thumb{flex:0 0 100px;width:100px;height:100px;background:#fff;display:flex;align-items:center;justify-content:center;padding:8px}
.enbref__thumb img{max-width:100%;max-height:100%;object-fit:contain}
.enbref__stars{display:flex;align-items:center;gap:2px;margin-bottom:6px}
.star--full{color:var(--amber);font-size:1.1rem}
.star--half{color:var(--amber);font-size:1.1rem;opacity:.5}
.star--empty{color:var(--steel);font-size:1.1rem}
.enbref__score-text{font-size:.78rem;color:var(--muted);margin-left:6px;font-weight:600}
.enbref__quote{font-style:italic;font-size:.92rem;color:var(--light);margin:8px 0}
.enbref__cta{display:inline-block;margin-top:12px;padding:10px 28px;background:var(--amber);color:var(--black);font-family:var(--fh);font-weight:800;font-size:.88rem;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:background .2s}
.enbref__cta:hover{background:var(--amber-h);color:var(--black)}
.enbref__specs{margin-top:10px;padding-top:10px;border-top:1px solid var(--steel);font-size:.8rem;color:var(--muted);font-family:var(--fm)}
.enbref__list{padding:14px 20px;border-top:1px solid var(--steel)}
.enbref__list strong{display:block;font-size:.82rem;color:var(--light);margin-bottom:6px}
.enbref__list ul{list-style:none;padding:0;margin:0}
.enbref__list li{padding:3px 0;font-size:.88rem;color:var(--light)}
.pro-i{color:#4ade80;font-weight:700;margin-right:8px}
.con-i{color:#f87171;font-weight:700;margin-right:8px}

/* ========== PRODUCT SIDEBAR (sticky, with affiliate CTA) ========== */
.psidebar{display:block}
.psidebar__stick{position:sticky;top:90px;background:var(--charcoal);border:1px solid var(--steel);padding:0;overflow:hidden}
.psidebar__img{background:#fff;padding:20px;text-align:center}
.psidebar__img img{max-height:220px;object-fit:contain;margin:0 auto}
.psidebar__content{padding:24px}
.psidebar__name{font-family:var(--fh);font-size:1.1rem;font-weight:800;margin-bottom:6px;color:var(--white)}
.psidebar__quote{font-style:italic;font-size:.82rem;color:var(--muted);margin-bottom:16px;line-height:1.5}
.psidebar__score-row{display:flex;align-items:baseline;margin-bottom:4px}
.psidebar__score-big{font-family:var(--fh);font-size:3rem;font-weight:800;color:var(--amber);line-height:1}
.psidebar__score-max{font-size:1rem;color:var(--muted);font-weight:600;margin-left:4px}
.psidebar__stars{display:flex;gap:2px;margin-bottom:16px}
.psidebar__price{font-size:1.3rem;font-weight:800;color:var(--amber);margin-bottom:20px;display:block}
.psidebar__list{margin-bottom:16px}
.psidebar__list strong{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px}
.psidebar__list ul{list-style:none;padding:0;margin:0}
.psidebar__list li{padding:4px 0;font-size:.85rem;color:var(--light)}
.psidebar__cta{display:block;width:100%;padding:16px 20px;background:var(--amber);color:var(--black);font-family:var(--fh);font-weight:800;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;text-align:center;text-decoration:none;border:none;cursor:pointer;transition:background .2s;margin-top:16px}
.psidebar__cta:hover{background:var(--amber-h);color:var(--black)}
.psidebar__disclaimer{font-size:.7rem;color:var(--muted);text-align:center;margin-top:12px;padding:0 4px}

/* On mobile: sidebar becomes a block under en bref instead of hidden */
@media(max-width:1024px){
  .article-layout--sidebar{grid-template-columns:1fr}
  .psidebar__stick{position:static}
}

/* ========== GENERIC SIDEBAR WIDGETS ========== */
.sw{background:var(--charcoal);padding:24px;margin-bottom:24px}
.sw__title{font-family:var(--fh);font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--amber)}
.sw ul{list-style:none;padding:0;margin:0}
.sw li{border-bottom:1px solid rgba(255,255,255,.04)}
.sw li a{display:block;padding:10px 0;color:var(--light);font-size:.88rem}.sw li a:hover{color:var(--amber)}
.pop-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.pop-num{font-family:var(--fh);font-size:1.4rem;font-weight:800;color:var(--steel);flex-shrink:0;width:30px}
.pop-title{font-size:.85rem;line-height:1.4}
.pop-title a{color:var(--light);text-decoration:none}.pop-title a:hover{color:var(--amber)}

/* ========== ARCHIVE / CATEGORY ========== */
.archive-header{padding:50px 0 30px;background:var(--black)}
.archive-header__title{font-size:clamp(1.5rem,4vw,2rem);text-transform:uppercase;letter-spacing:.06em}
.archive-layout{display:grid;grid-template-columns:1fr 320px;gap:40px;padding:40px 0 60px}
@media(max-width:900px){.archive-layout{grid-template-columns:1fr}}

/* Pagination */
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:40px}
.pagination a,.pagination span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--charcoal);border:1px solid var(--steel);color:var(--light);font-size:.88rem;text-decoration:none;transition:all .2s}
.pagination a:hover,.pagination .current{background:var(--amber);color:var(--black);border-color:var(--amber)}
.pagination .current{font-weight:700}

/* ========== FOOTER ========== */
.footer{background:var(--black);border-top:3px solid var(--amber);padding:50px 0 0}
.footer__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:40px}
.footer__col h4{font-family:var(--fh);font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;color:var(--amber)}
.footer__col ul{list-style:none;padding:0;margin:0}.footer__col li{margin-bottom:8px}
.footer__col a{color:var(--muted);font-size:.85rem}.footer__col a:hover{color:var(--amber)}
.footer__col p{font-size:.85rem;color:var(--muted);line-height:1.6}
.footer__bottom{border-top:1px solid var(--steel);padding:20px 0;text-align:center;font-size:.78rem;color:var(--muted)}
@media(max-width:768px){.footer__grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.footer__grid{grid-template-columns:1fr}}

/* ABOUT */
.about-hero{padding:60px 0;background:var(--black);text-align:center}
.about-hero__title{font-size:clamp(1.8rem,5vw,2.6rem);text-transform:uppercase;letter-spacing:.06em}
.about-stats{display:flex;justify-content:center;gap:50px;margin-top:30px}
.about-stat__num{font-family:var(--fh);font-size:2.4rem;font-weight:800;color:var(--amber);display:block}
.about-stat__label{font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}

/* 404 */
.page-404{padding:100px 0;text-align:center;background:var(--black);min-height:60vh;display:flex;align-items:center;justify-content:center}
.page-404__num{font-family:var(--fh);font-size:8rem;font-weight:800;color:var(--steel);line-height:1}
.page-404__title{font-size:1.4rem;margin:16px 0 24px}

/* SEARCH */
.search-inline{display:flex;gap:10px;margin-bottom:30px;max-width:500px}
.search-inline input[type="search"]{flex:1;padding:12px 16px;background:var(--charcoal);border:1px solid var(--steel);color:var(--white);font-family:var(--fb);font-size:.9rem}
.search-inline input:focus{outline:none;border-color:var(--amber)}

/* SCROLL TOP */
.scroll-top{position:fixed;bottom:30px;right:30px;width:46px;height:46px;background:var(--amber);color:var(--black);display:flex;align-items:center;justify-content:center;font-size:1.3rem;cursor:pointer;border:none;opacity:0;visibility:hidden;transition:all .3s;z-index:999}
.scroll-top.show{opacity:1;visibility:visible}
.scroll-top:hover{background:var(--amber-h);transform:translateY(-3px)}

/* WP */
.alignleft{float:left;margin-right:24px;margin-bottom:16px}
.alignright{float:right;margin-left:24px;margin-bottom:16px}
.aligncenter{display:block;margin:30px auto}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}