/*
Theme Name: Shubh Trading Academy Blog
Theme URI: https://shubhtradingacademy.com/blog/
Author: Pixels Corp
Author URI: https://shubhtradingacademy.com
Description: Custom blog theme for Shubh Trading Academy, built to match the main site's design system. SEO and AI-Overview optimized, with full Gutenberg block support (tables, quotes, images, columns) and multi-author support.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: shubh-blog
*/

/* ===================== Design tokens (same as main site) ===================== */
:root{
  --bg:#F5F5F5;
  --paper:#FFFFFF;
  --ink:#171d2e;
  --ink-soft:#4a5169;
  --blue:#2d5fde;
  --blue-deep:#1f47b3;
  --sky:#64B5F6;
  --gold:#c9a24b;
  --gold-bright:#e6c569;
  --bull:#a5211f;
  --bull-bright:#d5352b;
  --teal:#1fb6a3;
  --line:#e2e4ea;
  --hero-bg1:#0a0f24;
  --hero-bg2:#121a3d;
  --tint-blue:#EDF2FF;
  --tint-teal:#E9F7F5;
  --tint-gold:#FBF5E8;
  --navy-2:#131a33;
  --radius-s:10px;
  --radius-m:16px;
  --radius-l:26px;
  --shadow-card: 0 1px 2px rgba(23,29,46,.04), 0 12px 28px -14px rgba(23,29,46,.18);
  --shadow-deep: 0 24px 60px -20px rgba(23,29,46,.45);
  --maxw:1220px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6{font-family:'Playfair Display',serif;font-weight:700;color:var(--ink);line-height:1.2;margin:0 0 .5em;}
p{margin:0 0 1em;line-height:1.7;}
a{color:var(--blue);text-decoration:none;}
img{max-width:100%;height:auto;display:block;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.sec-pad{padding:64px 0;}
@media(max-width:640px){.sec-pad{padding:44px 0;}}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease, transform .7s ease;}
.reveal.in{opacity:1;transform:none;}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:999px;font-family:'Inter',sans-serif;font-weight:700;font-size:15px;cursor:pointer;border:none;transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .35s;white-space:nowrap;position:relative;}
.btn svg{width:16px;height:16px;flex-shrink:0;}
.btn-primary{background:var(--blue);color:#fff;}
.btn-primary:hover{background:var(--blue-deep);}
.btn-gold{background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:#241a05;}
.btn-ghost{background:transparent;border:1.5px solid rgba(255,255,255,.3);color:#fff;}
.btn-ghost-light{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.25);color:#fff;}

/* ===================== Info bar + header (exact match to main site) ===================== */
.infobar{background:var(--ink);color:#c6cbe0;font-size:15px;padding:11px 0;}
@media(min-width:641px){.infobar{font-size:13px;}}
.infobar .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;}
.infobar a{color:#c6cbe0;transition:color .2s;}
.infobar a:hover{color:var(--sky);}
.infobar-left{display:flex;gap:24px;flex-wrap:wrap;}
.infobar-left span,.infobar-left a{display:inline-flex;align-items:center;gap:7px;padding:4px 0;}
.infobar svg{width:16px;height:16px;opacity:.9;flex-shrink:0;}
.infobar-social{display:flex;gap:16px;}
.infobar-social a{display:flex;align-items:center;justify-content:center;padding:4px;}
.infobar-social svg{width:17px;height:17px;}
@media(max-width:640px){
  .infobar .wrap{flex-wrap:nowrap;}
  .infobar-left{
    flex-wrap:nowrap;overflow-x:auto;gap:20px;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
    padding-right:8px;
  }
  .infobar-left::-webkit-scrollbar{display:none;}
  .infobar-left span,.infobar-left a{white-space:nowrap;}
  .infobar-social{flex-shrink:0;}
  .infobar-left a.infobar-contact{display:none;}
}

.logo-mark{display:flex;align-items:center;gap:12px;}
.logo-mark img{height:56px;width:auto;}
.nav-drawer{display:contents;}
.navlinks{display:flex;align-items:center;gap:34px;}
.navlinks > a, .navlinks > .haschild > span{font-size:15px;font-weight:600;color:#fff;padding:8px 0;position:relative;cursor:pointer;transition:color .3s;}
.navlinks > a::after, .navlinks > .haschild > span::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--sky);transition:width .3s;}
.navlinks > a:hover::after, .haschild:hover > span::after{width:100%;}
.haschild{position:relative;}
.haschild > span{display:inline-flex;align-items:center;gap:5px;}
.chevron{width:12px;height:12px;flex-shrink:0;transition:transform .3s ease;}
.haschild:hover .chevron, .haschild.open .chevron{transform:rotate(180deg);}
.haschild .dropdown{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);background:#fff;border-radius:var(--radius-s);box-shadow:var(--shadow-deep);min-width:250px;padding:10px;opacity:0;visibility:hidden;transition:all .25s ease;}
.haschild:hover .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.haschild .dropdown a{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:500;color:var(--ink-soft);}
.haschild .dropdown a svg{width:16px;height:16px;color:var(--blue);flex-shrink:0;}
.haschild .dropdown a:hover{background:var(--bg);color:var(--blue);}
.navcta{display:flex;align-items:center;gap:16px;}
.navcta .btn{padding:12px 22px;font-size:14px;}
.navcta .btn-ghost{background:rgba(255,255,255,.06);color:#fff;border:1.5px solid rgba(255,255,255,.3);}
.navcta .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.12);}
.burger{display:none;background:none;border:none;cursor:pointer;padding:6px;width:36px;height:36px;position:relative;z-index:2;}
.burger span{display:block;width:24px;height:2px;background:#fff;margin:5px 0;border-radius:2px;transition:transform .3s ease, opacity .3s ease;}
header.nav-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
header.nav-open .burger span:nth-child(2){opacity:0;}
header.nav-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

#siteHeader{background:var(--ink);position:sticky;top:0;z-index:50;}
#siteHeader .wrap.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;gap:24px;}

@media(max-width:980px){
  .nav-drawer{
    display:block;position:absolute;top:100%;left:0;right:0;
    background:linear-gradient(160deg,var(--hero-bg1),var(--hero-bg2));
    max-height:0;overflow:hidden;opacity:0;
    transition:max-height .4s ease, opacity .3s ease;
    border-top:1px solid rgba(255,255,255,.08);
    box-shadow:0 20px 40px -20px rgba(0,0,0,.5);
  }
  header.nav-open .nav-drawer{max-height:640px;opacity:1;}
  .navlinks,.navcta{display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:0 24px;}
  .navlinks{padding-top:18px;}
  .navcta{padding-bottom:22px;padding-top:8px;gap:10px;}
  .navlinks > a, .navlinks > .haschild{border-bottom:1px solid rgba(255,255,255,.07);}
  .navlinks > a, .navlinks > .haschild > span{width:100%;padding:13px 2px;justify-content:space-between;}
  .haschild .dropdown, .haschild:hover .dropdown{
    position:static!important;transform:none!important;box-shadow:none;background:transparent;
    min-width:0;padding:0 0 6px 12px;opacity:1;visibility:visible;
    max-height:0;overflow:hidden;transition:max-height .3s ease;
  }
  .haschild.open .dropdown{max-height:280px;}
  .haschild .dropdown a{color:#c7cde6;padding:9px 4px;font-size:13.5px;}
  .haschild .dropdown a svg{color:var(--sky);}
  .haschild .dropdown a:hover{background:transparent;color:#fff;}
  .navcta .btn{width:100%;justify-content:center;}
  .burger{display:block;}
}

/* ===================== Page hero + market-bg animation ===================== */
.page-hero{
  background:radial-gradient(ellipse 700px 500px at 15% -20%, rgba(45,95,222,.3), transparent 60%),
    linear-gradient(160deg, var(--hero-bg1) 0%, var(--hero-bg2) 100%);
  color:#fff;padding:52px 0 60px;position:relative;overflow:hidden;
}
.market-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;}
.market-bg svg{position:absolute;inset:-10% -5%;width:120%;height:130%;}
.market-bg .mline{fill:none;stroke-width:2;stroke-dasharray:6 8;animation:dashMove 30s linear infinite;}
@keyframes dashMove{to{stroke-dashoffset:-500;}}
.float-tick{position:absolute;font-size:13px;font-weight:700;opacity:.55;animation:floatUp 9s ease-in infinite;}
@keyframes floatUp{0%{transform:translateY(0);opacity:0;}10%{opacity:.55;}90%{opacity:.4;}100%{transform:translateY(-340px);opacity:0;}}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#a9b0cb;margin-bottom:18px;position:relative;z-index:1;flex-wrap:wrap;}
.breadcrumb a{color:#c7cde6;}
.breadcrumb .sep{opacity:.5;}
.page-hero h1{color:#fff;font-size:clamp(30px,4vw,44px);position:relative;z-index:1;max-width:820px;}
.page-hero .lead{color:#c7cde6;font-size:16.5px;max-width:700px;position:relative;z-index:1;}

/* ===================== Trust marquee ===================== */
.markets-band{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;}
.chips-scroll{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
.chips-track{display:flex;width:max-content;gap:12px;animation:scrollChips 28s linear infinite;padding:2px 0;}
.chips-track:hover{animation-play-state:paused;}
@keyframes scrollChips{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.chip{padding:9px 20px;border-radius:99px;background:var(--bg);border:1px solid var(--line);font-size:13px;font-weight:700;color:var(--ink-soft);white-space:nowrap;}

/* ===================== Blog listing grid ===================== */
.blog-layout{display:grid;grid-template-columns:1fr 320px;gap:44px;align-items:start;}
@media(max-width:980px){.blog-layout{grid-template-columns:1fr;}}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:26px;}
@media(max-width:760px){.blog-grid{grid-template-columns:1fr;}}
.blog-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-m);overflow:hidden;box-shadow:var(--shadow-card);transition:transform .3s,box-shadow .3s;display:block;}
.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-deep);}
.bc-media{position:relative;aspect-ratio:16/11;overflow:hidden;background:var(--bg);}
.bc-media img{width:100%;height:100%;object-fit:cover;}
.bc-pill{position:absolute;left:14px;top:14px;background:var(--blue);color:#fff;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:5px 12px;border-radius:99px;}
.bc-body{padding:20px 22px 22px;}
.bc-body h2,.bc-body h3{font-size:19px;font-weight:600;color:var(--ink);line-height:1.35;margin-bottom:8px;}
.bc-excerpt{font-size:13.5px;color:var(--ink-soft);line-height:1.6;margin-bottom:14px;}
.bc-meta{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--ink-soft);margin-bottom:14px;flex-wrap:wrap;}
.bc-meta span{display:flex;align-items:center;gap:5px;}
.bc-meta svg{width:14px;height:14px;flex-shrink:0;}
.bc-readmore{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.02em;}
.bc-readmore svg{width:15px;height:15px;transition:transform .25s;}
.blog-card:hover .bc-readmore svg{transform:translateX(3px);}
.pagination{display:flex;gap:10px;margin-top:36px;flex-wrap:wrap;}
.pagination a,.pagination span{padding:9px 16px;border-radius:10px;border:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--ink-soft);}
.pagination .current{background:var(--blue);color:#fff;border-color:var(--blue);}
.pagination a:hover{border-color:var(--blue);color:var(--blue);}

/* ===================== Single post ===================== */
.post-header{margin-bottom:28px;}
.post-header h1{font-size:clamp(28px,3.6vw,42px);}
.post-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:15.5px;color:#fff;margin-top:14px;}
.post-meta a{color:inherit;}
.post-meta .author-chip{display:flex;align-items:center;gap:8px;}
.post-meta .author-chip img{width:30px;height:30px;border-radius:50%;object-fit:cover;}
.post-featured-img{border-radius:var(--radius-m);overflow:hidden;margin-bottom:32px;border:1px solid var(--line);}
.post-featured-img img{width:100%;}

/* ===================== Prose / Gutenberg block content ===================== */
.prose{font-size:16.5px;line-height:1.85;color:var(--ink);}
.prose > *:first-child{margin-top:0;}
.prose h2{font-size:20px;margin-top:1.7em;padding-bottom:9px;border-bottom:2px solid var(--tint-blue);letter-spacing:-.005em;}
.prose h3{font-size:18px;margin-top:1.5em;letter-spacing:-.005em;}
.prose h4{font-size:17px;margin-top:1.3em;}
.prose p{margin-bottom:1.3em;}
.prose ul,.prose ol{margin:0 0 1.3em;padding-left:1.4em;line-height:1.8;}
.prose li{margin-bottom:.4em;}
.prose a{text-decoration:underline;text-decoration-color:rgba(45,95,222,.35);text-underline-offset:3px;}
.prose img,.prose figure{border-radius:var(--radius-m);margin:1.6em 0;}
.prose figure figcaption{text-align:center;font-size:13px;color:var(--ink-soft);margin-top:10px;}
.prose .wp-block-image.alignwide,.prose .wp-block-image.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;}

/* Blockquotes / pullquotes */
.prose blockquote,.prose .wp-block-quote{
  margin:2em 0;padding:20px 28px;border-left:4px solid var(--gold);
  background:var(--tint-gold);border-radius:0 var(--radius-s) var(--radius-s) 0;
  font-family:'Playfair Display',serif;font-style:italic;font-size:19px;color:var(--ink);
}
.prose blockquote p:last-child,.prose .wp-block-quote p:last-child{margin-bottom:0;}
.prose blockquote cite,.prose .wp-block-quote cite{
  display:block;margin-top:10px;font-family:'Inter',sans-serif;font-style:normal;
  font-size:13px;font-weight:700;color:var(--ink-soft);
}
.prose .wp-block-pullquote{border-top:3px solid var(--blue);border-bottom:3px solid var(--blue);padding:28px 10px;text-align:center;margin:2em 0;}
.prose .wp-block-pullquote p{font-family:'Playfair Display',serif;font-size:24px;font-style:italic;}

/* Tables */
.prose table,.prose .wp-block-table table{
  width:100%;border-collapse:collapse;margin:1.8em 0;font-size:14.5px;
  border-radius:var(--radius-s);overflow:hidden;box-shadow:var(--shadow-card);
}
.prose th,.prose td{padding:12px 16px;border:1px solid var(--line);text-align:left;}
.prose th{background:var(--navy-2);color:#fff;font-weight:700;}
.prose tr:nth-child(even) td{background:var(--bg);}

/* Code */
.prose code{background:var(--bg);padding:2px 6px;border-radius:5px;font-size:14px;}
.prose pre{background:var(--navy-2);color:#e2e6f5;padding:18px 20px;border-radius:var(--radius-s);overflow-x:auto;margin:1.6em 0;}
.prose pre code{background:none;color:inherit;padding:0;}

/* Columns / groups */
.prose .wp-block-columns{display:flex;gap:28px;flex-wrap:wrap;margin:1.6em 0;}
.prose .wp-block-column{flex:1;min-width:220px;}
.prose .wp-block-separator{border:none;border-top:2px solid var(--line);margin:2.4em 0;}
.prose .wp-block-embed{margin:1.8em 0;}
.prose .wp-block-embed iframe{width:100%;border-radius:var(--radius-s);}

/* Group blocks with a background — used as highlighted callout boxes
   (e.g. "How to Choose the Right Agency" style boxes) */
.prose .wp-block-group.has-background{
  padding:26px 28px;border-radius:var(--radius-m);margin:1.8em 0;
}
.prose .wp-block-group.has-background > *:first-child{margin-top:0;}
.prose .wp-block-group.has-background > *:last-child{margin-bottom:0;}

/* Native "Details" block — used for FAQ-style accordions inside post
   content, styled to match the rest of the site's FAQ pattern */
.prose .wp-block-details{
  border-bottom:1px solid var(--line);padding:4px 0;margin:0;
}
.prose .wp-block-details summary{
  cursor:pointer;font-weight:600;color:var(--ink);padding:16px 28px 16px 0;position:relative;
  list-style:none;font-size:16px;
}
.prose .wp-block-details summary::-webkit-details-marker{display:none;}
.prose .wp-block-details summary::after{
  content:"";position:absolute;right:4px;top:50%;width:9px;height:9px;
  border-right:2px solid var(--ink-soft);border-bottom:2px solid var(--ink-soft);
  transform:translateY(-65%) rotate(45deg);transition:transform .25s;
}
.prose .wp-block-details[open] summary::after{transform:translateY(-35%) rotate(-135deg);}
.prose .wp-block-details p{padding-bottom:16px;color:var(--ink-soft);font-size:14.5px;}

/* Ordered lists used as numbered profile/ranking entries */
.prose ol > li::marker{font-weight:700;color:var(--blue);}

/* Author box */
.author-box{display:flex;gap:18px;padding:26px;background:var(--bg);border-radius:var(--radius-m);margin-top:44px;align-items:flex-start;}
.author-box img{width:64px;height:64px;border-radius:50%;flex-shrink:0;object-fit:cover;}
img.avatar{object-fit:cover;}
.author-box h2{font-size:16px;margin-bottom:4px;}
.author-box p{font-size:13.5px;color:var(--ink-soft);margin-bottom:0;}

/* Post nav */
.post-nav{display:flex;justify-content:space-between;gap:20px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line);flex-wrap:wrap;}
.post-nav a{font-size:13.5px;font-weight:600;color:var(--ink-soft);max-width:45%;}
.post-nav a:hover{color:var(--blue);}
.post-nav span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--blue);margin-bottom:4px;}

/* ===================== Sidebar ===================== */
.blog-sidebar{background:var(--bg);border-radius:var(--radius-l);padding:22px;}
@media(max-width:980px){.blog-sidebar{padding:16px;margin-top:8px;}}

.sidebar-widget{background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:var(--radius-m);padding:24px;margin-bottom:20px;box-shadow:var(--shadow-card);}
.sidebar-widget:last-child{margin-bottom:0;}
.sidebar-widget.c-teal{border-top-color:var(--teal);}
.sidebar-widget.c-gold{border-top-color:var(--gold);}
.sidebar-widget h2,.sidebar-widget h3{font-size:15px;text-transform:uppercase;letter-spacing:.02em;margin-bottom:16px;font-family:'Inter',sans-serif;font-weight:700;color:var(--ink);}
/* Safety net: if any default/plugin widget ever lands in this sidebar
   (using its own generic markup), keep it on-brand rather than raw/unstyled */
.sidebar-widget .widgettitle,.sidebar-widget .widget-title{font-size:15px;text-transform:uppercase;letter-spacing:.02em;margin-bottom:16px;font-family:'Inter',sans-serif;font-weight:700;color:var(--ink);}
.sidebar-widget ul{list-style:none;margin:0;padding:0;}
.sidebar-widget ul li{padding:8px 0;border-bottom:1px solid var(--line);font-size:13.5px;}
.sidebar-widget ul li:last-child{border-bottom:none;}
.sidebar-widget ul a{color:var(--ink);}
.sidebar-widget ul a:hover{color:var(--blue);}
.sidebar-widget input[type="text"],.sidebar-widget input[type="search"]{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-family:'Inter',sans-serif;font-size:14px;}
.sidebar-widget input[type="submit"],.sidebar-widget button[type="submit"]{margin-top:8px;background:var(--blue);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;}
.sidebar-about-head{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:14px;}
.sidebar-about-logo{height:48px;width:auto;max-width:120px;object-fit:contain;flex-shrink:0;}
.sidebar-about-head b{display:block;font-family:'Playfair Display',serif;font-size:15px;color:var(--ink);}
.sidebar-about-head span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--gold);font-weight:700;margin-top:2px;}
.sidebar-about p{font-size:13.5px;color:var(--ink-soft);line-height:1.6;margin-bottom:14px;}
.sidebar-about-link{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.02em;}
.sidebar-about-link svg{width:14px;height:14px;}
.sidebar-search{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.sidebar-search input{flex:1;border:none;padding:11px 14px;font-size:14px;font-family:'Inter',sans-serif;}
.sidebar-search button{background:var(--blue);color:#fff;border:none;padding:0 16px;cursor:pointer;}
.sidebar-search button svg{width:16px;height:16px;flex-shrink:0;}
.sidebar-post{display:flex;gap:12px;margin-bottom:14px;}
.sidebar-post:last-child{margin-bottom:0;}
.sidebar-post img{width:60px;height:60px;border-radius:8px;object-fit:cover;flex-shrink:0;}
.sidebar-post h4{font-size:13.5px;font-weight:600;line-height:1.4;margin-bottom:4px;}
.sidebar-post span{font-size:11.5px;color:var(--ink-soft);}
.sidebar-cats{list-style:none;margin:0;padding:0;}
.sidebar-cats li{border-bottom:1px solid var(--line);padding:10px 0;display:flex;justify-content:space-between;font-size:14px;}
.sidebar-cats li:last-child{border-bottom:none;}
.sidebar-cats a{color:var(--ink);font-weight:500;}
.sidebar-cats a:hover{color:var(--blue);}
.sidebar-cats .count{background:var(--tint-blue);color:var(--blue);padding:3px 11px;border-radius:99px;font-weight:700;font-size:11.5px;}
.sidebar-cta{background:linear-gradient(150deg,var(--blue),var(--sky));color:#fff;text-align:center;border-top:none;}
.sidebar-cta h3{color:#fff;}
.sidebar-cta p{color:rgba(255,255,255,.85);font-size:13.5px;}
.sidebar-cta .btn{width:100%;justify-content:center;margin-top:6px;}
.sidebar-cta-checks{display:flex;flex-direction:column;gap:6px;margin-top:14px;}
.sidebar-cta-checks span{display:flex;align-items:center;gap:6px;font-size:11.5px;color:rgba(255,255,255,.8);}
.sidebar-cta-checks svg{width:13px;height:13px;color:#5fd48a;flex-shrink:0;}
.sidebar-trust{display:flex;flex-direction:column;gap:14px;}
.sidebar-trust li{display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--ink-soft);list-style:none;}
.trust-icon{width:36px;height:36px;border-radius:10px;background:var(--tint-blue);color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.sidebar-trust li:nth-child(2) .trust-icon{background:var(--tint-teal);color:var(--teal);}
.sidebar-trust li:nth-child(3) .trust-icon{background:var(--tint-gold);color:#8a6d1f;}
.trust-icon svg{width:18px;height:18px;}
.sidebar-social{display:flex;gap:10px;}
.sidebar-social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink-soft);transition:all .3s;}
.sidebar-social a:hover{background:var(--blue);border-color:var(--blue);color:#fff;}
.sidebar-social svg{width:16px;height:16px;}

/* ===================== FAQ accordion (reused pattern) ===================== */
details.faq-item{padding:0;border-bottom:1px solid var(--line);}
details.faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 0;font-weight:600;color:var(--ink);font-size:16px;}
details.faq-item summary::-webkit-details-marker{display:none;}
details.faq-item .q-text{display:flex;align-items:center;gap:12px;flex:1;}
details.faq-item .q-text svg{width:18px;height:18px;color:var(--blue);flex-shrink:0;}
details.faq-item .chevron-toggle{width:18px;height:18px;color:var(--ink-soft);flex-shrink:0;transition:transform .3s;}
details.faq-item[open] .chevron-toggle{transform:rotate(180deg);color:var(--blue);}
details.faq-item .faq-answer{padding:0 0 20px 30px;margin:0;color:var(--ink-soft);font-size:14.5px;line-height:1.7;}

/* ===================== Footer (exact match to main site) ===================== */
footer{background:var(--ink);color:#a9b0cb;padding-top:76px;position:relative;overflow:hidden;}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:40px;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,.08);}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){.foot-grid{grid-template-columns:1fr;}}
.foot-brand img{height:64px;margin-bottom:20px;}
.foot-brand p{font-size:13.5px;line-height:1.7;color:#8b93b0;max-width:290px;}
.foot-social{display:flex;gap:10px;margin-top:20px;}
.foot-social a{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;transition:all .3s;}
.foot-social a:hover{background:var(--blue);border-color:var(--blue);}
.foot-social svg{width:16px;height:16px;color:#fff;}
footer h2.foot-h{color:#fff;font-family:'Inter',sans-serif;font-size:14.5px;font-weight:700;margin-bottom:20px;}
footer ul{list-style:none;margin:0;padding:0;}
footer li{margin-bottom:12px;}
footer a{font-size:13.5px;color:#a9b0cb;transition:color .2s;}
footer a:hover{color:var(--sky);}
.foot-contact li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:#a9b0cb;}
.foot-contact svg{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:var(--sky);}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;padding:24px 0;font-size:12.5px;color:#6b7290;flex-wrap:wrap;gap:10px;}
.foot-bottom a{color:#6b7290;}
.foot-bottom a:hover{color:var(--sky);}
footer .wrap{position:relative;z-index:1;}

.fab{
  position:fixed;right:22px;bottom:22px;z-index:90;width:56px;height:56px;border-radius:50%;
  background:#25D366;display:flex;align-items:center;justify-content:center;color:#fff;
  box-shadow:0 10px 30px -6px rgba(37,211,102,.6);transition:transform .25s;
}
.fab:hover{transform:scale(1.08);}
.fab svg{width:28px;height:28px;}

@media(max-width:640px){.wrap{padding:0 18px;}}