/*
Theme Name: South Asia Digital
Theme URI: https://southasiadigital.com/
Author: South Asia Digital
Description: Lightweight theme for South Asia Digital. Navy header and footer, white reading area, emerald accents. Built to work with Elementor and Rank Math. Blog post content is rendered exactly as stored.
Version: 1.7.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sad
*/

:root {
  --sad-navy: #0B1A33;
  --sad-navy-2: #10223F;
  --sad-navy-line: #1E3150;
  --sad-footer: #081428;
  --sad-white: #FFFFFF;
  --sad-alt: #F5F7F9;
  --sad-line: #E2E5E9;
  --sad-ink: #111827;
  --sad-body: #374151;
  --sad-muted: #6B7280;
  --sad-on-navy: #C3CFDF;
  --sad-on-navy-dim: #9FB0C8;
  --sad-em: #10B981;
  --sad-em-hover: #34D399;
  --sad-em-text: #065F46;
  --sad-on-em: #062A1F;
  --sad-head-font: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --sad-body-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --sad-wrap: 1200px;
  --sad-read: 760px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--sad-white);
  color: var(--sad-body);
  font-family: var(--sad-body-font);
  font-size: 18px;
  line-height: 1.75;
}
img, video, iframe { max-width: 100%; height: auto; }
a { color: var(--sad-em-text); }
a:hover { color: var(--sad-em); }
:focus-visible { outline: 3px solid var(--sad-em); outline-offset: 2px; }

h1, h2, h3, h4, h5, h6 {
  font-family: var(--sad-head-font);
  color: var(--sad-ink);
  line-height: 1.2;
  margin: 1.6em 0 0.6em;
}
h1 { font-size: clamp(2rem, 4vw, 2.75rem); }
h2 { font-size: clamp(1.5rem, 3vw, 2rem); }
h3 { font-size: 1.3rem; }
h4 { font-size: 1.1rem; }

.screen-reader-text {
  position: absolute !important; width: 1px; height: 1px; overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); white-space: nowrap;
}
.skip-link:focus {
  clip: auto; width: auto; height: auto; z-index: 1000; top: 8px; left: 8px;
  background: var(--sad-white); color: var(--sad-ink); padding: 10px 16px; border-radius: 8px;
}

.sad-wrap { max-width: var(--sad-wrap); margin: 0 auto; padding: 0 24px; }

/* ---------- Header ---------- */
.sad-header { background: var(--sad-navy); border-bottom: 1px solid var(--sad-navy-line); position: relative; z-index: 50; }
.sad-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 72px; }
.sad-logo { font-family: var(--sad-head-font); font-weight: 700; font-size: 20px; color: var(--sad-white); text-decoration: none; margin: 0; line-height: 1.2; }
.sad-logo:hover { color: var(--sad-white); }
.sad-nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 28px; }
.sad-nav a { color: var(--sad-on-navy); text-decoration: none; font-size: 15px; }
.sad-nav a:hover, .sad-nav .current-menu-item > a { color: var(--sad-white); }
.sad-btn {
  display: inline-flex; align-items: center; justify-content: center; min-height: 44px;
  background: var(--sad-em); color: var(--sad-on-em); font-weight: 600; font-size: 15px;
  padding: 10px 20px; border-radius: 8px; text-decoration: none; border: 0; cursor: pointer; font-family: inherit;
}
.sad-btn:hover { background: var(--sad-em-hover); color: var(--sad-on-em); }
.sad-menu-toggle {
  display: none; background: transparent; border: 1px solid #2B3D5C; color: var(--sad-white);
  border-radius: 8px; min-height: 44px; padding: 8px 14px; font-size: 15px; cursor: pointer; font-family: inherit;
}

@media (max-width: 900px) {
  .sad-menu-toggle { display: inline-flex; align-items: center; }
  .sad-header__cta { display: none; }
  .sad-nav { display: none; position: absolute; left: 0; right: 0; top: 100%; background: var(--sad-navy); border-bottom: 1px solid var(--sad-navy-line); }
  .sad-nav.is-open { display: block; }
  .sad-nav ul { flex-direction: column; gap: 0; padding: 8px 24px 20px; }
  .sad-nav a { display: block; padding: 12px 0; font-size: 17px; }
  .sad-nav .sad-nav__cta { display: block; margin-top: 8px; }
}
@media (min-width: 901px) { .sad-nav .sad-nav__cta { display: none; } }

/* ---------- Footer ---------- */
.sad-footer { background: var(--sad-footer); color: var(--sad-on-navy-dim); font-size: 15px; line-height: 1.7; }
.sad-footer__grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 32px; padding: 56px 0 32px; }
.sad-footer__brand { font-family: var(--sad-head-font); color: var(--sad-white); font-weight: 700; font-size: 18px; margin: 0 0 8px; }
.sad-footer h2 { font-family: var(--sad-body-font); font-size: 15px; color: var(--sad-white); margin: 0 0 10px; font-weight: 600; }
.sad-footer ul { list-style: none; margin: 0; padding: 0; }
.sad-footer a { color: var(--sad-on-navy-dim); text-decoration: none; }
.sad-footer a:hover { color: var(--sad-white); }
.sad-footer__bottom { border-top: 1px solid var(--sad-navy-line); padding: 18px 0 28px; font-size: 14px; }
@media (max-width: 800px) { .sad-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .sad-footer__grid { grid-template-columns: 1fr; } }

/* ---------- Blog post (classic content) ---------- */
.sad-article { max-width: var(--sad-read); margin: 0 auto; padding: 48px 20px 72px; }
.sad-breadcrumbs { font-size: 14px; color: var(--sad-muted); margin: 0 0 16px; }
.sad-breadcrumbs a { color: var(--sad-muted); }
.sad-article__title { margin-top: 0; }
.sad-meta { font-size: 14px; color: var(--sad-muted); margin: 0 0 24px; }
.sad-featured { margin: 0 0 32px; }
.sad-featured img { border-radius: 12px; display: block; width: 100%; }
.entry-content { color: var(--sad-body); }
.entry-content > * { margin-top: 0; margin-bottom: 1.25em; }
.entry-content a { text-decoration: underline; text-underline-offset: 3px; }
.entry-content img { border-radius: 8px; }
.entry-content figure { margin: 0 0 1.5em; }
.entry-content figcaption { font-size: 14px; color: var(--sad-muted); text-align: center; margin-top: 6px; }
.entry-content blockquote { margin: 0 0 1.5em; border-left: 3px solid var(--sad-em); background: var(--sad-alt); padding: 14px 20px; color: var(--sad-body); }
.entry-content table { width: 100%; border-collapse: collapse; font-size: 16px; display: block; overflow-x: auto; }
.entry-content th { background: var(--sad-navy); color: var(--sad-white); text-align: left; }
.entry-content th, .entry-content td { border: 1px solid var(--sad-line); padding: 10px 12px; }
.entry-content pre { background: var(--sad-alt); padding: 16px; border-radius: 8px; overflow-x: auto; font-size: 15px; }
.entry-content ul, .entry-content ol { padding-left: 1.4em; }
.entry-content li { margin-bottom: 0.4em; }
.wp-block-button__link { background: var(--sad-em); color: var(--sad-on-em); border-radius: 8px; }
.wp-block-button__link:hover { background: var(--sad-em-hover); color: var(--sad-on-em); }
.alignwide { max-width: 1100px; margin-left: auto; margin-right: auto; }
.sad-tags { margin-top: 32px; font-size: 14px; }
.sad-tags a { display: inline-block; background: #ECFDF5; color: var(--sad-em-text); padding: 4px 10px; border-radius: 6px; margin: 0 6px 6px 0; text-decoration: none; }
.sad-author { margin-top: 40px; padding: 20px; border: 1px solid var(--sad-line); border-radius: 12px; display: flex; gap: 16px; align-items: flex-start; font-size: 16px; }
.sad-author img { border-radius: 50%; }
.sad-post-cta { margin-top: 40px; background: var(--sad-navy); color: var(--sad-on-navy); border-radius: 16px; padding: 28px; }
.sad-post-cta p { margin: 0 0 16px; }
.sad-post-cta strong { color: var(--sad-white); font-family: var(--sad-head-font); font-size: 22px; display: block; margin-bottom: 6px; }

/* ---------- Archive / blog list ---------- */
.sad-archive-head { background: var(--sad-navy); color: var(--sad-on-navy); padding: 64px 0 56px; }
.sad-archive-head h1 { color: var(--sad-white); margin: 0 0 8px; }
.sad-archive-head p { margin: 0; max-width: 680px; }
.sad-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding: 56px 0; }
@media (max-width: 960px) { .sad-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .sad-grid { grid-template-columns: minmax(0, 1fr); } }
.sad-card { border: 1px solid var(--sad-line); border-radius: 14px; overflow: hidden; background: var(--sad-white); display: flex; flex-direction: column; }
.sad-card__img img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.sad-card__body { padding: 18px 20px 22px; display: flex; flex-direction: column; gap: 8px; }
.sad-card__cat { font-size: 13px; color: var(--sad-em-text); font-weight: 600; }
.sad-card h2 { font-size: 1.15rem; margin: 0; line-height: 1.35; }
.sad-card h2 a { color: var(--sad-ink); text-decoration: none; }
.sad-card h2 a:hover { color: var(--sad-em-text); }
.sad-card p { font-size: 15px; line-height: 1.6; margin: 0; color: var(--sad-body); }
.sad-pagination { padding: 0 0 64px; }
.sad-pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.sad-pagination .page-numbers { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--sad-line); border-radius: 8px; text-decoration: none; color: var(--sad-ink); padding: 0 12px; }
.sad-pagination .current { background: var(--sad-navy); color: var(--sad-white); border-color: var(--sad-navy); }

/* ---------- Plain pages, search, 404 ---------- */
.sad-page { max-width: var(--sad-read); margin: 0 auto; padding: 56px 20px 72px; }
.sad-404 { text-align: center; padding: 96px 20px; }
.search-form { display: flex; gap: 8px; max-width: 480px; margin: 24px auto 0; }
.search-form label { flex: 1; }
.search-field { width: 100%; min-height: 44px; border: 1px solid #C9CDD2; border-radius: 8px; padding: 8px 12px; font-size: 16px; font-family: inherit; }
.search-submit { min-height: 44px; border: 0; border-radius: 8px; background: var(--sad-em); color: var(--sad-on-em); font-weight: 600; padding: 0 18px; cursor: pointer; font-family: inherit; }

/* ---------- Comments ---------- */
.comments-area { margin-top: 48px; font-size: 16px; }
.comment-list { list-style: none; padding: 0; }
.comment-form input, .comment-form textarea { width: 100%; border: 1px solid #C9CDD2; border-radius: 8px; padding: 10px 12px; font-family: inherit; font-size: 16px; }
.comment-form .submit { width: auto; background: var(--sad-em); color: var(--sad-on-em); border: 0; font-weight: 600; padding: 12px 20px; cursor: pointer; }

/* Elementor full-width pages: no gaps around content */
.sad-elementor-main { display: block; }

/* Logo */
.sad-logo img { display: block; height: 52px; width: auto; }
.sad-footer__brand img { display: block; height: 56px; width: auto; }
@media (max-width: 600px) { .sad-logo img { height: 44px; } }


/* ===== Page template styles (v1.6): cards, glow, chips, FAQ, programs.
   Built into the theme so pages keep their design even if the HTML style widget is removed or stripped. ===== */

/* South Asia Digital homepage styles. Delete nothing here: the cards, glow and chips depend on it. */

.sad-glass{position:relative;isolation:isolate;border:1px solid rgba(148,190,255,.14);border-radius:22px;background:rgba(255,255,255,.035);overflow:hidden}
.sad-glass::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(52,211,153,.13),transparent 60%);opacity:.55;transition:opacity .3s}
.sad-glass:hover::before,.sad-featured::before{opacity:1}
.sad-featured{border-color:rgba(52,211,153,.45)!important;background:linear-gradient(180deg,rgba(52,211,153,.10),rgba(52,211,153,.02) 45%,rgba(255,255,255,.035))}
.sad-hero{position:relative;overflow:hidden}
.sad-hero::before{content:"";position:absolute;width:900px;height:900px;left:50%;top:-420px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(52,211,153,.16),transparent);pointer-events:none}
.sad-badge a,.sad-badge span{display:inline-flex;gap:10px;align-items:center;padding:8px 16px;border:1px solid rgba(148,190,255,.14);border-radius:999px;background:rgba(255,255,255,.035);color:#A7B3C6;text-decoration:none;font-size:14px}
.sad-badge b{color:#34D399;font-weight:600}
.sad-ticks{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px}
.sad-ticks li{display:grid;grid-template-columns:18px 1fr;gap:10px;color:#D6DEEA}
.sad-ticks svg{width:18px;height:18px;margin-top:3px;color:#34D399}
.sad-icon{width:34px;height:34px;color:#34D399;display:block}
.sad-stage{font-size:14px;color:#A7B3C6;margin:0}
.sad-rev{font-size:34px;font-weight:600;letter-spacing:-.02em;line-height:1;color:#F4F7FB;font-family:"Space Grotesk",sans-serif}
.sad-tag{display:inline-block;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;background:#34D399;color:#04261A}
.sad-proof{border-top:1px solid #1E2E4A;border-bottom:1px solid #1E2E4A}
.sad-proof b,.sad-proof span{display:block}
.sad-proof b{display:block;font-size:32px;font-weight:600;letter-spacing:-.02em;color:#F4F7FB;font-family:"Space Grotesk",sans-serif}
.sad-proof span{color:#A7B3C6;font-size:14px}
.sad-was h3,.sad-now h3{font-family:"Space Grotesk",sans-serif;font-size:17px;margin:0 0 6px;line-height:1.25}
.sad-was h3{color:#C9D3E2;text-decoration:line-through;text-decoration-color:rgba(255,120,120,.6)}
.sad-now h3{color:#34D399}
.sad-contrast{border:1px solid rgba(148,190,255,.14);border-radius:14px;overflow:hidden}
.sad-contrast .sad-nowcol{background:rgba(52,211,153,.06)}
.sad-chips{display:flex;flex-wrap:wrap;gap:8px}
.sad-chip{padding:8px 12px;border-radius:10px;border:1px solid rgba(148,190,255,.14);background:rgba(255,255,255,.03);font-size:13px;color:#A7B3C6}
.sad-chip b{display:block;color:#34D399;font-size:18px;font-weight:600}
.sad-case-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0f2140;border-bottom:1px solid rgba(148,190,255,.14)}
.sad-case-img img{width:100%;height:100%;object-fit:cover;display:block}
.sad-case-img span{position:absolute;left:14px;bottom:14px;font-size:13px;padding:5px 11px;border-radius:999px;background:rgba(6,13,26,.85);border:1px solid rgba(148,190,255,.14);color:#F4F7FB}
.sad-slot{position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(148,190,255,.14);background:linear-gradient(160deg,#10284c,#071222 70%);display:grid;place-items:center;text-align:center;padding:30px;color:#A7B3C6;font-size:14px}
.sad-slot strong{display:block;color:#F4F7FB;font-size:16px;margin-bottom:6px}
.sad-slot video,.sad-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sad-showcase{position:relative}
.sad-answer{position:absolute;left:-40px;bottom:38px;width:min(330px,82%);padding:18px;border-radius:14px;background:rgba(11,26,51,.94);border:1px solid rgba(52,211,153,.45);box-shadow:0 24px 60px -20px rgba(0,0,0,.7),0 0 0 6px rgba(52,211,153,.06);color:#F4F7FB}
.sad-answer small{font-size:13px;color:#A7B3C6;display:block}
.sad-answer p{font-size:15px;margin:10px 0 0;line-height:1.45}
.sad-answer mark{background:rgba(52,211,153,.18);color:#34D399;padding:1px 6px;border-radius:5px}
.sad-answer .src{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}
.sad-answer .src span{font-size:12px;padding:3px 9px;border-radius:999px;border:1px solid rgba(148,190,255,.14);color:#A7B3C6}
.sad-typing::after{content:"";display:inline-block;width:7px;height:15px;margin-left:3px;background:#34D399;vertical-align:-2px;animation:sadblink 1s steps(2) infinite}
@keyframes sadblink{50%{opacity:0}}
.sad-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.sad-facts div{padding:18px;border:1px solid rgba(148,190,255,.14);border-radius:14px}
.sad-facts b{display:block;font-size:22px;font-weight:600;color:#F4F7FB}
.sad-facts span{color:#A7B3C6;font-size:14px}
.sad-form{display:flex;gap:10px;flex-wrap:wrap}
.sad-form label{position:absolute;left:-9999px}
.sad-form input{flex:1 1 240px;padding:16px 20px;border-radius:999px;border:1px solid rgba(148,190,255,.14);background:rgba(6,13,26,.7);color:#F4F7FB;font:inherit;font-size:16px}
.sad-form button{padding:16px 26px;border-radius:999px;border:0;background:#34D399;color:#04261A;font:600 16px "Space Grotesk",sans-serif;cursor:pointer}
.sad-engines{display:grid;gap:10px}
.sad-engines div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;border:1px solid rgba(148,190,255,.14);border-radius:14px;background:rgba(6,13,26,.5);font-size:15px;color:#F4F7FB}
.sad-engines i{flex:0 0 46%;height:8px;border-radius:9px;background:rgba(255,255,255,.07);overflow:hidden;position:relative}
.sad-engines i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:#34D399;border-radius:9px}
.sad-step{border-top:2px solid #34D399}
.sad-faq details{border-bottom:1px solid rgba(148,190,255,.14)}
.sad-faq summary{cursor:pointer;list-style:none;padding:22px 40px 22px 0;font:500 19px "Space Grotesk",sans-serif;color:#F4F7FB;position:relative}
.sad-faq summary::-webkit-details-marker{display:none}
.sad-faq summary::after{content:"+";position:absolute;right:4px;top:18px;font-size:26px;color:#34D399;transition:transform .25s}
.sad-faq details[open] summary::after{transform:rotate(45deg)}
.sad-faq p{padding:0 0 22px;margin:0;color:#A7B3C6;max-width:66ch;line-height:1.65}
.sad-link a{color:#34D399;font-weight:600;text-decoration:none}
@media (max-width:1300px){.sad-hero h1{font-size:clamp(36px,4.4vw,60px)!important;line-height:1.06!important}}
@media (max-width:1024px){.sad-answer{left:16px;bottom:16px}}
@media (max-width:767px){.sad-showcase .sad-slot{aspect-ratio:16/11!important}.sad-answer{position:relative;left:auto;bottom:auto;width:auto;margin:-48px 12px 0}.sad-facts{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.sad-typing::after{animation:none}}

.elementor .sad-glass{background-clip:padding-box}

/* v1.6.2: neutralise old Elementor kit styles carried over from the previous site */
.elementor-widget-heading .elementor-heading-title,.sad-elementor-main h1,.sad-elementor-main h2,.sad-elementor-main h3{font-style:normal!important;text-transform:none}
.elementor .e-con{box-sizing:border-box}
.sad-elementor-main{overflow-x:clip}

/* v1.6.3: founder photo slot */
.sad-founder{position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(148,190,255,.14);background:#0B1A33}
.sad-founder img{display:block;width:100%;height:auto}
.sad-founder figcaption{position:absolute;left:16px;bottom:16px;padding:10px 14px;border-radius:12px;background:rgba(6,13,26,.82);border:1px solid rgba(148,190,255,.14);color:#F4F7FB;font-size:14px;line-height:1.35}
.sad-founder figcaption b{display:block;font-size:16px}
.sad-founder figcaption span{color:#A7B3C6}

/* v1.6.4: protect header/footer from old Elementor kit colours, and fix card rows on desktop */
.sad-header .sad-nav a{color:#C9D3E2!important;font-style:normal!important}
.sad-header .sad-nav a:hover,.sad-header .sad-nav .current-menu-item>a{color:#FFFFFF!important}
.sad-footer h2{color:#FFFFFF!important;font-style:normal!important;font-size:15px!important;font-family:var(--sad-body-font)!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;line-height:1.4!important}
.sad-footer a{color:#A7B3C6!important;font-style:normal!important}
.sad-footer a:hover{color:#FFFFFF!important}
.sad-footer p{color:#A7B3C6}
@media (min-width:1025px){
  .e-con>.e-con.sad-glass,.e-con-inner>.e-con.sad-glass,.e-con>.e-con.sad-step,.e-con-inner>.e-con.sad-step{width:calc(var(--width,100%) - 14px)!important}
}

/* v1.7.0: dropdown menus (desktop hover/focus, mobile tap-to-open) */
.sad-nav li{position:relative}
.sad-nav .menu-item-has-children>a{display:inline-flex;align-items:center;gap:6px}
.sad-nav .menu-item-has-children>a::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-3px);opacity:.8}
.sad-nav .sub-menu{display:none;flex-direction:column;gap:0;list-style:none;margin:0;padding:8px;min-width:250px;background:#0B1A33;border:1px solid rgba(148,190,255,.16);border-radius:12px;box-shadow:0 18px 40px -12px rgba(0,0,0,.6)}
.sad-nav .sub-menu a{display:block;padding:9px 12px;border-radius:8px;font-size:14.5px;white-space:nowrap}
.sad-nav .sub-menu a:hover{background:rgba(52,211,153,.10)}
.sad-nav .sub-menu li:last-child a{color:#34D399!important;font-weight:600}
.sad-sub-toggle{display:none}
@media (min-width:901px){
  .sad-nav ul#sad-menu{gap:24px}
  .sad-nav .sub-menu{position:absolute;top:100%;left:-12px;z-index:60}
  .sad-nav .menu-item-has-children::before{content:"";position:absolute;left:0;right:0;top:100%;height:12px}
  .sad-nav .menu-item-has-children:hover>.sub-menu,.sad-nav .menu-item-has-children:focus-within>.sub-menu{display:flex;margin-top:0}
}
@media (max-width:900px){
  .sad-nav{max-height:calc(100vh - 72px);overflow-y:auto}
  .sad-nav .menu-item-has-children{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
  .sad-nav .menu-item-has-children>a::after{display:none}
  .sad-sub-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid #2B3D5C;border-radius:8px;color:#fff;cursor:pointer}
  .sad-sub-toggle::before{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
  .sad-sub-toggle[aria-expanded="true"]::before{transform:rotate(-135deg) translateY(-2px)}
  .sad-nav .sub-menu{position:static;width:100%;min-width:0;padding:0 0 8px 12px;background:transparent;border:0;box-shadow:none}
  .sad-nav .sub-menu.is-open{display:flex}
  .sad-nav .sub-menu a{padding:10px 0;font-size:16px;white-space:normal}
}