:root{--ink:#10231a;--muted:#65736b;--bg:#f5f8f5;--card:#fff;--green:#0b7a49;--green2:#075c38;--soft:#eaf6ef;--line:#dce6df;--gold:#c98a14;--danger:#bd2418;--shadow:0 14px 38px rgba(16,35,26,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Segoe UI",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}.container{width:min(1160px,calc(100% - 32px));margin:auto}.narrow{max-width:850px}.topbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav{min-height:76px;display:flex;align-items:center;gap:24px}.brand{font-size:27px;font-weight:600;color:var(--ink);text-decoration:none;letter-spacing:-1px}.brand span{color:var(--green)}.brand.inverse{color:#fff}.menu-btn{display:none;border:0;background:transparent;font-size:25px}.nav nav{display:flex;gap:20px;flex:1}.nav nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;color:var(--ink);padding:11px 18px;border-radius:11px;text-decoration:none;font:inherit;font-weight:600;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px);border-color:#bdcec3}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.primary:hover{background:var(--green2)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.warning{background:#fff7e6;border-color:#efc267;color:#8b5b00}.btn.small{padding:8px 12px;font-size:13px}.btn.wide,.wide{width:100%}.hero{padding:78px 0 58px;background:radial-gradient(circle at 10% 20%,#dff3e7 0,transparent 40%),linear-gradient(135deg,#f5fbf7,#fff)}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:52px;align-items:center}.eyebrow{color:var(--green);font-weight:600}.hero h1{font-size:clamp(40px,6vw,70px);line-height:1.1;margin:10px 0 18px;letter-spacing:-2px}.hero p{font-size:19px;color:var(--muted);max-width:720px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hero-card{background:var(--ink);color:#fff;border-radius:24px;padding:30px;box-shadow:var(--shadow)}.hero-card strong{font-size:56px;display:block;line-height:1}.hero-mini{display:flex;gap:12px;margin-top:26px}.hero-mini span{background:rgba(255,255,255,.09);padding:8px 12px;border-radius:100px;font-size:13px}.section{padding:48px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section h1,.section h2{margin:0}.section h2{font-size:31px}.muted{color:var(--muted)}.searchbar{display:grid;grid-template-columns:1.4fr repeat(3,170px) auto;gap:10px;background:#fff;padding:12px;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);margin-bottom:22px}.field,input,select,textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#fff;font:inherit;color:var(--ink);outline:none}.field:focus,input:focus,select:focus,textarea:focus{border-color:#83b99a;box-shadow:0 0 0 3px rgba(11,122,73,.08)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px}.chip{border:1px solid var(--line);background:#fff;border-radius:100px;padding:8px 14px;text-decoration:none;color:var(--ink);font-weight:600}.chip small{color:var(--muted)}.chip.active{background:var(--ink);color:#fff}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid.compact .card{min-height:auto}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 5px 18px rgba(18,33,26,.04);display:flex;flex-direction:column}.card-image,.image-placeholder{width:100%;height:205px;object-fit:cover;border-radius:14px;margin-bottom:15px}.image-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dff2e6,#f4faf6);text-decoration:none}.image-placeholder span{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--green);font-size:30px;font-weight:600}.card-top{display:flex;justify-content:space-between;align-items:center}.card h3{font-size:20px;line-height:1.4;margin:10px 0 8px}.card h3 a,.dashboard-item h3 a,.admin-item h3 a{color:var(--ink);text-decoration:none}.card p{color:var(--muted);margin:0}.tag,.featured{display:inline-flex;background:var(--soft);color:var(--green2);padding:5px 10px;border-radius:100px;font-size:12px;font-weight:600}.featured{background:#fff5dc;color:#8a5b00}.meta{display:flex;flex-wrap:wrap;gap:11px;color:var(--muted);font-size:13px;margin-top:14px}.price{font-size:18px;font-weight:600;margin-top:14px}.card-link{margin-top:auto;padding-top:18px;color:var(--green);font-weight:600;text-decoration:none}.form-wrap{max-width:790px;margin:44px auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow)}.form-wrap h1{font-size:36px;margin:8px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{margin-bottom:5px}.form-group label{display:block;font-weight:600;margin-bottom:7px}.full{grid-column:1/-1}.upload-box{border:1px dashed #b8c9bd;border-radius:14px;padding:16px;background:#fbfdfb}.upload-box small{display:block;color:var(--muted);margin-top:8px}.preview{width:220px;height:140px;object-fit:cover;border-radius:12px;display:block;margin-bottom:12px}.preview.current{width:260px;height:165px}.hidden{display:none!important}.check{display:flex!important;gap:8px;align-items:center;margin:8px 0}.check input{width:auto}.counter{display:block;text-align:left;color:var(--muted)}.alert{padding:13px 16px;margin-top:18px;border-radius:11px;background:#eef6ff;border:1px solid transparent}.alert.success{background:#eaf8ef;color:#12633e;border-color:#bde3ca}.alert.error{background:#ffeded;color:#8a1c13;border-color:#f4bbb6}.empty{padding:46px;text-align:center;background:#fff;border:1px dashed var(--line);border-radius:18px}.detail{display:grid;grid-template-columns:1fr 330px;gap:24px;padding:46px 0}.detail-main,.sidebox{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 8px 24px rgba(18,33,26,.04)}.sidebox+ .sidebox{margin-top:16px}.detail-image{width:100%;max-height:480px;object-fit:cover;border-radius:16px;margin-bottom:22px}.detail h1{font-size:40px;line-height:1.25;margin:14px 0}.detail-badges{display:flex;gap:8px}.detail-main hr{border:0;border-top:1px solid var(--line);margin:26px 0}.description{font-size:17px}.price-box{margin-top:22px;padding:17px;border-radius:14px;background:var(--soft)}.price-box small{display:block;color:var(--muted)}.price-box strong{font-size:22px}.share-row{margin-top:24px}.actions{display:flex;gap:8px;flex-wrap:wrap}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}.table th,.table td{padding:13px;border-bottom:1px solid var(--line);text-align:right;font-size:14px}.status{display:inline-flex;font-weight:600;padding:5px 10px;border-radius:100px;background:#f3f3f3}.status.pending{color:#9a6700;background:#fff7df}.status.approved{color:#087443;background:#e9f8ef}.status.rejected{color:#b42318;background:#ffeded}.status.closed{color:#555}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;text-decoration:none;color:var(--ink)}.stat strong{display:block;font-size:32px}.stat span{color:var(--muted)}.stat.warn{border-color:#eed18f}.stat.good{border-color:#acd8bb}.stat.bad{border-color:#efb1ab}.admin-filter{display:grid;grid-template-columns:1fr 220px auto;gap:10px;margin-bottom:20px}.admin-list,.dashboard-list{display:grid;gap:12px}.admin-item,.dashboard-item{background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px;display:grid;align-items:center;gap:16px}.admin-item{grid-template-columns:72px 1fr auto}.admin-item img,.admin-thumb{width:72px;height:72px;border-radius:13px;object-fit:cover}.admin-thumb{display:grid;place-items:center;background:var(--soft);color:var(--green);font-size:24px;font-weight:600}.admin-title-row{display:flex;gap:8px;align-items:center}.admin-title-row h3{margin:0}.admin-content p{margin:3px 0}.admin-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.admin-actions form{display:flex;gap:7px}.dashboard-item{grid-template-columns:1fr auto auto}.dashboard-item h3{margin:0}.diagnostic{padding:22px;border-radius:16px;margin-bottom:18px}.good-box{background:#eaf8ef;border:1px solid #bde3ca}.bad-box{background:#ffeded;border:1px solid #f4bbb6}footer{margin-top:54px;background:#10251b;color:#fff;padding:42px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}footer p,footer a{color:#bed0c4}@media(max-width:980px){.searchbar{grid-template-columns:1fr 1fr 1fr}.searchbar input{grid-column:1/-1}.grid{grid-template-columns:1fr 1fr}.hero-grid,.detail{grid-template-columns:1fr}.admin-item{grid-template-columns:64px 1fr}.admin-actions{grid-column:1/-1;justify-content:flex-start}}@media(max-width:700px){.menu-btn{display:block;margin-right:auto}.nav nav{display:none;position:absolute;top:76px;right:16px;left:16px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--shadow);flex-direction:column}.nav nav.open{display:flex}.nav>.btn{display:none}.grid,.form-grid,.stats-grid,.footer-grid{grid-template-columns:1fr}.searchbar,.admin-filter{grid-template-columns:1fr}.searchbar input{grid-column:auto}.hero{padding:52px 0}.hero h1{font-size:40px}.detail h1{font-size:40px}.section-head{align-items:flex-start;flex-direction:column}.dashboard-item{grid-template-columns:1fr}.admin-item{grid-template-columns:58px 1fr}.admin-item img,.admin-thumb{width:58px;height:58px}.form-wrap{margin:20px 12px;padding:20px}.admin-actions form{width:100%;flex-wrap:wrap}.admin-actions .btn{flex:1}}

/* Bsouria v6 professional homepage */
.pro-hero{padding:86px 0 72px;background:linear-gradient(180deg,#f7fbf8 0%,#eef6f1 100%);position:relative;overflow:hidden}
.pro-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(11,122,73,.06);top:-280px;left:-170px}
.pro-hero:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(11,122,73,.12);border-radius:50%;bottom:-240px;right:-100px}
.pro-grid{grid-template-columns:1.08fr .92fr;gap:70px;position:relative;z-index:1}
.trust-pill{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid #d8e8dd;border-radius:999px;padding:8px 13px;color:#335b47;font-size:13px;font-weight:600;box-shadow:0 8px 26px rgba(16,35,26,.04)}
.trust-dot,.online-dot{width:8px;height:8px;border-radius:50%;background:#20b46b;box-shadow:0 0 0 5px rgba(32,180,107,.12)}
.hero-copy h1{font-size:clamp(40px,6vw,56px);max-width:800px;margin:22px 0 20px;line-height:1.05;letter-spacing:-2.8px}
.hero-copy h1 span{color:var(--green)}
.hero-copy>p{font-size:20px;line-height:1.9;max-width:720px;color:#52645a}
.hero-primary{padding:15px 25px;border-radius:13px;box-shadow:0 12px 25px rgba(11,122,73,.22)}
.hero-secondary{padding:15px 25px;background:transparent;border-color:#b8cbc0}
.hero-trust{display:flex;align-items:center;gap:15px;margin-top:32px}
.hero-trust p{font-size:13px;line-height:1.55;margin:0;color:#627269}
.avatar-stack{display:flex;direction:ltr}.avatar-stack span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;border:3px solid #eef6f1;margin-left:-10px;font-weight:600;color:var(--green)}
.market-panel{background:#10251b;color:#fff;border-radius:28px;padding:20px;box-shadow:0 28px 70px rgba(16,37,27,.22);position:relative}
.market-panel:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.06);border-radius:21px;pointer-events:none}
.market-head{display:flex;align-items:center;justify-content:space-between;padding:7px 7px 18px;font-size:13px;color:#c5d7cc}.market-head>div{display:flex;align-items:center;gap:10px}.market-head a{color:#fff;text-decoration:none;font-weight:600}
.market-list{display:grid;gap:9px}.market-row{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;text-decoration:none;color:#fff;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);padding:13px;border-radius:16px;transition:.2s}.market-row:hover{background:rgba(255,255,255,.1);transform:translateX(-3px)}
.market-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#dff3e7;color:#0b7a49;font-size:20px;font-weight:600}.market-text{min-width:0}.market-text strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.market-text span{display:block;color:#9fb5a8;font-size:12px;margin-top:3px}.market-arrow{color:#93c9a8}.market-empty{padding:40px;text-align:center;color:#a9bdb1}
.market-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}.market-foot div{padding:13px;text-align:center;background:rgba(255,255,255,.04);border-radius:13px}.market-foot strong{display:block;font-size:21px}.market-foot span{color:#9fb5a8;font-size:11px}
.business-strip{background:#fff;border-top:1px solid #e0e9e3;border-bottom:1px solid #e0e9e3}.strip-grid{min-height:86px;display:grid;grid-template-columns:auto repeat(5,1fr);align-items:center;gap:25px;color:#75837b}.strip-grid span{font-size:12px}.strip-grid strong{text-align:center;color:#526159;font-size:14px}
.category-section{padding-top:86px}.section-heading{margin-bottom:28px}.split-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.split-heading>p{max-width:500px;margin:0;color:var(--muted)}.section-kicker{display:block;color:var(--green);font-weight:600;font-size:13px;margin-bottom:7px}.split-heading h2{font-size:38px;letter-spacing:-1.2px}.text-link{color:var(--green);font-weight:600;text-decoration:none}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category-card{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:14px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:17px;text-decoration:none;color:var(--ink);transition:.2s}.category-card:hover{border-color:#9bc3aa;box-shadow:0 15px 30px rgba(16,35,26,.07);transform:translateY(-2px)}.category-symbol{width:54px;height:54px;border-radius:15px;background:#e9f6ee;color:var(--green);display:grid;place-items:center;font-size:22px;font-weight:600}.category-card strong{display:block;font-size:17px}.category-card small{display:block;color:var(--muted);margin-top:2px}.category-go{color:#83a18f;font-size:19px}
.featured-section{padding-top:70px}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.featured-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 9px 25px rgba(16,35,26,.045)}.featured-media{height:235px;display:block;position:relative;background:#eaf4ed}.featured-media img,.featured-placeholder{width:100%;height:100%;object-fit:cover}.featured-placeholder{display:grid;place-items:center;font-size:45px;color:var(--green)}.featured-badge{position:absolute;top:14px;right:14px;background:rgba(255,255,255,.92);color:var(--green2);padding:6px 10px;border-radius:999px;font-size:11px;font-weight:600;backdrop-filter:blur(6px)}.featured-body{padding:20px}.featured-meta{display:flex;gap:8px;color:var(--green);font-size:12px;font-weight:600}.featured-meta span+span:before{content:"•";margin-left:8px;color:#a6b5ac}.featured-body h3{font-size:21px;line-height:1.45;margin:10px 0}.featured-body h3 a{color:var(--ink);text-decoration:none}.featured-body p{color:var(--muted);margin:0}.featured-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #edf1ee;margin-top:18px;padding-top:15px;font-size:13px}.featured-bottom a{color:var(--green);text-decoration:none;font-weight:600}
.opportunity-zone{padding-top:85px}.opportunities-heading{margin-bottom:24px}.pro-search{display:grid;grid-template-columns:minmax(280px,1.7fr) repeat(3,minmax(130px,.7fr)) auto;gap:9px;background:#fff;border:1px solid var(--line);padding:10px;border-radius:18px;box-shadow:0 12px 35px rgba(16,35,26,.06);margin-bottom:28px}.search-main{display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;padding:0 13px}.search-main span{font-size:22px;color:#7b8d83}.search-main input{border:0;box-shadow:none;padding-right:9px}.pro-search select{border-color:transparent;background:#f7f9f7}.opportunity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.opportunity-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.2s;box-shadow:0 5px 17px rgba(16,35,26,.035)}.opportunity-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(16,35,26,.08);border-color:#b6cdbf}.opportunity-image{height:205px;display:block;position:relative;background:#eef5f0}.opportunity-image img,.opportunity-placeholder{width:100%;height:100%;object-fit:cover}.opportunity-placeholder{display:grid;place-items:center;color:var(--green);font-size:38px}.type-badge{position:absolute;top:13px;right:13px;background:rgba(255,255,255,.94);padding:6px 10px;border-radius:999px;color:var(--green2);font-size:11px;font-weight:600}.opportunity-body{padding:18px}.opportunity-topline{display:flex;justify-content:space-between;color:#74847b;font-size:12px}.opportunity-body h3{font-size:20px;line-height:1.45;margin:10px 0 8px}.opportunity-body h3 a{color:var(--ink);text-decoration:none}.opportunity-body>p{color:var(--muted);margin:0;min-height:70px}.opportunity-company{display:flex;align-items:center;gap:10px;margin-top:16px}.company-mark{width:38px;height:38px;border-radius:11px;background:#e8f4ec;color:var(--green);display:grid;place-items:center;font-weight:600}.opportunity-company strong,.opportunity-company small{display:block}.opportunity-company small{color:var(--muted);font-size:11px}.opportunity-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #edf1ee;margin-top:16px;padding-top:15px}.opportunity-footer a{color:var(--green);font-weight:600;text-decoration:none;font-size:13px}.pro-empty{background:#fff;border:1px solid var(--line);border-radius:20px;padding:55px}.empty-icon{width:58px;height:58px;border-radius:17px;background:#edf7f0;color:var(--green);display:grid;place-items:center;margin:0 auto 14px;font-size:28px}
.how-section{padding:90px 0}.how-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;background:#10251b;color:#fff;border-radius:28px;padding:55px}.how-copy h2{font-size:40px;line-height:1.2;margin:8px 0 18px}.how-copy p{color:#b7cabf;margin-bottom:25px}.steps-list{display:grid;gap:12px}.step{display:grid;grid-template-columns:58px 1fr;gap:16px;padding:17px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:17px}.step>span{width:58px;height:58px;border-radius:15px;background:#dff3e7;color:var(--green);display:grid;place-items:center;font-weight:600}.step strong{font-size:17px}.step p{margin:2px 0 0;color:#a8beb1;font-size:13px}
.cta-section{padding-top:0;padding-bottom:80px}.cta-shell{display:flex;justify-content:space-between;align-items:center;gap:35px;background:linear-gradient(135deg,#0b7a49,#075c38);color:#fff;border-radius:26px;padding:42px 48px;box-shadow:0 20px 45px rgba(11,122,73,.18)}.cta-shell span{color:#c7e6d4;font-weight:600}.cta-shell h2{font-size:34px;margin:5px 0 0}.cta-button{background:#fff!important;color:#0b6a41!important;border-color:#fff!important;padding:14px 22px;white-space:nowrap}
@media(max-width:980px){.pro-grid,.how-shell{grid-template-columns:1fr}.strip-grid{grid-template-columns:repeat(3,1fr);padding:18px 0}.strip-grid span{display:none}.category-grid,.featured-grid,.opportunity-grid{grid-template-columns:1fr 1fr}.pro-search{grid-template-columns:1fr 1fr}.search-main{grid-column:1/-1}.pro-search button{grid-column:1/-1}.market-panel{max-width:650px}.split-heading{align-items:flex-start}}
@media(max-width:700px){.pro-hero{padding:54px 0}.hero-copy h1{font-size:40px;letter-spacing:-1.5px}.hero-copy>p{font-size:17px}.market-panel{border-radius:20px}.market-foot{gap:5px}.strip-grid{grid-template-columns:1fr 1fr}.category-grid,.featured-grid,.opportunity-grid{grid-template-columns:1fr}.split-heading{display:block}.split-heading h2{font-size:31px}.split-heading>p{margin-top:10px}.pro-search{grid-template-columns:1fr}.search-main{grid-column:auto}.pro-search button{grid-column:auto}.featured-media{height:220px}.how-shell{padding:28px 20px;border-radius:21px;gap:34px}.how-copy h2{font-size:31px}.cta-shell{display:block;padding:31px 23px}.cta-shell h2{font-size:28px;margin-bottom:20px}.cta-button{width:100%}}

/* v7 information and legal pages */
.info-hero{padding:72px 0 38px;background:linear-gradient(180deg,#edf8f1 0%,#f7faf8 100%);border-bottom:1px solid #dce8e0}.info-hero-inner{max-width:860px}.info-hero h1{font-size:clamp(40px,6vw,50px);line-height:1.1;margin:14px 0}.info-hero p{font-size:19px;line-height:1.9;color:#53645b;max-width:760px}.eyebrow{font-weight:600;color:#087b49}.info-layout{max-width:960px}.info-card{background:#fff;border:1px solid #dce7e0;border-radius:24px;padding:clamp(24px,5vw,52px);box-shadow:0 18px 55px rgba(13,57,36,.06)}.info-section+ .info-section{border-top:1px solid #e6eee9;margin-top:30px;padding-top:30px}.info-section h2,.info-card h2{font-size:26px;margin:0 0 15px}.info-section h3{font-size:18px;margin:24px 0 8px}.info-section p,.info-section li,.info-card p{font-size:16px;line-height:2;color:#43534a}.info-section ul{padding-right:22px}.info-section a,.info-card a{color:#087b49;font-weight:600}.value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.value-grid>div,.contact-box{border:1px solid #dfeae3;background:#f8fbf9;border-radius:16px;padding:18px}.value-grid p{margin:5px 0 0}.notice-box,.legal-note{margin-top:28px;padding:18px 20px;border-radius:15px;line-height:1.8}.notice-box{background:#fff7df;border:1px solid #f1d98b;color:#6d5200}.legal-note{background:#eef7f1;border:1px solid #cee4d5;color:#355846}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid #dce8e0;border-radius:16px;background:#fff;overflow:hidden}.faq-item summary{cursor:pointer;padding:19px 22px;font-size:17px;font-weight:600;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';float:left;color:#087b49;font-size:22px}.faq-item[open] summary:after{content:'−'}.faq-item p{padding:0 22px 20px;margin:0;color:#526159;line-height:1.9}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:start}.contact-box{display:flex;flex-direction:column;gap:5px;margin-top:14px}.site-footer{background:#092d20;color:#d9e8df;padding:64px 0 20px;margin-top:70px}.footer-main{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:42px}.footer-about p{line-height:1.9;color:#b9cfc2;max-width:420px}.footer-trust{display:flex;flex-wrap:wrap;gap:8px}.footer-trust span{border:1px solid #315849;border-radius:999px;padding:7px 10px;font-size:12px}.footer-column{display:flex;flex-direction:column;gap:11px}.footer-column h3{color:#fff;margin:3px 0 8px}.site-footer a{color:#c9ddd1;text-decoration:none}.site-footer a:hover{color:#fff}.footer-warning{margin-top:38px;border:1px solid #2a5443;background:#10392b;border-radius:14px;padding:15px 18px;color:#cfe1d7}.footer-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #25493b;margin-top:25px;padding-top:20px;font-size:13px;color:#a9c1b4}@media(max-width:900px){.footer-main{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}.contact-grid{grid-template-columns:1fr}}@media(max-width:600px){.footer-main{grid-template-columns:1fr}.footer-about{grid-column:auto}.footer-bottom{flex-direction:column;align-items:flex-start}.value-grid{grid-template-columns:1fr}.info-hero{padding-top:48px}.info-card{border-radius:18px}}

/* Bsouria v8 brand, bilingual content and blog */
.brand-logo{display:inline-flex;align-items:center;flex:0 0 auto}.brand-logo img{display:block;width:176px;height:auto}.footer-logo img{filter:brightness(0) invert(1);opacity:.96}.nav-actions{display:flex;align-items:center;gap:10px}.lang-switch{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:40px;border:1px solid var(--border,#dbe5df);border-radius:12px;font-weight:600;background:#fff;color:#0b6844}.info-hero,.blog-hero{padding:82px 0 58px;background:radial-gradient(circle at 15% 5%,#dff4e9 0,transparent 35%),linear-gradient(180deg,#f8fcf9,#fff)}.info-hero h1,.blog-hero h1{font-size:clamp(40px,5vw,50px);line-height:1.08;margin:14px 0 20px;letter-spacing:-1.5px}.info-hero p,.blog-hero p{font-size:19px;line-height:1.9;color:#617269}.narrow,.article-narrow{max-width:850px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.info-card{background:#fff;border:1px solid #dce7e1;border-radius:24px;padding:30px;min-height:250px}.info-card>span{display:inline-flex;width:44px;height:44px;border-radius:14px;align-items:center;justify-content:center;background:#e5f6ed;color:#087a4a;font-weight:600}.info-card h2{margin:22px 0 12px}.info-card p,.article-content p{color:#5f7068;line-height:1.95}.soft-section{background:#f4f8f5}.article-content{font-size:18px;line-height:2}.article-content h2{margin:42px 0 12px;color:#10281f}.legal-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:52px;align-items:start}.legal-nav{position:sticky;top:100px;border:1px solid #dce7e1;border-radius:20px;padding:14px;background:#fff}.legal-nav a{display:block;padding:12px 14px;border-radius:10px;color:#52665d;font-weight:600}.legal-nav a:hover{background:#edf8f2;color:#087a4a}.contact-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:30px;align-items:start}.contact-details{display:grid;gap:16px}.contact-card{background:#fff;border:1px solid #dce7e1;border-radius:20px;padding:24px}.contact-card strong{display:block;margin-bottom:10px;font-size:18px}.contact-card a{color:#087a4a;font-weight:600}.contact-card p{color:#607069;line-height:1.8;margin:0}.contact-form{margin:0;max-width:none}.blog-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:60px;align-items:end}.blog-search{display:flex;gap:10px;padding:12px;background:#fff;border:1px solid #dce7e1;border-radius:18px;box-shadow:0 18px 60px rgba(17,54,39,.08)}.blog-search input{border:0;flex:1;min-width:0;background:transparent}.blog-categories{padding-top:26px;padding-bottom:12px}.category-pills{display:flex;gap:10px;overflow:auto;padding-bottom:8px}.category-pills a{white-space:nowrap;border:1px solid #dce7e1;background:#fff;border-radius:999px;padding:10px 16px;font-weight:600;color:#52665d}.category-pills a.active,.category-pills a:hover{background:#0b7a4b;color:#fff;border-color:#0b7a4b}.featured-article{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;background:#10291f;border-radius:30px;padding:18px;color:#fff;overflow:hidden}.featured-article img{width:100%;height:410px;object-fit:cover;border-radius:22px}.featured-article>div{padding:28px}.featured-article h2{font-size:clamp(30px,4vw,46px);line-height:1.25;margin:14px 0}.featured-article h2 a,.featured-article .text-link{color:#fff}.featured-article p{color:#cbd9d2;line-height:1.9}.article-category{display:inline-flex;padding:7px 11px;border-radius:999px;background:#e6f7ee;color:#087a4a;font-size:13px;font-weight:600}.article-meta{display:flex;gap:16px;flex-wrap:wrap;color:#7a8b83;font-size:14px;margin:16px 0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog-card{background:#fff;border:1px solid #dce7e1;border-radius:22px;overflow:hidden;transition:.25s transform,.25s box-shadow}.blog-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(16,53,38,.09)}.blog-card-image{display:block;height:230px;background:#e8f4ed}.blog-card-image img{width:100%;height:100%;object-fit:cover}.blog-placeholder{height:100%;display:grid;place-items:center;font-size:54px;font-weight:600;color:#0b7a4b}.blog-card-body{padding:23px}.blog-card h3{font-size:22px;line-height:1.5;margin:13px 0 10px}.blog-card h3 a{color:#14271f}.blog-card p{color:#66766f;line-height:1.75}.article-header{padding:60px 0 34px;background:linear-gradient(180deg,#f2faf5,#fff)}.article-header .container{width:min(1050px,calc(100% - 32px));max-width:1050px;margin-inline:auto}.article-header h1{width:100%;max-width:none;font-size:clamp(40px,4.25vw,50px);line-height:1.14;letter-spacing:-1.2px;font-weight:600;margin:18px 0 16px}.article-header p{width:100%;max-width:none;font-size:19px;line-height:1.8;color:#63736b;margin:0}.article-header .article-meta{width:100%;max-width:none;margin:18px 0 0}.article-cover img{width:100%;max-height:610px;object-fit:cover;border-radius:30px}.article-layout{width:min(1050px,calc(100% - 32px));max-width:1050px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,760px) 240px;justify-content:space-between;gap:50px;padding-top:56px;padding-bottom:70px}.main-article-content{width:100%;max-width:none;white-space:normal}.article-sidebar{display:grid;gap:18px;align-content:start}.sidebar-box{border:1px solid #dce7e1;border-radius:18px;padding:20px;background:#fff}.sidebar-box strong{display:block;margin-bottom:12px}.article-disclaimer{margin-top:48px;padding:24px;border-radius:18px;background:#fff6db;border:1px solid #f0d483}.compact-blog-grid{grid-template-columns:repeat(3,1fr)}.editor-form{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px}.editor-settings,.editor-panel{background:#fff;border:1px solid #dce7e1;border-radius:22px;padding:22px}.language-editor{display:grid;grid-template-columns:1fr 1fr;gap:20px}.language-label{display:inline-flex;padding:6px 12px;border-radius:999px;background:#e6f7ee;color:#087a4a;font-weight:600;margin-bottom:16px}.editor-panel textarea{line-height:1.8}.editor-save{grid-column:1/-1;justify-self:end;min-width:180px}.check-row{display:flex;gap:9px;align-items:center;margin:15px 0}.admin-head-actions{display:flex;gap:10px}.faq-list{display:grid;gap:12px}.faq-list details{background:#fff;border:1px solid #dce7e1;border-radius:16px;padding:18px 20px}.faq-list summary{cursor:pointer;font-weight:600}.faq-list p{color:#617169;line-height:1.8}.hero-search{display:flex;gap:10px;padding:10px;background:#fff;border:1px solid #dce7e1;border-radius:18px;max-width:650px;margin:24px 0 18px;box-shadow:0 18px 50px rgba(14,60,40,.08)}.hero-search input{flex:1;border:0;min-width:0}.compact-footer{grid-template-columns:1.7fr repeat(3,1fr)}
html[dir="ltr"] body{text-align:left}html[dir="ltr"] .market-arrow,html[dir="ltr"] .category-go{transform:none}html[dir="ltr"] .opportunity-card,html[dir="ltr"] .featured-card{text-align:left}
@media(max-width:980px){.info-grid,.blog-grid{grid-template-columns:1fr 1fr}.legal-layout,.contact-layout,.article-layout,.featured-article,.blog-hero-grid,.editor-form{grid-template-columns:1fr}.legal-nav{position:static;display:flex;overflow:auto}.language-editor{grid-template-columns:1fr}.compact-footer{grid-template-columns:1fr 1fr}.article-sidebar{grid-template-columns:1fr 1fr}.editor-save{grid-column:auto}.brand-logo img{width:150px}}
@media(max-width:680px){.info-grid,.blog-grid,.compact-blog-grid,.compact-footer{grid-template-columns:1fr}.info-hero,.blog-hero{padding:55px 0 35px}.featured-article img{height:260px}.featured-article>div{padding:15px}.article-layout{padding-top:34px}.article-sidebar{grid-template-columns:1fr}.hero-search,.blog-search{flex-direction:column}.brand-logo img{width:135px}.nav-actions .btn{display:none}}


/* Bsouria rich article editor */
.rich-editor-form .editor-settings{align-items:end}
.rich-language-editor{align-items:start}
.rich-language-editor .editor-panel{min-width:0}
.quill-editor{min-height:520px;background:#fff;font-size:16px}
.ql-toolbar.ql-snow{border-color:#d9e2dc;border-radius:12px 12px 0 0;background:#f8fbf9;position:sticky;top:0;z-index:4}
.ql-container.ql-snow{border-color:#d9e2dc;border-radius:0 0 12px 12px}
.ql-editor{min-height:520px;line-height:1.9}
.ql-editor img{max-width:100%;height:auto;border-radius:12px;margin:16px auto;display:block}
.main-article-content h1,.main-article-content h2,.main-article-content h3,.main-article-content h4{margin:1.6em 0 .65em;line-height:1.3}
.main-article-content h2{font-size:1.65rem}
.main-article-content h3{font-size:1.3rem}
.main-article-content p{margin:0 0 1.15em;line-height:1.95}
.main-article-content ul,.main-article-content ol{margin:0 0 1.25em;padding-inline-start:1.6em}
.main-article-content li{margin:.45em 0;line-height:1.8}
.main-article-content blockquote{margin:1.5em 0;padding:18px 22px;border-inline-start:4px solid #16865a;background:#f3f8f5;border-radius:10px}
.main-article-content img{display:block;max-width:100%;height:auto;margin:26px auto;border-radius:14px}
.main-article-content a{color:#087a50;text-decoration:underline}
.main-article-content pre{overflow:auto;padding:18px;background:#101a16;color:#fff;border-radius:12px}
.main-article-content table{width:100%;border-collapse:collapse;margin:24px 0;display:block;overflow-x:auto}
.main-article-content th,.main-article-content td{border:1px solid #dfe7e2;padding:10px 12px}
@media(max-width:900px){.quill-editor,.ql-editor{min-height:380px}.rich-language-editor{grid-template-columns:1fr}}

/* =========================================================
   BSOURIA CLEAN LAYOUT SYSTEM
   ========================================================= */

:root {
    --site-width: 1400px;
    --header-width: 1500px;
    --site-padding: 32px;
}

/* Shared page container */
.container {
    width: min(var(--site-width), calc(100% - var(--site-padding)));
    max-width: var(--site-width);
    margin-inline: auto;
}

/* Large, clean header */
/* HEADER */

.topbar {
    width: 100%;
    border-bottom: 1px solid #e5ece7;
    background: #fff;
}

.topbar .container,
.nav {
    width: calc(100% - 80px) !important;
    max-width: 1500px !important;
    margin: 0 auto !important;
    padding: 0 !important;

    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 82px;
}
.topbar .container,
.topbar .nav {
    width: min(var(--header-width), calc(100% - 40px));
    max-width: var(--header-width);
    margin-inline: auto;
}

.nav {
    min-height: 84px;
    display: flex;
    align-items: center;
    gap: 50px;
}

.brand-logo img {
    display: block;
    width: 235px;
    height: auto;
}

.nav nav {
    display: flex;
    align-items: center;
    gap: 32px;
    flex: 1;
}

.nav nav a {
    font-size: 18px;
    font-weight:600;
    line-height: 1.2;
    white-space: nowrap;
}

.nav-actions {
    display: flex;
    align-items: center;
    gap: 14px;
}

.lang-switch {
    min-width: 58px;
    height: 46px;
    padding: 0 14px;
    font-size: 16px;
    font-weight:600;
}

.nav-actions .btn,
.nav > .btn {
    min-height: 48px;
    padding: 13px 22px;
    border-radius: 12px;
    font-size: 16px;
    font-weight:600;
margin-left:59px;
}

/* Consistent title wrappers */
.hero-copy,
.info-hero-inner,
.blog-hero-grid > div:first-child,
.article-header .container {
    width: 100%;
    max-width: none;
    margin-inline: 0;
}

/* All page H1 titles */
.hero-copy h1,
.info-hero h1,
.blog-hero h1,
.article-header h1,
.detail h1,
.form-wrap h1,
main h1 {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    font-size: 40px;
    line-height: 1.3;
    letter-spacing: 0;
    white-space: normal;
}

/* Direction-aware alignment */
html[dir="rtl"] .hero-copy,
html[dir="rtl"] .info-hero-inner,
html[dir="rtl"] .blog-hero-grid > div:first-child,
html[dir="rtl"] .article-header .container,
html[dir="rtl"] h1 {
    direction: rtl;
    text-align: right;
}

html[dir="ltr"] .hero-copy,
html[dir="ltr"] .info-hero-inner,
html[dir="ltr"] .blog-hero-grid > div:first-child,
html[dir="ltr"] .article-header .container,
html[dir="ltr"] h1 {
    direction: ltr;
    text-align: left;
}

/* Matching subtitle alignment */
.hero-copy > p,
.info-hero p,
.blog-hero p,
.article-header p {
    max-width: 820px;
    margin-inline: 0;
}

html[dir="rtl"] .hero-copy > p,
html[dir="rtl"] .info-hero p,
html[dir="rtl"] .blog-hero p,
html[dir="rtl"] .article-header p {
    text-align: right;
}

html[dir="ltr"] .hero-copy > p,
html[dir="ltr"] .info-hero p,
html[dir="ltr"] .blog-hero p,
html[dir="ltr"] .article-header p {
    text-align: left;
}

/* Consistent blog structure */
.blog-hero .container,
.blog-categories .container,
.blog-hero-grid,
.category-pills,
.featured-article,
.blog-grid,
.compact-blog-grid {
    width: min(var(--site-width), calc(100% - var(--site-padding)));
    max-width: var(--site-width);
    margin-inline: auto;
}

.blog-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
    gap: 48px;
    align-items: center;
}

.blog-search {
    width: 100%;
    max-width: none;
}

/* Consistent article width */
.article-header .container,
.article-layout {
    width: min(var(--site-width), calc(100% - var(--site-padding)));
    max-width: var(--site-width);
    margin-inline: auto;
}

.article-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 270px;
    gap: 48px;
    padding-top: 56px;
    padding-bottom: 70px;
}

.main-article-content {
    width: 100%;
    max-width: none;
}

/* Tablet */
@media (max-width: 1100px) {
    .topbar .container,
    .topbar .nav {
        width: min(100% - 28px, var(--header-width));
    }

    .brand-logo img {
        width: 190px;
    }

    .nav nav {
        gap: 20px;
    }

    .nav nav a {
        font-size: 15px;
    }
}

/* Mobile and smaller tablets */
@media (max-width: 980px) {
    .blog-hero-grid,
    .article-layout {
        grid-template-columns: 1fr;
    }

    .article-sidebar {
        width: 100%;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 700px) {
    :root {
        --site-padding: 24px;
    }

    .nav {
        min-height: 74px;
    }

    .brand-logo img {
        width: 150px;
    }

    .hero-copy h1,
    .info-hero h1,
    .blog-hero h1,
    .article-header h1,
    .detail h1,
    .form-wrap h1,
    main h1 {
        font-size: 28px;
    }

    .article-sidebar {
        grid-template-columns: 1fr;
    }
}
/* HERO WIDTH MATCHES HEADER */

.topbar .container,
.topbar .nav,
.pro-hero .container {
    width: min(1340px, calc(100% - 12px)) !important;
    margin-inline: auto !important;
}

.pro-hero .container {
    padding-inline: 0 !important;
}

.pro-grid {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

/* Keep both hero columns filling the full width */
.pro-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 56px !important;
    align-items: center !important;
}

/* Tablet */
@media (max-width: 1100px) {
    .topbar .container,
    .topbar .nav,
    .pro-hero .container {
        width: min(100% - 24px, 1500px) !important;
    }
}

/* Mobile */
@media (max-width: 700px) {
    .pro-grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
}
/* LANGUAGE LOGO */

.brand-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 320px;
    width: 320px;
    height: 72px;
    overflow: hidden;
    text-decoration: none;
}

.brand-logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

/* Tablet */
@media (max-width: 1100px) {
    .brand-logo {
        width: 250px;
        height: 60px;
        flex-basis: 250px;
    }
}

/* Mobile */
@media (max-width: 700px) {
    .brand-logo {
        width: 180px;
        height: 48px;
        flex-basis: 180px;
    }
}
/* Move the left action buttons slightly inside the header */

html[dir="rtl"] .nav-actions {
    padding-left: 32px;
}

html[dir="ltr"] .nav-actions {
    padding-right: 32px;
}

/* Keep both buttons aligned nicely */
.nav-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1;
}

/* Keep the main button from touching the edge */
.nav-actions .btn,
.nav > .btn {
    margin: 0;
    white-space: nowrap;
}

@media (max-width: 1100px) {
    html[dir="rtl"] .nav-actions {
        padding-left: 14px;
    }

    html[dir="ltr"] .nav-actions {
        padding-right: 14px;
    }
/* HERO BUSINESS IMAGE */
.hero-business-image{
    max-width:420px;
    height:390px;
    margin:auto;
    overflow:hidden;
    border-radius:28px;
    box-shadow:0 18px 50px rgba(0,0,0,.12);
    background:#eaf3ed;
}

.hero-business-image img{
    width:50%;
    height:40%;
    display:block;
    object-fit:cover;
    object-position:center;
}

/* Make the left column match the old market panel size */

.hero-grid{
    align-items:center;
}

.hero-grid > .hero-business-image{
    justify-self:center;
}

@media (max-width: 980px) {
    .hero-business-image {
        max-width: 450px;
        margin-inline: auto;
    }
}

@media (max-width: 700px) {
    .hero-business-image {
        border-radius: 20px;
    }
}
}
/* Opportunity publishing experience */
.opportunity-form-page{padding-top:34px}
.opportunity-form-container{max-width:1040px}
.opportunity-form-container>.alert{margin:0 0 16px}
.opportunity-form-shell{display:grid;gap:18px}
.opportunity-form-intro,.form-section,.form-submit-bar{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 9px 28px rgba(16,35,26,.045)}
.opportunity-form-intro{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:30px 32px}
.opportunity-form-intro h1{font-size:38px;line-height:1.18;margin:7px 0 9px;letter-spacing:-.8px}
.opportunity-form-intro p{max-width:700px;margin:0}
.review-note{display:flex;align-items:center;gap:11px;min-width:190px;background:var(--soft);border:1px solid #cfe6d7;border-radius:15px;padding:13px 15px}
.review-note>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:600}
.review-note strong,.review-note small{display:block}.review-note small{color:var(--muted);font-size:12px}
.form-section{padding:27px 30px}
.form-section-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #edf1ee}
.form-section-number{flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:600}
.form-section-heading h2{font-size:21px;line-height:1.35;margin:1px 0 3px}
.form-section-heading p{margin:0;color:var(--muted);font-size:14px}
.form-section .form-group{margin-bottom:4px}
.form-section .form-group label{font-size:14px}
.form-section .form-group small{display:block;color:var(--muted);font-size:12px;margin-top:6px}
.optional-label{font-size:11px;color:var(--muted);font-weight:600}
.compact-form-grid{margin-top:15px}
.language-editor{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fbfdfb}
.language-tabs{display:flex;gap:4px;padding:7px;background:#f1f5f2;border-bottom:1px solid var(--line)}
.language-tab{appearance:none;border:0;background:transparent;color:var(--muted);border-radius:10px;padding:9px 17px;font:inherit;font-weight:600;cursor:pointer}
.language-tab.active{background:#fff;color:var(--green2);box-shadow:0 2px 8px rgba(16,35,26,.08)}
.language-panel{display:none;padding:21px;background:#fff}.language-panel.active{display:block}
.language-panel[dir="ltr"] input,.language-panel[dir="ltr"] textarea{text-align:left;direction:ltr}
.language-panel[dir="rtl"] input,.language-panel[dir="rtl"] textarea{text-align:right;direction:rtl}
.location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.location-help{display:flex;align-items:center;gap:9px;margin-top:15px;padding:11px 13px;border-radius:12px;background:#f5f9f6;color:var(--muted);font-size:13px}
.location-help span{font-size:19px;color:var(--green)}
.option-check{margin:4px 0!important;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#fbfdfb;font-weight:600!important}
.option-check input{width:18px;height:18px;accent-color:var(--green)}
.application-field-muted{opacity:.58}.application-field-muted:focus-within{opacity:1}
.modern-upload{padding:20px;background:#fbfdfb}
.modern-upload input[type="file"]{background:#fff}
.current-image-row{display:flex;align-items:flex-end;gap:18px;margin-bottom:14px}
.form-submit-bar{position:sticky;bottom:14px;z-index:12;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 20px;border-color:#bdd8c7;box-shadow:0 18px 55px rgba(16,35,26,.16)}
.form-submit-bar strong,.form-submit-bar small{display:block}.form-submit-bar small{color:var(--muted);font-size:12px;margin-top:2px}
.form-submit-button{min-width:255px;padding:14px 22px}
.opportunity-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}
.opportunity-fact{border:1px solid var(--line);border-radius:14px;padding:13px 15px;background:#fbfdfb}
.opportunity-fact small,.opportunity-fact strong{display:block}.opportunity-fact small{color:var(--muted);font-size:12px}.opportunity-fact strong{margin-top:3px}
.detail-section{margin-top:27px}.detail-section h2{font-size:22px;margin:0 0 9px}.detail-section p{margin:0;white-space:pre-line}
.skill-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.skill-pill{background:var(--soft);color:var(--green2);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600}

@media(max-width:760px){
 .opportunity-form-page{padding-top:16px}.opportunity-form-container{width:min(100% - 20px,1040px)}
 .opportunity-form-intro{align-items:flex-start;flex-direction:column;padding:23px 20px}.opportunity-form-intro h1{font-size:31px}.review-note{width:100%}
 .form-section{padding:21px 17px}.form-section-heading{gap:10px}.form-section-heading h2{font-size:19px}
 .language-tabs{overflow-x:auto}.language-tab{white-space:nowrap;padding:8px 14px}.language-panel{padding:16px 13px}
 .location-grid,.opportunity-facts{grid-template-columns:1fr}
 .current-image-row{align-items:flex-start;flex-direction:column}
 .form-submit-bar{position:static;align-items:stretch;flex-direction:column}.form-submit-button{width:100%;min-width:0}
}

/* User profile and verification system */
.profile-page{padding-top:34px}
.profile-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.profile-page-head h1{font-size:38px;line-height:1.2;margin:5px 0 8px}
.profile-summary-card,.dashboard-profile-card,.public-profile-card,.admin-user-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px 24px;box-shadow:0 9px 28px rgba(16,35,26,.045)}
.profile-avatar{display:grid;place-items:center;overflow:hidden;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,#dff2e6,#f6fbf8);color:var(--green2);font-weight:600;border:1px solid #cee1d5}
.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.profile-avatar.large{width:78px;height:78px;font-size:24px}
.profile-avatar.xl{width:104px;height:104px;font-size:32px}
.profile-avatar.public-xl{width:130px;height:130px;font-size:40px}
.profile-avatar.small-avatar{width:48px;height:48px;font-size:15px}
.profile-name-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.profile-name-line h1,.profile-name-line h2,.profile-name-line h3{margin:0}
.verified-badge{display:inline-flex;align-items:center;gap:5px;background:#e8f7ef;color:#087443;border:1px solid #b9dfc7;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:600;white-space:nowrap}
.verified-badge.business{background:#fff7df;color:#8b5b00;border-color:#ecd493}
.profile-progress{max-width:520px;margin-top:12px}
.profile-progress.compact-progress{margin-top:8px}
.profile-progress-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:6px;font-size:12px;color:var(--muted)}
.profile-progress-head strong{color:var(--ink)}
.profile-progress-track{height:8px;border-radius:99px;background:#edf2ee;overflow:hidden}
.profile-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#3ca86f)}
.profile-review-state,.dashboard-profile-status{display:grid;justify-items:start;gap:7px;min-width:150px}
.profile-review-state small,.dashboard-profile-status small{color:var(--muted)}
.profile-review-state p{max-width:240px;margin:0;color:var(--muted);font-size:12px}
.profile-status-pending{color:#946200;background:#fff4d6}
.profile-status-approved{color:#087443;background:#e9f8ef}
.profile-status-rejected,.profile-status-suspended{color:#b42318;background:#ffeded}
.profile-status-changes_requested{color:#8a5b00;background:#fff4d6}
.profile-status-draft{color:#59645e;background:#eef2ef}
.profile-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:20px;align-items:start;margin-top:20px}
.profile-sidebar{position:sticky;top:96px;display:grid;gap:4px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px}
.profile-sidebar a{display:block;padding:11px 12px;border-radius:10px;color:var(--ink);text-decoration:none;font-weight:600;font-size:13px}
.profile-sidebar a:hover{background:var(--soft);color:var(--green2)}
.profile-content,.profile-form{display:grid;gap:18px}
.profile-section-card{scroll-margin-top:105px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 28px;box-shadow:0 7px 22px rgba(16,35,26,.035)}
.profile-section-heading{display:flex;align-items:flex-start;gap:13px;padding-bottom:17px;margin-bottom:20px;border-bottom:1px solid #edf1ee}
.profile-section-heading>span{flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:600}
.profile-section-heading h2{font-size:21px;line-height:1.35;margin:1px 0 3px}
.profile-section-heading p{margin:0;color:var(--muted);font-size:14px}
.profile-photo-editor{display:flex;align-items:center;gap:18px;margin-bottom:22px;padding:16px;border-radius:16px;background:#f8fbf9;border:1px solid #e5eee8}
.small-text{font-size:12px;margin:6px 0}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.privacy-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.privacy-toggle{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fbfdfb;cursor:pointer}
.privacy-toggle input{width:18px;height:18px;accent-color:var(--green)}
.profile-savebar{position:sticky;bottom:14px;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border:1px solid #bdd8c7;border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 18px 55px rgba(16,35,26,.16);backdrop-filter:blur(12px)}
.profile-savebar strong,.profile-savebar p{display:block;margin:0}.profile-savebar p{color:var(--muted);font-size:12px;margin-top:2px}
.verification-notice{margin-bottom:16px;padding:12px 14px;border-radius:12px;background:#f1f7f3;color:#476156;font-size:13px}
.document-list{display:grid;gap:10px;margin-bottom:20px}
.document-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;padding:13px;background:#fbfdfb}
.document-item p,.document-item small{margin:2px 0 0;color:var(--muted);font-size:12px}
.document-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:var(--green2);font-size:11px;font-weight:600}
.document-status-approved{background:#e9f8ef;color:#087443}.document-status-rejected,.document-status-expired{background:#ffeded;color:#b42318}.document-status-pending{background:#fff4d6;color:#946200}
.document-upload-form{padding-top:20px;border-top:1px solid #edf1ee}
.compact-empty{padding:25px;margin-bottom:18px}
.dashboard-profile-card{grid-template-columns:auto minmax(0,1fr) auto auto;margin-bottom:24px}
.dashboard-profile-main h3{font-size:21px}

/* Public profile */
.public-profile-hero{padding:42px 0 20px;background:linear-gradient(180deg,#edf7f1 0,#f5f8f5 100%)}
.preview-alert{margin:0 0 16px}.public-profile-card{align-items:start;padding:30px}
.public-profile-main{padding-top:5px}.public-profile-main h1{font-size:36px;line-height:1.2}
.public-profile-subtitle,.public-profile-location{margin:6px 0;color:var(--muted)}
.public-profile-bio{max-width:760px;margin:17px 0 12px;font-size:16px}
.public-profile-meta{display:flex;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:12px}
.public-profile-content{padding-top:22px}
.public-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.public-profile-primary,.public-profile-sidebar{display:grid;gap:18px}
.public-profile-sidebar{position:sticky;top:96px}
.public-profile-section{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 6px 20px rgba(16,35,26,.035)}
.public-profile-section h2{font-size:23px;margin:0 0 16px}.public-profile-section h3{margin:0 0 8px}
.section-title-line{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.section-title-line h2{margin:0}
.profile-info-grid,.admin-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.profile-info-grid>div,.admin-info-grid>div{padding:12px;border:1px solid #e5ece7;border-radius:12px;background:#fbfdfb}
.profile-info-grid small,.profile-info-grid strong,.admin-info-grid small,.admin-info-grid strong{display:block}.profile-info-grid small,.admin-info-grid small{color:var(--muted);font-size:11px}.profile-info-grid strong,.admin-info-grid strong{margin-top:3px;font-size:14px;overflow-wrap:anywhere}
.public-skill-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.public-skill-list span{padding:6px 10px;border-radius:999px;background:var(--soft);color:var(--green2);font-size:12px;font-weight:600}
.profile-link-actions{margin-top:16px}
.contact-box a,.social-box a{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #edf1ee;text-decoration:none;color:var(--ink)}
.contact-box a:last-child,.social-box a:last-child{border-bottom:0}.contact-box a span{color:var(--muted);font-size:12px}.contact-box a strong{font-size:13px;overflow-wrap:anywhere}
.trust-box p{font-size:13px}
.profile-opportunity-list{display:grid;gap:9px}.profile-opportunity-list>a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink)}.profile-opportunity-list>a:hover{border-color:#a9cdb7;background:#fbfdfb}.profile-opportunity-list strong,.profile-opportunity-list span{display:block}.profile-opportunity-list span{color:var(--muted);font-size:12px;margin-top:3px}
.opportunity-publisher-card{display:grid;gap:13px}.publisher-card-head{display:flex;align-items:center;gap:11px}.publisher-card-head small,.publisher-card-head strong{display:block}.publisher-card-head small{color:var(--muted);font-size:11px}.publisher-verification-row{display:flex;gap:6px;flex-wrap:wrap}

/* Admin profile review */
.admin-user-summary{margin-bottom:18px}.admin-status-stack{display:grid;justify-items:end;gap:7px}
.admin-review-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.admin-review-main,.admin-review-sidebar{display:grid;gap:16px}.admin-review-sidebar{position:relative}
.admin-detail-card{background:#fff;border:1px solid #dde6e0;border-radius:16px;padding:20px}.admin-detail-card h2{font-size:18px;margin:0 0 14px}.admin-detail-card>p{color:#68756e;font-size:13px;margin:-6px 0 14px}
.admin-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.admin-card-title h2{margin:0}.admin-card-title>span{color:#718078;font-size:12px}
.admin-long-value{margin-top:13px;padding:13px;border-radius:12px;background:#f7faf8}.admin-long-value small{color:#718078}.admin-long-value p{margin:5px 0 0;white-space:pre-line}
.sticky-review{position:sticky;top:96px}
.admin-moderation-buttons{display:grid;gap:8px;margin-top:10px}.admin-moderation-buttons .admin-btn{width:100%;justify-content:center}
.admin-btn.danger{background:#b42318!important;border-color:#b42318!important;color:#fff!important}
.admin-document-list{display:grid;gap:12px}.admin-document-list>article{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(235px,.65fr);gap:12px;align-items:start;padding:14px;border:1px solid #e0e7e2;border-radius:13px;background:#fbfdfb}
.admin-document-main p,.admin-document-main small{margin:2px 0;color:#718078;font-size:11px}.admin-review-note{margin-top:8px;padding:8px 10px;background:#fff7df;border-radius:8px;font-size:12px}.admin-document-actions{display:grid;gap:8px}.admin-document-actions form{display:grid;gap:7px}.admin-document-actions input{padding:8px 9px;font-size:12px}
.admin-back-link{display:inline-block;margin-bottom:6px;color:#426152;text-decoration:none;font-weight:600;font-size:13px}
.admin-user-cell{display:flex;align-items:center;gap:10px;min-width:210px}.admin-user-cell b,.admin-user-cell small{display:block}.admin-user-cell small{color:#728078;font-size:11px}.admin-users-table td>small,.admin-users-table td>b{display:block}.admin-users-table td>small{margin-top:4px;color:#728078;font-size:11px}
.admin-completion-mini{width:100px;height:5px;margin-top:7px;background:#edf2ee;border-radius:99px;overflow:hidden}.admin-completion-mini span{display:block;height:100%;background:var(--green)}
.verification-mini{display:grid;gap:4px}.verification-mini span{color:#087443;font-size:11px;font-weight:600}
.admin-badge.draft{background:#eef2ef;color:#59645e}.admin-badge.changes_requested{background:#fff4d6;color:#8a5b00}.admin-badge.suspended,.admin-badge.rejected{background:#ffeded;color:#b42318}.admin-badge.approved{background:#e9f8ef;color:#087443}.admin-badge.pending{background:#fff4d6;color:#946200}

/* Registration */
.auth-section{padding:54px 0}.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:60px;align-items:center}.auth-intro h1{font-size:48px;line-height:1.12;margin:10px 0 18px}.auth-intro>p{font-size:17px;color:var(--muted);max-width:650px}.auth-benefits{display:grid;gap:10px;margin-top:24px}.auth-benefits span{font-weight:600}.auth-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.auth-card h2{font-size:28px;margin:0}.terms-check{align-items:flex-start!important;margin:16px 0!important}.terms-check a,.auth-switch a{color:var(--green2);font-weight:600}.auth-switch{text-align:center;margin:16px 0 0;color:var(--muted)}

@media(max-width:1050px){
 .profile-layout{grid-template-columns:1fr}.profile-sidebar{position:static;display:flex;overflow-x:auto;white-space:nowrap}.profile-sidebar a{flex:0 0 auto}
 .public-profile-grid,.admin-review-grid{grid-template-columns:1fr}.public-profile-sidebar,.sticky-review{position:static}
 .admin-document-list>article{grid-template-columns:auto minmax(0,1fr) auto}.admin-document-actions{grid-column:1/-1}
 .auth-layout{grid-template-columns:1fr;gap:30px}.auth-intro{max-width:760px}.auth-card{max-width:620px;width:100%}
}
@media(max-width:760px){
 .profile-page{padding-top:18px}.profile-page-head{align-items:flex-start;flex-direction:column}.profile-page-head h1{font-size:31px}
 .profile-summary-card,.dashboard-profile-card,.public-profile-card,.admin-user-summary{grid-template-columns:auto minmax(0,1fr);padding:18px;gap:15px}.profile-review-state,.dashboard-profile-status,.profile-summary-card>.profile-review-state,.dashboard-profile-card>.actions,.public-profile-card>.btn,.admin-status-stack{grid-column:1/-1;justify-items:start}.dashboard-profile-card>.actions{display:flex}
 .profile-section-card{padding:20px 16px}.profile-section-heading{gap:10px}.profile-photo-editor{align-items:flex-start;flex-direction:column}
 .privacy-options,.profile-info-grid,.admin-info-grid{grid-template-columns:1fr}.profile-savebar{position:static;align-items:stretch;flex-direction:column}.profile-savebar .btn{width:100%}
 .document-item{grid-template-columns:auto minmax(0,1fr)}.document-item>.status,.document-item>form{grid-column:2}.public-profile-card{align-items:center}.profile-avatar.public-xl{width:92px;height:92px;font-size:28px}.public-profile-main h1{font-size:28px}
 .public-profile-meta{display:grid;gap:4px}.admin-document-list>article{grid-template-columns:auto minmax(0,1fr)}.admin-document-list>article>.admin-badge{grid-column:2}.admin-document-actions{grid-column:1/-1}
 .auth-section{padding:28px 0}.auth-intro h1{font-size:35px}.auth-card{padding:22px 18px}
}
.profile-section-muted{opacity:.62}.profile-section-muted .profile-section-heading{margin-bottom:0}.profile-section-muted .form-grid{display:none}
.admin-activity-list{display:grid;gap:8px}.admin-activity-list article{display:flex;justify-content:space-between;gap:16px;padding:11px 12px;border:1px solid #e3eae5;border-radius:11px;background:#fbfdfb}.admin-activity-list strong,.admin-activity-list p{display:block;margin:0}.admin-activity-list p{color:#728078;font-size:11px;margin-top:2px}.admin-activity-list>article>span{max-width:45%;font-size:12px;color:#5d6c64;text-align:end}
.admin-report-actions{display:grid;gap:7px;min-width:250px}.admin-report-actions input{padding:8px 9px;font-size:12px}.admin-table td p{margin:5px 0;color:#5e6d65}

/* =========================================================
   BSOURIA PROFILE EXPERIENCE V2
   Modern profile center, section navigation and uploads
   ========================================================= */
.profile-v2{
    position:relative;
    padding:38px 0 70px;
    background:
      radial-gradient(circle at 8% 2%,rgba(14,132,79,.08),transparent 25%),
      radial-gradient(circle at 95% 12%,rgba(201,138,20,.06),transparent 22%),
      #f5f8f5;
}
.profile-v2 svg{width:21px;height:21px;display:block}
.profile-shell{width:min(1320px,calc(100% - 34px));max-width:1320px}
.profile-page-head-v2{align-items:center;margin-bottom:24px}
.profile-page-head-v2>div:first-child{max-width:790px}
.profile-page-head-v2 h1{font-size:clamp(34px,4vw,48px);letter-spacing:-1.1px;margin:6px 0 8px}
.profile-page-head-v2 p{font-size:15px;line-height:1.8;margin:0}
.profile-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.profile-action-btn{min-height:48px;display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border:1px solid #d8e4dc;border-radius:14px;background:#fff;color:#173128;text-decoration:none;font-weight:600;font-size:14px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.profile-action-btn:hover{transform:translateY(-2px);border-color:#9dc9ae;box-shadow:0 10px 25px rgba(20,62,43,.08)}
.profile-action-btn.primary-action{background:#0b7a49;border-color:#0b7a49;color:#fff}

.profile-command-card{overflow:hidden;background:#fff;border:1px solid #dbe7df;border-radius:26px;box-shadow:0 18px 55px rgba(22,62,43,.07);margin-bottom:22px}
.profile-command-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:25px 27px}
.profile-avatar-hero{width:92px;height:92px;font-size:28px;border:4px solid #fff;box-shadow:0 0 0 1px #d7e5dc,0 9px 24px rgba(19,73,46,.12)}
.profile-command-copy h2{font-size:26px;line-height:1.25;margin:0}
.profile-command-copy>p{margin:6px 0 0;color:#6b7a72;font-size:14px}
.profile-command-copy>p span{padding-inline:5px;color:#a5b1aa}
.profile-progress-large{max-width:560px;margin-top:15px}
.profile-progress-large .profile-progress-track{height:10px;background:#edf3ef}
.profile-progress-large .profile-progress-track span{background:linear-gradient(90deg,#087746,#33a66c)}
.profile-review-panel{min-width:180px;padding:15px 16px;border-radius:16px;background:#f7faf8;border:1px solid #e2ebe5;display:grid;justify-items:start;gap:7px}
.profile-review-panel>span{font-size:11px;font-weight:600;color:#74827b}
.profile-review-panel>small{max-width:220px;color:#6b7771;font-size:11px;line-height:1.55}
.profile-status-chip{display:inline-flex;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:600}

.profile-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #e7eee9;background:#fbfdfb}
.profile-metric-grid article{min-width:0;display:flex;align-items:center;gap:12px;padding:18px 22px;border-inline-end:1px solid #e7eee9}
.profile-metric-grid article:last-child{border-inline-end:0}
.profile-metric-grid .metric-icon{flex:0 0 42px;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#e9f7ef;color:#087746}
.profile-metric-grid small,.profile-metric-grid strong,.profile-metric-grid em{display:block;min-width:0}
.profile-metric-grid small{font-size:11px;color:#76837c;font-weight:600}
.profile-metric-grid strong{font-size:20px;line-height:1.2;margin:2px 0;color:#152c22;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-metric-grid em{font-style:normal;font-size:11px;color:#75817b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.profile-layout-v2{grid-template-columns:315px minmax(0,1fr);gap:22px;margin-top:0}
.profile-sidebar-v2{position:sticky;top:100px;display:block;padding:11px;border-radius:22px;background:#fff;border:1px solid #dce7e0;box-shadow:0 12px 35px rgba(18,57,39,.055)}
.profile-sidebar-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 14px;border-bottom:1px solid #edf2ee;margin-bottom:8px}
.profile-sidebar-title strong,.profile-sidebar-title small{display:block}
.profile-sidebar-title strong{font-size:15px}
.profile-sidebar-title small{font-size:11px;color:#77847d;margin-top:2px}
.profile-sidebar-title>span{min-width:31px;height:31px;padding:0 8px;border-radius:10px;background:#102d20;color:#fff;display:grid;place-items:center;font-weight:600;font-size:12px}
.profile-section-nav{display:grid;gap:7px}
.profile-sidebar-v2 .profile-nav-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;border:1px solid transparent;border-radius:14px;text-decoration:none;color:#183027;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.profile-sidebar-v2 .profile-nav-card:hover{transform:translateX(-2px);background:#f7fbf8;border-color:#dce9e1}
html[dir="ltr"] .profile-sidebar-v2 .profile-nav-card:hover{transform:translateX(2px)}
.profile-sidebar-v2 .profile-nav-card.active{background:linear-gradient(135deg,#eaf8f0,#f8fcf9);border-color:#9fcdb0;box-shadow:inset 3px 0 0 #0b7a49}
html[dir="rtl"] .profile-sidebar-v2 .profile-nav-card.active{box-shadow:inset -3px 0 0 #0b7a49}
.profile-nav-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f0f4f1;color:#53675d;transition:.18s ease}
.profile-nav-card.active .profile-nav-icon,.profile-nav-complete .profile-nav-icon{background:#dff4e8;color:#087746}
.profile-nav-card.profile-nav-progress .profile-nav-icon{background:#fff7e4;color:#9a6700}
.profile-nav-card.profile-nav-empty .profile-nav-icon{background:#f2f4f3;color:#718078}
.profile-nav-copy{min-width:0}
.profile-nav-copy strong,.profile-nav-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-nav-copy strong{font-size:14px;line-height:1.35}
.profile-nav-copy small{margin-top:3px;font-size:10.5px;color:#7a8780}
.profile-nav-result{min-width:34px;min-height:25px;padding:4px 7px;border-radius:999px;display:grid;place-items:center;background:#eef2ef;color:#627068;font-size:10px;font-weight:600;white-space:nowrap}
.profile-nav-result svg{width:15px;height:15px}
.profile-nav-complete .profile-nav-result{background:#e3f6eb;color:#087746}
.profile-nav-progress .profile-nav-result{background:#fff2ce;color:#8a5d00}
.profile-nav-optional .profile-nav-result{font-size:9px;background:#f1f2f8;color:#66708a}

.profile-checklist-card{margin-top:11px;padding:15px;border-radius:17px;background:#112d21;color:#fff}
.profile-checklist-head{display:flex;align-items:flex-start;gap:10px}
.profile-checklist-head>span{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.1);color:#cfe9d9}
.profile-checklist-head>span svg{width:18px;height:18px}
.profile-checklist-head strong,.profile-checklist-head small{display:block}
.profile-checklist-head strong{font-size:14px;line-height:1.4}
.profile-checklist-head small{font-size:11.5px;color:#b8cbc0;margin-top:3px}
.profile-checklist-card ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px}
.profile-checklist-card li{position:relative;padding-inline-start:17px;color:#d4e0d9;font-size:12px;line-height:1.5}
.profile-checklist-card li>span{position:absolute;inset-inline-start:1px;top:7px;width:6px;height:6px;border-radius:50%;background:#e0ad41}
.profile-checklist-complete{display:flex;align-items:center;gap:7px;margin-top:13px;color:#d8eadf;font-size:13px}
.profile-checklist-complete svg{width:17px;height:17px}

.profile-content{min-width:0}
.profile-v2 .profile-form{gap:20px}
.profile-v2 .profile-section-card{position:relative;overflow:hidden;border-radius:22px;border:1px solid #dce7e0;padding:28px 30px;background:#fff;box-shadow:0 10px 30px rgba(19,57,40,.045);transition:border-color .2s ease,box-shadow .2s ease}
.profile-v2 .profile-section-card:target,.profile-v2 .profile-section-card.section-in-view{border-color:#9fcbb0;box-shadow:0 14px 38px rgba(15,83,49,.08)}
.profile-v2 .profile-section-card::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:linear-gradient(180deg,#0b7a49,#55b27d);opacity:.9}
.profile-v2 .profile-section-heading{align-items:center;gap:14px;padding-bottom:18px;margin-bottom:22px}
.profile-v2 .profile-section-heading>span{width:40px;height:40px;flex-basis:40px;border-radius:13px;background:#102d21;box-shadow:0 7px 16px rgba(16,45,33,.13)}
.profile-v2 .profile-section-heading h2{font-size:23px}
.profile-v2 .profile-section-heading p{font-size:13px;line-height:1.65}
.profile-v2 .form-grid{gap:17px}
.profile-v2 .form-group label{font-size:13px;margin-bottom:7px}
.profile-v2 input,.profile-v2 select,.profile-v2 textarea{border-radius:12px;border-color:#d9e5dd;background:#fcfdfc;min-height:49px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.profile-v2 textarea{min-height:130px}
.profile-v2 input:focus,.profile-v2 select:focus,.profile-v2 textarea:focus{background:#fff;border-color:#79b792;box-shadow:0 0 0 4px rgba(11,122,73,.085)}
.profile-v2 input:disabled{background:#f2f5f3;color:#7b8680}
.profile-v2 .form-group small{display:block;color:#79867f;font-size:11px;margin-top:6px}

.profile-photo-editor-v2{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;padding:20px;border:1px dashed #a9cbb7;border-radius:18px;background:linear-gradient(135deg,#f7fcf9,#fbfdfc);margin-bottom:24px;transition:border-color .18s ease,background .18s ease}
.profile-photo-editor-v2.is-dragging{border-color:#0b7a49;background:#ebf8f1}
.profile-photo-preview-wrap{position:relative;width:112px!important;height:112px!important}
.profile-photo-status{position:absolute;inset-inline-end:1px;bottom:2px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#0b7a49;color:#fff;border:3px solid #fff}
.profile-photo-status svg{width:14px;height:14px}
.profile-upload-copy>strong{display:block;font-size:15px}
.profile-upload-copy>p{margin:4px 0 12px;color:#708078;font-size:12px;line-height:1.65}
.profile-upload-copy>small{display:block;color:#7b8781;font-size:10.5px;margin-top:9px}
.profile-upload-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.profile-upload-button{display:inline-flex!important;align-items:center;gap:8px;margin:0!important;padding:9px 13px;border-radius:11px;background:#0b7a49;color:#fff;font-weight:600!important;font-size:12px!important;cursor:pointer}
.profile-upload-button svg{width:17px;height:17px}
.profile-remove-photo{display:flex!important;align-items:center;gap:7px;margin:0!important;color:#9d2d25;font-size:11px!important;cursor:pointer}
.profile-remove-photo input{width:16px!important;min-height:auto;height:16px;accent-color:#b42318}

.profile-v2 .privacy-options{gap:12px}
.profile-v2 .privacy-toggle{position:relative;padding:15px;border-radius:14px;background:#fbfdfb;transition:border-color .18s ease,background .18s ease}
.profile-v2 .privacy-toggle:hover{border-color:#a8cdb6;background:#f4faf6}
.profile-v2 .privacy-toggle input{flex:0 0 19px;width:19px;min-height:auto;height:19px}
.profile-v2 .privacy-toggle strong{font-size:12px}
.profile-v2 .profile-savebar{bottom:16px;border-radius:17px;padding:16px 18px;background:rgba(255,255,255,.96);border-color:#a8ceb7;box-shadow:0 16px 45px rgba(15,59,39,.15)}
.profile-v2 .profile-savebar.is-dirty{border-color:#d8b05f;background:rgba(255,252,244,.98)}
.profile-v2 .profile-savebar .btn.primary{min-width:220px;min-height:48px;border-radius:12px}

.profile-v2 .verification-card{margin-top:20px}
.profile-v2 .verification-notice{display:flex;align-items:center;padding:12px 14px;border-radius:12px;background:#eef7f2;border:1px solid #d5e9dd;color:#35604a;font-size:12px;margin-bottom:18px}
.profile-v2 .document-list{display:grid;gap:10px;margin-bottom:18px}
.profile-v2 .document-item{border-radius:14px;border-color:#dde8e1;background:#fbfdfb}
.profile-v2 .document-upload-form{margin-top:18px;padding:20px;border-radius:17px;background:#f8fbf9;border:1px solid #e1ebe5}
.verification-dropzone{display:grid!important;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:13px;padding:17px!important;margin:0!important;border:1px dashed #a8c9b4;border-radius:15px;background:#fff;cursor:pointer;transition:border-color .18s ease,background .18s ease}
.verification-dropzone:hover,.verification-dropzone.is-dragging{border-color:#0b7a49;background:#eff9f3}
.verification-dropzone-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#e7f6ed;color:#087746}
.verification-dropzone-icon svg{width:23px;height:23px}
.verification-dropzone strong,.verification-dropzone small,.verification-dropzone em{display:block}
.verification-dropzone strong{font-size:13px}
.verification-dropzone small{margin:3px 0 0!important;font-size:10.5px!important}
.verification-dropzone em{font-style:normal;margin-top:6px;color:#0b7a49;font-size:11px;font-weight:600}

.profile-section-muted{opacity:.72}
.profile-section-muted::after{content:"";position:absolute;inset:0;pointer-events:none;background:rgba(247,249,248,.18)}

@media(max-width:1120px){
  .profile-shell{width:min(100% - 28px,1180px)}
  .profile-layout-v2{grid-template-columns:285px minmax(0,1fr);gap:17px}
  .profile-sidebar-v2 .profile-nav-card{grid-template-columns:39px minmax(0,1fr) auto;padding:9px}
  .profile-nav-icon{width:39px;height:39px}
  .profile-v2 .profile-section-card{padding:24px 22px}
  .profile-metric-grid article{padding:16px 14px}
}
@media(max-width:820px){
  .profile-page-head-v2{align-items:flex-start;flex-direction:column}
  .profile-head-actions{width:100%}.profile-action-btn{flex:1}
  .profile-command-main{grid-template-columns:auto minmax(0,1fr);padding:21px}
  .profile-review-panel{grid-column:1/-1;width:100%;grid-template-columns:auto auto 1fr;align-items:center;justify-items:start}
  .profile-metric-grid{grid-template-columns:1fr 1fr}
  .profile-metric-grid article:nth-child(2){border-inline-end:0}
  .profile-metric-grid article:nth-child(-n+2){border-bottom:1px solid #e7eee9}
  .profile-layout-v2{grid-template-columns:1fr}
  .profile-sidebar-v2{position:static;padding:10px}
  .profile-section-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-checklist-card{display:none}
  .profile-nav-copy small{display:none}
}
@media(max-width:620px){
  .profile-v2{padding-top:22px}
  .profile-shell{width:min(100% - 20px,1320px)}
  .profile-page-head-v2 h1{font-size:32px}
  .profile-head-actions{display:grid;grid-template-columns:1fr}.profile-action-btn{width:100%}
  .profile-command-main{grid-template-columns:1fr;text-align:center;justify-items:center}
  .profile-command-copy{width:100%}.profile-command-copy .profile-name-line{justify-content:center}
  .profile-review-panel{grid-template-columns:1fr;justify-items:center;text-align:center}
  .profile-metric-grid{grid-template-columns:1fr}
  .profile-metric-grid article{border-inline-end:0;border-bottom:1px solid #e7eee9!important}
  .profile-metric-grid article:last-child{border-bottom:0!important}
  .profile-section-nav{grid-template-columns:1fr 1fr}
  .profile-sidebar-v2 .profile-nav-card{grid-template-columns:36px minmax(0,1fr);gap:8px}
  .profile-nav-icon{width:36px;height:36px}
  .profile-nav-result{display:none}
  .profile-nav-copy strong{font-size:11px}
  .profile-v2 .profile-section-card{padding:20px 15px;border-radius:18px}
  .profile-v2 .profile-section-heading h2{font-size:20px}
  .profile-photo-editor-v2{grid-template-columns:1fr;text-align:center;justify-items:center}
  .profile-upload-actions{justify-content:center}
  .profile-v2 .profile-savebar .btn.primary{min-width:0;width:100%}
  .verification-dropzone{grid-template-columns:1fr;text-align:center;justify-items:center}
}

/* CV upload */
.cv-upload-group{align-self:stretch}
.cv-dropzone{min-height:92px}
.cv-current-file{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;border:1px solid #d7e5dc;border-radius:14px;background:#f8fbf9}
.cv-file-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border-radius:12px;background:#e7f6ed;color:#087746;font-size:12px;font-weight:600;letter-spacing:.04em}
.cv-file-meta{display:grid;gap:2px;min-width:0;margin-inline-end:auto}
.cv-file-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.cv-file-meta small{color:#718077;font-size:11px}
.cv-remove-option{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #efc7c7;border-radius:10px;background:#fff7f7;color:#a42c2c;font-size:11px;font-weight:600;cursor:pointer}
.cv-remove-option input{accent-color:#b42318}
@media(max-width:700px){.cv-current-file{align-items:flex-start;flex-wrap:wrap}.cv-file-meta{width:calc(100% - 58px)}.cv-current-file .btn,.cv-remove-option{flex:1;justify-content:center}}

/* =========================================================
   BSOURIA OPPORTUNITY ENGAGEMENT V4
   Comments, replies, save, share, ratings and reports
   No like/dislike system
   ========================================================= */
.opportunity-detail-v4{align-items:start}.opportunity-detail-v4 .detail-main{overflow:visible}.opportunity-engagement,.opportunity-comments{margin-top:34px;border:1px solid #dbe7df;border-radius:22px;background:#fbfdfb;overflow:visible}.opportunity-engagement{padding:24px}.engagement-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding-bottom:20px;border-bottom:1px solid #e4ece7}.engagement-heading>div:first-child>span,.comments-head>div>span{display:block;color:#087746;font-size:11px;font-weight:600;letter-spacing:.02em}.engagement-heading h2,.comments-head h2{margin:3px 0 0;font-size:23px;line-height:1.35}.engagement-summary{display:flex;gap:8px;flex-wrap:wrap}.engagement-summary>span{min-width:76px;padding:8px 10px;border:1px solid #e1e9e4;border-radius:12px;background:#fff;text-align:center;color:#718078;font-size:10px;font-weight:600}.engagement-summary strong{display:block;color:#153228;font-size:17px;line-height:1.15}.engagement-actions{position:relative;display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:18px 0}.engagement-actions form{margin:0}.engagement-btn{min-height:43px;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #d7e3dc;border-radius:12px;background:#fff;color:#19352a;text-decoration:none;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:.18s ease;list-style:none}.engagement-btn::-webkit-details-marker{display:none}.engagement-btn:hover{transform:translateY(-1px);border-color:#91c3a5;background:#f7fcf9}.engagement-btn.active{border-color:#7cbb94;background:#e8f7ee;color:#087746}.engagement-btn.danger-soft{color:#9a382e}.engagement-btn svg{width:18px;height:18px;flex:0 0 auto}.engagement-btn b{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#eef3f0;display:grid;place-items:center;color:#5e6f66;font-size:9px}.engagement-menu{position:relative}.engagement-menu>summary{user-select:none}.engagement-dropdown{position:absolute;z-index:20;top:calc(100% + 9px);inset-inline-start:0;width:230px;padding:9px;border:1px solid #d8e4dd;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(15,55,37,.14)}.social-share-list{display:grid;grid-template-columns:1fr 1fr;gap:5px}.social-share-list a,.social-share-list button{display:flex;align-items:center;min-height:38px;padding:8px 9px;border:0;border-radius:9px;background:#f7faf8;color:#18352a;text-decoration:none;font:inherit;font-size:11px;font-weight:600;cursor:pointer}.social-share-list a:hover,.social-share-list button:hover{background:#e8f6ee;color:#087746}.report-dropdown{width:min(360px,85vw)}.report-dropdown form{display:grid;gap:9px}.report-dropdown strong{font-size:13px}.report-dropdown select,.report-dropdown textarea{padding:9px 10px;border-radius:9px;font-size:12px}.rating-panel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:26px;align-items:center;padding:19px;border:1px solid #dfe9e3;border-radius:16px;background:#fff}.rating-score{display:flex;align-items:center;gap:12px;padding-inline-end:24px;border-inline-end:1px solid #e4ebe7}.rating-score>strong{font-size:43px;line-height:1;color:#16362a}.rating-score small{display:block;color:#718078;font-size:10px}.rating-stars-static{direction:ltr;white-space:nowrap;line-height:1}.rating-stars-static span{color:#d8dedb;font-size:18px}.rating-stars-static span.filled{color:#d99a1c}.rating-form-wrap{min-width:0}.rating-form-wrap>p{margin:0 0 8px;color:#607168;font-size:12px}.star-rating-form{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.star-rating-form fieldset{border:0;padding:0;margin:0}.star-rating-form legend{margin-bottom:5px;color:#607168;font-size:11px;font-weight:600}.star-rating-input{display:inline-flex;direction:rtl;gap:2px}.star-rating-input input{position:absolute;opacity:0;pointer-events:none}.star-rating-input label{font-size:30px;line-height:1;color:#d6deda;cursor:pointer;transition:.15s ease}.star-rating-input label:hover,.star-rating-input label:hover~label,.star-rating-input input:checked~label{color:#d99a1c;transform:translateY(-1px)}
.opportunity-comments{padding:25px;background:#fff}.comments-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #e7eee9}.comments-head p{margin:5px 0 0;color:#6c7b73;font-size:12px}.comments-head>strong{min-width:44px;height:44px;border-radius:14px;background:#e9f7ef;color:#087746;display:grid;place-items:center;font-size:17px}.comment-compose{display:grid;grid-template-columns:43px minmax(0,1fr);gap:12px;margin:20px 0;padding:16px;border:1px solid #dfe8e3;border-radius:16px;background:#f9fbfa}.comment-compose textarea{min-height:105px;resize:vertical;background:#fff}.comment-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:8px}.comment-compose-foot small{color:#6c7b73;font-size:10px}.comment-avatar{flex:0 0 43px;width:43px;height:43px;border-radius:13px;overflow:hidden;background:#e5f4eb;color:#087746;display:grid;place-items:center;font-size:13px;font-weight:600}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comments-login{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0;padding:17px;border:1px solid #dfe8e3;border-radius:15px;background:#f8fbf9}.comments-login strong,.comments-login p{display:block;margin:0}.comments-login p{color:#6b7972;font-size:11px;margin-top:3px}.comment-list{display:grid;gap:14px}.comments-empty{padding:34px 18px;border:1px dashed #d8e3dc;border-radius:15px;background:#fbfdfb;text-align:center}.comments-empty strong,.comments-empty p{display:block;margin:0}.comments-empty p{margin-top:4px;color:#6b7b73;font-size:12px}.comment-thread{border:1px solid #e0e9e4;border-radius:16px;background:#fff;overflow:hidden}.comment-item{display:grid;grid-template-columns:43px minmax(0,1fr);gap:12px;padding:16px}.comment-unpublished{background:#fffaf0}.comment-content{min-width:0}.comment-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.comment-top>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.comment-top strong{font-size:13px}.comment-top small{color:#829087;font-size:9px}.comment-verified{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#087746;color:#fff;font-size:9px;font-weight:600}.comment-status{padding:4px 8px;border-radius:999px;font-size:9px;font-weight:600}.comment-status.pending{background:#fff0c7;color:#8a5b00}.comment-status.rejected{background:#ffeded;color:#a92d23}.comment-content>p{margin:8px 0 0;color:#31483d;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.comment-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:9px}.comment-actions>button,.comment-actions>form button,.comment-actions summary{padding:0;border:0;background:transparent;color:#66776e;font:inherit;font-size:10px;font-weight:600;cursor:pointer;list-style:none}.comment-actions summary::-webkit-details-marker{display:none}.comment-actions>button:hover,.comment-actions>form button:hover,.comment-actions summary:hover{color:#087746}.comment-actions details{position:relative}.comment-actions details>form{position:relative;display:grid;gap:8px;width:min(440px,70vw);margin-top:9px;padding:10px;border:1px solid #dfe7e2;border-radius:12px;background:#f8fbf9}.comment-actions textarea,.comment-actions select{font-size:11px;padding:8px 9px}.comment-report-form{max-width:330px!important}.comment-reply-form{display:grid;gap:8px;margin-top:12px;padding:11px;border-inline-start:3px solid #9ecab0;background:#f7fbf8;border-radius:0 11px 11px 0}.comment-reply-form textarea{font-size:12px;min-height:78px}.comment-reply-form>div{display:flex;gap:7px}.comment-replies{margin-inline-start:54px;border-top:1px solid #e7eee9;background:#f9fbfa}.comment-replies .comment-item{border-bottom:1px solid #e7eee9}.comment-replies .comment-item:last-child{border-bottom:0}.reply-item .comment-avatar{width:38px;height:38px;flex-basis:38px;border-radius:11px}.opportunity-trust-stats>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.opportunity-trust-stats span{padding:10px;border:1px solid #e1e9e4;border-radius:11px;background:#fafcfb;color:#718078;font-size:9px;text-align:center}.opportunity-trust-stats b{display:block;color:#173329;font-size:17px}.admin-filter-pills{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.admin-comment-actions{display:grid;gap:7px;min-width:260px}.admin-comment-actions input{padding:8px 9px;font-size:11px}.admin-btn.danger{background:#bd2418;border-color:#bd2418;color:#fff}.admin-badge.deleted{background:#eff1f0;color:#68736d}.saved-opportunities-page h1{font-size:40px;margin:5px 0 8px}
@media(max-width:900px){.engagement-heading{align-items:flex-start;flex-direction:column}.rating-panel{grid-template-columns:1fr}.rating-score{padding-inline-end:0;padding-bottom:15px;border-inline-end:0;border-bottom:1px solid #e4ebe7}.star-rating-form{align-items:flex-start;flex-direction:column}.engagement-dropdown{inset-inline-start:auto;inset-inline-end:0}.comment-replies{margin-inline-start:30px}}
@media(max-width:620px){.opportunity-engagement,.opportunity-comments{margin-inline:-12px;border-radius:16px}.opportunity-engagement{padding:17px}.opportunity-comments{padding:17px}.engagement-summary{width:100%}.engagement-summary>span{flex:1}.engagement-actions{display:grid;grid-template-columns:1fr 1fr}.engagement-actions>form,.engagement-actions>.engagement-menu,.engagement-actions>.engagement-btn{width:100%}.engagement-btn{width:100%;justify-content:flex-start}.social-share-list{grid-template-columns:1fr}.rating-panel{padding:15px}.comment-compose{grid-template-columns:1fr}.comment-compose>.comment-avatar{display:none}.comment-compose-foot,.comments-login,.comments-head{align-items:flex-start;flex-direction:column}.comment-compose-foot .btn,.comments-login .btn{width:100%}.comment-item{grid-template-columns:36px minmax(0,1fr);padding:13px}.comment-avatar{width:36px;height:36px;flex-basis:36px;border-radius:11px}.comment-top{gap:8px}.comment-replies{margin-inline-start:17px}.comment-actions details>form{width:calc(100vw - 85px)}.report-dropdown{inset-inline-start:0;inset-inline-end:auto}.engagement-menu:nth-last-child(-n+2) .engagement-dropdown{inset-inline-start:auto;inset-inline-end:0}}
.opportunity-card-social{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px}.opportunity-card-social>span{padding:5px 8px;border-radius:999px;background:#f1f6f3;color:#53675d;font-size:10px;font-weight:600}.opportunity-card-social small{color:#829087}

/* ================================================================
 * Opportunity publisher & contact directory — V5
 * ================================================================ */
.opportunity-detail-v4{grid-template-columns:minmax(0,1fr) 380px;gap:26px}
.opportunity-directory-sidebar{position:sticky;top:96px;align-self:start}
.opportunity-request-section{padding:25px 0 4px;border-top:1px solid #e6ede9}
.detail-section-kicker{display:block;margin-bottom:5px;color:#087746;font-size:11px;font-weight:600;letter-spacing:.02em}
.opportunity-request-section h2{font-size:25px}
.publisher-directory-card{padding:22px;overflow:hidden}
.publisher-directory-head{display:grid;grid-template-columns:58px minmax(0,1fr);gap:13px;align-items:center;padding-bottom:16px;border-bottom:1px solid #e5ede8}
.publisher-avatar{width:58px;height:58px;border-radius:17px;background:linear-gradient(135deg,#e1f5e9,#f7fbf8);color:#087746;display:grid;place-items:center;overflow:hidden;font-size:18px;font-weight:600;border:1px solid #d5e9dc}
.publisher-avatar img{width:100%;height:100%;object-fit:cover}
.publisher-directory-title{min-width:0}
.publisher-directory-title>span{display:block;color:#087746;font-size:10px;font-weight:600}
.publisher-directory-title h3{margin:2px 0 0;font-size:19px;line-height:1.4;overflow-wrap:anywhere}
.publisher-directory-title p{margin:3px 0 0;color:#738279;font-size:10px}
.publisher-directory-badges{margin:13px 0 0}
.publisher-public-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#eef3f0;color:#627168;font-size:9px;font-weight:600}
.publisher-summary{margin:15px 0 0;padding:13px;border-radius:13px;background:#f7faf8;color:#53665c;font-size:11px;line-height:1.75}
.publisher-info-group{margin-top:18px}
.publisher-info-heading{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.publisher-info-heading>span{width:26px;height:26px;border-radius:8px;background:#e9f6ee;color:#087746;display:grid;place-items:center}
.publisher-info-heading svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.publisher-info-heading h4{margin:0;font-size:12px}
.publisher-info-list{display:grid;border:1px solid #e0e9e4;border-radius:14px;background:#fff;overflow:hidden}
.publisher-info-row{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;padding:11px 12px;border-bottom:1px solid #e9efeb;color:#19352a;text-decoration:none;transition:.16s ease}
.publisher-info-row:last-child{border-bottom:0}
.publisher-info-row.highlighted{background:#f2faf5}
.publisher-info-row.publisher-info-link:hover{background:#f3faf6;color:#087746}
.publisher-info-icon{width:32px;height:32px;border-radius:10px;background:#f2f6f4;color:#5c7568;display:grid;place-items:center}
.publisher-info-row.highlighted .publisher-info-icon,.publisher-info-link:hover .publisher-info-icon{background:#e1f3e8;color:#087746}
.publisher-info-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.publisher-info-row small,.publisher-info-row strong{display:block;min-width:0;overflow-wrap:anywhere}
.publisher-info-row small{color:#829087;font-size:9px;line-height:1.35}
.publisher-info-row strong{margin-top:2px;color:inherit;font-size:11px;line-height:1.55}
.publisher-missing-details{margin-top:17px;padding:13px;border:1px dashed #d6e1da;border-radius:12px;background:#fafcfb;color:#748179;font-size:10px;line-height:1.7}
.publisher-apply-box{display:grid;gap:10px;margin-top:19px;padding-top:17px;border-top:1px solid #e5ede8}
.publisher-apply-box>span{font-size:11px;font-weight:600}
.publisher-profile-link{display:flex;align-items:center;justify-content:space-between;padding:9px 2px 0;color:#087746;text-decoration:none;font-size:10px;font-weight:600}
.publisher-profile-link:hover{text-decoration:underline}
.publisher-profile-link span{font-size:15px}
html[dir="ltr"] .publisher-profile-link span{transform:scaleX(-1)}
@media(max-width:1100px){.opportunity-detail-v4{grid-template-columns:minmax(0,1fr) 350px}}
@media(max-width:980px){.opportunity-detail-v4{grid-template-columns:1fr}.opportunity-directory-sidebar{position:static}.publisher-directory-card{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.publisher-directory-head,.publisher-directory-badges,.publisher-summary,.publisher-apply-box{grid-column:1/-1}.publisher-info-group{min-width:0}}
@media(max-width:650px){.publisher-directory-card{display:block;padding:17px}.publisher-directory-head{grid-template-columns:50px minmax(0,1fr)}.publisher-avatar{width:50px;height:50px;border-radius:14px}.publisher-info-row{padding:10px}.opportunity-request-section h2{font-size:22px}}

/* ================================================================
 * Bsouria V7 — Business Directory + unified light/dark appearance
 * ================================================================ */
:root{--surface:#fff;--surface-2:#f8fbf9;--surface-3:#eef6f1;--text:#10231a;--text-soft:#65736b;--border:#dce6df;--header-bg:rgba(255,255,255,.96);--overlay:rgba(10,38,27,.16);--input-bg:#fff;--footer-bg:#10251b;--footer-text:#fff;--theme-shadow:0 16px 45px rgba(16,35,26,.09)}
html[data-theme="dark"]{--ink:#e8f1ec;--muted:#9eb0a7;--bg:#0b1511;--card:#111f19;--soft:#163226;--line:#294038;--shadow:0 16px 42px rgba(0,0,0,.26);--surface:#111f19;--surface-2:#0e1a15;--surface-3:#183126;--text:#e8f1ec;--text-soft:#9eb0a7;--border:#294038;--header-bg:rgba(11,21,17,.94);--overlay:rgba(0,0,0,.35);--input-bg:#0d1914;--footer-bg:#07100c;--footer-text:#f0f7f3;--theme-shadow:0 18px 55px rgba(0,0,0,.28);color-scheme:dark}
body{background:var(--bg);color:var(--ink);transition:background-color .2s ease,color .2s ease}.theme-toggle{width:46px;height:46px;flex:0 0 46px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-size:19px;cursor:pointer;transition:.18s}.theme-toggle:hover{border-color:#72ad8d;background:var(--surface-3);transform:translateY(-1px)}
html[data-theme="dark"] .topbar{background:var(--header-bg)}html[data-theme="dark"] .nav nav a,html[data-theme="dark"] .brand,html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4{color:var(--ink)}html[data-theme="dark"] .btn:not(.primary):not(.danger):not(.warning),html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .searchbar,html[data-theme="dark"] .pro-search,html[data-theme="dark"] .form-wrap,html[data-theme="dark"] .form-section,html[data-theme="dark"] .card,html[data-theme="dark"] .empty,html[data-theme="dark"] .detail-main,html[data-theme="dark"] .sidebox,html[data-theme="dark"] .stat,html[data-theme="dark"] .dashboard-item,html[data-theme="dark"] .dashboard-profile-card,html[data-theme="dark"] .opportunity-card,html[data-theme="dark"] .featured-card,html[data-theme="dark"] .category-card,html[data-theme="dark"] .publisher-directory-card,html[data-theme="dark"] .opportunity-engagement,html[data-theme="dark"] .opportunity-comments,html[data-theme="dark"] .comment-thread,html[data-theme="dark"] .publisher-info-list,html[data-theme="dark"] .publisher-info-row,html[data-theme="dark"] .profile-section-card,html[data-theme="dark"] .profile-sidebar-card,html[data-theme="dark"] .settings-card{background:var(--surface);border-color:var(--border);color:var(--ink)}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:var(--input-bg);color:var(--ink)}html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#72857c}html[data-theme="dark"] .muted,html[data-theme="dark"] .card p,html[data-theme="dark"] .featured-body p,html[data-theme="dark"] .opportunity-body p,html[data-theme="dark"] .section-heading>p,html[data-theme="dark"] .dashboard-item p{color:var(--muted)}
html[data-theme="dark"] .hero,html[data-theme="dark"] .pro-hero{background:radial-gradient(circle at 15% 15%,rgba(16,113,71,.22),transparent 42%),linear-gradient(135deg,#0b1712,#10231b)}html[data-theme="dark"] .business-strip{background:#0d1a15;border-color:var(--border)}html[data-theme="dark"] .featured-section,html[data-theme="dark"] .how-section,html[data-theme="dark"] .category-section{background:var(--surface-2)}html[data-theme="dark"] .category-card:hover,html[data-theme="dark"] .opportunity-card:hover,html[data-theme="dark"] .featured-card:hover{border-color:#3f6654}
html[data-theme="dark"] .language-current,html[data-theme="dark"] .language-menu,html[data-theme="dark"] .cookie-consent{background:var(--surface)!important;border-color:var(--border)!important;color:var(--ink)!important}html[data-theme="dark"] .language-menu a{color:var(--ink)!important}html[data-theme="dark"] .language-menu a:hover,html[data-theme="dark"] .language-menu a.is-active{background:var(--surface-3)!important}html[data-theme="dark"] .cookie-consent p{color:var(--muted)!important}html[data-theme="dark"] .cookie-consent strong{color:var(--ink)!important}
html[data-theme="dark"] .nav nav.open{background:var(--surface);border-color:var(--border)}html[data-theme="dark"] .upload-box,html[data-theme="dark"] .comments-empty,html[data-theme="dark"] .publisher-missing-details,html[data-theme="dark"] .publisher-summary{background:var(--surface-2);border-color:var(--border)}html[data-theme="dark"] .publisher-info-row.highlighted{background:#142a20}html[data-theme="dark"] .opportunity-card-social>span,html[data-theme="dark"] .business-card-flags span{background:var(--surface-3);color:#b9d3c6}html[data-theme="dark"] .profile-progress-track{background:#243a31}html[data-theme="dark"] .table,html[data-theme="dark"] .admin-item{background:var(--surface)}

.business-form-page{padding-top:28px}.business-form-container{max-width:980px}.business-form-shell{display:grid;gap:18px}.business-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:4px}.business-form-head h1{font-size:42px;line-height:1.15;margin:5px 0 10px}.business-form-head p{max-width:680px;margin:0;color:var(--muted)}.business-form-actions{display:flex;gap:10px;justify-content:flex-end;padding:7px 0 22px}.form-grid.three{grid-template-columns:repeat(3,1fr)}

.directory-hero{padding:76px 0;background:radial-gradient(circle at 8% 20%,#d9f1e3,transparent 38%),linear-gradient(135deg,#f4faf6,#fff);border-bottom:1px solid var(--line)}.directory-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) 340px;align-items:center;gap:56px}.directory-hero h1{font-size:clamp(42px,6vw,68px);line-height:1.08;letter-spacing:-2px;margin:10px 0 18px}.directory-hero p{font-size:18px;color:var(--muted);max-width:730px}.directory-hero-search{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:25px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.directory-hero-search input{border:0;box-shadow:none!important}.directory-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.directory-summary-card{min-height:370px;padding:34px;border-radius:28px;background:#0e3a29;color:#fff;display:grid;align-content:center;gap:12px;box-shadow:0 28px 70px rgba(8,57,39,.22);position:relative;overflow:hidden}.directory-summary-card:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:rgba(255,255,255,.08);inset:-80px -80px auto auto}.directory-summary-visual{margin:-10px -10px 4px;height:145px;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0a2b20}.directory-summary-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 58%;filter:saturate(.92) contrast(1.04)}.directory-summary-card>strong{font-size:76px;line-height:1}.directory-summary-card>span{color:#c8e8d8}.directory-summary-card>div{display:flex;align-items:center;justify-content:space-between;padding-top:17px;border-top:1px solid rgba(255,255,255,.14)}.directory-summary-card b{font-size:26px}.directory-summary-card small{color:#c8e8d8}.directory-category-section{background:var(--surface-2)}.directory-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.directory-category-grid a{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);text-decoration:none;color:var(--ink);transition:.18s}.directory-category-grid a:hover{transform:translateY(-2px);border-color:#81b99a;box-shadow:var(--shadow)}.directory-category-grid>a>span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--soft);color:var(--green);font-size:20px;font-weight:600}.directory-category-grid strong,.directory-category-grid small{display:block}.directory-category-grid small{color:var(--muted);font-size:11px;margin-top:2px}
.directory-featured{background:linear-gradient(180deg,var(--surface),var(--surface-2))}.business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.featured-business-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.business-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px;display:grid;grid-template-columns:82px minmax(0,1fr);gap:16px;box-shadow:0 6px 20px rgba(13,45,31,.05);transition:.18s}.business-card:hover{transform:translateY(-3px);border-color:#91bca4;box-shadow:var(--theme-shadow)}.featured-business{display:block}.featured-business .business-card-logo{width:92px;height:92px;margin-bottom:15px}.business-card-logo{width:82px;height:82px;display:grid;place-items:center;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,var(--soft),var(--surface-2));border:1px solid var(--line);text-decoration:none;color:var(--green);font-size:30px;font-weight:600}.business-card-logo img{width:100%;height:100%;object-fit:cover}.business-card-content{min-width:0}.business-card-flags{display:flex;gap:6px;flex-wrap:wrap}.business-card-flags span,.business-card-flags b{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--soft);color:var(--green2);font-size:10px;font-weight:600}.business-card-flags b{background:#fff3d4;color:#865700}.business-card h3{font-size:19px;line-height:1.35;margin:8px 0}.business-card h3 a{color:var(--ink);text-decoration:none}.business-card p{color:var(--muted);font-size:13px;line-height:1.75;margin:0}.business-services-preview{margin-top:9px;color:#496258;font-size:11px}.business-card-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px;color:var(--muted);font-size:10px;font-weight:600}.business-card-link{display:inline-flex;margin-top:14px;color:var(--green);font-size:11px;font-weight:600;text-decoration:none}.directory-filter{display:grid;grid-template-columns:1.4fr repeat(3,minmax(150px,.55fr)) auto;gap:9px;padding:12px;margin-bottom:22px;background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}

.business-detail-page{padding-top:34px}.business-detail-top{display:grid;grid-template-columns:124px minmax(0,1fr) auto;align-items:center;gap:24px;padding:24px;margin-bottom:22px;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.business-detail-logo{width:124px;height:124px;border-radius:25px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,var(--soft),var(--surface-2));border:1px solid var(--line);font-size:44px;color:var(--green);font-weight:600}.business-detail-logo img{width:100%;height:100%;object-fit:cover}.business-detail-labels{display:flex;gap:7px;flex-wrap:wrap}.business-detail-labels span,.business-detail-labels b{padding:5px 9px;border-radius:999px;background:var(--soft);color:var(--green2);font-size:10px;font-weight:600}.business-detail-labels b{background:#e7f7ed;color:#087343}.business-detail-labels .featured-label{background:#fff2cd;color:#885900}.business-detail-heading h1{font-size:38px;line-height:1.2;margin:8px 0}.business-detail-heading>p{margin:0;color:var(--muted)}.business-rating-line{display:flex;gap:14px;flex-wrap:wrap;margin-top:11px;color:var(--muted);font-size:12px}.business-rating-line strong{color:#b77a08}.business-owner-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.business-owner-actions form{margin:0}.business-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px}.business-detail-grid main{display:grid;gap:18px}.business-detail-grid aside{display:grid;align-content:start;gap:16px;position:sticky;top:94px}.business-content-card,.business-side-card{padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 7px 24px rgba(16,35,26,.04)}.business-content-card h2{font-size:26px;margin:4px 0 15px}.business-rich-text{font-size:15px;line-height:1.95;color:#31493e}.business-service-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.business-service-list>div{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.business-service-list span{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:var(--soft);color:var(--green);font-weight:600}.business-service-list p{margin:1px 0 0;font-size:12px}.business-side-card h3{font-size:17px;margin:0 0 15px}.business-side-card dl{margin:0;display:grid}.business-side-card dl>div{padding:11px 0;border-bottom:1px solid var(--line)}.business-side-card dl>div:last-child{border-bottom:0}.business-side-card dt{color:var(--muted);font-size:10px}.business-side-card dd{margin:3px 0 0;font-weight:600;font-size:12px;overflow-wrap:anywhere}.business-contact-actions{display:grid;gap:8px}.business-contact-actions a{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--ink);text-decoration:none;font-size:11px;font-weight:600;overflow-wrap:anywhere}.business-contact-actions a:hover{border-color:#83b99a;color:var(--green)}.owner-card p,.contact-card p{color:var(--muted);font-size:11px}.review-score{text-align:center}.review-score strong{font-size:32px;display:block}.review-score span{color:#c98a14;letter-spacing:2px}.review-score small{display:block;color:var(--muted)}.business-review-form{display:grid;grid-template-columns:150px 1fr auto;align-items:end;gap:10px;padding:16px;margin:18px 0;background:var(--surface-2);border:1px solid var(--line);border-radius:15px}.business-review-form label{display:grid;gap:6px;font-size:11px;font-weight:600}.business-review-form textarea{min-height:94px}.business-review-list{display:grid;gap:10px}.business-review-list article{padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.business-review-list article>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.business-review-list article span{color:#c98a14}.business-review-list article p{margin:8px 0;color:var(--ink);font-size:12px;line-height:1.75}.business-review-list article small{color:var(--muted)}.reviews-login{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;margin:15px 0;background:var(--surface-2);border-radius:13px}.reviews-login p{margin:0;color:var(--muted)}
.business-dashboard-section{margin-top:28px}.dashboard-section-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px}.dashboard-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:17px}.dashboard-section-head h2{font-size:25px;margin:0}.dashboard-section-head p{margin:3px 0 0;color:var(--muted)}.business-dashboard-list{display:grid;gap:10px}.business-dashboard-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.business-dashboard-logo{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:var(--soft);color:var(--green);font-size:20px;font-weight:600}.business-dashboard-logo img{width:100%;height:100%;object-fit:cover}.business-dashboard-item h3{font-size:16px;margin:0}.business-dashboard-item h3 a{color:var(--ink);text-decoration:none}.business-dashboard-item p{font-size:10px;margin:3px 0 0;color:var(--muted)}.listing-expiry{font-size:10px;color:var(--muted);white-space:nowrap}.listing-expiry.warning{color:#9b6500;font-weight:600}.status.expired{color:#b42318;background:#ffeded}

.admin-business-cell{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;min-width:250px}.admin-business-cell>img,.admin-business-cell>span{width:44px;height:44px;border-radius:11px;object-fit:cover;display:grid;place-items:center;background:var(--surface-3);color:var(--ag);font-weight:600}.admin-business-cell b,.admin-business-cell small{display:block}.admin-business-cell small{color:var(--am);margin-top:2px}.admin-business-cell em{display:inline-flex;margin:4px 4px 0 0;padding:2px 6px;border-radius:999px;background:#e9f7ef;color:#087343;font-size:9px;font-style:normal;font-weight:600}.admin-badge.expired,.admin-badge.closed{background:#f1eeee;color:#7d4747}

@media(max-width:1100px){.featured-business-grid{grid-template-columns:repeat(2,1fr)}.business-grid{grid-template-columns:repeat(2,1fr)}.directory-category-grid{grid-template-columns:repeat(3,1fr)}.directory-filter{grid-template-columns:1fr 1fr 1fr}.directory-filter input{grid-column:1/-1}.business-detail-grid{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:850px){.directory-hero-grid,.business-detail-grid{grid-template-columns:1fr}.directory-summary-card{min-height:260px}.directory-category-grid{grid-template-columns:repeat(2,1fr)}.business-detail-grid aside{position:static}.business-detail-top{grid-template-columns:95px minmax(0,1fr)}.business-detail-logo{width:95px;height:95px}.business-owner-actions{grid-column:1/-1;justify-content:flex-start}.business-review-form{grid-template-columns:1fr}.form-grid.three{grid-template-columns:1fr 1fr}.business-dashboard-item{grid-template-columns:50px minmax(0,1fr) auto}.business-dashboard-item>.actions{grid-column:1/-1}.listing-expiry{display:none}}
@media(max-width:620px){.theme-toggle{width:42px;height:42px;flex-basis:42px}.directory-hero{padding:50px 0}.directory-hero h1{font-size:40px}.directory-hero-search{grid-template-columns:1fr}.directory-category-grid,.business-grid,.featured-business-grid,.form-grid.three,.business-service-list{grid-template-columns:1fr}.directory-filter{grid-template-columns:1fr}.directory-filter input{grid-column:auto}.business-form-head,.dashboard-section-head{flex-direction:column}.business-form-head h1{font-size:34px}.business-detail-top{grid-template-columns:72px minmax(0,1fr);padding:16px}.business-detail-logo{width:72px;height:72px;border-radius:18px}.business-detail-heading h1{font-size:27px}.business-content-card,.business-side-card{padding:18px}.business-card{grid-template-columns:65px minmax(0,1fr)}.business-card-logo{width:65px;height:65px;border-radius:14px}.business-dashboard-item{grid-template-columns:48px minmax(0,1fr)}.business-dashboard-item>.status{justify-self:start}.business-form-actions{position:sticky;bottom:8px;z-index:10;padding:10px;background:var(--header-bg);border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(12px)}.business-form-actions .btn{flex:1}}
.stats-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}

.listing-state-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px;padding:16px 18px;border:1px solid var(--line);border-inline-start:4px solid #b7791f;border-radius:16px;background:var(--surface);box-shadow:0 8px 24px rgba(16,35,26,.05)}.listing-state-banner strong{display:block;margin-bottom:3px;color:var(--ink)}.listing-state-banner p{margin:0;color:var(--muted);font-size:12px}.listing-state-banner .actions{display:flex;gap:8px;flex-wrap:wrap}.listing-state-banner form{margin:0}[data-theme=dark] .listing-state-banner{background:var(--surface);box-shadow:none}@media(max-width:650px){.listing-state-banner{align-items:flex-start;flex-direction:column}.listing-state-banner .actions{width:100%}.listing-state-banner .actions .btn{flex:1}}

/* =========================================================
   BSOURIA V7.1 — COMPLETE DARK MODE AUDIT
   Loaded last so page-specific light styles cannot override it.
   ========================================================= */
html[data-theme="dark"]{
  --success-bg:rgba(43,170,114,.17);
  --success-text:#8be2b5;
  --warning-bg:rgba(201,138,20,.18);
  --warning-text:#f0c66e;
  --danger-bg:rgba(207,72,62,.18);
  --danger-text:#ffaaa3;
  --info-bg:rgba(66,139,202,.16);
  --info-text:#a9d0f2;
}
html[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
html[data-theme="dark"] main{background:transparent;color:var(--ink)}
html[data-theme="dark"] ::selection{background:#236a4c;color:#fff}

/* Main page backgrounds and hero areas */
html[data-theme="dark"] .hero,
html[data-theme="dark"] .pro-hero,
html[data-theme="dark"] .info-hero,
html[data-theme="dark"] .blog-hero,
html[data-theme="dark"] .article-header,
html[data-theme="dark"] .public-profile-hero,
html[data-theme="dark"] .directory-hero,
html[data-theme="dark"] .profile-v2{
  background:radial-gradient(circle at 10% 5%,rgba(28,139,87,.18),transparent 34%),linear-gradient(145deg,#09130f,#0d1c16)!important;
  border-color:var(--border)!important;
  color:var(--ink)!important;
}
html[data-theme="dark"] .soft-section,
html[data-theme="dark"] .featured-section,
html[data-theme="dark"] .how-section,
html[data-theme="dark"] .category-section{background:var(--surface-2)!important}

/* Every major card, form, panel, table and modal surface */
html[data-theme="dark"] :is(
  .searchbar,.pro-search,.hero-search,.blog-search,.directory-filter,.directory-hero-search,
  .form-wrap,.opportunity-form-intro,.form-section,.form-submit-bar,.auth-card,
  .card,.empty,.pro-empty,.detail-main,.sidebox,.stat,.table,
  .dashboard-item,.dashboard-profile-card,.dashboard-section-card,
  .business-strip,.business-card,.business-detail-top,.business-content-card,.business-side-card,
  .category-card,.featured-card,.opportunity-card,.publisher-directory-card,
  .info-card,.faq-item,.faq-list details,.contact-card,.legal-nav,.sidebar-box,
  .blog-card,.editor-settings,.editor-panel,.quill-editor,
  .profile-summary-card,.public-profile-card,.public-profile-section,
  .profile-command-card,.profile-sidebar,.profile-sidebar-v2,.profile-section-card,
  .profile-v2 .profile-section-card,.profile-review-panel,
  .opportunity-engagement,.opportunity-comments,.comment-thread,.rating-panel,
  .publisher-info-list,.publisher-info-row,.engagement-dropdown,
  .cookie-consent,.language-menu
){
  background:var(--surface)!important;
  border-color:var(--border)!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}

/* Nested and alternate surfaces */
html[data-theme="dark"] :is(
  .upload-box,.modern-upload,.language-editor,.language-tabs,.language-panel,
  .option-check,.opportunity-fact,.location-help,
  .value-grid>div,.contact-box,.profile-photo-editor,.profile-photo-editor-v2,
  .privacy-toggle,.profile-v2 .privacy-toggle,.document-item,.profile-v2 .document-item,
  .profile-v2 .document-upload-form,.verification-dropzone,.cv-current-file,
  .profile-info-grid>div,.admin-info-grid>div,.profile-review-panel,
  .profile-metric-grid,.profile-nav-icon,.profile-nav-result,
  .engagement-summary>span,.engagement-btn,.social-share-list a,.social-share-list button,
  .comment-compose,.comment-compose textarea,.comments-login,.comments-empty,
  .comment-actions details>form,.comment-reply-form,.comment-replies,
  .opportunity-trust-stats span,.publisher-summary,.publisher-missing-details,
  .publisher-info-icon,.business-service-list>div,.business-contact-actions a,
  .business-review-form,.business-review-list article,.reviews-login,
  .business-dashboard-item,.business-dashboard-logo,.business-detail-logo,
  .image-placeholder,.blog-card-image,.featured-media
){
  background:var(--surface-2)!important;
  border-color:var(--border)!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}

/* Form language editor — fixes the white area shown in the report */
html[data-theme="dark"] .language-tabs{background:#0c1813!important;border-bottom-color:var(--border)!important}
html[data-theme="dark"] .language-tab{color:var(--muted)!important}
html[data-theme="dark"] .language-tab:hover{background:var(--surface-3)!important;color:var(--ink)!important}
html[data-theme="dark"] .language-tab.active{background:var(--surface-3)!important;color:#7ed7aa!important;box-shadow:none!important}
html[data-theme="dark"] .language-panel{background:var(--surface)!important}
html[data-theme="dark"] .form-section-heading,
html[data-theme="dark"] .form-section-title{border-color:var(--border)!important}

/* Inputs, dropdowns, file controls and rich text editors */
html[data-theme="dark"] :is(input,select,textarea,.field,.pro-search select,.modern-upload input[type="file"]){
  background:var(--input-bg)!important;
  border-color:var(--border)!important;
  color:var(--ink)!important;
  box-shadow:none;
}
html[data-theme="dark"] :is(input,textarea)::placeholder{color:#71867b!important;opacity:1}
html[data-theme="dark"] :is(input,select,textarea):focus{
  background:#102019!important;
  border-color:#4d8d6d!important;
  box-shadow:0 0 0 3px rgba(43,170,114,.12)!important;
}
html[data-theme="dark"] :is(input,select,textarea):disabled{background:#0a130f!important;color:#65776e!important;opacity:.85}
html[data-theme="dark"] select option{background:#101e18;color:var(--ink)}
html[data-theme="dark"] input:-webkit-autofill,
html[data-theme="dark"] input:-webkit-autofill:hover,
html[data-theme="dark"] input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--ink)!important;
  -webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;
  caret-color:var(--ink)!important;
}
html[data-theme="dark"] .ql-toolbar.ql-snow,
html[data-theme="dark"] .ql-container.ql-snow,
html[data-theme="dark"] .ql-picker-options{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--ink)!important}
html[data-theme="dark"] .ql-editor{background:var(--input-bg)!important;color:var(--ink)!important}
html[data-theme="dark"] .ql-stroke{stroke:#b5c8be!important}
html[data-theme="dark"] .ql-fill{fill:#b5c8be!important}
html[data-theme="dark"] .ql-picker-label{color:#b5c8be!important}

/* Buttons, chips and navigation controls */
html[data-theme="dark"] :is(.btn:not(.primary):not(.danger):not(.warning),.profile-action-btn,.engagement-btn,.chip,.category-pills a,.lang-switch,.cookie-actions button){
  background:var(--surface-2)!important;
  border-color:var(--border)!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] :is(.btn:not(.primary):not(.danger):not(.warning),.profile-action-btn,.engagement-btn,.chip,.category-pills a,.lang-switch,.cookie-actions button):hover{
  background:var(--surface-3)!important;
  border-color:#456455!important;
}
html[data-theme="dark"] .btn.warning{background:var(--warning-bg)!important;border-color:#775c2a!important;color:var(--warning-text)!important}
html[data-theme="dark"] .chip.active{background:#234a38!important;color:#fff!important}
html[data-theme="dark"] .topbar{background:var(--header-bg)!important;border-color:var(--border)!important}
html[data-theme="dark"] .nav nav.open{background:var(--surface)!important;border-color:var(--border)!important}
html[data-theme="dark"] .language-current,
html[data-theme="dark"] .language-current:hover,
html[data-theme="dark"] .language-current[aria-expanded="true"]{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--ink)!important}
html[data-theme="dark"] .language-menu a{color:var(--ink)!important}
html[data-theme="dark"] .language-menu a:hover,
html[data-theme="dark"] .language-menu a.is-active{background:var(--surface-3)!important;color:#8ce0b5!important}
html[data-theme="dark"] .cookie-actions button.primary{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important}

/* Profile center and account dashboard */
html[data-theme="dark"] .profile-command-card{overflow:hidden}
html[data-theme="dark"] .profile-metric-grid{border-color:var(--border)!important}
html[data-theme="dark"] .profile-metric-grid article{border-color:var(--border)!important;background:transparent!important}
html[data-theme="dark"] .profile-metric-grid :is(strong,small,em){color:var(--ink)!important}
html[data-theme="dark"] .profile-metric-grid :is(small,em){color:var(--muted)!important}
html[data-theme="dark"] .profile-metric-grid .metric-icon{background:var(--surface-3)!important;color:#81d9ab!important}
html[data-theme="dark"] .profile-avatar-hero{border-color:var(--surface)!important;box-shadow:0 0 0 1px var(--border)!important}
html[data-theme="dark"] .profile-photo-status{border-color:var(--surface)!important}
html[data-theme="dark"] .profile-sidebar-title{border-color:var(--border)!important}
html[data-theme="dark"] .profile-sidebar-v2 .profile-nav-card{color:var(--ink)!important}
html[data-theme="dark"] .profile-sidebar-v2 .profile-nav-card:hover{background:var(--surface-2)!important;border-color:var(--border)!important}
html[data-theme="dark"] .profile-sidebar-v2 .profile-nav-card.active{background:linear-gradient(135deg,#173326,#12271e)!important;border-color:#39624d!important}
html[data-theme="dark"] .profile-nav-icon{background:#172820!important;color:#9db2a7!important}
html[data-theme="dark"] .profile-nav-card.active .profile-nav-icon,
html[data-theme="dark"] .profile-nav-complete .profile-nav-icon{background:#173c2b!important;color:#87dfb1!important}
html[data-theme="dark"] .profile-nav-card.profile-nav-progress .profile-nav-icon{background:#382e18!important;color:#efc66f!important}
html[data-theme="dark"] .profile-nav-card.profile-nav-empty .profile-nav-icon{background:#202b26!important;color:#9badA4!important}
html[data-theme="dark"] .profile-nav-result{background:#1c2b24!important;color:#a9bbb2!important}
html[data-theme="dark"] .profile-nav-complete .profile-nav-result{background:var(--success-bg)!important;color:var(--success-text)!important}
html[data-theme="dark"] .profile-nav-progress .profile-nav-result{background:var(--warning-bg)!important;color:var(--warning-text)!important}
html[data-theme="dark"] .profile-nav-optional .profile-nav-result{background:#222638!important;color:#b1b7d2!important}
html[data-theme="dark"] .profile-progress-track,
html[data-theme="dark"] .profile-progress-large .profile-progress-track,
html[data-theme="dark"] .admin-completion-mini{background:#24382f!important}
html[data-theme="dark"] .profile-photo-editor-v2{background:linear-gradient(135deg,#102019,#0d1914)!important}
html[data-theme="dark"] .profile-photo-editor-v2.is-dragging{background:#142a20!important}
html[data-theme="dark"] .profile-v2 .profile-savebar{background:rgba(15,29,23,.96)!important;border-color:var(--border)!important;box-shadow:0 15px 40px rgba(0,0,0,.32)!important}
html[data-theme="dark"] .profile-v2 .profile-savebar.is-dirty{background:rgba(45,36,18,.97)!important;border-color:#80642e!important}
html[data-theme="dark"] .profile-section-muted::after{background:rgba(6,12,9,.18)!important}
html[data-theme="dark"] .verification-dropzone:hover,
html[data-theme="dark"] .verification-dropzone.is-dragging{background:#142a20!important}
html[data-theme="dark"] .verification-dropzone-icon,
html[data-theme="dark"] .cv-file-icon{background:#173b2a!important;color:#8ce0b5!important}
html[data-theme="dark"] .cv-remove-option{background:var(--danger-bg)!important;border-color:#6f3935!important;color:var(--danger-text)!important}

/* Public profiles, blog, legal and information pages */
html[data-theme="dark"] :is(.blog-card h3 a,.profile-opportunity-list>a,.contact-box a,.social-box a,.publisher-info-row,.business-contact-actions a){color:var(--ink)!important}
html[data-theme="dark"] .profile-opportunity-list>a{border-color:var(--border)!important}
html[data-theme="dark"] .profile-opportunity-list>a:hover{background:var(--surface-2)!important;border-color:#466656!important}
html[data-theme="dark"] .legal-nav a:hover{background:var(--surface-3)!important}
html[data-theme="dark"] .main-article-content blockquote{background:var(--surface-2)!important;border-color:#3b6751!important;color:var(--ink)!important}
html[data-theme="dark"] .article-disclaimer{background:var(--warning-bg)!important;border-color:#735b2e!important;color:var(--warning-text)!important}
html[data-theme="dark"] .blog-card-image{background:#15271f!important}
html[data-theme="dark"] .image-placeholder span,
html[data-theme="dark"] .avatar-stack span{background:var(--surface-3)!important;color:#8ce0b5!important;border-color:var(--border)!important}

/* Opportunity comments, ratings, share and publisher cards */
html[data-theme="dark"] .opportunity-comments{background:var(--surface)!important}
html[data-theme="dark"] .comment-thread{background:var(--surface)!important}
html[data-theme="dark"] .comment-unpublished{background:#2c2618!important}
html[data-theme="dark"] .comment-replies{background:#0d1914!important;border-color:var(--border)!important}
html[data-theme="dark"] .social-share-list a:hover,
html[data-theme="dark"] .social-share-list button:hover{background:var(--surface-3)!important}
html[data-theme="dark"] .publisher-info-row.highlighted{background:#142a20!important}
html[data-theme="dark"] .publisher-info-row.publisher-info-link:hover{background:#173126!important;color:#8ce0b5!important}
html[data-theme="dark"] .publisher-info-row.highlighted .publisher-info-icon,
html[data-theme="dark"] .publisher-info-link:hover .publisher-info-icon{background:#1d4933!important;color:#92e7b9!important}
html[data-theme="dark"] .publisher-avatar{background:linear-gradient(135deg,#173b2a,#102019)!important;color:#8ce0b5!important}
html[data-theme="dark"] .opportunity-card-social>span,
html[data-theme="dark"] .business-card-flags span{background:var(--surface-3)!important;color:#b8cbc1!important}

/* Business directory */
html[data-theme="dark"] .business-rich-text{color:#c7d5ce!important}
html[data-theme="dark"] .directory-category-card,
html[data-theme="dark"] .business-card{background:var(--surface)!important;border-color:var(--border)!important;color:var(--ink)!important;box-shadow:none!important}
html[data-theme="dark"] .directory-category-card:hover,
html[data-theme="dark"] .business-card:hover{border-color:#466656!important}
html[data-theme="dark"] .business-detail-labels b{background:var(--success-bg)!important;color:var(--success-text)!important}
html[data-theme="dark"] .business-detail-labels .featured-label,
html[data-theme="dark"] .business-card-flags b{background:var(--warning-bg)!important;color:var(--warning-text)!important}
html[data-theme="dark"] .business-form-actions{background:var(--header-bg)!important;border-color:var(--border)!important}

/* Tables and separators */
html[data-theme="dark"] .table{background:var(--surface)!important}
html[data-theme="dark"] .table :is(th,td){border-color:var(--border)!important;color:var(--ink)!important}
html[data-theme="dark"] .table th{background:var(--surface-2)!important;color:var(--muted)!important}
html[data-theme="dark"] hr{border-color:var(--border)!important}

/* Semantic alerts and statuses remain readable on dark surfaces */
html[data-theme="dark"] :is(.alert.success,.good-box,.status.approved,.profile-status-approved,.document-status-approved,.admin-badge.approved,.verified-badge,.verified-badge.business){background:var(--success-bg)!important;color:var(--success-text)!important;border-color:#38644e!important}
html[data-theme="dark"] :is(.alert.error,.bad-box,.status.rejected,.status.expired,.profile-status-rejected,.profile-status-suspended,.document-status-rejected,.document-status-expired,.admin-badge.rejected,.admin-badge.suspended,.comment-status.rejected){background:var(--danger-bg)!important;color:var(--danger-text)!important;border-color:#6e3935!important}
html[data-theme="dark"] :is(.status.pending,.profile-status-pending,.profile-status-changes_requested,.document-status-pending,.admin-badge.pending,.admin-badge.changes_requested,.comment-status.pending,.notice-box,.admin-review-note){background:var(--warning-bg)!important;color:var(--warning-text)!important;border-color:#735b2e!important}
html[data-theme="dark"] :is(.alert:not(.success):not(.error),.status,.profile-status-draft,.admin-badge.draft,.admin-badge.deleted,.admin-badge.expired,.admin-badge.closed){background:var(--surface-3)!important;color:#b8c8c0!important;border-color:var(--border)!important}

/* Hard-coded text colors inside redesigned components */
html[data-theme="dark"] :is(
  .profile-v2,.profile-command-card,.profile-sidebar-v2,.profile-section-card,
  .public-profile-section,.auth-card,.opportunity-engagement,.opportunity-comments,
  .business-detail-page,.business-form-page,.directory-hero,.blog-card,.sidebar-box
) :is(h1,h2,h3,h4,label,legend,dt,dd,strong){color:var(--ink)}
html[data-theme="dark"] :is(
  .profile-v2,.profile-command-card,.profile-sidebar-v2,.profile-section-card,
  .public-profile-section,.auth-card,.opportunity-engagement,.opportunity-comments,
  .business-detail-page,.business-form-page,.directory-hero,.blog-card,.sidebar-box
) :is(p,small,em){color:var(--muted)}

/* Native browser UI */
html[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator,
html[data-theme="dark"] input[type="time"]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.75}
html[data-theme="dark"] ::-webkit-scrollbar{width:11px;height:11px}
html[data-theme="dark"] ::-webkit-scrollbar-track{background:#09120e}
html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#294038;border:3px solid #09120e;border-radius:999px}

/* Small badges, icons and secondary blocks found during the final page audit */
html[data-theme="dark"] :is(
 .trust-pill,.category-symbol,.article-category,.language-label,.legal-note,
 .company-mark,.empty-icon,.opportunity-image,.profile-avatar,
 .publisher-info-heading>span,.publisher-public-badge,.comment-avatar,
 .comments-head>strong,.verification-notice,.profile-v2 .verification-notice,
 .hero-business-image,.market-icon,.step>span
){background:var(--surface-3)!important;border-color:var(--border)!important;color:#8ce0b5!important}
html[data-theme="dark"] .featured,
html[data-theme="dark"] .featured-badge,
html[data-theme="dark"] .type-badge{background:var(--warning-bg)!important;border-color:#735b2e!important;color:var(--warning-text)!important}
html[data-theme="dark"] .cta-button{background:var(--surface)!important;border-color:var(--border)!important;color:var(--ink)!important}
html[data-theme="dark"] .cta-button:hover{background:var(--surface-3)!important}

/* =========================================================
   BSOURIA V7.2 — REGISTRATION & LOGIN VISUAL HERO
   Keeps the form on the left and the Syria business image on
   the right in every language. The original copy is retained
   in a dedicated content block below the image.
   ========================================================= */
.auth-section{
  padding:48px 0 64px;
}
.auth-layout{
  display:grid;
  grid-template-columns:minmax(360px,470px) minmax(0,1fr);
  gap:30px;
  align-items:start;
  direction:ltr;
}
html[dir="rtl"] .auth-card,
html[dir="rtl"] .auth-visual{direction:rtl;text-align:right}
html[dir="ltr"] .auth-card,
html[dir="ltr"] .auth-visual{direction:ltr;text-align:left}

.auth-card{
  width:100%;
  max-width:none;
  padding:28px;
  border:1px solid var(--line);
  border-radius:24px;
  background:var(--surface);
  box-shadow:var(--shadow);
}
.auth-card-heading{
  margin-bottom:22px;
}
.auth-card-kicker{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:5px 10px;
  margin-bottom:10px;
  border-radius:999px;
  background:var(--soft);
  color:var(--green2);
  font-size:10px;
  font-weight:600;
  letter-spacing:.02em;
}
.auth-card h1{
  margin:0 0 8px;
  font-size:30px;
  line-height:1.25;
}
.auth-card-heading p{
  margin:0;
  line-height:1.75;
}
.auth-form{
  display:grid;
  gap:0;
}
.auth-form .form-group{
  margin-bottom:14px;
}
.auth-form .btn.wide{
  min-height:48px;
  margin-top:4px;
}

.auth-visual{
  position:sticky;
  top:92px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:28px;
  background:var(--surface);
  box-shadow:var(--shadow);
}
.auth-visual-media{
  position:relative;
  aspect-ratio:4 / 3;
  overflow:hidden;
  background:#0b2740;
}
.auth-visual-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 68%,rgba(5,18,30,.16));
}
.auth-visual-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.auth-visual-copy{
  padding:25px 28px 28px;
  background:var(--surface);
}
.auth-visual-copy .eyebrow{
  margin-bottom:8px;
}
.auth-visual-copy h2{
  max-width:760px;
  margin:0 0 10px;
  font-size:30px;
  line-height:1.28;
}
.auth-visual-copy>p{
  max-width:760px;
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.85;
}
.auth-visual-copy .auth-benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-top:19px;
}
.auth-visual-copy .auth-benefits span{
  min-width:0;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface-2);
  color:var(--ink);
  font-size:10px;
  font-weight:600;
  line-height:1.55;
}
.auth-layout-login{
  align-items:center;
}
.auth-page-login .auth-card{
  align-self:center;
}
.auth-page-login .auth-visual{
  position:relative;
  top:auto;
}

html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .auth-visual,
html[data-theme="dark"] .auth-visual-copy{
  background:var(--surface)!important;
  border-color:var(--border)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .auth-card-kicker{
  background:#173b2a!important;
  color:#8ce0b5!important;
}
html[data-theme="dark"] .auth-visual-copy .auth-benefits span{
  background:var(--surface-2)!important;
  border-color:var(--border)!important;
  color:var(--ink)!important;
}
html[data-theme="dark"] .auth-visual-media{
  background:#071a2b!important;
}

@media(max-width:1050px){
  .auth-layout{
    grid-template-columns:minmax(330px,430px) minmax(0,1fr);
    gap:22px;
  }
  .auth-visual-copy{
    padding:22px;
  }
  .auth-visual-copy h2{
    font-size:25px;
  }
  .auth-visual-copy .auth-benefits{
    grid-template-columns:1fr;
  }
}
@media(max-width:860px){
  .auth-section{
    padding:30px 0 48px;
  }
  .auth-layout,
  .auth-layout-login{
    grid-template-columns:1fr;
    align-items:start;
    direction:ltr;
  }
  .auth-card,
  .auth-visual{
    width:100%;
    max-width:720px;
    margin-inline:auto;
  }
  .auth-visual{
    position:relative;
    top:auto;
  }
  .auth-card{order:1}
  .auth-visual{order:2}
}
@media(max-width:620px){
  .auth-card{
    padding:21px 17px;
    border-radius:19px;
  }
  .auth-card h1{
    font-size:26px;
  }
  .auth-visual{
    border-radius:20px;
  }
  .auth-visual-copy{
    padding:20px 18px 22px;
  }
  .auth-visual-copy h2{
    font-size:23px;
  }
  .auth-visual-copy>p{
    font-size:12px;
  }
  .auth-visual-copy .auth-benefits{
    margin-top:15px;
  }
}


/* V7.3 — automatic light/dark logo switching */
.brand-logo {
    position: relative;
}

.brand-logo .brand-logo-image {
    display: block;
}

.brand-logo .brand-logo-dark {
    display: none;
}

html[data-theme="dark"] .brand-logo .brand-logo-light {
    display: none;
}

html[data-theme="dark"] .brand-logo .brand-logo-dark {
    display: block;
}

.footer-logo .brand-logo-footer {
    display: block;
    filter: none !important;
    opacity: 1;
}

.settings-file-current.dark-preview {
    background: #08150f;
    border-color: #294137;
    color: #d9e8e0;
    padding: 12px;
}

.settings-file-current.dark-preview img {
    background: transparent;
    max-height: 70px;
    object-fit: contain;
}

/* =========================================================
   BSOURIA V7.5 — TWO-COLUMN AUTH LAYOUT
   Form card + one stacked visual card
   ========================================================= */

/* Header and auth body share exactly the same outer width. */
.topbar > .container.nav,
.auth-section > .container {
    width: min(1400px, calc(100% - 32px)) !important;
    max-width: 1400px !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
}

.topbar > .container.nav {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
}

.topbar .nav-actions {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.topbar .nav > nav {
    flex: 1 1 auto !important;
    justify-content: center !important;
    gap: clamp(18px, 2vw, 32px) !important;
    min-width: 0;
}

.topbar .brand-logo {
    flex: 0 0 280px !important;
    width: 280px !important;
    height: 66px !important;
}

.topbar .brand-logo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* Only two main columns: form + visual card. */
.auth-layout,
.auth-layout-login {
    display: grid !important;
    grid-template-columns: minmax(380px, 470px) minmax(0, 1fr) !important;
    gap: 28px !important;
    align-items: start !important;
}

/* Login form and visual card align neatly at the center of the page. */
.auth-layout-login {
    align-items: center !important;
}

/* The right side is one card, not two side-by-side panels. */
.auth-visual {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0;
    overflow: hidden;
    border-radius: 24px !important;
    direction: inherit !important;
}

/* Image uses the upper half of the visual card. */
.auth-visual-media {
    width: 100% !important;
    height: clamp(245px, 28vw, 300px) !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    flex: 0 0 auto !important;
    border-radius: 0 !important;
    overflow: hidden;
}

.auth-visual-media::after {
    background:
        linear-gradient(180deg, transparent 62%, rgba(5, 18, 30, .34)) !important;
}

.auth-visual-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 48% !important;
}

/* Text is the lower half of the same card. */
.auth-visual-copy {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0;
    padding: 26px 30px 28px !important;
}

html[dir="rtl"] .auth-visual-copy {
    direction: rtl !important;
    text-align: right !important;
}

html[dir="ltr"] .auth-visual-copy {
    direction: ltr !important;
    text-align: left !important;
}

.auth-visual-copy .eyebrow {
    display: inline-flex !important;
    align-self: flex-start;
    margin: 0 0 11px !important;
    padding: 7px 11px !important;
    border-radius: 999px !important;
    background: var(--soft) !important;
    color: var(--green2) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

html[dir="rtl"] .auth-visual-copy .eyebrow {
    align-self: flex-end;
}

.auth-visual-copy h2 {
    max-width: 720px !important;
    margin: 0 0 10px !important;
    font-size: clamp(25px, 2vw, 34px) !important;
    line-height: 1.28 !important;
}

.auth-visual-copy > p {
    max-width: 760px !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}

/* Compact three-benefit row below the text. */
.auth-visual-copy .auth-benefits {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 20px !important;
}

.auth-visual-copy .auth-benefits span {
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 58px !important;
    padding: 10px 11px !important;
    border-radius: 13px !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
}

.auth-visual-copy .auth-benefits b {
    display: grid !important;
    place-items: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 9px !important;
    background: var(--soft) !important;
    color: var(--green2) !important;
    font-size: 9px !important;
    font-weight:600 !important;
}

html[data-theme="dark"] .auth-visual-copy .eyebrow,
html[data-theme="dark"] .auth-visual-copy .auth-benefits b {
    background: #173b2a !important;
    color: #8ce0b5 !important;
}

/* Keep login compact and balanced. */
.auth-page-login .auth-visual {
    min-height: 0 !important;
}

.auth-page-login .auth-visual-media {
    height: 285px !important;
}

/* Registration form can be taller; visual stays elegant instead of stretching. */
.auth-page-register .auth-visual {
    position: sticky;
    top: 96px;
}

@media (max-width: 1180px) {
    .topbar > .container.nav,
    .auth-section > .container {
        width: min(100% - 28px, 1400px) !important;
    }

    .topbar .brand-logo {
        flex-basis: 230px !important;
        width: 230px !important;
        height: 58px !important;
    }

    .topbar .nav > nav {
        gap: 16px !important;
    }

    .topbar .nav > nav a {
        font-size: 14px !important;
    }

    .auth-layout,
    .auth-layout-login {
        grid-template-columns: minmax(350px, 430px) minmax(0, 1fr) !important;
    }

    .auth-visual-copy {
        padding: 23px 24px 25px !important;
    }

    .auth-visual-copy h2 {
        font-size: 27px !important;
    }

    .auth-visual-copy .auth-benefits {
        grid-template-columns: 1fr !important;
    }

    .auth-visual-copy .auth-benefits span {
        min-height: 0 !important;
    }
}

@media (max-width: 980px) {
    .topbar > .container.nav {
        width: min(100% - 24px, 1400px) !important;
    }

    .topbar .nav-actions {
        margin-inline-start: auto !important;
    }

    .auth-layout,
    .auth-layout-login {
        grid-template-columns: 1fr !important;
    }

    .auth-page-register .auth-visual {
        position: static;
    }

    .auth-visual-media,
    .auth-page-login .auth-visual-media {
        height: clamp(260px, 52vw, 360px) !important;
    }

    .auth-visual-copy .auth-benefits {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 700px) {
    .topbar .brand-logo {
        flex-basis: 170px !important;
        width: 170px !important;
        height: 48px !important;
    }

    .auth-visual {
        border-radius: 18px !important;
    }

    .auth-visual-media,
    .auth-page-login .auth-visual-media {
        height: 245px !important;
    }

    .auth-visual-copy {
        padding: 22px 20px 24px !important;
    }

    .auth-visual-copy h2 {
        font-size: 24px !important;
    }

    .auth-visual-copy .auth-benefits {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================
   BSOURIA V7.6 — PROFESSIONAL TERMS OF USE
   ========================================================= */
.terms-hero{padding:72px 0 48px;background:radial-gradient(circle at 12% 0%,#dff4e9 0,transparent 34%),linear-gradient(180deg,#f8fcf9 0%,#fff 100%);border-bottom:1px solid #dce8e1}.terms-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:52px;align-items:end}.terms-kicker{display:inline-flex;padding:8px 12px;border-radius:999px;background:#e4f6ec;color:#087a4a;font-size:12px;font-weight:600}.terms-hero h1{font-size:clamp(46px,6vw,72px);line-height:1.05;letter-spacing:-2px;margin:18px 0}.terms-hero-copy>p{max-width:820px;color:#5b6d64;font-size:18px;line-height:1.9}.terms-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.terms-meta-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d8e5de;border-radius:22px;background:#fff;box-shadow:0 24px 65px rgba(14,56,39,.08);overflow:hidden}.terms-meta-card>div{padding:19px;border-bottom:1px solid #e5ece8}.terms-meta-card>div:nth-child(odd){border-inline-end:1px solid #e5ece8}.terms-meta-card>div:nth-last-child(-n+2){border-bottom:0}.terms-meta-card small,.terms-meta-card strong,.terms-meta-card a{display:block}.terms-meta-card small{color:#76867e;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.6px}.terms-meta-card strong,.terms-meta-card a{margin-top:5px;color:#16372a;font-size:13px;font-weight:600;word-break:break-word}.terms-overview-section{padding-top:58px}.terms-overview-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}.terms-overview-head h2{font-size:32px;margin:8px 0}.terms-overview-head p{max-width:760px;color:#62736a;line-height:1.8;margin:0}.terms-policy-link{white-space:nowrap;color:#087a4a;font-weight:600}.terms-role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.terms-role-grid article{position:relative;min-height:205px;padding:22px;border:1px solid #dce8e1;border-radius:20px;background:#fff}.terms-role-grid article>span{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#e7f6ed;color:#087a4a;font-size:11px;font-weight:600}.terms-role-grid h3{font-size:17px;margin:28px 0 9px}.terms-role-grid p{color:#65766e;font-size:13px;line-height:1.8;margin:0}.terms-owner-box{display:grid;grid-template-columns:54px minmax(0,1fr);gap:20px;margin-top:20px;padding:30px;border-radius:22px;background:#0d3527;color:#fff}.terms-owner-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#16a366;font-size:25px;font-weight:600}.terms-owner-box h2{margin:0 0 15px;font-size:25px}.terms-owner-box ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;margin:0;padding-inline-start:20px}.terms-owner-box li{color:#cfdfd7;line-height:1.75;font-size:13px}.terms-document-section{padding-top:30px}.terms-document-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:42px;align-items:start}.terms-toc{position:sticky;top:94px;max-height:calc(100vh - 115px);overflow:auto;padding:12px;border:1px solid #dce7e1;border-radius:19px;background:#fff}.terms-toc-title{padding:11px 12px 15px;color:#14372a;font-size:13px;font-weight:600;border-bottom:1px solid #e8eeeb}.terms-toc nav{display:grid;padding-top:7px}.terms-toc a{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:10px;border-radius:10px;color:#5d7067;font-size:11px;font-weight:600;line-height:1.35}.terms-toc a:hover{background:#edf8f2;color:#087a4a}.terms-toc a span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#f0f6f2;color:#0b7d4d;font-size:9px}.terms-document{min-width:0;border:1px solid #dce7e1;border-radius:25px;background:#fff;padding:clamp(25px,5vw,58px);box-shadow:0 22px 65px rgba(15,53,39,.06)}.terms-document-intro{padding:20px 22px;border-radius:15px;background:#eef8f2;border:1px solid #d5e9dd;margin-bottom:25px}.terms-document-intro strong{font-size:16px}.terms-document-intro p{margin:5px 0 0;color:#557066;line-height:1.8}.terms-clause{scroll-margin-top:96px;padding:34px 0;border-bottom:1px solid #e6ede9}.terms-clause:first-of-type{padding-top:16px}.terms-clause:last-of-type{border-bottom:0}.terms-clause header{display:grid;grid-template-columns:43px minmax(0,1fr);align-items:center;gap:13px;margin-bottom:18px}.terms-clause header>span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#e5f6ec;color:#087a4a;font-size:11px;font-weight:600}.terms-clause h2{font-size:25px;line-height:1.35;margin:0;color:#15352a}.terms-clause p,.terms-clause li{color:#53665d;font-size:15px;line-height:2}.terms-clause p{margin:0 0 13px}.terms-clause ul{display:grid;gap:8px;padding-inline-start:24px;margin:5px 0 12px}.terms-back-top{display:inline-flex;margin-top:6px;color:#087a4a;font-size:10px;font-weight:600}.terms-operator-card{margin-top:32px;padding:27px;border-radius:19px;background:#102f23;color:#fff}.terms-operator-card>div span{color:#9fc6b4;font-size:11px;font-weight:600}.terms-operator-card h2{margin:5px 0 20px;font-size:27px}.terms-operator-card dl{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:0}.terms-operator-card dl>div{padding:14px;border:1px solid #2d5143;border-radius:12px;background:#15382b}.terms-operator-card dt{color:#9fc0b1;font-size:10px}.terms-operator-card dd{margin:5px 0 0;color:#fff;font-size:13px;font-weight:600}.terms-operator-card a{color:#8ce0b5}.settings-card-note{margin:0;color:#718078;font-size:12px;line-height:1.6}
html[data-theme="dark"] .terms-hero{background:radial-gradient(circle at 12% 0%,#153b2a 0,transparent 35%),linear-gradient(180deg,#0b1712,#0d1c16);border-color:#294137}html[data-theme="dark"] .terms-hero-copy>p,html[data-theme="dark"] .terms-overview-head p{color:#a9bbb2}html[data-theme="dark"] .terms-kicker{background:#173b2a;color:#8ce0b5}html[data-theme="dark"] .terms-meta-card,html[data-theme="dark"] .terms-role-grid article,html[data-theme="dark"] .terms-toc,html[data-theme="dark"] .terms-document{background:#111f19;border-color:#2a4037;box-shadow:none}html[data-theme="dark"] .terms-meta-card>div{border-color:#2a4037}html[data-theme="dark"] .terms-meta-card small,html[data-theme="dark"] .terms-role-grid p,html[data-theme="dark"] .terms-clause p,html[data-theme="dark"] .terms-clause li{color:#a6b8af}html[data-theme="dark"] .terms-meta-card strong,html[data-theme="dark"] .terms-meta-card a,html[data-theme="dark"] .terms-role-grid h3,html[data-theme="dark"] .terms-toc-title,html[data-theme="dark"] .terms-clause h2{color:#edf6f1}html[data-theme="dark"] .terms-role-grid article>span,html[data-theme="dark"] .terms-clause header>span,html[data-theme="dark"] .terms-toc a span{background:#173b2a;color:#8ce0b5}html[data-theme="dark"] .terms-toc-title,html[data-theme="dark"] .terms-clause{border-color:#293e35}html[data-theme="dark"] .terms-toc a{color:#a4b7ad}html[data-theme="dark"] .terms-toc a:hover{background:#173128;color:#8ce0b5}html[data-theme="dark"] .terms-document-intro{background:#153126;border-color:#2a4a3c}html[data-theme="dark"] .terms-document-intro p{color:#abc0b5}
@media(max-width:1100px){.terms-role-grid{grid-template-columns:1fr 1fr}.terms-document-layout{grid-template-columns:1fr}.terms-toc{position:static;max-height:none}.terms-toc nav{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.terms-hero-grid{grid-template-columns:1fr}.terms-meta-card{max-width:650px}.terms-owner-box ul{grid-template-columns:1fr}.terms-overview-head{align-items:flex-start;flex-direction:column}.terms-policy-link{white-space:normal}}@media(max-width:620px){.terms-hero{padding:48px 0 34px}.terms-hero h1{font-size:42px}.terms-role-grid{grid-template-columns:1fr}.terms-meta-card{grid-template-columns:1fr}.terms-meta-card>div,.terms-meta-card>div:nth-child(odd){border-inline-end:0;border-bottom:1px solid #e5ece8}.terms-meta-card>div:last-child{border-bottom:0}.terms-owner-box{grid-template-columns:1fr;padding:23px}.terms-toc nav{grid-template-columns:1fr}.terms-document{border-radius:18px;padding:22px}.terms-clause header{grid-template-columns:38px minmax(0,1fr)}.terms-clause header>span{width:38px;height:38px}.terms-clause h2{font-size:21px}.terms-operator-card dl{grid-template-columns:1fr}}@media print{.topbar,.site-footer,.terms-actions,.terms-toc,.terms-back-top,.cookie-consent{display:none!important}.terms-hero,.terms-overview-section,.terms-document-section{padding:20px 0;background:#fff!important}.terms-hero-grid,.terms-document-layout{display:block}.terms-meta-card,.terms-role-grid,.terms-owner-box{break-inside:avoid}.terms-document{border:0;box-shadow:none;padding:0}.terms-clause{break-inside:avoid}.terms-clause p,.terms-clause li{color:#222!important}.terms-clause h2{color:#000!important}.terms-owner-box,.terms-operator-card{background:#eee!important;color:#000!important}.terms-owner-box li,.terms-operator-card dd{color:#222!important}}

/* =========================================================
   BSOURIA V7.7 — LARGE LEGAL TYPOGRAPHY + PRIVACY POLICY
   ========================================================= */

/* Larger, more readable Terms and Privacy typography. */
.terms-hero-copy>p{font-size:20px;line-height:2}.terms-meta-card small{font-size:12px}.terms-meta-card strong,.terms-meta-card a{font-size:15px;line-height:1.55}.terms-overview-head h2{font-size:38px;line-height:1.25}.terms-overview-head p{font-size:17px;line-height:1.95}.terms-policy-link{font-size:16px}.terms-role-grid h3{font-size:20px;line-height:1.45}.terms-role-grid p{font-size:15.5px;line-height:1.9}.terms-owner-box h2{font-size:29px}.terms-owner-box li{font-size:15.5px;line-height:1.9}.terms-document-layout{grid-template-columns:315px minmax(0,1fr);gap:46px}.terms-toc{padding:15px}.terms-toc-title{font-size:17px;padding:14px 13px 18px}.terms-toc a{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px 11px;font-size:14px;font-weight:600;line-height:1.55}.terms-toc a span{width:32px;height:32px;font-size:10px}.terms-document-intro{padding:24px 26px}.terms-document-intro strong{font-size:19px}.terms-document-intro p{font-size:16.5px;line-height:1.95}.terms-clause{padding:42px 0}.terms-clause header{grid-template-columns:50px minmax(0,1fr);gap:16px;margin-bottom:22px}.terms-clause header>span{width:50px;height:50px;font-size:12px}.terms-clause h2{font-size:30px;line-height:1.4}.terms-clause p,.terms-clause li{font-size:17.5px;line-height:2.08}.terms-clause p{margin-bottom:17px}.terms-clause ul{gap:11px;padding-inline-start:29px;margin:9px 0 18px}.terms-back-top{font-size:13px;margin-top:10px}.terms-operator-card>div span{font-size:13px}.terms-operator-card h2{font-size:31px}.terms-operator-card dt{font-size:12px}.terms-operator-card dd{font-size:15px;line-height:1.75}

/* Privacy overview and live status cards. */
.privacy-overview-section{padding-bottom:26px}.privacy-data-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.privacy-data-card{min-height:225px;padding:24px;border:1px solid #dce8e1;border-radius:21px;background:#fff}.privacy-data-card>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#e7f6ed;color:#087a4a;font-size:11px;font-weight:600}.privacy-data-card h3{font-size:20px;line-height:1.45;margin:27px 0 10px}.privacy-data-card p{font-size:15.5px;line-height:1.9;color:#62736a;margin:0}.privacy-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.privacy-status-grid>div{padding:18px;border:1px solid #dce8e1;border-radius:16px;background:#f7fbf8}.privacy-status-grid small,.privacy-status-grid strong{display:block}.privacy-status-grid small{font-size:11px;font-weight:600;color:#73837b;text-transform:uppercase;letter-spacing:.35px}.privacy-status-grid strong{margin-top:7px;font-size:14px;line-height:1.55;color:#173a2c}.privacy-principles-box{margin-top:18px}.privacy-document-intro{border-inline-start:5px solid #0b8752}.privacy-clause{scroll-margin-top:100px}

/* Cookie controls embedded in the Privacy Policy. */
.privacy-cookie-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0 18px;padding:22px;border:1px solid #cfe3d7;border-radius:17px;background:#f3faf6}.privacy-cookie-controls>div:first-child{min-width:0}.privacy-cookie-controls strong{display:block;font-size:17px;color:#15372a}.privacy-cookie-controls p{font-size:15px!important;line-height:1.8!important;margin:5px 0 0!important}.privacy-cookie-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.privacy-cookie-buttons button{border:1px solid #cadbd2;border-radius:10px;background:#fff;color:#174331;padding:11px 14px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.privacy-cookie-buttons button:hover{border-color:#0b8752;color:#087a4a}.privacy-cookie-buttons button.primary{background:#0b8752;border-color:#0b8752;color:#fff}.privacy-operator-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Dark theme for every new Privacy surface. */
html[data-theme="dark"] .privacy-data-card,html[data-theme="dark"] .privacy-status-grid>div{background:#111f19;border-color:#2a4037}html[data-theme="dark"] .privacy-data-card h3,html[data-theme="dark"] .privacy-status-grid strong{color:#edf6f1}html[data-theme="dark"] .privacy-data-card p,html[data-theme="dark"] .privacy-status-grid small{color:#a6b8af}html[data-theme="dark"] .privacy-data-card>span{background:#173b2a;color:#8ce0b5}html[data-theme="dark"] .privacy-cookie-controls{background:#142b21;border-color:#2e4c3e}html[data-theme="dark"] .privacy-cookie-controls strong{color:#edf6f1}html[data-theme="dark"] .privacy-cookie-controls p{color:#a9bbb2!important}html[data-theme="dark"] .privacy-cookie-buttons button{background:#101f18;border-color:#355144;color:#dce9e2}html[data-theme="dark"] .privacy-cookie-buttons button:hover{border-color:#62be91;color:#8ce0b5}html[data-theme="dark"] .privacy-cookie-buttons button.primary{background:#128454;border-color:#128454;color:#fff}

@media(max-width:1180px){.privacy-data-grid{grid-template-columns:1fr 1fr}.privacy-status-grid{grid-template-columns:1fr 1fr}.terms-document-layout{grid-template-columns:1fr}.terms-toc{position:static;max-height:none}.terms-toc nav{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.terms-hero-copy>p{font-size:18px}.terms-overview-head h2{font-size:31px}.terms-toc nav{grid-template-columns:1fr}.terms-document{padding:25px}.terms-clause h2{font-size:25px}.terms-clause p,.terms-clause li{font-size:16.5px}.terms-clause header{grid-template-columns:43px minmax(0,1fr)}.terms-clause header>span{width:43px;height:43px}.privacy-data-grid,.privacy-status-grid{grid-template-columns:1fr}.privacy-cookie-controls{align-items:stretch;flex-direction:column}.privacy-cookie-buttons{justify-content:stretch}.privacy-cookie-buttons button{flex:1}.privacy-operator-card dl{grid-template-columns:1fr}}
@media print{.privacy-status-grid,.privacy-cookie-controls{break-inside:avoid}.privacy-cookie-buttons{display:none!important}.privacy-data-card,.privacy-status-grid>div{background:#fff!important;color:#000!important}.privacy-data-card h3,.privacy-status-grid strong{color:#000!important}.privacy-data-card p,.privacy-status-grid small{color:#333!important}}



/* =========================================================
   BSOURIA V7.8 — OPPORTUNITY LANGUAGE VISUAL SIDEBAR
   ========================================================= */
.opportunity-language-editor{padding:0;background:var(--surface);overflow:hidden}
.opportunity-language-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fbfdfb,#f5f9f6)}
.opportunity-language-copy strong{display:block;font-size:15px;color:var(--ink);margin-bottom:4px}
.opportunity-language-copy small{display:block;color:var(--muted);font-size:12px;line-height:1.7;max-width:560px}
.opportunity-language-tabs{padding:0;background:transparent;border:0;flex:0 0 auto}
.opportunity-language-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:stretch}
.opportunity-language-main{min-width:0}
.opportunity-language-main .language-panel{height:100%;padding:22px;background:transparent}
.opportunity-language-main .compact-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.opportunity-language-visual{display:flex;flex-direction:column;border-inline-start:1px solid var(--line);background:linear-gradient(180deg,#eef6f1 0%,#f7fbf8 100%)}
.opportunity-language-visual-media{position:relative;min-height:318px;background:#0c1712;overflow:hidden}
.opportunity-language-visual-media::after{content:'';position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(180deg,rgba(8,18,14,0),rgba(8,18,14,.12));pointer-events:none}
.opportunity-language-visual-media img{display:block;width:100%;height:100%;object-fit:cover}
.opportunity-language-visual-copy{padding:18px 18px 20px}
.opportunity-language-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:var(--soft);color:var(--green2);font-size:12px;font-weight:600}
.opportunity-language-visual-copy h3{font-size:22px;line-height:1.45;margin:14px 0 10px}
.opportunity-language-visual-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.9}
.opportunity-language-points{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.opportunity-language-points li{position:relative;padding-inline-start:20px;color:var(--ink);font-size:13px;line-height:1.75}
.opportunity-language-points li::before{content:'•';position:absolute;inset-inline-start:4px;color:var(--green);font-weight:600}
html[dir='rtl'] .opportunity-language-head{flex-direction:row-reverse}
html[dir='rtl'] .opportunity-language-copy{text-align:right}
html[dir='rtl'] .opportunity-language-visual-copy{text-align:right}
html[dir='rtl'] .opportunity-language-points li{padding-inline-start:0;padding-inline-end:20px}
html[dir='rtl'] .opportunity-language-points li::before{inset-inline-start:auto;inset-inline-end:4px}
html[data-theme='dark'] .opportunity-language-editor{background:var(--surface)!important;border-color:var(--border)!important}
html[data-theme='dark'] .opportunity-language-head{background:linear-gradient(180deg,#0f1d17,#0d1814)!important;border-bottom-color:var(--border)!important}
html[data-theme='dark'] .opportunity-language-copy strong{color:var(--ink)!important}
html[data-theme='dark'] .opportunity-language-copy small{color:var(--muted)!important}
html[data-theme='dark'] .opportunity-language-visual{background:linear-gradient(180deg,#0d1713 0%,#0a1410 100%)!important;border-inline-start-color:var(--border)!important}
html[data-theme='dark'] .opportunity-language-badge{background:#173b2a!important;color:#8ce0b5!important}
html[data-theme='dark'] .opportunity-language-visual-copy h3{color:var(--ink)!important}
html[data-theme='dark'] .opportunity-language-visual-copy p{color:var(--muted)!important}
html[data-theme='dark'] .opportunity-language-points li{color:var(--ink)!important}
@media(max-width:1100px){
  .opportunity-language-body{grid-template-columns:minmax(0,1fr) 280px}
  .opportunity-language-visual-media{min-height:280px}
  .opportunity-language-visual-copy h3{font-size:20px}
}
@media(max-width:900px){
  .opportunity-language-head{align-items:flex-start;flex-direction:column}
  html[dir='rtl'] .opportunity-language-head{flex-direction:column}
  .opportunity-language-body{grid-template-columns:1fr}
  .opportunity-language-visual{border-inline-start:0;border-top:1px solid var(--line)}
  html[data-theme='dark'] .opportunity-language-visual{border-top-color:var(--border)!important}
  .opportunity-language-visual-media{min-height:260px}
}
@media(max-width:760px){
  .opportunity-language-head{padding:16px}
  .opportunity-language-main .language-panel{padding:16px 13px}
  .opportunity-language-main .compact-form-grid{grid-template-columns:1fr}
  .opportunity-language-visual-copy{padding:16px}
  .opportunity-language-visual-media{min-height:240px}
}


/* =========================================================
   BSOURIA V7.9 — EXACT OPPORTUNITY FORM IMAGE
   ========================================================= */
.opportunity-language-visual{
    position:relative;
    display:block;
    min-height:620px;
    overflow:hidden;
    border-inline-start:1px solid var(--line);
    background:#07130f;
}
.opportunity-language-visual>img{
    display:block;
    width:100%;
    height:100%;
    min-height:620px;
    object-fit:cover;
    object-position:center center;
}
.opportunity-language-visual::after{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(180deg,transparent 66%,rgba(2,11,8,.82) 100%);
}
.opportunity-language-visual-overlay{
    position:absolute;
    z-index:2;
    inset-inline:18px;
    bottom:18px;
    padding:13px 15px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:13px;
    background:rgba(5,20,15,.72);
    color:#fff;
    font-size:13px;
    font-weight:600;
    line-height:1.7;
    text-align:center;
    backdrop-filter:blur(8px);
}
html[data-theme='dark'] .opportunity-language-visual{
    border-inline-start-color:var(--border)!important;
    background:#050e0b!important;
}
@media(max-width:1100px){
    .opportunity-language-body{grid-template-columns:minmax(0,1fr) 300px}
    .opportunity-language-visual,
    .opportunity-language-visual>img{min-height:580px}
}
@media(max-width:900px){
    .opportunity-language-visual{
        min-height:0;
        height:460px;
        border-inline-start:0;
        border-top:1px solid var(--line);
    }
    .opportunity-language-visual>img{
        min-height:0;
        height:100%;
        object-position:center 42%;
    }
}
@media(max-width:600px){
    .opportunity-language-visual{height:360px}
    .opportunity-language-visual-overlay{
        inset-inline:12px;
        bottom:12px;
        font-size:12px;
    }
}


/* =========================================================
   BSOURIA V7.10 — FIXED OPPORTUNITY FORM + COMPACT IMAGE
   ========================================================= */

/* Important: override the older generic .language-editor grid. */
.opportunity-language-editor {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.opportunity-language-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    width: 100% !important;
    padding: 16px 18px !important;
}

html[dir='rtl'] .opportunity-language-head {
    flex-direction: row !important;
}

.opportunity-language-tabs {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 0 !important;
}

.opportunity-language-body {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 230px !important;
    gap: 18px !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 20px !important;
}

.opportunity-language-main {
    width: 100% !important;
    min-width: 0 !important;
}

.opportunity-language-main .language-panel,
.opportunity-language-main .language-panel.active {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
    background: transparent !important;
}

.opportunity-language-main .form-group,
.opportunity-language-main input,
.opportunity-language-main textarea {
    min-width: 0 !important;
    width: 100% !important;
}

.opportunity-language-main .compact-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

.opportunity-language-visual {
    position: relative !important;
    display: block !important;
    align-self: start !important;
    width: 230px !important;
    max-width: 100% !important;
    height: 288px !important;
    min-height: 0 !important;
    border: 1px solid var(--line) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #07130f !important;
    box-shadow: 0 14px 34px rgba(6, 31, 21, .12) !important;
}

.opportunity-language-visual > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center 46% !important;
}

.opportunity-language-visual::after {
    background: linear-gradient(180deg, transparent 72%, rgba(2, 11, 8, .72) 100%) !important;
}

.opportunity-language-visual-overlay {
    inset-inline: 10px !important;
    bottom: 10px !important;
    padding: 8px 9px !important;
    border-radius: 10px !important;
    font-size: 10.5px !important;
    line-height: 1.45 !important;
}

html[data-theme='dark'] .opportunity-language-visual {
    border-color: var(--border) !important;
}

@media (max-width: 1050px) {
    .opportunity-language-body {
        grid-template-columns: minmax(0, 1fr) 200px !important;
    }

    .opportunity-language-visual {
        width: 200px !important;
        height: 250px !important;
    }
}

@media (max-width: 820px) {
    .opportunity-language-head,
    html[dir='rtl'] .opportunity-language-head {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .opportunity-language-body {
        grid-template-columns: 1fr !important;
        padding: 16px !important;
    }

    .opportunity-language-visual {
        width: 100% !important;
        height: 230px !important;
        order: 2 !important;
    }

    .opportunity-language-visual > img {
        object-position: center 48% !important;
    }
}

@media (max-width: 620px) {
    .opportunity-language-head {
        padding: 14px !important;
    }

    .opportunity-language-body {
        padding: 13px !important;
    }

    .opportunity-language-main .compact-form-grid {
        grid-template-columns: 1fr !important;
    }

    .opportunity-language-visual {
        height: 200px !important;
    }
}



/* =========================================================
   BSOURIA V7.11 — FULL-WIDTH OPPORTUNITY FORM + MINI ICON CARD
   ========================================================= */

/* Match the opportunity form to the full 1400px page/header width. */
.opportunity-form-container {
    width: min(1400px, calc(100% - 32px)) !important;
    max-width: 1400px !important;
    margin-inline: auto !important;
}

.opportunity-form-shell,
.opportunity-form-intro,
.opportunity-form-shell > .form-section,
.opportunity-form-shell > .form-submit-bar {
    width: 100% !important;
    max-width: none !important;
}

/* Use almost all of the wider section for the actual fields. */
.opportunity-language-body {
    grid-template-columns: minmax(0, 1fr) 210px !important;
    gap: 20px !important;
}

/* Remove the old photographic panel completely. */
.opportunity-language-visual {
    display: none !important;
}

.opportunity-mini-guide {
    align-self: start;
    width: 210px;
    max-width: 100%;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background:
        radial-gradient(circle at 90% 8%, rgba(11,122,73,.12), transparent 36%),
        linear-gradient(180deg, #f8fcf9, #eef7f2);
    box-shadow: 0 12px 30px rgba(16,35,26,.07);
}

.opportunity-mini-brand {
    display: grid;
    grid-template-columns: 54px minmax(0,1fr);
    align-items: center;
    gap: 11px;
}

.opportunity-mini-mark {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: #fff;
    border: 1px solid var(--line);
}

.opportunity-mini-mark img {
    display: block;
    width: 42px;
    height: 42px;
    object-fit: contain;
}

.opportunity-mini-brand strong {
    display: block;
    color: var(--ink);
    font-size: 14px;
    line-height: 1.45;
}

.opportunity-mini-brand small {
    display: block;
    margin-top: 4px;
    color: var(--muted);
    font-size: 10.5px;
    line-height: 1.65;
}

.opportunity-mini-icons {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 7px;
    margin-top: 15px;
}

.opportunity-mini-item {
    display: grid;
    justify-items: center;
    gap: 5px;
    min-width: 0;
    padding: 9px 4px 7px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(255,255,255,.78);
    color: var(--green2);
}

.opportunity-mini-icon {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: var(--soft);
}

.opportunity-mini-icon svg {
    width: 17px;
    height: 17px;
}

.opportunity-mini-item small {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--ink);
    font-size: 9.5px;
    font-weight:600;
    white-space: nowrap;
}

html[data-theme='dark'] .opportunity-mini-guide {
    border-color: var(--border) !important;
    background:
        radial-gradient(circle at 90% 8%, rgba(38,157,96,.15), transparent 36%),
        linear-gradient(180deg, #102019, #0c1813) !important;
}

html[data-theme='dark'] .opportunity-mini-mark,
html[data-theme='dark'] .opportunity-mini-item {
    border-color: var(--border) !important;
    background: var(--surface-2) !important;
}

html[data-theme='dark'] .opportunity-mini-brand strong,
html[data-theme='dark'] .opportunity-mini-item small {
    color: var(--ink) !important;
}

html[data-theme='dark'] .opportunity-mini-brand small {
    color: var(--muted) !important;
}

html[data-theme='dark'] .opportunity-mini-icon {
    background: #173b2a !important;
    color: #8ce0b5 !important;
}

@media (max-width: 1100px) {
    .opportunity-language-body {
        grid-template-columns: minmax(0,1fr) 190px !important;
    }
    .opportunity-mini-guide {
        width: 190px;
        padding: 13px;
    }
    .opportunity-mini-brand {
        grid-template-columns: 46px minmax(0,1fr);
    }
    .opportunity-mini-mark {
        width: 46px;
        height: 46px;
    }
    .opportunity-mini-mark img {
        width: 36px;
        height: 36px;
    }
}

@media (max-width: 820px) {
    .opportunity-form-container {
        width: min(100% - 20px, 1400px) !important;
    }
    .opportunity-language-body {
        grid-template-columns: 1fr !important;
    }
    .opportunity-mini-guide {
        width: 100%;
        display: grid;
        grid-template-columns: minmax(0,1fr) auto;
        align-items: center;
        gap: 14px;
    }
    .opportunity-mini-icons {
        margin-top: 0;
        min-width: 190px;
    }
}

@media (max-width: 620px) {
    .opportunity-mini-guide {
        grid-template-columns: 1fr;
    }
    .opportunity-mini-icons {
        min-width: 0;
    }
}


/* =========================================================
   BSOURIA V7.12 — WIDER OPPORTUNITY GUIDE COLUMN
   ========================================================= */

/* Give the highlighted guide area substantially more width,
   while making the form column shorter and better balanced. */
.opportunity-language-body {
    grid-template-columns: minmax(0, 1fr) 360px !important;
    gap: 26px !important;
    align-items: stretch !important;
}

.opportunity-language-main {
    min-width: 0 !important;
}

.opportunity-mini-guide {
    width: 100% !important;
    max-width: none !important;
    min-height: 100% !important;
    align-self: stretch !important;
    padding: 24px !important;
    border-radius: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

.opportunity-mini-brand {
    grid-template-columns: 68px minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: center !important;
}

.opportunity-mini-mark {
    width: 68px !important;
    height: 68px !important;
    border-radius: 18px !important;
}

.opportunity-mini-mark img {
    width: 52px !important;
    height: 52px !important;
}

.opportunity-mini-brand strong {
    font-size: 17px !important;
    line-height: 1.5 !important;
}

.opportunity-mini-brand small {
    margin-top: 7px !important;
    font-size: 12.5px !important;
    line-height: 1.8 !important;
}

.opportunity-mini-icons {
    gap: 10px !important;
    margin-top: 24px !important;
}

.opportunity-mini-item {
    gap: 8px !important;
    padding: 14px 8px 12px !important;
    border-radius: 14px !important;
}

.opportunity-mini-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
}

.opportunity-mini-icon svg {
    width: 21px !important;
    height: 21px !important;
}

.opportunity-mini-item small {
    font-size: 11.5px !important;
}

/* Keep the main fields compact after the side column is widened. */
.opportunity-language-main .language-panel {
    padding-inline: 22px !important;
}

@media (max-width: 1220px) {
    .opportunity-language-body {
        grid-template-columns: minmax(0, 1fr) 320px !important;
        gap: 22px !important;
    }

    .opportunity-mini-guide {
        padding: 20px !important;
    }

    .opportunity-mini-brand {
        grid-template-columns: 60px minmax(0, 1fr) !important;
        gap: 13px !important;
    }

    .opportunity-mini-mark {
        width: 60px !important;
        height: 60px !important;
    }

    .opportunity-mini-mark img {
        width: 46px !important;
        height: 46px !important;
    }
}

@media (max-width: 980px) {
    .opportunity-language-body {
        grid-template-columns: minmax(0, 1fr) 280px !important;
        gap: 18px !important;
    }

    .opportunity-mini-guide {
        padding: 17px !important;
    }

    .opportunity-mini-brand strong {
        font-size: 15px !important;
    }

    .opportunity-mini-brand small {
        font-size: 11.5px !important;
    }
}

@media (max-width: 820px) {
    .opportunity-language-body {
        grid-template-columns: 1fr !important;
    }

    .opportunity-mini-guide {
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
    }

    .opportunity-mini-icons {
        margin-top: 0 !important;
        min-width: 220px !important;
    }
}

@media (max-width: 620px) {
    .opportunity-mini-guide {
        display: flex !important;
    }

    .opportunity-mini-icons {
        min-width: 0 !important;
        margin-top: 20px !important;
    }
}



/* =========================================================
   BSOURIA V7.13 — CONTACT + REPORT CENTER
   ========================================================= */
.contact-hub-hero{padding:58px 0 42px;background:radial-gradient(circle at 12% 0%,#daf1e4 0,transparent 34%),linear-gradient(180deg,#f7fbf8,#eef5f1);border-bottom:1px solid var(--line)}
.contact-hub-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:34px}
.contact-hub-hero h1{font-size:clamp(36px,4vw,54px);line-height:1.15;margin:12px 0 13px;letter-spacing:-1px}
.contact-hub-hero p{max-width:800px;color:var(--muted);font-size:17px;line-height:1.9;margin:0}
.contact-response-note{display:flex;align-items:center;gap:13px;min-width:250px;padding:16px 18px;border:1px solid #c9dfd2;border-radius:18px;background:rgba(255,255,255,.76)}
.contact-response-note>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:600;font-size:19px}
.contact-response-note strong,.contact-response-note small{display:block}.contact-response-note small{color:var(--muted);margin-top:3px;line-height:1.5}
.contact-hub-section{padding-top:30px}.contact-hub-container{width:min(1260px,calc(100% - 32px));max-width:1260px;margin-inline:auto}
.contact-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.contact-mode-option{display:flex;align-items:center;gap:15px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);transition:.2s transform,.2s border-color,.2s background}
.contact-mode-option:hover{transform:translateY(-2px);border-color:#9fc8b1}.contact-mode-option.active{border-color:#63b184;background:#eef9f3;box-shadow:0 12px 34px rgba(16,83,54,.08)}
.contact-mode-option.report.active{border-color:#e0a899;background:#fff5f2}.contact-mode-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--soft);color:var(--green2);font-size:20px;font-weight:600;flex:0 0 auto}
.contact-mode-option.report .contact-mode-icon{background:#fff0eb;color:#b84e35}.contact-mode-option strong,.contact-mode-option small{display:block}.contact-mode-option strong{font-size:17px}.contact-mode-option small{color:var(--muted);font-size:12px;margin-top:4px;line-height:1.6}
.contact-hub-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:22px;align-items:start}.contact-hub-sidebar{display:grid;gap:14px;position:sticky;top:92px}
.contact-side-card{background:var(--surface);border:1px solid var(--line);border-radius:19px;padding:20px}.contact-side-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:var(--green2);font-weight:600;margin-bottom:14px}.contact-side-card strong,.contact-side-card a{display:block}.contact-side-card strong{font-size:17px;margin-bottom:7px}.contact-side-card a{color:var(--green2);font-weight:600;word-break:break-word}.contact-side-card p{font-size:13px;line-height:1.8;color:var(--muted);margin:10px 0 0}.contact-side-card.warning{background:#fff9ea;border-color:#ead59b}.contact-side-card.warning .contact-side-icon{background:#fff0b9;color:#765600}
.contact-form-card{background:var(--surface);border:1px solid var(--line);border-radius:23px;padding:28px;box-shadow:0 12px 36px rgba(16,35,26,.055)}
.contact-form-head{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.contact-form-head>span{display:inline-flex;padding:7px 11px;border-radius:999px;background:var(--soft);color:var(--green2);font-size:12px;font-weight:600}.contact-form-head.report>span{background:#fff0eb;color:#b84e35}.contact-form-head h2{font-size:30px;line-height:1.3;margin:12px 0 8px}.contact-form-head p{margin:0;color:var(--muted);line-height:1.8}
.contact-detailed-form .form-group label{font-size:14px}.contact-detailed-form input,.contact-detailed-form select,.contact-detailed-form textarea{background:var(--surface);border-color:var(--line)}.contact-detailed-form textarea{line-height:1.85}.contact-submit-button{min-width:240px;padding:14px 23px;margin-top:10px}.contact-submit-button.report{background:#9c3f2c;border-color:#9c3f2c}.contact-honeypot{position:absolute!important;inset:0 auto auto 0!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important}.report-emergency-note{display:flex;gap:10px;padding:13px 15px;margin:-6px 0 20px;border:1px solid #e9c7a2;border-radius:13px;background:#fff7ed;color:#6c4323;font-size:13px;line-height:1.7}.report-file-input{padding:11px!important}.report-confirm{padding:14px;border:1px solid var(--line);border-radius:13px;background:#f8fbf9;align-items:flex-start!important;line-height:1.7}.report-confirm input{margin-top:3px;flex:0 0 auto}
.admin-message-subject{display:block;margin:8px 0 4px}.admin-inline-details{margin-top:10px}.admin-inline-details summary{cursor:pointer;color:#087a4a;font-weight:600}.admin-inline-details>div{margin-top:10px;padding:14px;border:1px solid #dce7e1;border-radius:12px;background:#f8fbf9;min-width:300px}.admin-inline-details dl{display:grid;grid-template-columns:130px minmax(0,1fr);gap:6px 12px;margin:12px 0}.admin-inline-details dt{font-weight:600;color:#52665d}.admin-inline-details dd{margin:0;word-break:break-word}.admin-report-flags{display:flex;gap:6px;flex-wrap:wrap}
html[data-theme='dark'] .contact-hub-hero{background:radial-gradient(circle at 12% 0%,rgba(31,92,63,.28) 0,transparent 34%),linear-gradient(180deg,#0b1712,#08130f)!important;border-bottom-color:var(--border)!important}.contact-hub-hero h1,html[data-theme='dark'] .contact-hub-hero h1{color:var(--ink)!important}html[data-theme='dark'] .contact-response-note,html[data-theme='dark'] .contact-mode-option,html[data-theme='dark'] .contact-side-card,html[data-theme='dark'] .contact-form-card{background:var(--surface)!important;border-color:var(--border)!important}html[data-theme='dark'] .contact-mode-option.active{background:#10271d!important;border-color:#397552!important}html[data-theme='dark'] .contact-mode-option.report.active{background:#281712!important;border-color:#8a4a38!important}html[data-theme='dark'] .contact-side-card.warning,html[data-theme='dark'] .report-emergency-note{background:#2a2212!important;border-color:#6d5828!important;color:#e7d49d!important}html[data-theme='dark'] .contact-form-head.report>span{background:#3b1d16!important;color:#ffb4a0!important}html[data-theme='dark'] .report-confirm,html[data-theme='dark'] .admin-inline-details>div{background:var(--surface-2)!important;border-color:var(--border)!important}html[data-theme='dark'] .admin-inline-details dt{color:var(--muted)!important}
@media(max-width:980px){.contact-hub-hero-inner{align-items:flex-start;flex-direction:column}.contact-response-note{width:100%}.contact-hub-layout{grid-template-columns:1fr}.contact-hub-sidebar{position:static;grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.contact-hub-hero{padding:38px 0 28px}.contact-hub-hero h1{font-size:34px}.contact-hub-hero p{font-size:15px}.contact-mode-switch{grid-template-columns:1fr}.contact-hub-sidebar{grid-template-columns:1fr}.contact-form-card{padding:21px 17px}.contact-form-head h2{font-size:25px}.contact-submit-button{width:100%;min-width:0}.admin-inline-details>div{min-width:0}.admin-inline-details dl{grid-template-columns:1fr}}


/* =========================================================
   BSOURIA V7.14 — ADMIN-ONLY ONLINE USERS MONITOR
   ========================================================= */
.footer-admin-online{display:flex;justify-content:center;margin-top:24px}
.footer-admin-online-link{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 14px;border:1px solid #34715a;border-radius:14px;background:#0d3b2b;color:#e8fff4!important;text-decoration:none;box-shadow:0 12px 32px rgba(0,0,0,.12)}
.footer-admin-online-link:hover{background:#124a36!important}
.footer-admin-online-link strong{font-size:19px;color:#8ff0bd}
.footer-admin-online-link small{color:#a9cabb;font-size:11px}
.footer-online-icon{position:relative;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#176044;color:#fff;font-size:17px}
.footer-online-icon i{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#55e99a;box-shadow:0 0 0 3px rgba(85,233,154,.15)}
.online-summary-grid{margin-bottom:18px}
.online-monitor-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0;padding:13px 15px;border:1px solid #cfe2d8;border-radius:12px;background:#f5fbf8;color:#3f5b4f;font-size:13px}
.online-monitor-note strong{color:#143d2c}.online-live-dot{width:10px;height:10px;border-radius:50%;background:#18ad64;box-shadow:0 0 0 5px rgba(24,173,100,.12)}
.online-users-table-card{overflow:auto}.online-users-table{min-width:1050px}
.online-visitor-cell{display:flex;align-items:center;gap:10px}.online-visitor-cell small,.online-users-table td>small,.online-visitor-cell div small{display:block;margin-top:4px;color:#6b7c73;max-width:280px;overflow-wrap:anywhere}
.online-avatar{width:38px;height:38px;border-radius:12px;background:#e3f6eb;color:#087044;display:grid;place-items:center;font-weight:600;flex:0 0 auto}.online-avatar.anonymous{background:#edf1ef;color:#607269}
.online-current-url{display:block;color:#08764a;font-weight:600;text-decoration:none;max-width:310px;overflow-wrap:anywhere}.online-current-url:hover{text-decoration:underline}
.online-live-line{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:#087044}.online-live-line i{width:8px;height:8px;border-radius:50%;background:#19b468;box-shadow:0 0 0 4px rgba(25,180,104,.12)}
.online-tech-details{position:relative}.online-tech-details summary{cursor:pointer;list-style:none;border:1px solid #cfdcd5;border-radius:8px;padding:6px 9px;font-weight:600;font-size:12px}.online-tech-details summary::-webkit-details-marker{display:none}.online-tech-details>div{position:absolute;z-index:20;inset-inline-end:0;top:calc(100% + 7px);width:min(340px,75vw);padding:13px;border:1px solid #d5e1db;border-radius:11px;background:#fff;box-shadow:0 18px 45px rgba(10,45,31,.16);display:grid;gap:5px}.online-tech-details>div span{overflow-wrap:anywhere;color:#607269;font-size:11px}.online-tech-details>div b{margin-top:5px;font-size:11px}
html[data-theme="dark"] .online-monitor-note{background:#102119!important;border-color:#30483e!important;color:#9fb2a8!important}html[data-theme="dark"] .online-monitor-note strong{color:#e8f1ec!important}
html[data-theme="dark"] .online-avatar{background:#17382a!important;color:#8ce0b5!important}html[data-theme="dark"] .online-avatar.anonymous{background:#26352e!important;color:#bdcbc4!important}
html[data-theme="dark"] .online-current-url,html[data-theme="dark"] .online-live-line{color:#8ce0b5!important}html[data-theme="dark"] .online-tech-details summary{background:#0d1914!important;border-color:#30483e!important;color:#e8f1ec!important}html[data-theme="dark"] .online-tech-details>div{background:#111f19!important;border-color:#30483e!important;color:#e8f1ec!important}
@media(max-width:600px){.footer-admin-online-link{width:100%;justify-content:flex-start}.footer-admin-online-link small{width:100%;padding-inline-start:44px}}


/* =========================================================
   BSOURIA V7.17 — PARTICIPATION PAGE + FOOTER SOCIAL HUB
   ========================================================= */
.footer-community-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:16px;margin-top:34px}
.footer-participation-card,.footer-social-card{border:1px solid #315849;border-radius:20px;background:linear-gradient(135deg,#103d2e,#0b3326);min-height:126px}
.footer-participation-card{display:grid;grid-template-columns:64px minmax(0,1fr) 34px;align-items:center;gap:16px;padding:20px 22px;transition:.25s transform,.25s border-color,.25s background}
.footer-participation-card:hover{transform:translateY(-3px);border-color:#65b68f;background:linear-gradient(135deg,#154a38,#0d392b)}
.footer-participation-mark{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#e9f8ef;border:1px solid rgba(255,255,255,.22)}
.footer-participation-mark img{width:48px;height:48px;object-fit:contain}
.footer-participation-copy{display:grid;gap:4px}.footer-participation-copy small,.footer-social-card small{color:#77d2a4;font-size:12px;font-weight:600}.footer-participation-copy strong,.footer-social-card strong{color:#fff;font-size:18px;line-height:1.45}.footer-participation-copy em{color:#b9cfc2;font-size:13px;font-style:normal;line-height:1.65}.footer-participation-arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#148c59;color:#fff;font-size:18px}
.footer-social-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px}.footer-social-card>div:first-child{display:grid;gap:5px}.footer-social-links{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.footer-social-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#173f31;border:1px solid #3c6957;color:#fff;transition:.2s transform,.2s background,.2s border-color}.footer-social-icon svg{width:20px;height:20px;fill:currentColor}.footer-social-icon:hover{transform:translateY(-3px);background:#fff;color:#0b3225;border-color:#fff}.footer-social-icon.facebook:hover{color:#1877f2}.footer-social-icon.x:hover{color:#050505}.footer-social-icon.youtube:hover{color:#ff0033}.footer-social-icon.instagram:hover{color:#c13584}.footer-social-icon.linkedin:hover{color:#0a66c2}.footer-social-icon.is-coming-soon{opacity:.48;cursor:not-allowed}.footer-participate-link{color:#83ddb0!important;font-weight:600}
.participate-hero{padding:82px 0 64px;background:radial-gradient(circle at 12% 15%,rgba(23,154,92,.18),transparent 32%),linear-gradient(145deg,#08271c 0%,#0d3b2b 58%,#0a2f23 100%);color:#fff;overflow:hidden}.participate-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:54px;align-items:center}.participate-hero .eyebrow{color:#79d8a6}.participate-hero h1{font-size:clamp(42px,5.5vw,72px);line-height:1.1;letter-spacing:-1.5px;margin:15px 0 20px;max-width:900px}.participate-hero p{font-size:18px;line-height:2;color:#c8ddd2;max-width:850px}.participate-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.participate-actions .secondary{border-color:#527b69;color:#fff;background:rgba(255,255,255,.04)}
.participate-vision-card{padding:30px;border:1px solid rgba(255,255,255,.17);border-radius:28px;background:rgba(5,25,18,.52);box-shadow:0 28px 80px rgba(0,0,0,.22);backdrop-filter:blur(12px)}.participate-vision-card>img{width:92px;height:92px;display:block;margin-bottom:20px}.participate-vision-card>strong{display:block;font-size:25px;margin-bottom:10px}.participate-vision-card>span{display:block;color:#c5d9cf;line-height:1.85}.participate-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:24px}.participate-mini-stats>div{padding:13px 8px;text-align:center;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.05)}.participate-mini-stats b,.participate-mini-stats small{display:block}.participate-mini-stats b{font-size:21px;color:#8ae2b6}.participate-mini-stats small{font-size:11px;color:#b8cec2;margin-top:3px}
.participate-section-head{text-align:center;max-width:860px;margin:0 auto 32px}.participate-section-head.align-start{text-align:start;margin-inline:0}.participate-section-head>span{display:inline-flex;padding:7px 12px;border-radius:999px;background:#e6f7ed;color:#087a4a;font-size:12px;font-weight:600}.participate-section-head h2{font-size:clamp(30px,4vw,48px);line-height:1.25;margin:14px 0}.participate-section-head p{font-size:17px;line-height:1.95;color:#5c6d64;margin:0}
.participate-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.participate-value-grid article,.participate-role-grid article{border:1px solid #dce8e0;border-radius:22px;background:#fff;padding:25px;box-shadow:0 14px 42px rgba(12,54,35,.055)}.participate-value-grid article>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#e6f7ed;color:#087a4a;font-weight:600}.participate-value-grid h3,.participate-role-grid h3{font-size:20px;margin:18px 0 9px}.participate-value-grid p,.participate-role-grid p{color:#607168;line-height:1.9;margin:0}
.participate-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.participate-role-grid article>span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#0b3728;color:#8ce0b5;font-size:20px;font-weight:600}.participate-role-grid article{transition:.25s transform,.25s box-shadow}.participate-role-grid article:hover{transform:translateY(-4px);box-shadow:0 20px 52px rgba(12,54,35,.1)}
.participate-path-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:42px;align-items:start}.participate-steps{list-style:none;padding:0;margin:0;display:grid;gap:13px}.participate-steps li{display:grid;grid-template-columns:46px minmax(0,1fr);gap:15px;padding:18px;border:1px solid #dce8e0;border-radius:17px;background:#fff}.participate-steps li>b{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#e6f7ed;color:#087a4a}.participate-steps strong{font-size:17px}.participate-steps p{color:#617169;line-height:1.8;margin:5px 0 0}.participate-principles-card{position:sticky;top:100px;border-radius:25px;padding:28px;background:#0b3325;color:#fff}.participate-principles-card>span{color:#7ddcac;font-weight:600;font-size:12px}.participate-principles-card h3{font-size:26px;line-height:1.45;margin:12px 0 18px}.participate-principles-card ul{display:grid;gap:12px;padding-inline-start:20px;color:#d0e0d7;line-height:1.7}.participate-legal-note{margin-top:22px;padding:16px;border:1px solid #426554;border-radius:14px;background:#123d2e;color:#bad0c4;font-size:12px;line-height:1.85}
.participate-final-cta{padding-top:28px}.participate-final-card{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:34px 38px;border-radius:26px;background:linear-gradient(135deg,#e5f7ec,#f8fcf9);border:1px solid #cce4d5}.participate-final-card span{color:#087a4a;font-size:12px;font-weight:600}.participate-final-card h2{font-size:31px;line-height:1.35;margin:8px 0}.participate-final-card p{color:#5d6d65;margin:0;line-height:1.8}
html[data-theme="dark"] .participate-purpose-section,html[data-theme="dark"] .participate-path-section{background:var(--bg)!important}.participate-roles-section{background:#f3f8f5}html[data-theme="dark"] .participate-roles-section{background:#08130f!important}.participate-value-grid article,html[data-theme="dark"] .participate-role-grid article,html[data-theme="dark"] .participate-steps li{background:var(--surface)!important;border-color:var(--border)!important}.participate-value-grid h3,html[data-theme="dark"] .participate-role-grid h3,html[data-theme="dark"] .participate-steps strong{color:var(--ink)!important}.participate-value-grid p,html[data-theme="dark"] .participate-role-grid p,html[data-theme="dark"] .participate-steps p,html[data-theme="dark"] .participate-section-head p{color:var(--muted)!important}html[data-theme="dark"] .participate-final-card{background:linear-gradient(135deg,#10261c,#0d1d17)!important;border-color:var(--border)!important}html[data-theme="dark"] .participate-final-card h2{color:var(--ink)!important}html[data-theme="dark"] .participate-final-card p{color:var(--muted)!important}
@media(max-width:1050px){.footer-community-row,.participate-hero-grid,.participate-path-grid{grid-template-columns:1fr}.footer-social-card{min-height:110px}.participate-vision-card{max-width:700px}.participate-principles-card{position:static}.participate-value-grid,.participate-role-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.footer-community-row{grid-template-columns:1fr}.footer-participation-card{grid-template-columns:54px minmax(0,1fr);padding:17px}.footer-participation-mark{width:54px;height:54px}.footer-participation-mark img{width:40px;height:40px}.footer-participation-arrow{display:none}.footer-social-card{align-items:flex-start;flex-direction:column}.footer-social-links{justify-content:flex-start}.participate-hero{padding:54px 0 42px}.participate-hero h1{font-size:40px}.participate-value-grid,.participate-role-grid{grid-template-columns:1fr}.participate-final-card{align-items:flex-start;flex-direction:column;padding:25px}.participate-final-card .btn{width:100%}.participate-mini-stats{grid-template-columns:1fr}.participate-actions{flex-direction:column}.participate-actions .btn{width:100%}}


/* BSOURIA V7.18 — dedicated volunteer application */
.volunteer-apply-hero{padding:68px 0 50px;background:linear-gradient(145deg,#08271c,#0d3b2b);color:#fff}.volunteer-apply-hero-grid{display:flex;align-items:center;justify-content:space-between;gap:36px}.volunteer-apply-hero h1{font-size:clamp(38px,5vw,62px);line-height:1.15;max-width:920px;margin:13px 0 16px}.volunteer-apply-hero p{max-width:850px;color:#c9ddd3;font-size:17px;line-height:1.9}.volunteer-apply-summary{min-width:210px;padding:24px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(255,255,255,.06);text-align:center}.volunteer-apply-summary b,.volunteer-apply-summary span,.volunteer-apply-summary small{display:block}.volunteer-apply-summary b{font-size:48px;color:#87e1b3}.volunteer-apply-summary span{font-weight:600}.volunteer-apply-summary small{margin-top:7px;color:#b9d0c4}.volunteer-application-container{max-width:1160px}.volunteer-application-form{display:grid;gap:16px}.volunteer-question{display:grid;grid-template-columns:62px minmax(0,1fr);gap:20px;padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 12px 38px rgba(12,54,35,.05)}.volunteer-question-number{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:var(--soft);color:var(--green2);font-weight:600}.volunteer-question-content h2{font-size:23px;margin:2px 0 5px}.volunteer-question-content>p{margin:0 0 18px;color:var(--muted)}.volunteer-question .form-grid{margin-top:16px}.volunteer-checkbox-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.volunteer-checkbox-grid label{display:flex;align-items:center;gap:9px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);font-weight:600}.volunteer-checkbox-grid input{width:18px;height:18px;accent-color:var(--green)}.volunteer-ack{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:16px;border:1px solid #cce2d4;border-radius:14px;background:var(--soft);line-height:1.8}.volunteer-ack input{width:19px;height:19px;margin-top:4px;accent-color:var(--green)}.volunteer-submit-bar{position:sticky;bottom:14px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid #bdd8c7;border-radius:19px;background:var(--surface);box-shadow:0 18px 55px rgba(16,35,26,.16)}.volunteer-submit-bar strong,.volunteer-submit-bar small{display:block}.volunteer-submit-bar small{color:var(--muted);margin-top:4px}.volunteer-success{display:flex;align-items:center;gap:20px;padding:28px;border:1px solid #bfe0cb;border-radius:22px;background:var(--soft)}.volunteer-success>span{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-size:24px}.volunteer-success div{flex:1}.volunteer-success h2{margin:0 0 6px}.volunteer-success p{margin:0;color:var(--muted)}.admin-volunteer-list{display:grid;gap:18px}.admin-volunteer-card{padding:22px;border:1px solid var(--admin-line,#dce7e1);border-radius:20px;background:var(--admin-card,#fff)}.admin-volunteer-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--admin-line,#dce7e1)}.admin-volunteer-card h2{margin:8px 0 4px}.admin-volunteer-card header p,.admin-volunteer-card header small{display:block;color:#75867e}.admin-volunteer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.admin-volunteer-grid>div{padding:14px;border:1px solid var(--admin-line,#dce7e1);border-radius:13px}.admin-volunteer-grid small,.admin-volunteer-grid strong,.admin-volunteer-grid span{display:block}.admin-volunteer-grid small{color:#7a8a82}.admin-volunteer-grid strong{margin:4px 0}.admin-volunteer-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 0}.admin-volunteer-details section{padding:16px;border:1px solid var(--admin-line,#dce7e1);border-radius:13px}.admin-volunteer-details h3{margin:0 0 8px}.admin-volunteer-details p{line-height:1.8}.admin-volunteer-review{display:flex;align-items:end;gap:12px;margin-top:16px}.admin-volunteer-review label{display:grid;gap:6px}.admin-volunteer-review .grow{flex:1}html[data-theme="dark"] .volunteer-question,html[data-theme="dark"] .volunteer-submit-bar{background:var(--surface)!important;border-color:var(--border)!important}html[data-theme="dark"] .volunteer-checkbox-grid label{background:var(--surface-2)!important;border-color:var(--border)!important}html[data-theme="dark"] .volunteer-ack,html[data-theme="dark"] .volunteer-success{background:#10261c!important;border-color:var(--border)!important}@media(max-width:800px){.volunteer-apply-hero-grid,.volunteer-submit-bar,.volunteer-success{align-items:flex-start;flex-direction:column}.volunteer-apply-summary{width:100%}.volunteer-question{grid-template-columns:1fr;padding:20px}.volunteer-checkbox-grid{grid-template-columns:repeat(2,1fr)}.volunteer-submit-bar{position:static}.volunteer-submit-bar .btn{width:100%}.admin-volunteer-grid,.admin-volunteer-details{grid-template-columns:1fr 1fr}.admin-volunteer-review{align-items:stretch;flex-direction:column}}@media(max-width:560px){.volunteer-checkbox-grid,.admin-volunteer-grid,.admin-volunteer-details{grid-template-columns:1fr}}


/* =========================================================
   BSOURIA V7.19 — ABOUT, COOKIES, FREE ACCESS & PRESERVATION
   ========================================================= */
.about-vision-hero{padding:82px 0 64px;background:radial-gradient(circle at 8% 0%,#d9f2e4 0,transparent 34%),linear-gradient(180deg,#f8fcf9,#fff)}.about-vision-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:48px;align-items:center}.about-vision-copy h1{font-size:clamp(44px,5.7vw,72px);line-height:1.1;letter-spacing:-2px;margin:14px 0 20px;max-width:1020px}.about-vision-copy>p{font-size:18px;line-height:2;color:var(--muted);max-width:950px}.about-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.about-vision-card{padding:30px;border-radius:27px;background:#0b3527;color:#fff;box-shadow:0 28px 70px rgba(5,45,29,.2)}.about-vision-card>span{color:#88dfb3;font-weight:600;font-size:12px}.about-vision-card>strong{display:block;font-size:24px;line-height:1.65;margin:14px 0 25px}.about-mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.about-mini-metrics div{padding:14px 8px;border:1px solid rgba(255,255,255,.13);border-radius:14px;text-align:center;background:rgba(255,255,255,.05)}.about-mini-metrics b,.about-mini-metrics small{display:block}.about-mini-metrics b{font-size:26px;color:#8ce0b5}.about-mini-metrics small{font-size:10px;color:#c3d7cd;margin-top:4px}.about-section-head{max-width:900px;margin-bottom:30px}.about-section-head h2{font-size:clamp(32px,4vw,48px);line-height:1.25;margin:10px 0}.about-section-head>p{font-size:17px;line-height:1.9;color:var(--muted)}.about-pillar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.about-pillar-grid article{padding:27px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.about-pillar-grid article>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--soft);color:var(--green2);font-weight:600}.about-pillar-grid h3{font-size:23px;margin:17px 0 9px}.about-pillar-grid p{margin:0;color:var(--muted);line-height:1.9}.about-roadmap{display:grid;gap:15px}.about-roadmap article{display:grid;grid-template-columns:58px minmax(0,1fr);gap:19px;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.about-roadmap article>b{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:#0c3b2b;color:#91e3ba;font-size:22px}.about-roadmap h3{font-size:22px;margin:2px 0 7px}.about-roadmap p{margin:0;color:var(--muted);line-height:1.9}.about-global-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:45px;align-items:start}.about-global h2{font-size:clamp(32px,4vw,48px);line-height:1.3;margin:12px 0}.about-global p{color:var(--muted);line-height:2;font-size:17px}.about-principles{padding:28px;border-radius:24px;background:#0c3427;color:#fff}.about-principles h3{font-size:24px;line-height:1.45;margin:0 0 18px}.about-principles ul{display:grid;gap:13px;margin:0;padding-inline-start:20px;color:#d0e0d8;line-height:1.75}.about-success-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.about-success-grid>div{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.about-success-grid strong{font-size:19px}.about-success-grid p{color:var(--muted);line-height:1.85;margin:9px 0 0}.about-cta-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 38px;border:1px solid #c9e2d3;border-radius:27px;background:linear-gradient(135deg,#e5f7ec,#f9fcfa)}.about-cta-card span{color:var(--green2);font-size:12px;font-weight:600}.about-cta-card h2{font-size:30px;line-height:1.4;margin:8px 0 0}.about-cta-card>div:last-child{display:flex;gap:10px;flex-wrap:wrap}
.policy-hero,.payment-hero{padding:66px 0 50px;background:linear-gradient(145deg,#09281d,#0d3c2b);color:#fff}.policy-hero-grid,.payment-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:42px;align-items:center}.policy-hero h1,.payment-hero h1{font-size:clamp(40px,5vw,62px);line-height:1.16;margin:13px 0 17px}.policy-hero p,.payment-hero p{color:#c9ddd3;font-size:17px;line-height:1.95}.policy-status-card,.payment-free-card{padding:25px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(255,255,255,.06)}.policy-status-card span,.payment-free-card>span{color:#88dfb3;font-size:12px;font-weight:600}.policy-status-card strong,.policy-status-card small,.payment-free-card>strong,.payment-free-card>small{display:block}.policy-status-card strong,.payment-free-card>strong{font-size:24px;line-height:1.5;margin:12px 0}.policy-status-card small,.payment-free-card>small{color:#bcd2c7;line-height:1.7}.payment-free-card ul{display:grid;gap:8px;padding-inline-start:20px;color:#d0e1d8;margin:18px 0 0}.policy-container{max-width:1180px}.policy-intro-note{padding:22px;border:1px solid #cce2d5;border-radius:18px;background:var(--soft);margin-bottom:22px}.policy-intro-note b{font-size:19px}.policy-intro-note p{margin:8px 0 0;color:var(--muted);line-height:1.9}.policy-category-grid,.payment-principles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.policy-category-grid article,.payment-principles-grid article{padding:25px;border:1px solid var(--line);border-radius:21px;background:var(--surface)}.policy-category-grid article>span,.payment-principles-grid article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--soft);color:var(--green2);font-weight:600}.policy-category-grid h2,.payment-principles-grid h2{font-size:21px;margin:16px 0 8px}.policy-category-grid p,.payment-principles-grid p{color:var(--muted);line-height:1.9;margin:0}.policy-table-card,.policy-text-block,.payment-what-free{margin-top:22px;padding:27px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.policy-table-card h2,.policy-text-block h2,.payment-what-free h2{font-size:24px;margin:0 0 16px}.policy-table-wrap{overflow:auto}.policy-table-wrap table{width:100%;min-width:760px;border-collapse:collapse}.policy-table-wrap th,.policy-table-wrap td{padding:13px;border-bottom:1px solid var(--line);text-align:start;line-height:1.65}.policy-table-wrap th{background:var(--surface-2)}.cookie-control-card,.payment-contact-card{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:22px;padding:27px;border:1px solid #bfe0cb;border-radius:22px;background:linear-gradient(135deg,#e5f7ec,#f8fcf9)}.cookie-control-card h2,.payment-contact-card h2{font-size:25px;margin:7px 0}.cookie-control-card p,.payment-contact-card p{color:#5d6e65;line-height:1.8;margin:0}.cookie-control-card>div:first-child>span{font-size:12px;color:var(--green2);font-weight:600}.cookie-control-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.text-button{appearance:none;border:0;background:transparent;color:var(--green2);font:inherit;font-weight:600;cursor:pointer;padding:10px}.policy-text-block p{color:var(--muted);line-height:2}.policy-text-block a{color:var(--green2);font-weight:600}.payment-what-free>div{display:flex;gap:9px;flex-wrap:wrap}.payment-what-free span{padding:10px 13px;border-radius:999px;background:var(--soft);color:var(--green2);font-weight:600;font-size:13px}
.preserve-hero{padding:76px 0 58px;background:radial-gradient(circle at 12% 0%,#d9f1e4 0,transparent 32%),linear-gradient(180deg,#f8fcf9,#fff)}.preserve-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:46px;align-items:center}.preserve-hero h1{font-size:clamp(42px,5.4vw,68px);line-height:1.12;letter-spacing:-1.6px;margin:13px 0 18px}.preserve-hero p{font-size:17px;line-height:2;color:var(--muted)}.preserve-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px}.preserve-flow-card{padding:25px;border-radius:25px;background:#0b3527;color:#fff;display:grid;gap:10px}.preserve-flow-card>div{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:14px}.preserve-flow-card b{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#176044;color:#95e9bd}.preserve-flow-card span{font-weight:600}.preserve-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.preserve-benefit-grid article{padding:25px;border:1px solid var(--line);border-radius:21px;background:var(--surface)}.preserve-benefit-grid article>span{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:var(--soft);color:var(--green2);font-size:20px;font-weight:600}.preserve-benefit-grid h2{font-size:21px;margin:16px 0 8px}.preserve-benefit-grid p{margin:0;color:var(--muted);line-height:1.9}.preserve-form-container{max-width:1180px}.preserve-form-head{margin-bottom:21px}.preserve-form-head>span{display:inline-flex;padding:7px 11px;border-radius:999px;background:var(--soft);color:var(--green2);font-size:12px;font-weight:600}.preserve-form-head h2{font-size:34px;line-height:1.35;margin:12px 0 8px}.preserve-form-head p{color:var(--muted);line-height:1.85}.preserve-form{display:grid;gap:15px}.preserve-form-section{display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;padding:25px;border:1px solid var(--line);border-radius:21px;background:var(--surface)}.preserve-form-section>span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--soft);color:var(--green2);font-weight:600}.preserve-form-section h3{font-size:22px;margin:3px 0 16px}.preserve-language-choices{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px}.preserve-language-choices>strong{margin-inline-end:8px}.preserve-language-choices label{display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.preserve-language-choices input{width:18px;height:18px;accent-color:var(--green)}.preserve-confirmations{display:grid;gap:10px}.preserve-confirmations label{display:flex;align-items:flex-start;gap:11px;padding:15px;border:1px solid #c9e1d2;border-radius:14px;background:var(--soft);line-height:1.75}.preserve-confirmations input{width:19px;height:19px;margin-top:3px;accent-color:var(--green)}.preserve-submit{position:sticky;bottom:14px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid #bad7c5;border-radius:19px;background:var(--surface);box-shadow:0 18px 55px rgba(16,35,26,.16)}.preserve-submit strong,.preserve-submit small{display:block}.preserve-submit small{color:var(--muted);margin-top:4px}.preserve-success{display:flex;align-items:center;gap:20px;padding:27px;border:1px solid #bae0c8;border-radius:22px;background:var(--soft)}.preserve-success>span{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-size:24px}.preserve-success div{flex:1}.preserve-success h2{margin:0 0 6px}.preserve-success p{color:var(--muted);margin:0}.footer-preserve-link{color:#98e0b8!important;font-weight:600!important}.footer-preserve-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:17px;padding:18px 20px;border:1px solid #39725a;border-radius:18px;background:linear-gradient(135deg,#0d3a2a,#0a2f22);color:#fff!important}.footer-preserve-card:hover{background:linear-gradient(135deg,#114834,#0b3828)!important}.footer-preserve-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:#176044;color:#98e7bd;font-size:24px}.footer-preserve-card small,.footer-preserve-card strong,.footer-preserve-card em{display:block}.footer-preserve-card small{color:#8fe0b4;font-size:11px;font-weight:600}.footer-preserve-card strong{font-size:18px;line-height:1.55;margin:3px 0}.footer-preserve-card em{font-style:normal;color:#b9d2c6;font-size:12px;line-height:1.65}.footer-preserve-card>b{font-size:25px;color:#9be5bd}.admin-preserve-list{display:grid;gap:17px}.admin-preserve-card{padding:22px;border:1px solid var(--admin-line,#dce7e1);border-radius:20px;background:var(--admin-card,#fff)}.admin-preserve-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid var(--admin-line,#dce7e1)}.admin-preserve-card h2{margin:8px 0 4px}.admin-preserve-card header p,.admin-preserve-card header small{display:block;color:#73857c}.admin-preserve-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:17px 0}.admin-preserve-summary>div{padding:13px;border:1px solid var(--admin-line,#dce7e1);border-radius:12px}.admin-preserve-summary small,.admin-preserve-summary strong{display:block}.admin-preserve-summary small{color:#74857d}.admin-preserve-summary strong{margin-top:4px}.admin-preserve-details{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:14px}.admin-preserve-details section{padding:15px;border:1px solid var(--admin-line,#dce7e1);border-radius:12px}.admin-preserve-details h3{margin:0 0 8px}.admin-preserve-details p{line-height:1.8}.admin-preserve-details ul{margin:0;padding-inline-start:19px}.admin-preserve-files{display:flex;gap:8px;flex-wrap:wrap}.admin-preserve-review{display:flex;align-items:end;gap:12px;margin-top:16px}.admin-preserve-review label{display:grid;gap:6px}.admin-preserve-review .grow{flex:1}
html[data-theme="dark"] .about-vision-hero,html[data-theme="dark"] .preserve-hero{background:radial-gradient(circle at 10% 0%,rgba(31,92,63,.25) 0,transparent 34%),linear-gradient(180deg,#0b1712,#08130f)!important}html[data-theme="dark"] :is(.about-pillar-grid article,.about-roadmap article,.about-success-grid>div,.policy-category-grid article,.payment-principles-grid article,.policy-table-card,.policy-text-block,.payment-what-free,.preserve-benefit-grid article,.preserve-form-section,.preserve-submit){background:var(--surface)!important;border-color:var(--border)!important}html[data-theme="dark"] :is(.about-pillar-grid p,.about-roadmap p,.about-success-grid p,.policy-category-grid p,.payment-principles-grid p,.policy-text-block p,.preserve-benefit-grid p,.preserve-form-head p){color:var(--muted)!important}html[data-theme="dark"] :is(.about-cta-card,.cookie-control-card,.payment-contact-card,.policy-intro-note,.preserve-confirmations label,.preserve-success){background:linear-gradient(135deg,#10261c,#0d1d17)!important;border-color:var(--border)!important}html[data-theme="dark"] :is(.about-cta-card h2,.cookie-control-card h2,.payment-contact-card h2,.policy-intro-note b,.preserve-success h2){color:var(--ink)!important}html[data-theme="dark"] :is(.cookie-control-card p,.payment-contact-card p,.policy-intro-note p,.preserve-success p){color:var(--muted)!important}
@media(max-width:1000px){.about-vision-grid,.about-global-grid,.policy-hero-grid,.payment-hero-grid,.preserve-hero-grid{grid-template-columns:1fr}.about-vision-card,.policy-status-card,.payment-free-card,.preserve-flow-card{max-width:760px}.about-pillar-grid,.policy-category-grid,.payment-principles-grid{grid-template-columns:1fr 1fr}.about-success-grid,.preserve-benefit-grid{grid-template-columns:1fr}.cookie-control-card,.payment-contact-card,.about-cta-card{align-items:flex-start;flex-direction:column}.admin-preserve-summary{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.about-vision-hero,.preserve-hero{padding:50px 0 40px}.about-vision-copy h1,.preserve-hero h1{font-size:39px;letter-spacing:-.7px}.about-pillar-grid,.policy-category-grid,.payment-principles-grid{grid-template-columns:1fr}.about-roadmap article,.preserve-form-section{grid-template-columns:1fr;padding:20px}.about-success-grid{grid-template-columns:1fr}.about-cta-card{padding:24px}.about-cta-card>div:last-child,.about-cta-card .btn,.cookie-control-actions,.cookie-control-actions .btn,.payment-contact-card .btn{width:100%}.policy-hero,.payment-hero{padding:45px 0 36px}.policy-hero h1,.payment-hero h1{font-size:36px}.policy-table-card,.policy-text-block,.payment-what-free{padding:20px}.preserve-submit,.preserve-success{position:static;align-items:flex-start;flex-direction:column}.preserve-submit .btn,.preserve-success .btn{width:100%}.footer-preserve-card{grid-template-columns:50px minmax(0,1fr)}.footer-preserve-icon{width:50px;height:50px}.footer-preserve-card>b{display:none}.admin-preserve-summary,.admin-preserve-details{grid-template-columns:1fr}.admin-preserve-card>header,.admin-preserve-review{align-items:stretch;flex-direction:column}}

/* =========================================================
   BSOURIA V7.20 — BSOURIA AI + HUMAN COMPASS
   ========================================================= */
.nav-ai-link,.footer-ai-link{display:inline-flex!important;align-items:center;gap:6px;color:#0b8753!important;font-weight:600!important}.nav-ai-link span,.footer-ai-link span{width:20px;height:20px;border-radius:7px;background:#e5f6ed;display:grid;place-items:center;font-size:11px}.ai-page-section{padding:32px 0 58px;background:radial-gradient(circle at 82% 2%,rgba(45,181,116,.1),transparent 31%),var(--bg,#f4f8f5)}.ai-page-container{width:min(1500px,calc(100% - 28px));max-width:1500px}.ai-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:20px}.ai-page-heading h1{font-size:clamp(32px,4vw,52px);line-height:1.14;margin:10px 0 10px;letter-spacing:-1.2px}.ai-page-heading p{margin:0;color:var(--muted);font-size:16px;line-height:1.85;max-width:850px}.ai-compass-link{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px}.ai-app{height:min(780px,calc(100vh - 170px));min-height:620px;display:grid;grid-template-columns:300px minmax(0,1fr);background:var(--surface,#fff);border:1px solid var(--line,#dce7e1);border-radius:28px;overflow:hidden;box-shadow:0 28px 85px rgba(12,53,37,.1)}.ai-sidebar{min-width:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#0b2f22,#09271d);color:#fff;border-inline-end:1px solid rgba(255,255,255,.08)}.ai-sidebar-head{display:flex;gap:8px;padding:18px}.ai-new-chat{width:100%;justify-content:center;background:#15945e!important;border-color:#15945e!important}.ai-sidebar-close{display:none;border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}.ai-credit-card{margin:0 16px 17px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.06);display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px;align-items:center}.ai-credit-ring{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(#59df9f 0 72%,rgba(255,255,255,.12) 72%);box-shadow:inset 0 0 0 7px #103e2d}.ai-credit-ring strong{font-size:22px;line-height:1}.ai-credit-ring small{font-size:9px;color:#d4e8df;margin-top:3px}.ai-credit-card b{display:block;font-size:12px}.ai-credit-card p{margin:5px 0 0;color:#b7d1c6;font-size:10px;line-height:1.55}.ai-conversation-list{display:flex;flex-direction:column;gap:4px;padding:0 10px 12px;overflow:auto;min-height:0}.ai-history-empty{padding:26px 16px;text-align:center;color:#90afa2;font-size:12px}.ai-history-item{appearance:none;width:100%;border:0;background:transparent;color:#c8ddd4;border-radius:12px;padding:10px;display:grid;grid-template-columns:26px minmax(0,1fr) 20px;gap:8px;text-align:start;cursor:pointer;font:inherit}.ai-history-item:hover,.ai-history-item.active{background:rgba(255,255,255,.09);color:#fff}.ai-history-item>span:first-child{width:25px;height:25px;border-radius:8px;background:rgba(91,221,159,.14);color:#7ee2b1;display:grid;place-items:center}.ai-history-item strong,.ai-history-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-history-item strong{font-size:11px}.ai-history-item small{font-size:9px;color:#87a99a;margin-top:3px}.ai-history-item i{font-style:normal;opacity:.55;font-size:18px;text-align:center}.ai-history-item i:hover{opacity:1;color:#ffb6ad}.ai-sidebar-note{margin-top:auto;padding:14px 17px 18px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:9px;color:#9fbbb0}.ai-sidebar-note p{margin:0;font-size:10px;line-height:1.6}.ai-chat-panel{min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:var(--surface,#fff)}.ai-chat-top{height:76px;padding:0 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.ai-chat-top>div:first-child{display:flex;align-items:center;gap:11px}.ai-chat-symbol{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#0b8753,#36b879);color:#fff;display:grid;place-items:center;font-size:19px;box-shadow:0 8px 24px rgba(11,135,83,.2)}.ai-chat-top strong,.ai-chat-top small{display:block}.ai-chat-top strong{font-size:16px}.ai-chat-top small{font-size:10px;color:var(--muted);margin-top:3px}.ai-chat-top small i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#28af70;margin-inline-end:5px}.ai-language-badges{display:flex;gap:6px}.ai-language-badges span{padding:6px 8px;border-radius:999px;background:var(--soft);color:var(--green2);font-size:9px;font-weight:600}.ai-mobile-history{display:none;border:0;background:transparent;font-size:21px;color:var(--ink);cursor:pointer}.ai-mode-strip{display:flex;gap:7px;padding:12px 20px;border-bottom:1px solid var(--line);overflow-x:auto;background:var(--surface-2,#fbfdfb)}.ai-mode-button{flex:0 0 auto;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:11px;padding:8px 11px;font:inherit;font-size:10px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.ai-mode-button:hover,.ai-mode-button.active{background:var(--soft);color:var(--green2);border-color:#b9ddc9}.ai-messages{min-height:0;overflow-y:auto;padding:24px clamp(18px,4vw,54px);scroll-behavior:smooth}.ai-welcome{max-width:920px;margin:25px auto;text-align:center}.ai-welcome-mark{width:74px;height:74px;border-radius:24px;margin:0 auto 15px;background:linear-gradient(135deg,#0b8753,#56d49a);color:#fff;display:grid;place-items:center;font-size:31px;box-shadow:0 18px 48px rgba(11,135,83,.2)}.ai-welcome h2{font-size:30px;margin:0 0 8px}.ai-welcome>p{color:var(--muted);line-height:1.8;margin:0 auto 24px;max-width:670px}.ai-suggestion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ai-suggestion-grid button{text-align:start;border:1px solid var(--line);background:var(--surface-2,#fbfdfb);border-radius:16px;padding:16px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:2px 11px;cursor:pointer;color:var(--ink);font:inherit}.ai-suggestion-grid button:hover{border-color:#9ecdb4;background:var(--soft);transform:translateY(-1px)}.ai-suggestion-grid span{grid-row:1/3;width:37px;height:37px;border-radius:11px;background:var(--soft);color:var(--green2);display:grid;place-items:center;font-size:17px}.ai-suggestion-grid b{font-size:12px}.ai-suggestion-grid small{font-size:10px;color:var(--muted);line-height:1.5;margin-top:3px}.ai-message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;max-width:920px;margin:0 auto 18px}.ai-message.user{direction:inherit}.ai-message-avatar{width:36px;height:36px;border-radius:12px;background:var(--soft);color:var(--green2);display:grid;place-items:center;font-weight:600}.ai-message.assistant .ai-message-avatar{background:linear-gradient(135deg,#0b8753,#36b879);color:#fff}.ai-message-bubble{min-width:0}.ai-message-text{display:inline-block;max-width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:6px 17px 17px 17px;background:var(--surface-2,#fbfdfb);color:var(--ink);font-size:14px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.ai-message.user .ai-message-text{background:#0b8753;color:#fff;border-color:#0b8753;border-radius:17px 6px 17px 17px}.ai-message-actions{display:flex;gap:5px;margin-top:6px}.ai-message-actions button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:10px;cursor:pointer;padding:4px 6px;border-radius:7px}.ai-message-actions button:hover,.ai-message-actions button.selected{background:var(--soft);color:var(--green2)}.ai-message.is-loading .ai-message-text{animation:aiPulse 1.1s infinite}@keyframes aiPulse{0%,100%{opacity:.5}50%{opacity:1}}.ai-composer{padding:14px clamp(18px,4vw,54px) 18px;border-top:1px solid var(--line);background:var(--surface)}.ai-composer-box{max-width:920px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:9px;align-items:end;border:1px solid var(--line);border-radius:17px;background:var(--surface-2,#fbfdfb);padding:9px 9px 9px 15px;box-shadow:0 12px 35px rgba(16,53,38,.06)}.ai-composer textarea{resize:none;min-height:34px;max-height:170px;border:0!important;outline:0;background:transparent!important;padding:7px 3px!important;box-shadow:none!important;line-height:1.65}.ai-composer button[type=submit]{width:45px;height:45px;border:0;border-radius:13px;background:#0b8753;color:#fff;font-size:18px;cursor:pointer}.ai-composer.sending button[type=submit]{opacity:.55;pointer-events:none}.ai-composer-meta{max-width:920px;margin:7px auto 0;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:9px}.compass-hero{padding:72px 0 60px;background:radial-gradient(circle at 75% 30%,rgba(30,172,104,.16),transparent 34%),linear-gradient(180deg,var(--surface-2,#f6faf7),var(--bg,#fff))}.compass-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) 440px;gap:70px;align-items:center}.compass-hero h1{font-size:clamp(38px,5vw,62px);line-height:1.12;margin:13px 0 17px;letter-spacing:-1.7px}.compass-hero p{font-size:17px;line-height:1.95;color:var(--muted);max-width:800px}.compass-hero-actions,.compass-result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.compass-orbit{width:380px;height:380px;margin:auto;position:relative;border:1px solid #b9ddc9;border-radius:50%;background:radial-gradient(circle,#e5f7ed 0 19%,transparent 20%),repeating-radial-gradient(circle,transparent 0 42px,rgba(20,135,82,.08) 43px 44px)}.compass-center{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:102px;height:102px;border-radius:31px;background:linear-gradient(135deg,#0b8753,#54d496);color:#fff;display:grid;place-items:center;font-size:42px;box-shadow:0 20px 55px rgba(11,135,83,.24)}.compass-orbit>span{--angle:calc(var(--i)*60deg);position:absolute;left:calc(50% + cos(var(--angle))*145px - 25px);top:calc(50% + sin(var(--angle))*145px - 25px);width:50px;height:50px;border-radius:15px;background:var(--surface);border:1px solid #b9ddc9;color:var(--green2);display:grid;place-items:center;font-size:20px;box-shadow:0 10px 30px rgba(16,53,38,.08)}.compass-section{background:var(--bg)}.compass-container{max-width:1120px}.compass-result-card,.compass-form{background:var(--surface);border:1px solid var(--line);border-radius:25px;padding:28px;box-shadow:0 18px 55px rgba(16,53,38,.07);margin-bottom:22px}.compass-result-head,.compass-form-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start}.compass-result-head h2,.compass-form-head h2{font-size:29px;margin:7px 0 7px}.compass-result-head small{color:var(--muted)}.compass-summary{font-size:15px;line-height:1.95;color:var(--muted);max-width:900px}.compass-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.compass-score{padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2)}.compass-score>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px}.compass-score span{color:var(--muted)}.compass-bar{height:8px;background:var(--line);border-radius:999px;overflow:hidden;margin-top:9px}.compass-bar i{display:block;height:100%;background:linear-gradient(90deg,#0b8753,#5bd69d);border-radius:999px}.compass-role-box{padding:18px;border-radius:16px;background:var(--soft)}.compass-role-box strong{display:block;margin-bottom:10px}.compass-role-box>div{display:flex;flex-wrap:wrap;gap:7px}.compass-role-box span{background:var(--surface);border:1px solid #c5dfd0;padding:7px 10px;border-radius:999px;font-size:11px}.compass-scale-legend{display:flex;gap:12px;padding:10px 13px;border-radius:12px;background:var(--soft);font-size:10px;color:var(--green2);font-weight:600}.compass-form-head p{color:var(--muted);line-height:1.8;margin:0;max-width:740px}.compass-question-list{display:grid;gap:10px;margin-top:22px}.compass-question{border:1px solid var(--line);border-radius:16px;padding:16px;margin:0;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:center}.compass-question legend{display:contents}.compass-question legend b{width:35px;height:35px;border-radius:11px;background:var(--soft);color:var(--green2);display:grid;place-items:center;font-size:11px;float:inline-start;margin-inline-end:10px}.compass-question legend span{font-size:13px;font-weight:600;line-height:1.7}.compass-options{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.compass-options label{cursor:pointer}.compass-options input{position:absolute;opacity:0;pointer-events:none}.compass-options span{height:40px;border-radius:11px;border:1px solid var(--line);display:grid;place-items:center;font-weight:600;color:var(--muted);background:var(--surface-2)}.compass-options input:checked+span{background:#0b8753;border-color:#0b8753;color:#fff}.compass-form-submit{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:22px;padding:17px 18px;border-radius:16px;background:var(--surface-2);border:1px solid var(--line)}.compass-form-submit strong,.compass-form-submit small{display:block}.compass-form-submit small{color:var(--muted);font-size:10px;line-height:1.6;margin-top:4px}.ai-admin-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:18px}.ai-admin-layout>section:first-of-type,.ai-admin-layout>.ai-admin-settings-card{grid-column:1/-1}.ai-admin-layout.secondary{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-admin-settings-card .settings-grid label,.ai-admin-layout .settings-grid label{display:grid;gap:6px;font-size:11px;font-weight:600}.ai-admin-layout .settings-grid input,.ai-admin-layout .settings-grid select,.ai-admin-layout textarea{width:100%}.settings-grid.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ai-toggle{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600}.ai-toggle input{display:none}.ai-toggle span{width:42px;height:23px;border-radius:999px;background:#cbd8d1;position:relative}.ai-toggle span:after{content:'';position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s}.ai-toggle input:checked+span{background:#0b8753}.ai-toggle input:checked+span:after{transform:translateX(19px)}.ai-mode-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-admin-hero{background:linear-gradient(135deg,#072c20,#0f8b56 62%,#26ae72)}
html[data-theme="dark"] .nav-ai-link,html[data-theme="dark"] .footer-ai-link{color:#8ce0b5!important}html[data-theme="dark"] .nav-ai-link span,html[data-theme="dark"] .footer-ai-link span{background:#173b2a}.ai-app,html[data-theme="dark"] .ai-chat-panel,html[data-theme="dark"] .ai-composer{background:var(--surface)!important}html[data-theme="dark"] .ai-mode-strip,html[data-theme="dark"] .ai-composer-box,html[data-theme="dark"] .ai-suggestion-grid button,html[data-theme="dark"] .ai-message-text,html[data-theme="dark"] .compass-score,html[data-theme="dark"] .compass-form-submit{background:var(--surface-2)!important}html[data-theme="dark"] .ai-message.user .ai-message-text{background:#0b8753!important}html[data-theme="dark"] .ai-language-badges span,html[data-theme="dark"] .ai-mode-button.active,html[data-theme="dark"] .ai-message-actions button:hover{background:#173b2a!important;color:#8ce0b5!important}html[data-theme="dark"] .compass-orbit{background:radial-gradient(circle,#173b2a 0 19%,transparent 20%),repeating-radial-gradient(circle,transparent 0 42px,rgba(101,221,159,.07) 43px 44px);border-color:#345f4c}html[data-theme="dark"] .compass-role-box{background:#10271d}html[data-theme="dark"] .compass-role-box span{background:#111f19;border-color:#315b48;color:#dce9e2}
@media(max-width:1180px){.ai-app{grid-template-columns:270px minmax(0,1fr)}.compass-hero-grid{grid-template-columns:minmax(0,1fr) 340px;gap:35px}.compass-orbit{width:315px;height:315px}.compass-orbit>span{left:calc(50% + cos(var(--angle))*120px - 23px);top:calc(50% + sin(var(--angle))*120px - 23px);width:46px;height:46px}.ai-admin-layout.secondary{grid-template-columns:1fr}.settings-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.ai-page-heading{align-items:flex-start;flex-direction:column}.ai-app{grid-template-columns:1fr;height:calc(100vh - 130px);min-height:600px}.ai-sidebar{position:fixed;z-index:2200;top:0;bottom:0;inset-inline-start:0;width:min(330px,88vw);transform:translateX(-110%);transition:.25s transform;box-shadow:0 0 60px rgba(0,0,0,.28)}html[dir="rtl"] .ai-sidebar{transform:translateX(110%)}.ai-app.sidebar-open .ai-sidebar{transform:translateX(0)}.ai-sidebar-close,.ai-mobile-history{display:block}.ai-chat-top{padding:0 15px}.ai-language-badges{display:none}.ai-mode-strip{padding:10px 13px}.ai-messages{padding:18px 15px}.ai-composer{padding:12px 13px}.compass-hero-grid{grid-template-columns:1fr}.compass-orbit{display:none}.compass-question{grid-template-columns:1fr}.compass-options{max-width:360px}.ai-admin-layout{grid-template-columns:1fr}.ai-admin-layout>section:first-of-type,.ai-admin-layout>.ai-admin-settings-card{grid-column:auto}.ai-mode-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.ai-page-section{padding-top:18px}.ai-page-container{width:min(100% - 16px,1500px)}.ai-page-heading h1{font-size:31px}.ai-app{border-radius:18px;min-height:580px}.ai-chat-top{height:66px}.ai-chat-symbol{width:36px;height:36px}.ai-mode-button{font-size:9px}.ai-welcome{margin:10px auto}.ai-welcome-mark{width:58px;height:58px;border-radius:18px;font-size:24px}.ai-welcome h2{font-size:23px}.ai-suggestion-grid{grid-template-columns:1fr}.ai-message{grid-template-columns:31px minmax(0,1fr)}.ai-message-avatar{width:30px;height:30px;border-radius:9px;font-size:11px}.ai-message-text{font-size:13px;padding:12px 13px}.ai-composer-meta{display:none}.compass-hero{padding:45px 0}.compass-hero h1{font-size:34px}.compass-result-card,.compass-form{padding:18px 14px;border-radius:18px}.compass-result-head,.compass-form-head,.compass-form-submit{flex-direction:column;align-items:stretch}.compass-score-grid{grid-template-columns:1fr}.compass-question{padding:13px}.compass-options{width:100%;max-width:none}.compass-scale-legend{display:none}.settings-grid.four,.ai-mode-admin-grid{grid-template-columns:1fr}}
/* Orbit positions without CSS trigonometric functions */
.compass-orbit>span:nth-of-type(1){left:calc(50% - 25px);top:18px}.compass-orbit>span:nth-of-type(2){right:28px;top:82px}.compass-orbit>span:nth-of-type(3){right:28px;bottom:82px}.compass-orbit>span:nth-of-type(4){left:calc(50% - 25px);bottom:18px}.compass-orbit>span:nth-of-type(5){left:28px;bottom:82px}.compass-orbit>span:nth-of-type(6){left:28px;top:82px}
@media(max-width:1180px){.compass-orbit>span:nth-of-type(1){left:calc(50% - 23px);top:12px}.compass-orbit>span:nth-of-type(2){right:18px;top:67px}.compass-orbit>span:nth-of-type(3){right:18px;bottom:67px}.compass-orbit>span:nth-of-type(4){left:calc(50% - 23px);bottom:12px}.compass-orbit>span:nth-of-type(5){left:18px;bottom:67px}.compass-orbit>span:nth-of-type(6){left:18px;top:67px}}


/* =========================================================
   BSOURIA V7.21 — COMPACT FOOTER + SOCIAL/NEWSLETTER
   ========================================================= */
.site-footer{padding:42px 0 14px!important;margin-top:58px!important}
.footer-container-v21{width:min(1400px,calc(100% - 32px));max-width:1400px;margin-inline:auto}
.footer-columns-v21{display:grid!important;grid-template-columns:minmax(300px,1.35fr) repeat(3,minmax(150px,.75fr))!important;gap:clamp(28px,4vw,66px)!important;align-items:start}
.footer-brand-column{padding-inline-end:18px}
.footer-brand-column .footer-logo img{width:210px!important;max-height:72px;object-fit:contain}
.footer-brand-column p{max-width:410px!important;margin:13px 0 16px!important;font-size:14px;line-height:1.9!important;color:#b9cfc2}
.footer-trust{gap:7px!important}.footer-trust span{padding:6px 9px!important;font-size:10px!important}
.footer-column{gap:8px!important;min-width:0}.footer-column h3{font-size:16px!important;margin:5px 0 11px!important;padding-bottom:9px;border-bottom:1px solid rgba(137,190,161,.2)}
.footer-column a{font-size:13px;line-height:1.55;display:inline-flex;align-items:center;min-height:25px}
.footer-feature-strip-v21{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:24px}
.footer-feature-strip-v21>a{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:13px 15px;border:1px solid #315849;border-radius:15px;background:#0d382a;transition:.2s transform,.2s border-color,.2s background}
.footer-feature-strip-v21>a:hover{transform:translateY(-2px);border-color:#61b88c;background:#104331}
.footer-feature-strip-v21 small,.footer-feature-strip-v21 strong{display:block}.footer-feature-strip-v21 small{font-size:10px;color:#7fd5a8;margin-bottom:3px}.footer-feature-strip-v21 strong{font-size:14px;color:#fff;line-height:1.45}
.footer-feature-icon{width:42px;height:42px;border-radius:12px;background:#176044;color:#9af0bf;display:grid;place-items:center;font-size:18px}
.footer-connect-v21{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr);gap:13px;margin-top:13px}
.footer-social-panel-v21,.footer-newsletter-v21{min-height:128px;border:1px solid #315849;border-radius:17px;background:linear-gradient(135deg,#103d2e,#0b3326);padding:18px 20px}
.footer-social-panel-v21{display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-connect-copy{min-width:0}.footer-connect-copy small{display:block;color:#7fd5a8;font-size:10px;font-weight:600;margin-bottom:4px}.footer-connect-copy strong{display:block;color:#fff;font-size:17px;line-height:1.4}.footer-connect-copy p{margin:5px 0 0;color:#b9cfc2;font-size:11px;line-height:1.65;max-width:480px}
.footer-social-links{display:flex!important;align-items:center;justify-content:flex-end;gap:8px!important;flex-wrap:nowrap!important}
.footer-social-icon{width:39px!important;height:39px!important;border-radius:11px!important;flex:0 0 39px}
.footer-newsletter-v21{display:grid;grid-template-columns:minmax(210px,.85fr) minmax(310px,1.15fr);align-items:center;gap:18px}
.footer-newsletter-form{display:grid;gap:8px}.footer-newsletter-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:5px;border:1px solid #3b6653;border-radius:12px;background:#08291e}
.footer-newsletter-input-row input{height:40px!important;border:0!important;background:transparent!important;color:#fff!important;padding:0 11px!important;box-shadow:none!important;min-width:0}.footer-newsletter-input-row input::placeholder{color:#91ad9e}
.footer-newsletter-input-row button{border:0;border-radius:9px;background:#11905a;color:#fff;font:inherit;font-size:12px;font-weight:600;padding:0 17px;cursor:pointer;white-space:nowrap}.footer-newsletter-input-row button:hover{background:#16a567}
.footer-newsletter-consent{display:flex;align-items:flex-start;gap:7px;color:#9fb9aa;font-size:9px;line-height:1.55}.footer-newsletter-consent input{width:14px;height:14px;min-width:14px;margin-top:1px;accent-color:#18a665}
.newsletter-honeypot{position:absolute!important;inset:0 auto auto 0!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important}
/* RTL-safe page width guard: hidden and decorative elements must never expand the viewport. */
html,body{max-width:100%;overflow-x:clip}
.footer-warning-v21{margin-top:13px!important;padding:10px 14px!important;border-radius:11px!important;font-size:13px;line-height:1.65;text-align:center}
.footer-admin-online-v21{margin-top:12px!important}.footer-admin-online-v21 .footer-admin-online-link{padding:7px 11px!important}
.footer-bottom-v21{margin-top:14px!important;padding-top:13px!important;font-size:14px!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.admin-inline-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-table td small{display:block;color:var(--admin-muted,#718078);margin-top:3px}
@media(max-width:1050px){.footer-columns-v21{grid-template-columns:1.25fr repeat(3,1fr)!important;gap:28px!important}.footer-brand-column .footer-logo img{width:180px!important}.footer-connect-v21{grid-template-columns:1fr}.footer-social-panel-v21{min-height:96px}.footer-newsletter-v21{min-height:118px}}
@media(max-width:850px){.footer-columns-v21{grid-template-columns:1fr 1fr!important}.footer-brand-column{grid-column:1/-1;padding-inline-end:0}.footer-brand-column p{max-width:650px!important}.footer-feature-strip-v21{grid-template-columns:1fr}.footer-newsletter-v21{grid-template-columns:1fr}.footer-social-panel-v21{align-items:flex-start;flex-direction:column}.footer-social-links{justify-content:flex-start!important}}
@media(max-width:560px){.site-footer{padding-top:32px!important}.footer-container-v21{width:min(100% - 24px,1400px)}.footer-columns-v21{grid-template-columns:1fr!important;gap:22px!important}.footer-brand-column{grid-column:auto}.footer-feature-strip-v21>a{padding:12px}.footer-connect-v21{grid-template-columns:1fr}.footer-social-panel-v21,.footer-newsletter-v21{padding:16px}.footer-social-links{flex-wrap:wrap!important}.footer-newsletter-input-row{grid-template-columns:1fr}.footer-newsletter-input-row button{height:40px}.footer-bottom-v21{align-items:flex-start!important;flex-direction:column!important}}


/* =========================================================
   BSOURIA V7.22 — CLEAN HEADER + 600 TYPOGRAPHY
   ========================================================= */
body :is(h1,h2,h3,h4,h5,h6,strong,b,label,summary,th,button,.btn,.eyebrow,.tag,.featured,.status,.language-tab,.article-category,.card-link,.price,.brand){font-weight:600!important}
.topbar>.container.nav{width:min(1520px,calc(100% - 40px))!important;max-width:1520px!important;min-height:78px!important;margin-inline:auto!important;padding-inline:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important}
.topbar .brand-logo{flex:0 0 220px!important;width:220px!important;height:58px!important;margin:0!important}
.topbar .brand-logo img{width:100%!important;height:100%!important;object-fit:contain!important}
.topbar .nav>nav{display:flex!important;flex:1 1 auto!important;min-width:0!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;gap:clamp(12px,1.05vw,20px)!important;margin:0!important}
.topbar .nav>nav a{flex:0 0 auto;padding:10px 0!important;color:var(--ink)!important;font-size:clamp(13px,.88vw,15px)!important;font-weight:600!important;line-height:1.25!important;letter-spacing:0!important;white-space:nowrap!important}
.topbar .nav>nav a:hover{color:var(--green)!important}
.topbar .nav-actions{display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important}
.topbar .theme-toggle,.topbar .language-current{flex:0 0 auto!important;min-height:44px!important;height:44px!important;font-weight:600!important}
.topbar .theme-toggle{width:44px!important}.topbar .language-current{width:54px!important;padding-inline:9px!important}
.topbar .nav-actions .btn,.topbar .nav>.btn{min-height:44px!important;padding:10px 16px!important;margin:0!important;border-radius:11px!important;font-size:14px!important;font-weight:600!important;white-space:nowrap!important}
main h1,main h2,main h3,.hero h1,.info-hero h1,.blog-hero h1,.article-header h1,.detail h1{font-weight:600!important}
p,li,input,select,textarea{font-weight:400}
@media(max-width:1420px){.topbar>.container.nav{width:min(100% - 28px,1520px)!important;gap:20px!important}.topbar .brand-logo{flex-basis:190px!important;width:190px!important;height:54px!important}.topbar .nav>nav{gap:11px!important}.topbar .nav>nav a{font-size:13px!important}.topbar .nav-actions .btn{padding-inline:12px!important;font-size:13px!important}}
@media(max-width:1220px){.topbar>.container.nav{min-height:72px!important}.topbar .menu-btn{display:block!important;order:2;margin-inline-start:auto!important;margin-inline-end:0!important;color:var(--ink);cursor:pointer}.topbar .nav>nav{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;inset-inline:14px!important;padding:14px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:var(--card)!important;box-shadow:var(--shadow)!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;z-index:100!important}.topbar .nav>nav.open{display:flex!important}.topbar .nav>nav a{padding:10px 12px!important;border-radius:9px;font-size:14px!important}.topbar .nav>nav a:hover{background:var(--soft)}.topbar .nav-actions{order:3}}
@media(max-width:700px){.topbar>.container.nav{width:min(100% - 20px,1520px)!important;gap:9px!important}.topbar .brand-logo{flex-basis:158px!important;width:158px!important;height:46px!important}.topbar .nav-actions .btn{display:none!important}.topbar .language-current,.topbar .theme-toggle{width:42px!important;min-height:42px!important;height:42px!important}}



/* =========================================================
   BSOURIA V7.24 — USER NOTIFICATION CENTER & MESSAGES
   ========================================================= */
.user-notification-dropdown{position:relative;display:inline-flex;flex:0 0 auto}
.user-notification-toggle{position:relative;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font:inherit;font-size:18px;cursor:pointer}
.user-notification-toggle:hover,.user-notification-dropdown.is-open .user-notification-toggle{border-color:#83b99a;background:var(--soft);color:var(--green2)}
.user-notification-badge{position:absolute;top:-5px;inset-inline-end:-5px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border:2px solid var(--card);border-radius:999px;background:#d92d20;color:#fff;font-size:10px;line-height:1;font-weight:600}
.user-notification-panel{position:absolute;top:calc(100% + 10px);inset-inline-end:0;width:min(390px,calc(100vw - 24px));display:none;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 24px 65px rgba(7,39,27,.2);z-index:1200}
.user-notification-dropdown.is-open .user-notification-panel{display:block}
.user-notification-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 17px;border-bottom:1px solid var(--line)}
.user-notification-head strong,.user-notification-head small{display:block}.user-notification-head small{color:var(--muted);font-size:11px;margin-top:2px}.user-notification-head a{font-size:12px;font-weight:600;color:var(--green);text-decoration:none}
.user-notification-list{max-height:430px;overflow:auto}
.user-notification-item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;padding:13px 16px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;transition:.18s}
.user-notification-item:hover{background:var(--soft)}.user-notification-item.unread{background:#f1fbf5}.user-notification-item>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--soft);color:var(--green2);font-weight:600}
.user-notification-item strong{display:block;font-size:13px;line-height:1.45}.user-notification-item p{margin:3px 0;color:var(--muted);font-size:11px;line-height:1.55}.user-notification-item small{color:#819087;font-size:10px}
.user-notification-empty{padding:34px 18px;text-align:center;color:var(--muted);font-size:13px}.user-notification-foot{padding:11px 16px;background:#f7faf8}.user-notification-foot a{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--green2);font-size:12px;font-weight:600;text-decoration:none}.user-notification-foot b{min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:var(--green);color:#fff;font-size:10px}
.user-center-container{width:min(1040px,calc(100% - 32px))}.user-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.user-page-heading h1{font-size:42px;margin:6px 0 8px}.user-page-heading p{margin:0;color:var(--muted);max-width:720px}.notification-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.notification-page-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.notification-page-list{display:grid;gap:10px}.notification-page-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:15px;padding:17px 19px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);text-decoration:none}.notification-page-item.unread{border-color:#9fd4b4;background:#f2fbf6}.notification-page-item:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.notification-large-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--soft);color:var(--green2);font-size:19px}.notification-title-line{display:flex;align-items:center;gap:9px}.notification-title-line b{padding:2px 7px;border-radius:999px;background:var(--soft);color:var(--green2);font-size:10px}.notification-page-item p{margin:4px 0;color:var(--muted);font-size:13px}.notification-page-item small{color:#849189;font-size:11px}.notification-arrow{color:var(--green);font-size:20px}.notification-empty span,.messages-empty span{font-size:38px;color:var(--green)}
.conversation-list{display:grid;gap:10px}.conversation-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:15px;padding:15px 18px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);text-decoration:none}.conversation-row.unread{background:#f1fbf5;border-color:#9fd4b4}.conversation-avatar{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--soft);color:var(--green2);font-weight:600}.conversation-name{display:flex;align-items:center;gap:8px}.conversation-name b{min-width:19px;height:19px;display:grid;place-items:center;border-radius:999px;background:var(--green);color:#fff;font-size:10px}.conversation-row p{margin:3px 0;color:var(--muted);font-size:13px}.conversation-row small{color:#87938c;font-size:11px}
.message-thread-container{width:min(900px,calc(100% - 24px))}.thread-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--line);border-radius:17px 17px 0 0;background:var(--card)}.thread-head>div{text-align:center}.thread-head strong,.thread-head small{display:block}.thread-head small{color:var(--muted);font-size:11px}.message-thread{min-height:420px;max-height:62vh;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:22px;border-inline:1px solid var(--line);background:linear-gradient(180deg,#f5f9f6,#eef5f1)}.message-bubble{max-width:min(72%,620px);padding:12px 14px;border-radius:15px;background:var(--card);border:1px solid var(--line);align-self:flex-start}.message-bubble.mine{align-self:flex-end;background:#0d7f4d;color:#fff;border-color:#0d7f4d}.message-bubble p{margin:0;white-space:pre-wrap}.message-bubble small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.message-bubble.mine small{color:#d2eee0}.thread-empty{margin:auto;max-width:430px;text-align:center;color:var(--muted)}.thread-empty span{display:block;font-size:42px;color:var(--green)}.message-compose{padding:17px 18px;border:1px solid var(--line);border-radius:0 0 17px 17px;background:var(--card)}.message-compose label{display:block;font-weight:600;margin-bottom:7px}.message-compose textarea{resize:vertical}.message-compose>div{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px}.message-compose small{color:var(--muted)}.public-profile-actions{display:flex;gap:8px;flex-wrap:wrap}
html[data-theme="dark"] .user-notification-panel,html[data-theme="dark"] .user-notification-toggle,html[data-theme="dark"] .notification-page-item,html[data-theme="dark"] .conversation-row,html[data-theme="dark"] .thread-head,html[data-theme="dark"] .message-compose{background:var(--surface)!important;border-color:var(--border)!important;color:var(--ink)!important}
html[data-theme="dark"] .user-notification-item.unread,html[data-theme="dark"] .notification-page-item.unread,html[data-theme="dark"] .conversation-row.unread{background:#10271d!important;border-color:#2e7653!important}html[data-theme="dark"] .user-notification-foot{background:#0b1712!important}html[data-theme="dark"] .message-thread{background:linear-gradient(180deg,#09130f,#0c1813)!important;border-color:var(--border)!important}html[data-theme="dark"] .message-bubble.theirs{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--ink)!important}
@media(max-width:1220px){.user-notification-panel{position:fixed;top:76px;inset-inline:12px;width:auto;max-height:calc(100vh - 90px)}.user-notification-list{max-height:calc(100vh - 210px)}}
@media(max-width:700px){.user-notification-toggle{width:42px;height:42px}.user-page-heading,.notification-page-toolbar{align-items:stretch;flex-direction:column}.user-page-heading h1{font-size:34px}.notification-page-toolbar .actions form{flex:1}.notification-page-toolbar .actions button{width:100%}.notification-page-item{grid-template-columns:42px minmax(0,1fr);padding:14px}.notification-large-icon{width:42px;height:42px}.notification-arrow{display:none}.thread-head{grid-template-columns:auto 1fr}.thread-head>a:last-child{grid-column:1/-1;width:100%}.message-thread{min-height:360px;padding:14px}.message-bubble{max-width:88%}.message-compose>div{align-items:stretch;flex-direction:column}.message-compose button{width:100%}}


/* =========================================================
   BSOURIA V7.25 — USER PROFILE DROPDOWN & PROFILE HUB
   ========================================================= */
.user-profile-dropdown{position:relative;display:inline-flex;flex:0 0 auto}
.user-profile-toggle{min-height:44px;display:flex;align-items:center;gap:9px;padding:4px 9px 4px 5px;border:1px solid var(--line);border-radius:13px;background:var(--card);color:var(--ink);font:inherit;cursor:pointer}
html[dir="rtl"] .user-profile-toggle{padding:4px 5px 4px 9px}.user-profile-toggle:hover,.user-profile-dropdown.is-open .user-profile-toggle{border-color:#7eb394;background:var(--soft)}
.user-profile-toggle-avatar,.user-profile-panel-avatar{display:grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#dff3e7,#effaf3);color:var(--green2);border:1px solid #cce3d4;font-weight:600}.user-profile-toggle-avatar{width:34px;height:34px;font-size:11px}.user-profile-toggle-avatar img,.user-profile-panel-avatar img{width:100%;height:100%;object-fit:cover}.user-profile-toggle-copy{display:block;min-width:0;text-align:start}.user-profile-toggle-copy strong,.user-profile-toggle-copy small{display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-toggle-copy strong{font-size:12px;line-height:1.35}.user-profile-toggle-copy small{color:var(--muted);font-size:9px;margin-top:1px}.user-profile-chevron{font-size:10px;color:var(--muted)}
.user-profile-panel{position:absolute;top:calc(100% + 11px);inset-inline-end:0;width:min(430px,calc(100vw - 24px));display:none;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:0 28px 80px rgba(7,39,27,.22);z-index:1300}.user-profile-dropdown.is-open .user-profile-panel{display:block}.user-profile-panel-head{display:grid;grid-template-columns:58px minmax(0,1fr) 34px;align-items:center;gap:12px;padding:16px 17px 13px;background:linear-gradient(135deg,#f4fbf7,#fff);border-bottom:1px solid var(--line)}.user-profile-panel-avatar{width:58px;height:58px;font-size:17px}.user-profile-panel-identity{min-width:0}.user-profile-panel-identity>strong,.user-profile-panel-identity>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-panel-identity>strong{font-size:16px}.user-profile-panel-identity>span{color:var(--muted);font-size:11px;margin-top:2px}.user-profile-panel-identity>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.user-profile-panel-identity em{padding:4px 7px;border-radius:999px;background:#e9f2ed;color:#4d6659;font-size:9px;font-style:normal}.user-profile-panel-identity em.verified{background:#dff5e8;color:#087448}.user-profile-preview{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--green2);background:var(--card)}
.user-profile-progress{padding:11px 17px;border-bottom:1px solid var(--line)}.user-profile-progress>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:6px}.user-profile-progress>div:first-child strong{color:var(--green2)}.user-profile-progress>div:last-child{height:6px;border-radius:999px;background:#e7eee9;overflow:hidden}.user-profile-progress>div:last-child span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b8653,#3bb67b)}
.user-profile-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.user-profile-mini-stats a{padding:10px 5px;text-align:center;color:var(--ink);text-decoration:none;border-inline-end:1px solid var(--line)}.user-profile-mini-stats a:last-child{border:0}.user-profile-mini-stats strong,.user-profile-mini-stats span{display:block}.user-profile-mini-stats strong{font-size:17px;color:var(--green2);line-height:1.15}.user-profile-mini-stats span{font-size:13px;font-weight:400;color:var(--muted);margin-top:5px;line-height:1.25}
.user-profile-menu-scroll{max-height:410px;overflow:auto;padding:8px}.user-profile-menu-group{padding:5px 0}.user-profile-menu-group>span{display:block;padding:4px 9px 6px;color:#809087;font-size:9px;text-transform:uppercase;letter-spacing:.04em}.user-profile-menu-group>a{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;color:var(--ink);text-decoration:none}.user-profile-menu-group>a:hover{background:var(--soft)}.user-profile-menu-group>a>i{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#edf7f1;color:var(--green2);font-style:normal;font-size:15px}.user-profile-menu-group>a strong,.user-profile-menu-group>a small{display:block}.user-profile-menu-group>a strong{font-size:12px}.user-profile-menu-group>a small{margin-top:2px;color:var(--muted);font-size:9px;line-height:1.4}.user-profile-menu-group>a>b{min-width:19px;height:19px;display:grid;place-items:center;border-radius:999px;background:#d92d20;color:#fff;font-size:9px}
.user-profile-panel-foot{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#f7faf8;border-top:1px solid var(--line);overflow:auto}.user-profile-panel-foot a{flex:0 0 auto;padding:8px 10px;border-radius:9px;color:var(--ink);text-decoration:none;font-size:11px;font-weight:600;line-height:1.3}.user-profile-panel-foot a:hover{background:var(--card)}.user-profile-panel-foot a.logout{margin-inline-start:auto;color:#b42318}
html[data-theme="dark"] .user-profile-toggle,html[data-theme="dark"] .user-profile-panel{background:var(--surface)!important;border-color:var(--border)!important;color:var(--ink)!important}html[data-theme="dark"] .user-profile-panel-head{background:linear-gradient(135deg,#10221a,#0d1814)!important;border-color:var(--border)!important}html[data-theme="dark"] .user-profile-panel-foot{background:#0b1712!important;border-color:var(--border)!important}html[data-theme="dark"] .user-profile-menu-group>a>i{background:#173b2a!important;color:#8ce0b5!important}html[data-theme="dark"] .user-profile-progress>div:last-child{background:#26382f!important}html[data-theme="dark"] .user-profile-panel-identity em{background:#21332a!important;color:#cad8d0!important}

.profile-hub-section,.user-activity-section,.photo-studio-section,.account-security-section{padding:42px 0 72px}.profile-hub-container,.user-activity-container,.photo-studio-container,.account-security-container{width:min(1240px,calc(100% - 28px))}.profile-hub-hero{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:24px;padding:28px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,#effaf3,#fff);box-shadow:var(--shadow)}.profile-hub-avatar{width:110px;height:110px;display:grid;place-items:center;overflow:hidden;border-radius:28px;background:var(--soft);border:1px solid var(--line);color:var(--green2);font-size:30px}.profile-hub-avatar img{width:100%;height:100%;object-fit:cover}.profile-hub-copy h1{font-size:38px;margin:6px 0 8px}.profile-hub-copy p{max-width:680px;margin:0;color:var(--muted);line-height:1.8}.profile-hub-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.profile-hub-badges span{padding:6px 9px;border-radius:999px;background:#e8f1ec;color:#51685c;font-size:10px}.profile-hub-badges span.verified{background:#ddf5e7;color:#087448}.profile-hub-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.profile-hub-progress{margin:16px 0;padding:15px 18px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.profile-hub-progress>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px}.profile-hub-progress>div:last-child{height:9px;border-radius:999px;background:#e6eee9;overflow:hidden}.profile-hub-progress>div:last-child span{display:block;height:100%;background:linear-gradient(90deg,#0a8753,#43b982)}.profile-hub-stats{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-bottom:18px}.profile-hub-stats>*{padding:15px 8px;border:1px solid var(--line);border-radius:15px;background:var(--card);text-align:center;color:var(--ink);text-decoration:none}.profile-hub-stats strong,.profile-hub-stats span{display:block}.profile-hub-stats strong{font-size:21px;color:var(--green2)}.profile-hub-stats span{font-size:9px;color:var(--muted);margin-top:3px}.profile-hub-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.profile-hub-card{padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:0 12px 35px rgba(13,54,37,.05)}.profile-hub-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.profile-hub-card-head>div{display:flex;align-items:center;gap:9px}.profile-hub-card-head>div>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--soft);color:var(--green2);font-size:10px}.profile-hub-card-head h2{font-size:20px;margin:0}.profile-hub-card-head>a{font-size:11px}.profile-hub-link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.profile-hub-link-grid a{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:13px;border:1px solid var(--line);border-radius:15px;color:var(--ink);text-decoration:none}.profile-hub-link-grid a:hover{background:var(--soft)}.profile-hub-link-grid i{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--soft);color:var(--green2);font-style:normal}.profile-hub-link-grid small{color:var(--muted);font-size:10px}.profile-hub-checklist{display:grid;gap:8px;margin-bottom:14px}.profile-hub-checklist a{display:flex;gap:9px;padding:10px 11px;border-radius:11px;background:#f7faf8;color:var(--ink);text-decoration:none;font-size:12px}.profile-hub-checklist span{color:var(--green)}.profile-hub-complete{padding:20px;border-radius:14px;background:#e9f8ef;color:#087448;margin-bottom:14px}.profile-hub-feed{display:grid;gap:5px}.profile-hub-feed>a{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border-radius:11px;color:var(--ink);text-decoration:none}.profile-hub-feed>a:hover{background:var(--soft)}.profile-hub-feed i{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--soft);color:var(--green2);font-style:normal}.profile-hub-feed strong,.profile-hub-feed small{display:block}.profile-hub-feed strong{font-size:12px}.profile-hub-feed small{font-size:9px;color:var(--muted);margin-top:2px}.profile-hub-feed>b{min-width:19px;height:19px;display:grid;place-items:center;border-radius:999px;background:#d92d20;color:#fff;font-size:9px}

.activity-filter-tabs{display:flex;gap:8px;margin:20px 0}.activity-filter-tabs a{padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);text-decoration:none;font-size:12px}.activity-filter-tabs a.active{background:var(--green);color:#fff;border-color:var(--green)}.activity-timeline{position:relative;display:grid;gap:10px}.activity-timeline::before{content:"";position:absolute;top:20px;bottom:20px;inset-inline-start:22px;width:1px;background:var(--line)}.activity-timeline article{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;padding:15px 17px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.activity-timeline-icon{z-index:1;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--soft);color:var(--green2)}.activity-timeline-title{display:flex;justify-content:space-between;gap:15px}.activity-timeline-title small{color:var(--muted);font-size:10px}.activity-timeline p{margin:5px 0;color:var(--muted);font-size:12px}.activity-timeline a{font-size:10px}

.photo-studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.photo-studio-editor,.current-photo-card,.ai-photo-helper,.photo-guidelines,.security-card{border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:0 12px 35px rgba(13,54,37,.05)}.photo-studio-editor{display:grid;grid-template-columns:minmax(380px,1fr) 300px;gap:20px;padding:22px}.photo-canvas-wrap{position:relative;max-width:560px;aspect-ratio:1;border-radius:22px;overflow:hidden;background:#eef7f1;border:1px solid var(--line)}.photo-canvas-wrap canvas{display:block;width:100%;height:100%;cursor:grab}.photo-canvas-wrap canvas:active{cursor:grabbing}.photo-canvas-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:var(--muted);pointer-events:none}.photo-canvas-empty span{font-size:42px;color:var(--green)}.photo-canvas-empty strong{margin-top:7px}.photo-studio-controls{display:flex;flex-direction:column;gap:14px}.photo-studio-controls>label:not(.btn){display:grid;gap:7px;font-size:12px}.photo-studio-controls p{color:var(--muted);font-size:11px;line-height:1.7}.photo-backgrounds{display:flex;gap:8px}.photo-backgrounds button{width:34px;height:34px;border:2px solid var(--card);outline:1px solid var(--line);border-radius:50%;background:var(--bg);cursor:pointer}.photo-backgrounds button.active{outline:2px solid var(--green)}.photo-studio-sidebar{display:grid;align-content:start;gap:14px}.current-photo-card,.ai-photo-helper,.photo-guidelines{padding:20px}.current-photo-card>span{display:block;color:var(--muted);font-size:10px;margin-bottom:10px}.current-photo-card>div{width:126px;height:126px;display:grid;place-items:center;overflow:hidden;border-radius:28px;background:var(--soft);color:var(--green2);font-size:30px;margin-bottom:13px}.current-photo-card img{width:100%;height:100%;object-fit:cover}.ai-photo-helper{background:linear-gradient(145deg,#0c3b2b,#0a2b20);color:#fff}.ai-photo-helper>span{font-size:11px;color:#8ee0b6}.ai-photo-helper h2{font-size:22px;margin:10px 0}.ai-photo-helper p{font-size:12px;line-height:1.8;color:#c7d9d0}.ai-photo-helper .btn{background:#fff;color:#0a5136}.photo-guidelines ul{padding-inline-start:19px;color:var(--muted);font-size:12px;line-height:1.9}

.account-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.security-card{padding:24px}.security-card.wide{grid-column:1/-1;display:flex;align-items:center;gap:20px}.security-card-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--soft);color:var(--green2);font-size:20px}.security-card h2{margin:12px 0 18px}.security-form{display:grid;gap:12px}.security-form label{display:grid;gap:6px;font-size:12px}.security-details{display:grid;gap:8px}.security-details>div{display:flex;justify-content:space-between;gap:15px;padding:11px;border-radius:11px;background:#f7faf8}.security-details dt{color:var(--muted);font-size:11px}.security-details dd{margin:0;font-size:12px}.security-card.wide>div{flex:1}.security-card.wide h2{margin:0 0 6px}.security-card.wide p{margin:0;color:var(--muted);line-height:1.7}.security-card-actions{display:flex;gap:9px;justify-content:flex-end}
html[data-theme="dark"] :is(.profile-hub-hero,.profile-hub-progress,.profile-hub-stats>*,.profile-hub-card,.activity-timeline article,.photo-studio-editor,.current-photo-card,.photo-guidelines,.security-card){background:var(--surface)!important;border-color:var(--border)!important;color:var(--ink)!important}html[data-theme="dark"] .profile-hub-hero{background:linear-gradient(135deg,#10221a,#0b1712)!important}html[data-theme="dark"] :is(.profile-hub-checklist a,.security-details>div){background:var(--surface-2)!important}html[data-theme="dark"] .profile-hub-progress>div:last-child{background:#26382f!important}
@media(max-width:1220px){.user-profile-panel{position:fixed;top:76px;inset-inline:12px;width:auto;max-height:calc(100vh - 90px)}.user-profile-menu-scroll{max-height:calc(100vh - 310px)}.user-profile-toggle-copy,.user-profile-chevron{display:none}.user-profile-toggle{width:44px;height:44px;padding:4px}.profile-hub-stats{grid-template-columns:repeat(4,1fr)}.photo-studio-grid{grid-template-columns:1fr}.photo-studio-sidebar{grid-template-columns:repeat(3,1fr)}.photo-studio-editor{grid-template-columns:minmax(320px,1fr) 280px}}
@media(max-width:850px){.profile-hub-hero{grid-template-columns:90px 1fr}.profile-hub-avatar{width:90px;height:90px}.profile-hub-actions{grid-column:1/-1;justify-content:flex-start}.profile-hub-grid,.account-security-grid{grid-template-columns:1fr}.security-card.wide{grid-column:auto;align-items:flex-start;flex-direction:column}.security-card-actions{justify-content:flex-start}.photo-studio-editor{grid-template-columns:1fr}.photo-studio-sidebar{grid-template-columns:1fr 1fr}.profile-hub-link-grid{grid-template-columns:1fr}}
@media(max-width:600px){.user-profile-toggle{width:42px;height:42px}.user-profile-toggle-avatar{width:32px;height:32px}.user-profile-panel-head{grid-template-columns:50px minmax(0,1fr) 32px;padding:13px}.user-profile-panel-avatar{width:50px;height:50px}.user-profile-mini-stats a{padding:8px 3px}.user-profile-panel-foot{padding:8px}.profile-hub-section,.user-activity-section,.photo-studio-section,.account-security-section{padding-top:22px}.profile-hub-hero{grid-template-columns:72px 1fr;padding:18px}.profile-hub-avatar{width:72px;height:72px;border-radius:20px;font-size:22px}.profile-hub-copy h1{font-size:28px}.profile-hub-stats{grid-template-columns:repeat(2,1fr)}.photo-studio-sidebar{grid-template-columns:1fr}.photo-canvas-wrap{max-width:none}.activity-timeline-title{align-items:flex-start;flex-direction:column;gap:4px}}


/* =========================================================
   BSOURIA V7.26 — FIXED EXPIRY + RENEW/DELETE + ACCOUNT DELETE
   ========================================================= */
.expiry-decision-section,.delete-account-section{padding:56px 0 84px}.expiry-decision-container,.delete-account-container{width:min(760px,calc(100% - 28px))}.expiry-decision-card,.delete-account-card{padding:34px;border:1px solid var(--line);border-radius:28px;background:var(--card);box-shadow:var(--shadow);text-align:center}.expiry-decision-icon,.delete-account-icon{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 18px;border-radius:20px;background:#fff3d8;color:#9b6400;font-size:28px}.expiry-decision-card h1,.delete-account-card h1{font-size:34px;line-height:1.3;margin:10px 0 12px}.expiry-decision-card>p,.delete-account-card>p{max-width:650px;margin:0 auto;color:var(--muted);line-height:1.9}.expiry-decision-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.expiry-decision-facts>div{padding:15px;border:1px solid var(--line);border-radius:15px;background:#f8fbf9}.expiry-decision-facts small,.expiry-decision-facts strong{display:block}.expiry-decision-facts small{color:var(--muted);font-size:11px}.expiry-decision-facts strong{margin-top:4px}.expiry-decision-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:22px 0 16px}.expiry-decision-actions form{margin:0}.delete-account-warning{margin:24px 0;padding:18px 20px;border:1px solid #f0b7b2;border-radius:16px;background:#fff2f1;text-align:start;color:#7f1d1d}.delete-account-warning strong{display:block;margin-bottom:8px}.delete-account-warning ul{margin:0;padding-inline-start:20px;line-height:1.9}.delete-account-form{display:grid;gap:15px;text-align:start}.delete-account-form label{display:grid;gap:7px}.delete-account-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:8px}.account-danger-card{border-color:#efb1ac!important;background:#fff8f7!important}.account-danger-card .security-card-icon{background:#ffe6e3!important;color:#b42318!important}.profile-delete-link{border-color:#efb1ac!important;background:#fff8f7!important}.profile-delete-link i{background:#ffe6e3!important;color:#b42318!important}.user-profile-panel-foot .delete-account-link{color:#ffb4ad!important;border-top:1px solid rgba(255,120,110,.22);margin-top:5px;padding-top:10px}.user-profile-panel-foot .delete-account-link:hover{background:rgba(180,35,24,.12)!important;color:#ffd5d1!important}
html[data-theme="dark"] :is(.expiry-decision-card,.delete-account-card){background:var(--surface)!important;border-color:var(--border)!important}html[data-theme="dark"] .expiry-decision-facts>div{background:var(--surface-2)!important;border-color:var(--border)!important}html[data-theme="dark"] .delete-account-warning{background:#351817!important;border-color:#6e2e2a!important;color:#ffc9c4!important}html[data-theme="dark"] .account-danger-card,html[data-theme="dark"] .profile-delete-link{background:#281514!important;border-color:#6e2e2a!important;color:var(--ink)!important}
@media(max-width:600px){.expiry-decision-card,.delete-account-card{padding:24px 18px}.expiry-decision-card h1,.delete-account-card h1{font-size:28px}.expiry-decision-facts{grid-template-columns:1fr}.expiry-decision-actions,.delete-account-actions{align-items:stretch;flex-direction:column}.expiry-decision-actions form,.expiry-decision-actions .btn,.delete-account-actions .btn{width:100%}}


/* =========================================================
   BSOURIA V7.27 — UNIFIED HEADER CONTROLS
   ========================================================= */
.topbar {
    background: #fff !important;
    border-bottom: 1px solid #edf2ef !important;
    box-shadow: none !important;
}

.topbar > .container.nav {
    width: min(1400px, calc(100% - 32px)) !important;
    max-width: 1400px !important;
    min-height: 72px !important;
    gap: 24px !important;
}

.topbar .brand-logo {
    flex: 0 0 205px !important;
    width: 205px !important;
    height: 54px !important;
}

.topbar .nav > nav {
    justify-content: center !important;
    gap: 28px !important;
}

.topbar .nav > nav a {
    font-size: 18.5px !important;
    font-weight: 600 !important;
    padding: 12px 2px !important;
}

.topbar .nav-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.header-utility-group {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    border: 1px solid #e7eeea;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(10, 45, 31, .025);
}

.header-utility-group > :is(.theme-toggle, .user-notification-dropdown, .language-dropdown, .user-profile-dropdown) {
    flex: 0 0 auto;
}

.header-utility-group :is(.theme-toggle, .user-notification-toggle, .language-current, .user-profile-toggle) {
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #143629 !important;
}

.header-utility-group :is(.theme-toggle, .user-notification-toggle) {
    width: 40px !important;
    padding: 0 !important;
}

.header-utility-group .language-current {
    width: 49px !important;
    padding-inline: 7px !important;
    gap: 5px !important;
}

.header-utility-group .language-flag {
    width: 24px !important;
    height: 16px !important;
}

.header-utility-group :is(.theme-toggle, .user-notification-toggle, .language-current, .user-profile-toggle):hover,
.header-utility-group :is(.theme-toggle, .user-notification-toggle, .language-current, .user-profile-toggle)[aria-expanded="true"],
.header-utility-group .user-profile-dropdown.is-open .user-profile-toggle,
.header-utility-group .user-notification-dropdown.is-open .user-notification-toggle {
    background: #f0f7f3 !important;
    color: #087a4a !important;
}

.header-control-icon {
    width: 19px;
    height: 19px;
    display: grid;
    place-items: center;
    font-size: 19px;
    line-height: 1;
}

.header-control-icon svg {
    width: 19px;
    height: 19px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.header-utility-group .user-profile-toggle {
    gap: 8px !important;
    padding: 3px 8px 3px 4px !important;
}

html[dir="rtl"] .header-utility-group .user-profile-toggle {
    padding: 3px 4px 3px 8px !important;
}

.header-utility-group .user-profile-toggle-avatar {
    width: 32px !important;
    height: 32px !important;
    font-size: 11px !important;
}

.header-utility-group .user-profile-toggle-copy strong {
    max-width: 145px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
}

.header-utility-group .user-profile-toggle-copy small {
    max-width: 145px !important;
    margin-top: 2px !important;
    font-size: 10.5px !important;
    line-height: 1.2 !important;
    color: #60756a !important;
}

.header-utility-group .user-profile-chevron,
.header-utility-group .language-chevron {
    font-size: 9px !important;
    opacity: .55;
}

.topbar .nav-actions > .btn.primary {
    min-height: 46px !important;
    padding: 11px 18px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    box-shadow: none !important;
}

/* Keep dropdown panels independent from the clean white trigger group. */
.header-utility-group :is(.language-menu, .user-notification-panel, .user-profile-panel) {
    background: #fff !important;
}

html[data-theme="dark"] .topbar {
    background: var(--surface) !important;
    border-bottom-color: var(--border) !important;
}

html[data-theme="dark"] .header-utility-group {
    background: var(--surface) !important;
    border-color: var(--border) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .header-utility-group :is(.theme-toggle, .user-notification-toggle, .language-current, .user-profile-toggle) {
    background: transparent !important;
    color: var(--ink) !important;
}

html[data-theme="dark"] .header-utility-group :is(.theme-toggle, .user-notification-toggle, .language-current, .user-profile-toggle):hover,
html[data-theme="dark"] .header-utility-group :is(.theme-toggle, .user-notification-toggle, .language-current, .user-profile-toggle)[aria-expanded="true"],
html[data-theme="dark"] .header-utility-group .user-profile-dropdown.is-open .user-profile-toggle,
html[data-theme="dark"] .header-utility-group .user-notification-dropdown.is-open .user-notification-toggle {
    background: #173126 !important;
    color: #8ce0b5 !important;
}

html[data-theme="dark"] .header-utility-group .user-profile-toggle-copy small {
    color: var(--muted) !important;
}

@media (max-width: 1220px) {
    .topbar > .container.nav {
        width: min(100% - 24px, 1400px) !important;
        gap: 12px !important;
    }

    .topbar .brand-logo {
        flex-basis: 180px !important;
        width: 180px !important;
        height: 50px !important;
    }

    .header-utility-group {
        gap: 1px;
        padding: 2px;
    }

    .header-utility-group .user-profile-toggle {
        width: 40px !important;
        padding: 4px !important;
    }
}

@media (max-width: 700px) {
    .topbar > .container.nav {
        width: min(100% - 16px, 1400px) !important;
        min-height: 66px !important;
        gap: 7px !important;
    }

    .topbar .brand-logo {
        flex-basis: 145px !important;
        width: 145px !important;
        height: 43px !important;
    }

    .header-utility-group :is(.theme-toggle, .user-notification-toggle, .language-current, .user-profile-toggle) {
        width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
    }

    .header-utility-group .language-current {
        width: 45px !important;
    }

    .header-utility-group .user-profile-toggle-avatar {
        width: 30px !important;
        height: 30px !important;
    }
}



/* =========================================================
   BSOURIA V7.28 — EVERY-PAGE SOCIAL PREVIEWS
   ========================================================= */
.settings-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.settings-card-title-row h3{margin-bottom:5px}.seo-social-language-grid>div{min-width:0}.seo-page-image-preview{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:7px!important}.seo-page-image-preview img{width:100%!important;max-width:340px!important;height:auto!important;aspect-ratio:1200/630;object-fit:cover;border-radius:10px}.seo-readonly-url{direction:ltr!important;text-align:left!important;font-size:11px!important;color:var(--muted)!important;background:var(--soft)!important}.admin-social-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.admin-social-preview-card{overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.admin-social-preview-image{aspect-ratio:1200/630;background:var(--soft);overflow:hidden}.admin-social-preview-image img{display:block;width:100%;height:100%;object-fit:cover}.admin-social-preview-body{padding:18px}.admin-social-preview-label{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.admin-social-preview-label span{padding:5px 9px;border-radius:999px;background:var(--soft);color:var(--green2);font-size:11px;font-weight:600}.admin-social-preview-body h2{font-size:19px;line-height:1.45;margin:0 0 8px}.admin-social-preview-body p{min-height:56px;margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.75}.admin-social-preview-body>a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--green);font-size:11px;direction:ltr;text-align:left}.admin-social-preview-actions{display:flex;gap:8px;margin-top:14px}.admin-social-preview-actions .admin-btn{cursor:pointer}
@media(max-width:1050px){.admin-social-preview-grid{grid-template-columns:1fr}.settings-card-title-row{flex-direction:column}}
@media(max-width:700px){.admin-social-preview-body{padding:14px}.admin-social-preview-body h2{font-size:17px}.admin-social-preview-actions{align-items:stretch;flex-direction:column}}


/* BSOURIA V7.29 — account/profile approval clarity */
.admin-inline-notice{display:grid;gap:4px;margin:14px 0;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--soft);font-size:12px;line-height:1.65}
.admin-inline-notice strong{font-size:13px;color:var(--ink)}
.admin-inline-notice span{color:var(--muted)}
.admin-inline-notice.warning{border-color:#e8c76a;background:#fff8df}
html[data-theme='dark'] .admin-inline-notice.warning{border-color:#735f27;background:#241f10}

/* =========================================================
   BSOURIA V17 — MULTILINGUAL DESIGN FOUNDATION
   Shared container + RTL/LTR-safe spacing + responsive hero
   ========================================================= */
:root {
    --site-container: 1400px;
    --site-gutter: 16px;
    --font-latin: "Inter", "Segoe UI", Arial, sans-serif;
    --font-arabic: "Noto Sans Arabic", Tahoma, Arial, sans-serif;
}

html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea {
    font-family: var(--font-arabic);
}

html[lang="en"] body,
html[lang="en"] button,
html[lang="en"] input,
html[lang="en"] select,
html[lang="en"] textarea,
html[lang="tr"] body,
html[lang="tr"] button,
html[lang="tr"] input,
html[lang="tr"] select,
html[lang="tr"] textarea {
    font-family: var(--font-latin);
}

/* One container system for header, content sections and footer. */
.container,
.topbar > .container.nav,
footer .container {
    width: min(var(--site-container), calc(100% - (var(--site-gutter) * 2))) !important;
    max-width: var(--site-container) !important;
    margin-inline: auto !important;
}

/* Logical alignment works in both RTL and LTR. */
body { text-align: start; }
input, select, textarea { text-align: start; }
.nav nav,
.nav-actions,
.hero-actions,
.section-heading,
.card-top,
.meta,
.actions { min-width: 0; }

.nav nav a,
.btn,
.language-current,
.user-profile-toggle-copy,
.category-card strong,
.category-card small {
    overflow-wrap: anywhere;
}

/* Prevent translated labels from being forced into unsafe fixed widths. */
.nav nav a,
.btn,
.language-current,
.user-profile-toggle,
.category-card,
.hero-search,
.pro-search > * {
    min-inline-size: 0;
}

.topbar > .container.nav {
    gap: clamp(10px, 1.6vw, 24px) !important;
}

.topbar .nav > nav {
    gap: clamp(12px, 1.7vw, 28px) !important;
}

.topbar .nav > nav a {
    white-space: normal;
    text-align: center;
    line-height: 1.35;
}

/* New supplied transparent hero collage. */
.hero-business-image {
    width: 100%;
    max-width: 560px;
    height: auto;
    min-height: 360px;
    display: grid;
    place-items: center;
    overflow: visible;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.hero-business-image img {
    width: 100%;
    height: auto;
    max-height: 460px;
    display: block;
    object-fit: contain;
    object-position: center;
}

/* Keep the two hero columns flexible for Arabic, English and Turkish copy. */
.hero-grid.pro-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
    gap: clamp(28px, 5vw, 68px);
}

.hero-copy,
.hero-business-image,
.section-heading > *,
.category-card > * {
    min-width: 0;
}

.hero-copy h1,
.hero-copy p,
.section-heading h2,
.section-heading p {
    overflow-wrap: break-word;
}

@media (max-width: 1100px) {
    :root { --site-gutter: 14px; }

    .topbar .brand-logo {
        flex-basis: clamp(145px, 17vw, 180px) !important;
        width: clamp(145px, 17vw, 180px) !important;
    }

    .topbar .nav > nav {
        gap: 12px !important;
    }

    .topbar .nav > nav a {
        font-size: 13.5px !important;
    }

    .hero-grid.pro-grid {
        grid-template-columns: minmax(0, 1fr) minmax(320px, .85fr);
        gap: 30px;
    }
}

@media (max-width: 980px) {
    .hero-grid.pro-grid {
        grid-template-columns: 1fr;
    }

    .hero-business-image {
        max-width: 680px;
        min-height: 0;
        margin-inline: auto;
    }

    .hero-business-image img {
        max-height: none;
    }
}

@media (max-width: 700px) {
    :root { --site-gutter: 10px; }

    .topbar > .container.nav {
        width: min(var(--site-container), calc(100% - 20px)) !important;
        min-height: 66px !important;
    }

    .nav nav {
        inset-inline: 10px;
        right: auto;
        left: auto;
        width: auto;
    }

    .hero {
        padding-block: 38px 34px;
    }

    .hero-grid.pro-grid {
        gap: 24px;
    }

    .hero-business-image {
        width: 100%;
    }

    .hero-actions,
    .hero-search {
        width: 100%;
    }

    .hero-actions .btn {
        flex: 1 1 100%;
        white-space: normal;
    }
}

/* V31: keep the featured article title consistent with the other section titles. */
.featured-article h2{
  font-size:clamp(27px,2.4vw,34px);
  line-height:1.35;
  letter-spacing:-.4px;
}
@media(max-width:680px){
  .featured-article h2{font-size:26px;line-height:1.4;}
}

/* BSOURIA V33 — compact business-directory hero redesign */
.directory-hero{
  padding:38px 0 34px;
  background:linear-gradient(180deg,var(--surface-2),var(--surface));
  border-bottom:1px solid var(--line);
}
.directory-hero-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  align-items:stretch;
  gap:28px;
  padding:30px;
  border:1px solid var(--line);
  border-radius:26px;
  background:var(--surface);
  box-shadow:0 18px 55px rgba(16,35,26,.07);
  overflow:hidden;
  position:relative;
}
.directory-hero-panel:before{
  content:"";
  position:absolute;
  width:300px;
  height:300px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(32,164,104,.09),transparent 68%);
  inset:auto -120px -160px auto;
  pointer-events:none;
}
.directory-hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.directory-hero h1{
  max-width:780px;
  margin:8px 0 12px;
  font-size:clamp(34px,4.2vw,52px);
  line-height:1.12;
  letter-spacing:-1.2px;
}
.directory-hero p{
  max-width:760px;
  margin:0;
  font-size:16px;
  line-height:1.8;
  color:var(--muted);
}
.directory-hero-search{
  max-width:780px;
  margin-top:20px;
  box-shadow:none;
  background:var(--surface-2);
}
.directory-hero-actions{margin-top:14px}
.directory-hero-overview{
  display:grid;
  grid-template-rows:126px auto;
  align-content:start;
  gap:12px;
  padding:12px;
  border-radius:21px;
  background:#0e3a29;
  color:#fff;
  box-shadow:0 18px 44px rgba(8,57,39,.18);
  position:relative;
  z-index:1;
}
.directory-hero-visual{
  margin:0;
  min-height:0;
  border-radius:15px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:#092b20;
}
.directory-hero-visual img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 58%;
}
.directory-hero-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid rgba(255,255,255,.12);
  border-radius:15px;
  overflow:hidden;
}
.directory-hero-metrics>div{
  min-width:0;
  padding:13px 7px 12px;
  text-align:center;
  border-inline-start:1px solid rgba(255,255,255,.12);
}
.directory-hero-metrics>div:first-child{border-inline-start:0}
.directory-hero-metrics strong{
  display:block;
  font-size:24px;
  line-height:1;
  margin-bottom:7px;
}
.directory-hero-metrics span{
  display:block;
  color:#c7e7d7;
  font-size:10px;
  line-height:1.35;
}
html[data-theme="dark"] .directory-hero{
  background:linear-gradient(180deg,#071c14,#081f17);
}
html[data-theme="dark"] .directory-hero-panel{
  background:#0a241a;
  border-color:#244c3b;
  box-shadow:none;
}
html[data-theme="dark"] .directory-hero-search{background:#071c14}
@media(max-width:900px){
  .directory-hero-panel{grid-template-columns:1fr 230px;gap:20px;padding:24px}
  .directory-hero h1{font-size:clamp(32px,5vw,44px)}
  .directory-hero-overview{grid-template-rows:105px auto}
}
@media(max-width:720px){
  .directory-hero{padding:24px 0}
  .directory-hero-panel{grid-template-columns:1fr;padding:20px;border-radius:20px}
  .directory-hero h1{font-size:34px;letter-spacing:-.7px}
  .directory-hero p{font-size:14px}
  .directory-hero-overview{grid-template-columns:120px 1fr;grid-template-rows:auto;align-items:stretch}
  .directory-hero-visual{min-height:110px}
  .directory-hero-metrics{grid-template-columns:1fr}
  .directory-hero-metrics>div{display:flex;align-items:center;justify-content:space-between;text-align:start;padding:8px 11px;border-inline-start:0;border-top:1px solid rgba(255,255,255,.12)}
  .directory-hero-metrics>div:first-child{border-top:0}
  .directory-hero-metrics strong{margin:0;font-size:20px}
}
@media(max-width:460px){
  .directory-hero-panel{padding:16px}
  .directory-hero h1{font-size:30px}
  .directory-hero-overview{grid-template-columns:1fr}
  .directory-hero-visual{height:120px}
}

/* =========================================================
   BSOURIA V39 — Unified primary hero sizing
   Opportunities + Business Directory
   ========================================================= */
:root{
  --primary-hero-height:460px;
  --primary-hero-title:clamp(38px,4.2vw,54px);
  --primary-hero-copy:16px;
  --primary-hero-visual-height:360px;
  --primary-hero-gap:44px;
}

/* Opportunities hero */
.hero.pro-hero{
  padding:46px 0 42px;
  min-height:var(--primary-hero-height);
  display:flex;
  align-items:center;
}
.hero.pro-hero .hero-grid.pro-grid{
  width:100%;
  grid-template-columns:minmax(0,1fr) minmax(340px,480px);
  gap:var(--primary-hero-gap);
  align-items:center;
}
.hero.pro-hero .hero-copy h1{
  font-size:var(--primary-hero-title);
  line-height:1.08;
  margin:12px 0 16px;
  letter-spacing:-1.5px;
}
.hero.pro-hero .hero-copy>p{
  max-width:680px;
  font-size:var(--primary-hero-copy);
  line-height:1.75;
}
.hero.pro-hero .hero-search{margin-top:20px}
.hero.pro-hero .hero-actions{margin-top:16px}
.hero.pro-hero .hero-business-image{
  width:100%;
  max-width:480px;
  min-height:0;
  height:var(--primary-hero-visual-height);
}
.hero.pro-hero .hero-business-image img{
  width:100%;
  height:100%;
  max-height:none;
  object-fit:contain;
}

/* Business directory hero */
.directory-hero{
  padding:42px 0;
  min-height:var(--primary-hero-height);
  display:flex;
  align-items:center;
}
.directory-hero>.container{width:100%}
.directory-hero-panel{
  min-height:374px;
  grid-template-columns:minmax(0,1fr) minmax(340px,480px);
  gap:var(--primary-hero-gap);
  padding:28px 32px;
  align-items:center;
}
.directory-hero h1{
  font-size:var(--primary-hero-title);
  line-height:1.08;
  margin:10px 0 16px;
  letter-spacing:-1.5px;
}
.directory-hero p{
  font-size:var(--primary-hero-copy);
  line-height:1.75;
}
.directory-hero-search{margin-top:20px}
.directory-hero-actions{margin-top:14px}
.directory-hero-overview{
  height:var(--primary-hero-visual-height);
  grid-template-rows:minmax(0,1fr) auto;
  padding:10px;
  gap:10px;
}
.directory-hero-visual{height:auto;min-height:0}
.directory-hero-metrics>div{padding:11px 6px 10px}
.directory-hero-metrics strong{font-size:22px}

@media(max-width:980px){
  .hero.pro-hero,.directory-hero{min-height:0}
  .hero.pro-hero .hero-grid.pro-grid,
  .directory-hero-panel{grid-template-columns:1fr;gap:30px}
  .hero.pro-hero .hero-business-image,
  .directory-hero-overview{max-width:620px;width:100%;margin-inline:auto}
}
@media(max-width:680px){
  :root{--primary-hero-visual-height:280px}
  .hero.pro-hero,.directory-hero{padding:34px 0}
  .hero.pro-hero .hero-copy h1,.directory-hero h1{font-size:36px;letter-spacing:-.8px}
  .hero.pro-hero .hero-copy>p,.directory-hero p{font-size:15px}
  .directory-hero-panel{padding:20px}
}


/* =========================================================
   BSOURIA V17.1 — TALL REGISTRATION VISUAL
   Keeps the register visual aligned with the longer form and
   adds meaningful content without changing the login layout.
   ========================================================= */
.auth-page-register .auth-layout {
    align-items: stretch !important;
}

.auth-page-register .auth-card,
.auth-page-register .auth-visual {
    height: 100% !important;
}

.auth-page-register .auth-visual {
    position: static !important;
    min-height: 100% !important;
}

.auth-page-register .auth-visual-media {
    position: relative !important;
    height: clamp(330px, 31vw, 420px) !important;
}

.auth-register-image-overlay {
    position: absolute;
    inset-inline: 24px;
    bottom: 22px;
    z-index: 2;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 14px;
    pointer-events: none;
}

.auth-register-image-badge {
    max-width: 420px;
    padding: 14px 16px;
    border: 1px solid rgba(255,255,255,.42);
    border-radius: 16px;
    background: rgba(8,37,28,.74);
    color: #fff;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    box-shadow: 0 14px 38px rgba(5,22,16,.22);
}

.auth-register-image-badge span,
.auth-register-image-badge strong {
    display: block;
}

.auth-register-image-badge span {
    margin-bottom: 4px;
    color: rgba(255,255,255,.78);
    font-size: 10px;
    line-height: 1.5;
}

.auth-register-image-badge strong {
    font-size: 14px;
    line-height: 1.55;
}

.auth-register-image-pills {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
    max-width: 300px;
}

.auth-register-image-pills span {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 7px 11px;
    border: 1px solid rgba(255,255,255,.42);
    border-radius: 999px;
    background: rgba(255,255,255,.88);
    color: #123b2d;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.3;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.auth-page-register .auth-visual-copy {
    flex: 1 1 auto !important;
    justify-content: flex-start !important;
    padding: 30px 32px 32px !important;
}

.auth-register-journey {
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid var(--line);
}

.auth-register-journey-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
}

.auth-register-journey-heading > span {
    color: var(--green2);
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.auth-register-journey-heading h3 {
    margin: 0;
    max-width: 520px;
    color: var(--text);
    font-size: clamp(17px, 1.35vw, 21px);
    line-height: 1.45;
}

.auth-register-steps {
    display: grid;
    gap: 10px;
}

.auth-register-steps article {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: color-mix(in srgb, var(--soft) 58%, transparent);
}

.auth-register-steps article > b {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 11px;
    background: #fff;
    color: var(--green2);
    font-size: 10px;
    box-shadow: inset 0 0 0 1px var(--line);
}

.auth-register-steps strong {
    display: block;
    margin-bottom: 4px;
    color: var(--text);
    font-size: 12px;
    line-height: 1.45;
}

.auth-register-steps p {
    margin: 0;
    color: var(--muted);
    font-size: 10px;
    line-height: 1.75;
}

.auth-register-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    margin-top: 16px;
    padding: 15px 16px;
    border-radius: 14px;
    background: #103b2c;
    color: #fff;
}

.auth-register-trust-row span {
    position: relative;
    padding-inline-start: 15px;
    color: rgba(255,255,255,.84);
    font-size: 9px;
    font-weight: 600;
    line-height: 1.5;
}

.auth-register-trust-row span::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: .52em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #75d9a8;
    box-shadow: 0 0 0 4px rgba(117,217,168,.13);
}

html[data-theme="dark"] .auth-register-steps article {
    background: rgba(28,59,46,.54);
}

html[data-theme="dark"] .auth-register-steps article > b {
    background: #13271f;
    border-color: #2a4439;
    box-shadow: inset 0 0 0 1px #2a4439;
}

html[data-theme="dark"] .auth-register-trust-row {
    background: #071d15;
    border: 1px solid #28483b;
}

@media (max-width: 1180px) {
    .auth-page-register .auth-visual-media {
        height: 330px !important;
    }

    .auth-register-image-overlay {
        inset-inline: 18px;
        bottom: 18px;
    }

    .auth-register-image-pills {
        display: none;
    }

    .auth-register-journey-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }
}

@media (max-width: 980px) {
    .auth-page-register .auth-card,
    .auth-page-register .auth-visual {
        height: auto !important;
    }

    .auth-page-register .auth-visual-media {
        height: clamp(285px, 52vw, 390px) !important;
    }

    .auth-register-image-pills {
        display: flex;
    }
}

@media (max-width: 700px) {
    .auth-page-register .auth-visual-media {
        height: 285px !important;
    }

    .auth-register-image-overlay {
        inset-inline: 14px;
        bottom: 14px;
    }

    .auth-register-image-badge {
        width: 100%;
        max-width: none;
        padding: 12px 13px;
    }

    .auth-register-image-pills {
        display: none;
    }

    .auth-page-register .auth-visual-copy {
        padding: 24px 20px 22px !important;
    }

    .auth-register-journey-heading h3 {
        font-size: 18px;
    }

    .auth-register-trust-row {
        display: grid;
        gap: 10px;
    }
}

/* =========================================================
   BSOURIA V17.2 — SLIGHTLY LARGER REGISTER TYPOGRAPHY
   Improves readability on the registration page without
   changing the existing layout, spacing or login page.
   ========================================================= */
.auth-page-register .auth-card-kicker {
    font-size: 11.5px !important;
}

.auth-page-register .auth-card h1 {
    font-size: 33px !important;
}

.auth-page-register .auth-card-heading p {
    font-size: 15px !important;
}

.auth-page-register .form-group label,
.auth-page-register .terms-check,
.auth-page-register .auth-switch {
    font-size: 14.5px !important;
}

.auth-page-register .form-group input,
.auth-page-register .form-group select,
.auth-page-register .social-auth-button,
.auth-page-register .auth-form .btn.wide {
    font-size: 15px !important;
}

.auth-page-register .form-group small {
    font-size: 12px !important;
}

.auth-page-register .auth-register-image-badge span {
    font-size: 11px !important;
}

.auth-page-register .auth-register-image-badge strong {
    font-size: 15.5px !important;
}

.auth-page-register .auth-register-image-pills span {
    font-size: 10px !important;
}

.auth-page-register .auth-visual-copy .eyebrow {
    font-size: 12px !important;
}

.auth-page-register .auth-visual-copy h2 {
    font-size: clamp(27px, 2.1vw, 36px) !important;
}

.auth-page-register .auth-visual-copy > p {
    font-size: 15px !important;
}

.auth-page-register .auth-visual-copy .auth-benefits span {
    font-size: 11px !important;
}

.auth-page-register .auth-visual-copy .auth-benefits b {
    font-size: 10px !important;
}

.auth-page-register .auth-register-journey-heading > span {
    font-size: 11px !important;
}

.auth-page-register .auth-register-journey-heading h3 {
    font-size: clamp(18px, 1.45vw, 22px) !important;
}

.auth-page-register .auth-register-steps strong {
    font-size: 13px !important;
}

.auth-page-register .auth-register-steps p {
    font-size: 11px !important;
}

.auth-page-register .auth-register-trust-row span {
    font-size: 10px !important;
}

@media (max-width: 700px) {
    .auth-page-register .auth-card h1 {
        font-size: 29px !important;
    }

    .auth-page-register .auth-visual-copy h2 {
        font-size: 25px !important;
    }

    .auth-page-register .auth-register-journey-heading h3 {
        font-size: 19px !important;
    }
}


/* =========================================================
   BSOURIA V31 — Home hero true 50/50 split + larger visual
   ========================================================= */
@media (min-width: 981px) {
  .hero.pro-hero .hero-grid.pro-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: clamp(26px, 3.2vw, 42px) !important;
    align-items: center !important;
  }

  .hero.pro-hero .hero-copy,
  .hero.pro-hero .hero-business-image {
    width: 100% !important;
    max-width: none !important;
  }

  .hero.pro-hero .hero-business-image {
    height: clamp(370px, 34vw, 420px) !important;
    min-height: 370px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  .hero.pro-hero .hero-business-image img {
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }
}

@media (max-width: 980px) {
  .hero.pro-hero .hero-business-image {
    width: 100% !important;
    max-width: 720px !important;
    height: auto !important;
    min-height: 0 !important;
    margin-inline: auto !important;
  }

  .hero.pro-hero .hero-business-image img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }
}

/* Bsouria V64 — visible CV Builder service */
.cv-main-nav-v64{display:inline-flex!important;align-items:center;gap:7px}.cv-main-nav-v64 b,.header-cv-button-v64 strong{display:inline-grid;place-items:center;min-width:28px;height:24px;padding:0 6px;border-radius:7px;background:#087a4a;color:#fff;font-size:11px;letter-spacing:.04em}.header-cv-button-v64{display:inline-flex!important;align-items:center;gap:7px;background:#edf8f2!important;color:#087a4a!important;border-color:#b9ddca!important}.header-cv-button-v64:hover{background:#dff3e8!important}.profile-cv-link-v64 i{font-style:normal!important;font-size:11px!important;font-weight:900!important}.dashboard-cv-card-v64{margin-top:22px;margin-bottom:4px;padding:24px;border:1px solid #b9ddca;border-radius:22px;background:linear-gradient(135deg,#eaf8f0 0%,#fff 72%);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px}.dashboard-cv-icon-v64{width:68px;height:68px;border-radius:18px;background:#087a4a;color:#fff;display:grid;place-items:center;font-size:23px;font-weight:900}.dashboard-cv-copy-v64 span{color:#087a4a;font-size:12px;font-weight:800}.dashboard-cv-copy-v64 h2{margin:4px 0 7px;font-size:24px}.dashboard-cv-copy-v64 p{margin:0;color:var(--muted)}.dashboard-cv-actions-v64{display:flex;gap:9px;flex-wrap:wrap}.cv-dashboard-action-v64{display:inline-flex!important;align-items:center;gap:7px;border-color:#98cdb1!important;color:#087a4a!important}.cv-dashboard-action-v64 strong{font-size:11px;background:#087a4a;color:#fff;border-radius:6px;padding:3px 5px}.home-cv-service-v64{padding:58px 0;background:linear-gradient(180deg,#f7fbf9 0%,#eef8f2 100%);border-top:1px solid #dcebe3;border-bottom:1px solid #dcebe3}.home-cv-grid-v64{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:54px}.home-cv-kicker-v64{display:inline-flex;align-items:center;gap:8px;color:#087a4a;font-weight:800;font-size:13px}.home-cv-kicker-v64 b{background:#087a4a;color:#fff;border-radius:8px;padding:5px 8px;font-size:12px}.home-cv-copy-v64 h2{font-size:clamp(30px,4vw,48px);line-height:1.15;margin:14px 0}.home-cv-copy-v64>p{font-size:17px;line-height:1.8;color:var(--muted);max-width:760px}.home-cv-features-v64{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.home-cv-features-v64 span{padding:8px 11px;border:1px solid #cce4d6;border-radius:999px;background:#fff;color:#174c38;font-weight:700;font-size:13px}.home-cv-actions-v64{display:flex;gap:10px;flex-wrap:wrap}.home-cv-preview-v64{padding:28px;border:1px solid #b9ddca;border-radius:28px;background:#dff3e8}.home-cv-sheet-v64{min-height:390px;padding:32px;background:#fff;border-radius:16px}.home-cv-sheet-head-v64{display:flex;align-items:center;gap:16px;border-bottom:2px solid #087a4a;padding-bottom:18px}.home-cv-sheet-head-v64 i{width:64px;height:64px;border-radius:50%;background:#087a4a;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900}.home-cv-sheet-head-v64 b{display:block;font-size:20px}.home-cv-sheet-head-v64 span{display:block;color:#087a4a;margin-top:5px}.home-cv-line-v64{height:8px;width:72%;margin-top:22px;border-radius:9px;background:#e5eee9}.home-cv-line-v64.wide{width:96%}.home-cv-columns-v64{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;margin-top:28px}.home-cv-columns-v64 strong{display:block;margin-bottom:12px}.home-cv-columns-v64 span{display:block;height:7px;border-radius:9px;background:#e5eee9;margin:9px 0}.home-cv-columns-v64 em{display:inline-block;font-style:normal;font-size:11px;padding:6px 8px;margin:3px;border-radius:999px;background:#eaf8f0;color:#087a4a}.footer-cv-link-v64 strong{display:inline-block;background:#fff;color:#087a4a;border-radius:5px;padding:2px 5px;font-size:10px}.cvb-page-v64{padding:34px 0 72px;background:#f5f9f7}.cvb-hero-v64{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;padding:26px;border:1px solid #b9ddca;border-radius:24px;background:linear-gradient(135deg,#eaf8f0 0%,#fff 75%)}.cvb-hero-icon-v64{width:76px;height:76px;border-radius:20px;background:#087a4a;color:#fff;display:grid;place-items:center;font-size:25px;font-weight:900}.cvb-hero-copy-v64>span{color:#087a4a;font-weight:800;font-size:12px}.cvb-hero-copy-v64 h1{margin:5px 0 8px;font-size:clamp(30px,4vw,44px)}.cvb-hero-copy-v64 p{margin:0;color:var(--muted);line-height:1.7}.cvb-hero-actions-v64{display:flex;gap:8px;flex-wrap:wrap}.cvb-progress-v64{margin:18px 0;padding:16px 18px;background:#fff;border:1px solid var(--border);border-radius:16px}.cvb-progress-v64>div:first-child{display:flex;justify-content:space-between;margin-bottom:9px}.cvb-progress-track-v64{height:8px;background:#e8efeb;border-radius:999px;overflow:hidden}.cvb-progress-track-v64 span{display:block;height:100%;background:#087a4a}.cvb-layout-v64{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.cvb-main-v64,.cvb-side-card-v64{background:var(--card,#fff);border:1px solid var(--border,#dce7e1);border-radius:20px}.cvb-main-v64{padding:22px}.cvb-language-tabs-v64{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.cvb-language-tab-v64{border:1px solid #cfe0d7;background:#fff;color:#17382c;border-radius:999px;padding:9px 16px;font:inherit;font-weight:700;cursor:pointer}.cvb-language-tab-v64.active{background:#087a4a;border-color:#087a4a;color:#fff}.cvb-language-panel-v64{display:none}.cvb-language-panel-v64.active{display:block}.cvb-section-title-v64{display:flex;gap:13px;align-items:flex-start;margin:28px 0 15px;padding-top:24px;border-top:1px solid var(--border)}.cvb-language-panel-v64 .cvb-section-title-v64:first-child{margin-top:0;padding-top:0;border-top:0}.cvb-section-title-v64>b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eaf8f0;color:#087a4a}.cvb-section-title-v64 h2{margin:0 0 4px;font-size:20px}.cvb-section-title-v64 p{margin:0;color:var(--muted);font-size:13px}.cvb-fields-v64{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cvb-fields-v64 label,.cvb-side-field-v64{display:grid;gap:7px}.cvb-fields-v64 label.full{grid-column:1/-1}.cvb-fields-v64 label>span,.cvb-side-field-v64>span{font-weight:700;font-size:13px}.cvb-fields-v64 input,.cvb-fields-v64 textarea,.cvb-side-field-v64 input,.cvb-side-field-v64 select{width:100%;border:1px solid var(--border);border-radius:12px;padding:12px 13px;background:var(--surface,#fff);color:inherit;font:inherit}.cvb-fields-v64 textarea{min-height:118px;resize:vertical}.cvb-side-v64{display:grid;gap:16px;position:sticky;top:92px}.cvb-side-card-v64{padding:19px}.cvb-side-card-v64 h2{margin:0 0 16px;font-size:19px}.cvb-templates-v64{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cvb-templates-v64 input{position:absolute;opacity:0}.cvb-templates-v64 span{min-height:70px;border:2px solid var(--border);border-radius:12px;display:grid;place-items:center;gap:5px;font-weight:700;cursor:pointer}.cvb-templates-v64 i{display:block;width:34px;height:25px;border:1px solid currentColor;border-left:8px solid currentColor;border-radius:3px;opacity:.7}.cvb-templates-v64 input:checked+span{border-color:#087a4a;background:#eaf8f0;color:#087a4a}.cvb-side-field-v64{margin-top:12px}.cvb-checks-v64{display:grid;gap:9px;margin:16px 0;font-size:13px}.cvb-save-v64,.cvb-preview-v64{display:block;width:100%;border-radius:11px;padding:12px;text-align:center;font-weight:800}.cvb-save-v64{border:0;background:#087a4a;color:#fff;cursor:pointer}.cvb-preview-v64{margin-top:8px;border:1px solid #b9ddca;color:#087a4a;text-decoration:none;background:#fff}html[data-theme=dark] .dashboard-cv-card-v64,html[data-theme=dark] .cvb-hero-v64,html[data-theme=dark] .home-cv-service-v64{background:#10251d}html[data-theme=dark] .home-cv-sheet-v64,html[data-theme=dark] .cvb-main-v64,html[data-theme=dark] .cvb-side-card-v64,html[data-theme=dark] .cvb-progress-v64{background:#0b1c16}html[data-theme=dark] .cvb-language-tab-v64,html[data-theme=dark] .cvb-fields-v64 input,html[data-theme=dark] .cvb-fields-v64 textarea,html[data-theme=dark] .cvb-side-field-v64 input,html[data-theme=dark] .cvb-side-field-v64 select{background:#0b1c16;color:#fff;border-color:#315345}@media(max-width:1050px){.header-cv-button-v64 span{display:none}.home-cv-grid-v64{grid-template-columns:1fr}.cvb-layout-v64{grid-template-columns:1fr}.cvb-side-v64{position:static}.dashboard-cv-card-v64{grid-template-columns:auto 1fr}.dashboard-cv-actions-v64{grid-column:1/-1}}@media(max-width:720px){.dashboard-cv-card-v64,.cvb-hero-v64{grid-template-columns:1fr;text-align:center}.dashboard-cv-icon-v64,.cvb-hero-icon-v64{margin:auto}.dashboard-cv-actions-v64,.cvb-hero-actions-v64{justify-content:center}.home-cv-preview-v64{padding:14px}.home-cv-sheet-v64{min-height:310px;padding:20px}.cvb-fields-v64{grid-template-columns:1fr}.cvb-fields-v64 label.full{grid-column:auto}.cv-main-nav-v64 b{display:none}}

/* BSOURIA V65 — complete CV builder */
.cvb65-page{padding:34px 0 78px;background:#f4f8f6;min-height:calc(100vh - 80px)}
.cvb65-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:26px;border:1px solid #b8ddca;border-radius:24px;background:linear-gradient(135deg,#eaf8f0 0%,#fff 74%)}
.cvb65-hero-icon{width:76px;height:76px;border-radius:20px;display:grid;place-items:center;background:#087a4a;color:#fff;font-size:25px;font-weight:900;box-shadow:0 14px 30px rgba(8,122,74,.18)}
.cvb65-hero-copy>span{display:inline-block;color:#087a4a;font-size:12px;font-weight:850}.cvb65-hero-copy h1{margin:5px 0 8px;font-size:clamp(30px,4vw,44px);line-height:1.15}.cvb65-hero-copy p{margin:0;color:var(--muted);line-height:1.75;max-width:760px}.cvb65-hero-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.cvb65-progress{margin:18px 0;padding:16px 18px;background:var(--card,#fff);border:1px solid var(--border,#dce7e1);border-radius:16px}.cvb65-progress>div:first-child{display:flex;justify-content:space-between;gap:16px;margin-bottom:9px;font-size:13px}.cvb65-progress-track{height:9px;background:#e7efeb;border-radius:999px;overflow:hidden}.cvb65-progress-track span{display:block;height:100%;background:linear-gradient(90deg,#087a4a,#14a564);border-radius:inherit;transition:width .25s ease}
.cvb65-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}.cvb65-main{min-width:0;background:var(--card,#fff);border:1px solid var(--border,#dce7e1);border-radius:22px;padding:22px}.cvb65-side{display:grid;gap:16px;position:sticky;top:94px}.cvb65-side-card{background:var(--card,#fff);border:1px solid var(--border,#dce7e1);border-radius:20px;padding:18px}.cvb65-side-card h2{margin:0 0 15px;font-size:18px}
.cvb65-language-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--border,#dce7e1)}.cvb65-language-head h2{margin:0 0 4px;font-size:19px}.cvb65-language-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.cvb65-language-tabs{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.cvb65-language-tab{border:1px solid #cfe0d7;background:#fff;color:#17382c;border-radius:999px;padding:9px 14px;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.cvb65-language-tab.active{background:#087a4a;border-color:#087a4a;color:#fff}.cvb65-language-panel{display:none}.cvb65-language-panel.active{display:block}
.cvb65-step{padding:28px 0;border-bottom:1px solid var(--border,#dce7e1)}.cvb65-step:last-child{border-bottom:0;padding-bottom:4px}.cvb65-step-head{display:flex;align-items:flex-start;gap:13px;margin-bottom:16px}.cvb65-step-head>b{flex:0 0 auto;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#eaf8f0;color:#087a4a}.cvb65-step-head h2{margin:0 0 4px;font-size:20px}.cvb65-step-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.cvb65-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cvb65-fields.compact{gap:12px}.cvb65-fields label,.cvb65-standalone,.cvb65-side-field{display:grid;gap:7px}.cvb65-fields label.full{grid-column:1/-1}.cvb65-fields label>span,.cvb65-standalone>span,.cvb65-side-field>span{font-size:13px;font-weight:750}.cvb65-fields input,.cvb65-fields textarea,.cvb65-standalone textarea,.cvb65-side-field input,.cvb65-side-field select{width:100%;border:1px solid var(--border,#d6e3dc);border-radius:12px;padding:12px 13px;background:var(--surface,#fff);color:inherit;font:inherit;outline:none;transition:border-color .18s,box-shadow .18s}.cvb65-fields input:focus,.cvb65-fields textarea:focus,.cvb65-standalone textarea:focus,.cvb65-side-field input:focus,.cvb65-side-field select:focus{border-color:#5ab487;box-shadow:0 0 0 3px rgba(8,122,74,.10)}.cvb65-fields textarea,.cvb65-standalone textarea{min-height:112px;resize:vertical}.cvb65-fields small{color:var(--muted);font-size:11px}.cvb65-standalone{margin-top:14px}
.cvb65-repeater{display:grid;gap:12px}.cvb65-repeater-list{display:grid;gap:12px}.cvb65-repeat-card{padding:16px;border:1px solid #d7e6de;border-radius:16px;background:#fbfdfc}.cvb65-repeat-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.cvb65-repeat-title strong{font-size:14px}.cvb65-repeat-title button{border:0;background:transparent;color:#bd2d22;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.cvb65-add-item{justify-self:start;border:1px dashed #86bea0;background:#eff9f3;color:#087a4a;border-radius:11px;padding:10px 13px;font:inherit;font-weight:800;cursor:pointer}.cvb65-date-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cvb65-date-pair label{display:grid;gap:7px}
.cvb65-preview-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:12px;color:var(--muted)}.cvb65-preview-top b{color:#087a4a}.cvb65-preview-sheet{min-height:310px;padding:22px;border-radius:13px;background:#fff;border:1px solid #dce7e1;box-shadow:0 10px 26px rgba(17,55,39,.08);overflow:hidden}.cvb65-preview-name{font-size:22px;font-weight:900;line-height:1.1}.cvb65-preview-headline{color:#087a4a;font-size:14px;font-weight:800;margin-top:6px}.cvb65-preview-target{color:#6a7b73;font-size:11px;margin-top:3px}.cvb65-preview-section{margin-top:18px}.cvb65-preview-section strong{display:block;padding-bottom:5px;border-bottom:2px solid #087a4a;font-size:10px;text-transform:uppercase}.cvb65-preview-section p{margin:7px 0 0;color:#52665d;font-size:10px;line-height:1.55;white-space:pre-line;max-height:55px;overflow:hidden}.cvb65-preview-sheet.template-corporate{border-top:8px solid #1d4f7a}.cvb65-preview-sheet.template-corporate .cvb65-preview-headline,.cvb65-preview-sheet.template-corporate .cvb65-preview-section strong{color:#1d4f7a;border-color:#1d4f7a}.cvb65-preview-sheet.template-creative{border-top:8px solid #b55b25}.cvb65-preview-sheet.template-creative .cvb65-preview-headline,.cvb65-preview-sheet.template-creative .cvb65-preview-section strong{color:#b55b25;border-color:#b55b25}.cvb65-preview-sheet.template-technical{border-top:8px solid #126d78}.cvb65-preview-sheet.template-technical .cvb65-preview-headline,.cvb65-preview-sheet.template-technical .cvb65-preview-section strong{color:#126d78;border-color:#126d78}.cvb65-preview-sheet.template-executive{border-top:8px solid #70562b}.cvb65-preview-sheet.template-executive .cvb65-preview-headline,.cvb65-preview-sheet.template-executive .cvb65-preview-section strong{color:#70562b;border-color:#70562b}.cvb65-preview-sheet.template-minimal{box-shadow:none;border-radius:0}
.cvb65-templates{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cvb65-templates label{position:relative}.cvb65-templates input{position:absolute;opacity:0;pointer-events:none}.cvb65-templates span{min-height:78px;border:2px solid var(--border,#dce7e1);border-radius:13px;display:grid;place-items:center;align-content:center;gap:6px;background:#fff;cursor:pointer}.cvb65-templates i{display:block;width:38px;height:28px;border:1px solid currentColor;border-left:9px solid currentColor;border-radius:3px;opacity:.72}.cvb65-templates b{font-size:12px}.cvb65-templates input:checked+span{border-color:#087a4a;background:#eaf8f0;color:#087a4a}.cvb65-templates .template-corporate{color:#1d4f7a}.cvb65-templates .template-creative{color:#b55b25}.cvb65-templates .template-technical{color:#126d78}.cvb65-templates .template-executive{color:#70562b}
.cvb65-side-field{margin-top:11px}.cvb65-checks{display:grid;gap:9px;margin:15px 0;font-size:13px}.cvb65-save,.cvb65-preview-link{display:block;width:100%;border-radius:11px;padding:12px;text-align:center;font:inherit;font-weight:850}.cvb65-save{border:0;background:#087a4a;color:#fff;cursor:pointer}.cvb65-save:hover{background:#06683f}.cvb65-preview-link{margin-top:8px;border:1px solid #b9ddca;color:#087a4a;text-decoration:none;background:#fff}.cvb65-preview-help{margin:10px 0 0;color:var(--muted);font-size:11px;line-height:1.55;text-align:center}.cvb65-mobile-save{display:none;margin-top:18px}
html[data-theme=dark] .cvb65-page{background:#081711}html[data-theme=dark] .cvb65-hero{background:linear-gradient(135deg,#102a20,#0b1d16 74%)}html[data-theme=dark] .cvb65-main,html[data-theme=dark] .cvb65-side-card,html[data-theme=dark] .cvb65-progress{background:#0b1c16}html[data-theme=dark] .cvb65-repeat-card{background:#10251d;border-color:#294a3c}html[data-theme=dark] .cvb65-fields input,html[data-theme=dark] .cvb65-fields textarea,html[data-theme=dark] .cvb65-standalone textarea,html[data-theme=dark] .cvb65-side-field input,html[data-theme=dark] .cvb65-side-field select,html[data-theme=dark] .cvb65-language-tab,html[data-theme=dark] .cvb65-templates span{background:#0b1c16;color:#fff;border-color:#315345}html[data-theme=dark] .cvb65-preview-sheet{background:#fff;color:#13271f}
@media(max-width:1080px){.cvb65-layout{grid-template-columns:1fr}.cvb65-side{position:static;grid-template-columns:1fr 1fr}.cvb65-live-preview{grid-row:1/3}.cvb65-mobile-save{display:block}.cvb65-side .cvb65-save{display:none}.cvb65-side .cvb65-preview-link{margin-top:0}}
@media(max-width:760px){.cvb65-page{padding-top:18px}.cvb65-hero{grid-template-columns:1fr;text-align:center;padding:20px}.cvb65-hero-icon{margin:auto}.cvb65-hero-actions{justify-content:center}.cvb65-main{padding:15px}.cvb65-language-head{display:block}.cvb65-language-tabs{justify-content:flex-start;margin-top:14px}.cvb65-fields{grid-template-columns:1fr}.cvb65-fields label.full{grid-column:auto}.cvb65-date-pair{grid-template-columns:1fr}.cvb65-side{grid-template-columns:1fr}.cvb65-live-preview{grid-row:auto}.cvb65-step-head h2{font-size:18px}.cvb65-repeat-card{padding:13px}.cvb65-templates{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.cvb65-templates{grid-template-columns:1fr 1fr}.cvb65-language-tab{padding:8px 11px;font-size:12px}}

/* =========================================================
   BSOURIA V66 — EXTRA BRAND / NAVIGATION SEPARATION
   Keeps long French labels away from the Bsouria logo while
   preserving the compact mobile header.
   ========================================================= */
@media (min-width: 1221px) {
    .topbar .brand-logo {
        margin-inline-end: clamp(30px, 2.8vw, 46px) !important;
    }
}

/* =========================================================
   BSOURIA V67 — COMPACT DESKTOP HEADER
   Reduces excessive horizontal spacing and button sizes while
   preserving readable navigation and the existing mobile header.
   ========================================================= */
@media (min-width: 1221px) {
    .topbar > .container.nav {
        gap: 14px !important;
    }

    .topbar .brand-logo {
        margin-inline-end: clamp(12px, 1.2vw, 18px) !important;
    }

    .topbar .nav > nav {
        gap: clamp(10px, .8vw, 16px) !important;
    }

    .topbar .nav-actions {
        gap: 6px !important;
    }

    .topbar .nav-actions .btn,
    .topbar .nav > .btn {
        min-height: 40px !important;
        padding: 8px 13px !important;
        border-radius: 10px !important;
        font-size: 13px !important;
    }

    .header-utility-group {
        min-height: 40px !important;
    }

    .header-utility-group :is(.theme-toggle, .user-notification-toggle, .language-current, .user-profile-toggle) {
        min-height: 40px !important;
        height: 40px !important;
    }

    .header-utility-group .theme-toggle,
    .header-utility-group .user-notification-toggle {
        width: 38px !important;
        min-width: 38px !important;
    }

    .header-utility-group .language-current {
        width: 47px !important;
        min-width: 47px !important;
        padding-inline: 7px !important;
    }

    .header-utility-group .user-profile-toggle {
        gap: 6px !important;
        padding-inline: 7px 9px !important;
    }

    .header-utility-group .user-profile-toggle-avatar {
        width: 31px !important;
        height: 31px !important;
    }

    .header-cv-button-v64 {
        gap: 6px !important;
    }

    .header-cv-button-v64 strong {
        min-width: 24px !important;
        height: 21px !important;
        padding-inline: 5px !important;
        font-size: 10px !important;
    }
}

/* =========================================================
   BSOURIA V68 — WIDE DESKTOP HEADER + CV BUILDER CONTAINER
   Matches the wider red-outline layout requested by the user.
   Desktop only; tablet and mobile keep their responsive widths.
   ========================================================= */
@media (min-width: 1221px) {
    .topbar > .container.nav,
    .cvb65-page > .container {
        width: min(1400px, calc(100% - 40px)) !important;
        max-width: 1400px !important;
        margin-inline: auto !important;
    }

    /* Let the expanded CV form use the new width naturally. */
    .cvb65-layout {
        grid-template-columns: minmax(0, 1fr) 360px !important;
        gap: 24px !important;
    }
}


/* =========================================================
   BSOURIA V69 — REAL GLOBAL 1400PX DESKTOP WIDTH FIX
   The previous V68 selector was being overridden by the later
   shared V17 container system. This updates the real global
   container variable and reinforces the affected wrappers.
   ========================================================= */
@media (min-width: 1221px) {
    :root {
        --site-container: 1400px !important;
        --site-width: 1400px !important;
        --header-width: 1400px !important;
        --site-gutter: 20px !important;
    }

    body .container,
    body .topbar > .container.nav,
    body footer .container,
    body .cvb65-page > .container {
        width: min(1400px, calc(100% - 40px)) !important;
        max-width: 1400px !important;
        margin-inline: auto !important;
    }

    body .cvb65-layout {
        grid-template-columns: minmax(0, 1fr) 380px !important;
        gap: 26px !important;
    }
}

/* =========================================================
   BSOURIA V70 — UNIFIED PUBLIC PAGE AND SECTION TITLES
   One display-title size across the homepage, blog, directory,
   welcome page, CV builder, contact page and standard heroes.
   Language-independent: Arabic, English, Turkish and French.
   Card titles and form-step headings are intentionally excluded.
   ========================================================= */
:root {
    --bsouria-display-title-size: clamp(34px, 3.25vw, 42px);
    --bsouria-display-title-mobile: 30px;
}

body .home-v35 .home-hero-copy-v35 h1,
body .home-v35 .home-cv-copy-v64 h2,
body .home-v35 .home-section-heading-v35 h2,
body .home-v35 .home-steps-copy-v35 h2,
body .blog-hero h1,
body .section-heading h2,
body .bd-hero-copy h1,
body .bd-section-head h2,
body .welcome-syria-page .ws-hero h1,
body .welcome-syria-page .ws-heading h2,
body .welcome-syria-page .ws-invest h2,
body .welcome-syria-page .ws-final h2,
body .contact-hub-hero h1,
body .contact-form-head h2,
body .info-hero h1,
body .article-header h1,
body .cvb65-hero-copy h1,
body .terms-hero-copy h1,
body .privacy-hero-copy h1,
body .ai-hero h1,
body .compass-hero h1 {
    font-size: var(--bsouria-display-title-size) !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
    font-weight: 600 !important;
    text-wrap: balance;
    overflow-wrap: anywhere;
}

/* Arabic needs a little more line height without changing font size. */
html[dir="rtl"] body .home-v35 .home-hero-copy-v35 h1,
html[dir="rtl"] body .home-v35 .home-cv-copy-v64 h2,
html[dir="rtl"] body .home-v35 .home-section-heading-v35 h2,
html[dir="rtl"] body .home-v35 .home-steps-copy-v35 h2,
html[dir="rtl"] body .blog-hero h1,
html[dir="rtl"] body .section-heading h2,
html[dir="rtl"] body .bd-hero-copy h1,
html[dir="rtl"] body .bd-section-head h2,
html[dir="rtl"] body .welcome-syria-page .ws-hero h1,
html[dir="rtl"] body .welcome-syria-page .ws-heading h2,
html[dir="rtl"] body .welcome-syria-page .ws-invest h2,
html[dir="rtl"] body .welcome-syria-page .ws-final h2,
html[dir="rtl"] body .contact-hub-hero h1,
html[dir="rtl"] body .contact-form-head h2,
html[dir="rtl"] body .info-hero h1,
html[dir="rtl"] body .article-header h1,
html[dir="rtl"] body .cvb65-hero-copy h1,
html[dir="rtl"] body .terms-hero-copy h1,
html[dir="rtl"] body .privacy-hero-copy h1,
html[dir="rtl"] body .ai-hero h1,
html[dir="rtl"] body .compass-hero h1 {
    line-height: 1.3 !important;
}

@media (max-width: 700px) {
    body .home-v35 .home-hero-copy-v35 h1,
    body .home-v35 .home-cv-copy-v64 h2,
    body .home-v35 .home-section-heading-v35 h2,
    body .home-v35 .home-steps-copy-v35 h2,
    body .blog-hero h1,
    body .section-heading h2,
    body .bd-hero-copy h1,
    body .bd-section-head h2,
    body .welcome-syria-page .ws-hero h1,
    body .welcome-syria-page .ws-heading h2,
    body .welcome-syria-page .ws-invest h2,
    body .welcome-syria-page .ws-final h2,
    body .contact-hub-hero h1,
    body .contact-form-head h2,
    body .info-hero h1,
    body .article-header h1,
    body .cvb65-hero-copy h1,
    body .terms-hero-copy h1,
    body .privacy-hero-copy h1,
    body .ai-hero h1,
    body .compass-hero h1 {
        font-size: var(--bsouria-display-title-mobile) !important;
        line-height: 1.25 !important;
    }
}


/* V71 — attach an existing Bsouria CV to a business listing */
.business-cv-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.business-cv-choice{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.business-cv-choice:hover{border-color:#8bc4a5;transform:translateY(-1px)}.business-cv-choice.selected{border-color:var(--green);box-shadow:0 0 0 3px rgba(8,122,74,.09);background:var(--surface)}.business-cv-choice.disabled{opacity:.58;cursor:not-allowed;transform:none}.business-cv-choice>input{position:absolute;opacity:0;pointer-events:none}.business-cv-choice-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:var(--soft);color:var(--green);font-size:13px;font-weight:800}.business-cv-choice>span:last-child{display:grid;gap:5px;min-width:0}.business-cv-choice strong{font-size:13px}.business-cv-choice small{color:var(--muted);line-height:1.55;overflow-wrap:anywhere}.business-cv-choice a{width:max-content;max-width:100%;color:var(--green);font-size:11px;font-weight:750;text-decoration:none}.business-cv-choice a:hover{text-decoration:underline}.business-cv-language{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-top:14px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.business-cv-language[hidden]{display:none}.business-cv-language label{display:grid;gap:6px;min-width:220px}.business-cv-language label span{font-size:11px;font-weight:700}.business-cv-language p{max-width:650px;margin:0;color:var(--muted);font-size:10px;line-height:1.65}.business-cv-badge{background:#e4f5eb!important;color:#087a4a!important}.business-attached-cv-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:18px;align-items:center;background:linear-gradient(135deg,var(--surface),var(--soft))}.business-attached-cv-icon{width:76px;height:76px;display:grid;place-items:center;border-radius:20px;background:var(--green);color:#fff;font-size:22px;font-weight:850;box-shadow:0 12px 28px rgba(8,122,74,.18)}.business-attached-cv-card h2{margin-bottom:8px}.business-attached-cv-card p{margin:0 0 14px;color:var(--muted);line-height:1.75}.business-attached-cv-card .btn{width:max-content}@media(max-width:820px){.business-cv-choice-grid{grid-template-columns:1fr}.business-cv-language{align-items:stretch;flex-direction:column}.business-cv-language label{min-width:0}.business-attached-cv-card{grid-template-columns:58px minmax(0,1fr)}.business-attached-cv-icon{width:58px;height:58px;border-radius:16px;font-size:17px}}@media(max-width:520px){.business-attached-cv-card{grid-template-columns:1fr}.business-attached-cv-icon{width:52px;height:52px}.business-cv-choice{grid-template-columns:40px minmax(0,1fr);padding:13px}.business-cv-choice-icon{width:40px;height:40px}}


/* =========================================================
   BSOURIA V73 — PROFESSIONAL CV TEMPLATE GALLERY
   Append-only rules. Existing CSS and typography remain unchanged.
   ========================================================= */

.cvb73-template-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.cvb73-template-option{display:block;min-width:0}
.cvb73-template-card{
    min-height:0!important;
    padding:10px!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    text-align:start;
}
.cvb73-template-card>b{display:block;margin-top:8px}
.cvb73-template-card>small{display:block;color:var(--muted);line-height:1.45;margin-top:3px}
.cvb73-template-paper{
    display:block;
    width:100%;
    aspect-ratio:1.38/1;
    background:#fff;
    border:1px solid #dce7e1;
    border-radius:8px;
    padding:9px;
    overflow:hidden;
    box-shadow:0 5px 14px rgba(16,35,26,.06);
}
.cvb73-mini-header{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center}
.cvb73-mini-header i{width:24px!important;height:24px!important;border:0!important;border-radius:50%!important;background:currentColor!important;opacity:.9!important}
.cvb73-mini-header em{display:block;height:8px;border-radius:99px;background:currentColor;opacity:.7}
.cvb73-mini-summary{display:grid;gap:4px;margin-top:8px;padding-top:7px;border-top:2px solid currentColor}
.cvb73-mini-summary u,.cvb73-mini-columns u{display:block;height:4px;border-radius:99px;background:#dfe8e3;text-decoration:none}
.cvb73-mini-summary u:last-child{width:72%}
.cvb73-mini-columns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.cvb73-mini-columns>i,.cvb73-mini-columns>em{display:grid;gap:4px;padding-top:5px;border-top:1px solid currentColor}
.cvb73-template-card.template-corporate .cvb73-template-paper{border-inline-start:18px solid #1d4f7a;color:#1d4f7a}
.cvb73-template-card.template-minimal .cvb73-template-paper{color:#4f5753;box-shadow:none;border-radius:2px}
.cvb73-template-card.template-creative .cvb73-template-paper{color:#7446c8;background:linear-gradient(145deg,#fff,#faf7ff)}
.cvb73-template-card.template-technical .cvb73-template-paper{color:#149b8d;background:linear-gradient(145deg,#f2fffc,#fff)}
.cvb73-template-card.template-executive .cvb73-template-paper{color:#c38a2d;border-block-end:12px solid #19231f}
.cvb73-template-option input:checked+.cvb73-template-card{border-color:#087a4a!important;background:#eaf8f0!important;color:#087a4a}

.home-cv-preview-v73{padding:24px}
.home-cv-sheet-v73{
    width:100%;
    max-width:520px;
    margin-inline:auto;
    background:#fff;
    border:1px solid #d8e7df;
    border-radius:18px;
    padding:26px;
    box-shadow:0 18px 45px rgba(16,35,26,.09);
    color:#173128;
}
.home-cv-head-v73{display:grid;grid-template-columns:58px 1fr;gap:16px;align-items:center}
.home-cv-avatar-v73{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#087a4a;color:#fff;font-weight:800}
.home-cv-head-v73 b,.home-cv-head-v73 span{display:block}
.home-cv-head-v73 span{color:#087a4a;font-weight:700;margin-top:3px}
.home-cv-summary-v73{display:grid;gap:6px;margin-top:20px;padding-top:14px;border-top:2px solid #087a4a}
.home-cv-summary-v73 i,.home-cv-experience-v73 i{height:6px;border-radius:99px;background:#e1eae5}
.home-cv-summary-v73 i:last-child,.home-cv-experience-v73 i:last-child{width:72%}
.home-cv-content-v73{display:grid;grid-template-columns:1.45fr .85fr;gap:20px;margin-top:24px}
.home-cv-experience-v73,.home-cv-skills-v73{display:grid;align-content:start;gap:7px;padding-top:10px;border-top:1px solid #cddbd3}
.home-cv-experience-v73>b{color:#087a4a}
.home-cv-experience-v73>span{color:#687970}
.home-cv-skills-v73 em{display:block;border:1px solid #cfe5d7;background:#eef8f2;color:#087a4a;border-radius:999px;padding:5px 9px;font-style:normal;width:max-content;max-width:100%}
.home-cv-footer-v73{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:24px -26px -26px;padding:12px 26px;background:#087a4a;color:#fff;border-radius:0 0 18px 18px}
html[dir="rtl"] .home-cv-sheet-v73{text-align:right}
html[dir="ltr"] .home-cv-sheet-v73{text-align:left}

@media(max-width:760px){
    .cvb73-template-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .home-cv-content-v73{grid-template-columns:1fr}
}
@media(max-width:480px){
    .cvb73-template-gallery{grid-template-columns:1fr!important}
    .home-cv-preview-v73{padding:14px}
    .home-cv-sheet-v73{padding:19px}
    .home-cv-footer-v73{margin:20px -19px -19px;padding:11px 19px}
}


/* V74 — template gallery image-only cleanup */
.cvb73-template-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cvb73-template-option{display:block;min-width:0}
.cvb73-template-card{padding:0!important;display:block!important;background:transparent!important;border:0!important;box-shadow:none!important}
.cvb73-template-card>b,.cvb73-template-card>small{display:none!important}
.cvb73-template-paper{width:100%;aspect-ratio:1.42/1;border-radius:12px;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.cvb73-template-option:hover .cvb73-template-paper{transform:translateY(-1px);box-shadow:0 10px 22px rgba(16,35,26,.08)}
.cvb73-template-option input:checked + .cvb73-template-card .cvb73-template-paper{border-color:#087a4a!important;box-shadow:0 0 0 3px rgba(8,122,74,.10),0 10px 24px rgba(16,35,26,.08)!important}
@media(max-width:640px){.cvb73-template-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cvb73-template-paper{aspect-ratio:1.3/1}}


/* V74.1 — no visible text in the template chooser */
.cvb74-images-only{padding-top:18px!important}
.cvb74-images-only>h2,.cvb74-images-only .cvb73-template-card>b,.cvb74-images-only .cvb73-template-card>small{display:none!important}
.cvb74-images-only .cvb73-template-gallery{margin:0!important}
/* Bsouria social sign-in buttons — isolated from the main site stylesheet */
.social-auth-options{display:grid;gap:10px;margin:0 0 18px}
.social-auth-button{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:50px;padding:11px 18px;border-radius:12px;text-decoration:none;font:inherit;font-weight:700;line-height:1.25;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}
.social-auth-button:hover{transform:translateY(-1px)}
.social-auth-button:focus-visible{outline:3px solid rgba(11,122,73,.18);outline-offset:2px}
.social-auth-icon{position:absolute;inset-inline-start:17px;width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px}
.social-auth-icon svg{display:block;width:22px;height:22px}
.social-auth-google{background:#fff;color:#1f1f1f;border:1px solid #dadce0;box-shadow:0 1px 2px rgba(60,64,67,.08)}
.social-auth-google:hover{background:#f8f9fa;border-color:#c7c9cc;box-shadow:0 2px 6px rgba(60,64,67,.14)}
.social-auth-facebook{background:#1877f2;color:#fff;border:1px solid #1877f2;box-shadow:0 3px 10px rgba(24,119,242,.18)}
.social-auth-facebook:hover{background:#166fe5;border-color:#166fe5;box-shadow:0 5px 14px rgba(24,119,242,.25)}
.social-auth-divider{display:flex;align-items:center;gap:13px;margin:2px 0 18px;color:var(--muted,#65736b);font-size:13px;font-weight:600}
.social-auth-divider::before,.social-auth-divider::after{content:"";height:1px;background:var(--line,#dce6df);flex:1}
html[data-theme="dark"] .social-auth-google{background:#fff;color:#1f1f1f;border-color:#dadce0}
@media(max-width:700px){.social-auth-button{min-height:48px;padding-inline:46px}.social-auth-icon{inset-inline-start:15px}}

/* Article engagement module — isolated from the existing site stylesheet. */
.article-engagement-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:20px 0 28px;padding:12px 0;border-top:1px solid rgba(14,84,54,.13);border-bottom:1px solid rgba(14,84,54,.13)}
.article-engagement-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.article-action,.article-stat{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid rgba(14,84,54,.18);border-radius:10px;background:#fff;color:inherit;font:inherit;text-decoration:none;cursor:pointer}.article-action:hover{border-color:#11834f;background:#f3fbf7}.article-action.active{color:#0f8450;border-color:#0f8450;background:#effaf4}.article-action svg,.article-stat svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.article-rating{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid rgba(14,84,54,.18);border-radius:10px;background:#fff}.article-rating button{border:0;background:transparent;padding:2px;cursor:pointer;font-size:19px;color:#c7c7c7;line-height:1}.article-rating button.on,.article-rating button:hover{color:#f6b800}.article-comments-box{margin-top:34px;padding-top:24px;border-top:1px solid rgba(14,84,54,.13)}.article-comment-form textarea{width:100%;min-height:110px;resize:vertical}.article-comments-list{display:grid;gap:12px;margin-top:20px}.article-comment{padding:14px 16px;border:1px solid rgba(14,84,54,.14);border-radius:12px;background:#fff}.article-comment-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.article-comment p{margin:0;white-space:pre-wrap}.article-login-note{padding:12px 14px;border-radius:10px;background:#f3faf6}.article-share-menu{position:relative}.article-share-options{position:absolute;z-index:20;top:calc(100% + 8px);inset-inline-end:0;display:none;min-width:190px;padding:8px;border:1px solid rgba(14,84,54,.16);border-radius:12px;background:#fff;box-shadow:0 12px 32px rgba(15,60,40,.12)}.article-share-menu.open .article-share-options{display:grid}.article-share-options a,.article-share-options button{display:block;width:100%;padding:9px 10px;text-align:start;border:0;border-radius:8px;background:transparent;color:inherit;text-decoration:none;cursor:pointer}.article-share-options a:hover,.article-share-options button:hover{background:#f3faf6}@media(max-width:700px){.article-engagement-bar{align-items:stretch}.article-engagement-group{width:100%}.article-action,.article-stat{flex:1;justify-content:center}.article-rating{width:100%;justify-content:center}}

/* Dark mode — keep article actions consistent with the rest of the interface. */
html[data-theme="dark"] .article-engagement-bar{
  border-color:rgba(255,255,255,.11);
}
html[data-theme="dark"] .article-action,
html[data-theme="dark"] .article-stat,
html[data-theme="dark"] .article-rating{
  background:#0b0f0d;
  border-color:#31473d;
  color:#eef7f2;
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset;
}
html[data-theme="dark"] .article-action svg,
html[data-theme="dark"] .article-stat svg{
  color:#eef7f2;
  stroke:#eef7f2;
}
html[data-theme="dark"] .article-action:hover{
  background:#141d19;
  border-color:#4c7964;
  color:#fff;
  transform:translateY(-1px);
}
html[data-theme="dark"] .article-action:hover svg{
  stroke:#fff;
}
html[data-theme="dark"] .article-action.active{
  background:#113324;
  border-color:#2b8f60;
  color:#8ce0b5;
}
html[data-theme="dark"] .article-action.active svg{
  stroke:#8ce0b5;
}
html[data-theme="dark"] .article-rating button{
  color:#65736c;
}
html[data-theme="dark"] .article-rating button.on,
html[data-theme="dark"] .article-rating button:hover{
  color:#f4bd3f;
}
html[data-theme="dark"] .article-share-options{
  background:#0b0f0d;
  border-color:#31473d;
  box-shadow:0 18px 42px rgba(0,0,0,.38);
}
html[data-theme="dark"] .article-share-options a,
html[data-theme="dark"] .article-share-options button{
  color:#eef7f2;
}
html[data-theme="dark"] .article-share-options a:hover,
html[data-theme="dark"] .article-share-options button:hover{
  background:#17231d;
  color:#8ce0b5;
}
html[data-theme="dark"] .article-comments-box{
  border-color:#294038;
}
html[data-theme="dark"] .article-comment{
  background:#0b0f0d;
  border-color:#31473d;
  color:#eef7f2;
}
html[data-theme="dark"] .article-login-note{
  background:#121f19;
  border:1px solid #294038;
  color:#c9d9d0;
}

.article-comment-head>div:first-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.article-comment-actions{display:flex;align-items:center;gap:6px}.article-comment-actions form{margin:0}.article-comment-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(14,84,54,.18);border-radius:9px;background:#f7fbf9;color:#0f8450;cursor:pointer}.article-comment-icon:hover{background:#eaf7f0;border-color:#11834f}.article-comment-icon.danger{color:#c53939}.article-comment-icon.danger:hover{background:#fff0f0;border-color:#d85a5a}.article-comment-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.article-comment-edit-form{margin-top:12px}.article-comment-edit-form textarea{width:100%;min-height:90px;resize:vertical}.article-comment-edit-form>div{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
html[data-theme="dark"] .article-comment-icon{background:#121f19;border-color:#31473d;color:#8ce0b5}html[data-theme="dark"] .article-comment-icon:hover{background:#193326;border-color:#4c7964}html[data-theme="dark"] .article-comment-icon.danger{color:#ff8c8c}html[data-theme="dark"] .article-comment-icon.danger:hover{background:#321818;border-color:#8d4545}

/* Long-form verification guide layout and reading improvements. */
.article-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 18px;color:#6d7f76;font-size:13px}.article-breadcrumb a{color:#0c7a4b;text-decoration:none;font-weight:600}.article-breadcrumb a:hover{text-decoration:underline}.article-breadcrumb span:last-child{max-width:560px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-meta-enhanced{display:grid;grid-template-columns:repeat(4,minmax(0,auto));justify-content:start;gap:10px 18px;margin-top:22px!important}.article-meta-enhanced span{display:inline-flex;align-items:center;gap:4px}.article-meta-enhanced strong{color:#41564c;font-weight:600}.main-article-content{min-width:0}.main-article-content>p:first-child,.main-article-content .article-lead{font-size:1.08em;line-height:2.05;color:#334e42}.main-article-content h2{scroll-margin-top:110px;padding-top:5px}.main-article-content h3{scroll-margin-top:110px}.main-article-content .article-note{margin:26px 0;padding:20px 22px;border:1px solid #cfe4d7;border-inline-start:5px solid #178754;border-radius:14px;background:#f3faf6;color:#27483a}.main-article-content .article-note.important{border-color:#eed69a;border-inline-start-color:#c58a10;background:#fff9e9;color:#594715}.main-article-content .article-note p:last-child{margin-bottom:0}.main-article-content .article-checklist{margin:22px 0;padding:22px 24px;border:1px solid #d9e7df;border-radius:16px;background:#fbfdfc;list-style:none}.main-article-content .article-checklist li{position:relative;padding-inline-start:30px;margin:.7em 0}.main-article-content .article-checklist li::before{content:'✓';position:absolute;inset-inline-start:0;top:.05em;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#dff4e8;color:#087a4a;font-size:12px;font-weight:700}.main-article-content .article-sources{margin:30px 0;padding:24px;border:1px solid #dce7e1;border-radius:18px;background:#f8fbf9}.main-article-content .article-sources h2,.main-article-content .article-sources h3{margin-top:0}.main-article-content .article-sources a{overflow-wrap:anywhere}.article-toc{position:sticky;top:96px;display:grid;gap:4px;max-height:calc(100vh - 120px);overflow:auto}.article-toc strong{position:sticky;top:-20px;z-index:1;margin:-4px -4px 8px;padding:5px 4px 10px;background:#fff}.article-toc a{display:block;padding:8px 10px;border-radius:9px;color:#53675d;font-size:13px;line-height:1.45;text-decoration:none}.article-toc a:hover{background:#edf8f2;color:#087a4a}.article-source-reminder p{margin:0;color:#65766e;font-size:13px;line-height:1.7}.article-related-section{padding-top:54px;padding-bottom:54px}.article-related-section .section-heading{margin-bottom:22px}.article-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.article-related-card{display:flex;align-items:flex-start;gap:15px;min-height:155px;padding:22px;border:1px solid #dce7e1;border-radius:18px;background:#fff}.article-related-card h3{margin:0 0 8px;font-size:18px;line-height:1.45}.article-related-card h3 a{color:#173328;text-decoration:none}.article-related-card h3 a:hover{color:#087a4a}.article-related-card p{margin:0 0 9px;color:#63756c;font-size:14px;line-height:1.7}.article-related-card small{color:#7b8c84}.article-related-mark{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:#e5f5ec;color:#087a4a;font-weight:700;font-size:17px}.article-disclaimer p{margin-bottom:0}.article-cover{margin-top:16px}

html[data-theme="dark"] .article-breadcrumb{color:#98aaa1}html[data-theme="dark"] .article-breadcrumb a{color:#83d9ac}html[data-theme="dark"] .article-meta-enhanced strong{color:#d7e5dd}html[data-theme="dark"] .main-article-content>p:first-child,html[data-theme="dark"] .main-article-content .article-lead{color:#d0ddd6}html[data-theme="dark"] .main-article-content .article-note{background:#11251c;border-color:#315543;color:#d9e9e0}html[data-theme="dark"] .main-article-content .article-note.important{background:#2a2413;border-color:#705d2c;color:#f1dfa4}html[data-theme="dark"] .main-article-content .article-checklist{background:#0d1712;border-color:#2c4438}html[data-theme="dark"] .main-article-content .article-checklist li::before{background:#163b2a;color:#8ce0b5}html[data-theme="dark"] .main-article-content .article-sources{background:#0d1712;border-color:#2c4438}html[data-theme="dark"] .article-toc strong{background:#0b0f0d}html[data-theme="dark"] .article-toc a{color:#c5d4cc}html[data-theme="dark"] .article-toc a:hover{background:#172a21;color:#8ce0b5}html[data-theme="dark"] .article-source-reminder p{color:#aabbb2}html[data-theme="dark"] .article-related-card{background:#0b0f0d;border-color:#31473d}html[data-theme="dark"] .article-related-card h3 a{color:#edf6f1}html[data-theme="dark"] .article-related-card h3 a:hover{color:#8ce0b5}html[data-theme="dark"] .article-related-card p,html[data-theme="dark"] .article-related-card small{color:#a7b8af}html[data-theme="dark"] .article-related-mark{background:#173b2a;color:#8ce0b5}

@media(max-width:980px){.article-meta-enhanced{grid-template-columns:repeat(2,minmax(0,auto))}.article-toc{position:static;max-height:none}.article-related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.article-breadcrumb span:last-child{max-width:220px}.article-meta-enhanced{grid-template-columns:1fr;gap:7px}.article-related-grid{grid-template-columns:1fr}.main-article-content .article-note,.main-article-content .article-checklist,.main-article-content .article-sources{padding:18px}.article-related-section{padding-top:40px;padding-bottom:40px}}
.preserve-section-note{margin:0 0 18px;color:var(--muted);max-width:760px}.preserve-verification-page{max-width:900px}.preserve-verification-card{border:1px solid var(--border);border-radius:24px;background:var(--surface);padding:32px;display:grid;gap:20px}.preserve-verification-card h1,.preserve-verification-card h2{margin:0}.verification-status{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid var(--border);border-radius:16px}.verification-instructions{display:grid;gap:12px;padding:20px;border-radius:18px;background:var(--surface-2);border:1px solid var(--border)}.verification-instructions code{display:block;direction:ltr;text-align:left;overflow:auto;padding:14px;border-radius:12px;background:var(--input-bg);border:1px solid var(--border);color:var(--ink)}.status.verified{background:var(--success-bg);color:var(--success-text)}.status.pending,.status.failed,.status.manual_review{background:var(--warning-bg);color:var(--warning-text)}@media(max-width:700px){.preserve-verification-card{padding:22px}.verification-status{align-items:flex-start;flex-direction:column}}
.welcome-syria-page{background:var(--bg,#fff);color:var(--text,#14261e);overflow:hidden}.welcome-syria-page *{box-sizing:border-box}.ws-hero{padding:72px 0 62px;background:radial-gradient(circle at 15% 10%,rgba(37,168,104,.14),transparent 34%),linear-gradient(135deg,#f4fbf7 0%,#fff 62%)}.ws-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(400px,.98fr);gap:64px;align-items:center}.ws-eyebrow,.ws-heading>span,.ws-heading>div>span{display:inline-block;color:#0a8a50;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}.ws-hero h1{font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.055em;margin:0 0 24px;max-width:760px}.ws-hero h1 span{color:#098a50}.ws-hero-copy>p{font-size:18px;line-height:1.85;color:#5b6d64;max-width:700px;margin:0}.ws-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 20px}.ws-trust{display:flex;gap:22px;flex-wrap:wrap;color:#577067;font-size:13px;font-weight:700}.ws-hero-visual{position:relative}.ws-hero-visual:before{content:"";position:absolute;inset:9% -5% -7% 11%;background:#0a3a28;border-radius:38px;transform:rotate(3deg)}.ws-hero-visual img{display:block;position:relative;width:100%;height:520px;object-fit:cover;border-radius:32px;box-shadow:0 26px 70px rgba(8,52,35,.2)}.ws-floating-card{position:absolute;z-index:2;inset:auto auto 24px -32px;width:250px;padding:19px 21px;background:#fff;border:1px solid #dbeae2;border-radius:18px;box-shadow:0 18px 45px rgba(8,50,34,.16)}.ws-floating-card strong,.ws-floating-card span{display:block}.ws-floating-card strong{font-size:16px;margin-bottom:5px}.ws-floating-card span{color:#63766c;font-size:13px}.ws-stats{background:#092a1e;color:#fff}.ws-stats-grid{display:grid;grid-template-columns:repeat(5,1fr)}.ws-stats-grid>div{padding:30px 24px;text-align:center;border-inline-end:1px solid rgba(255,255,255,.11)}.ws-stats-grid>div:last-child{border:0}.ws-stats strong{font-size:31px;display:block}.ws-stats span{font-size:13px;color:#b8d0c4}.ws-section{padding:88px 0}.ws-soft{background:#f3f8f5}.ws-dark{background:#08251a;color:#fff}.ws-heading{max-width:760px;margin-bottom:38px}.ws-heading h2{font-size:clamp(32px,4vw,49px);line-height:1.12;letter-spacing:-.035em;margin:0}.ws-heading p{color:#687970;line-height:1.75;font-size:16px;margin:17px 0 0}.ws-heading-row{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:30px}.ws-heading-row>div{max-width:760px}.ws-heading-row>a{color:#087f49;font-weight:800;white-space:nowrap}.ws-heading-light>span{color:#60d197}.ws-heading-light h2{max-width:780px}.ws-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ws-feature{padding:30px;border:1px solid #dbe7e0;border-radius:20px;background:#fff;min-height:245px;transition:.22s}.ws-feature:hover{transform:translateY(-5px);border-color:#9ecdb4;box-shadow:0 18px 45px rgba(10,70,45,.08)}.ws-feature i{display:grid;place-items:center;width:44px;height:44px;background:#e8f6ee;color:#07864c;border-radius:13px;font-style:normal;font-weight:900;font-size:20px}.ws-feature h3{font-size:21px;margin:24px 0 10px}.ws-feature p{line-height:1.72;color:#66776f;margin:0}.ws-sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.ws-sector-grid a{display:grid;grid-template-columns:45px 1fr;gap:2px 14px;align-items:center;padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.045);color:#fff;transition:.2s}.ws-sector-grid a:hover{background:rgba(255,255,255,.09);transform:translateY(-3px)}.ws-sector-grid span{grid-row:1/3;font-size:26px}.ws-sector-grid strong{font-size:16px}.ws-sector-grid small{color:#9fc3b1}.ws-card-grid{display:grid;gap:20px}.ws-card-grid-3{grid-template-columns:repeat(3,1fr)}.ws-content-card{overflow:hidden;background:#fff;border:1px solid #dce7e1;border-radius:20px;transition:.2s}.ws-content-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(9,54,36,.1)}.ws-card-image{height:210px;background:linear-gradient(135deg,#dff1e7,#eff7f3);display:grid;place-items:center;overflow:hidden}.ws-card-image img{width:100%;height:100%;object-fit:cover}.ws-card-image>span{font-size:42px;color:#0b8550}.ws-card-body{padding:24px}.ws-card-body small{display:block;color:#668076;font-size:12px;margin-bottom:10px}.ws-card-body h3{font-size:20px;line-height:1.35;margin:0 0 11px}.ws-card-body h3 a{color:inherit}.ws-card-body p{color:#697a72;line-height:1.65;margin:0 0 18px}.ws-card-link{color:#087f49;font-weight:800;font-size:13px}.ws-business-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ws-business{display:flex;align-items:center;gap:15px;padding:18px;background:#fff;border:1px solid #dae6df;border-radius:17px;color:inherit}.ws-business:hover{border-color:#8fc5a8}.ws-business-logo{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:#e6f4ec;color:#07814a;font-size:22px;font-weight:900;overflow:hidden;flex:0 0 auto}.ws-business-logo img{width:100%;height:100%;object-fit:cover}.ws-business div:nth-child(2){min-width:0;flex:1}.ws-business strong,.ws-business span{display:block}.ws-business strong{margin-bottom:5px}.ws-business span{color:#6a7b73;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-business>b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#0b8b51;color:#fff}.ws-invest{background:linear-gradient(135deg,#e9f7ef,#fff)}.ws-invest-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.ws-invest h2{font-size:clamp(34px,4vw,53px);line-height:1.1;letter-spacing:-.04em;margin:0 0 22px}.ws-invest p{color:#63766c;font-size:16px;line-height:1.8;margin:0 0 26px}.ws-reasons{display:grid;gap:12px}.ws-reasons>div{display:grid;grid-template-columns:55px 1fr;align-items:center;gap:15px;padding:20px;background:#fff;border:1px solid #d6e6dd;border-radius:16px}.ws-reasons b{color:#0a8b50;font-size:18px}.ws-reasons span{font-weight:750;line-height:1.45}.ws-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.ws-steps>div{position:relative;padding:25px 23px;background:#fff;border:1px solid #dbe7e0;border-radius:18px}.ws-steps b,.ws-steps strong,.ws-steps span{display:block}.ws-steps b{color:#0b8950;font-size:13px;margin-bottom:38px}.ws-steps strong{font-size:17px;margin-bottom:8px}.ws-steps span{font-size:13px;line-height:1.55;color:#687a71}.ws-final{padding:38px 0 80px}.ws-final-inner{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:42px 46px;border-radius:25px;background:#092a1e;color:#fff}.ws-final span{color:#72d8a5;font-size:13px;font-weight:800}.ws-final h2{font-size:clamp(28px,3vw,42px);max-width:800px;margin:10px 0 0;line-height:1.15}.ws-final-inner>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.ws-final .btn.secondary{border-color:rgba(255,255,255,.35);color:#fff;background:transparent}html[dir="rtl"] .ws-floating-card{left:auto;right:-32px}html[data-theme="dark"] .welcome-syria-page{background:#0c1712;color:#edf5f0}html[data-theme="dark"] .ws-hero{background:radial-gradient(circle at 15% 10%,rgba(33,161,97,.15),transparent 34%),#0c1712}html[data-theme="dark"] .ws-hero-copy>p,html[data-theme="dark"] .ws-heading p,html[data-theme="dark"] .ws-card-body p,html[data-theme="dark"] .ws-feature p,html[data-theme="dark"] .ws-invest p{color:#a1b2a9}html[data-theme="dark"] .ws-floating-card,html[data-theme="dark"] .ws-feature,html[data-theme="dark"] .ws-content-card,html[data-theme="dark"] .ws-business,html[data-theme="dark"] .ws-reasons>div,html[data-theme="dark"] .ws-steps>div{background:#13231b;border-color:#294036}html[data-theme="dark"] .ws-soft{background:#0f1e17}html[data-theme="dark"] .ws-invest{background:#10231a}html[data-theme="dark"] .ws-card-image{background:#193528}
@media(max-width:1000px){.ws-hero-grid,.ws-invest-grid{grid-template-columns:1fr}.ws-hero-visual{max-width:720px}.ws-feature-grid,.ws-sector-grid,.ws-card-grid-3{grid-template-columns:repeat(2,1fr)}.ws-stats-grid{grid-template-columns:repeat(3,1fr)}.ws-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.ws-hero{padding:45px 0}.ws-hero-grid{gap:38px}.ws-hero h1{font-size:45px}.ws-hero-copy>p{font-size:16px}.ws-hero-visual img{height:370px;border-radius:23px}.ws-floating-card{position:relative;inset:auto!important;width:calc(100% - 28px);margin:-46px auto 0}.ws-stats-grid{grid-template-columns:repeat(2,1fr)}.ws-stats-grid>div{padding:22px 12px}.ws-section{padding:62px 0}.ws-heading-row{display:block}.ws-heading-row>a{display:inline-block;margin-top:18px}.ws-feature-grid,.ws-sector-grid,.ws-card-grid-3,.ws-business-grid,.ws-steps{grid-template-columns:1fr}.ws-feature{min-height:0}.ws-final-inner{display:block;padding:32px 25px}.ws-final-inner>div:last-child{margin-top:24px}.ws-final .btn{width:100%;text-align:center}.ws-trust{display:grid;gap:8px}}

/* =========================================================
   BSOURIA V39 — Unified primary hero sizing
   Welcome to Syria matches Opportunities and Business Directory
   ========================================================= */
.ws-hero{
  padding:46px 0 42px;
  min-height:var(--primary-hero-height,460px);
  display:flex;
  align-items:center;
}
.ws-hero>.container{width:100%}
.ws-hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(340px,480px);
  gap:var(--primary-hero-gap,44px);
  align-items:center;
}
.ws-hero h1{
  max-width:680px;
  font-size:var(--primary-hero-title,clamp(38px,4.2vw,54px));
  line-height:1.08;
  letter-spacing:-1.5px;
  margin:10px 0 16px;
}
.ws-hero-copy>p{
  max-width:680px;
  font-size:var(--primary-hero-copy,16px);
  line-height:1.75;
}
.ws-actions{margin:20px 0 15px}
.ws-trust{gap:16px;font-size:12px}
.ws-hero-visual{
  width:100%;
  max-width:480px;
  height:var(--primary-hero-visual-height,360px);
  margin-inline:auto;
}
.ws-hero-visual:before{inset:8% -4% -6% 10%;border-radius:28px}
.ws-hero-visual img{
  width:100%;
  height:100%;
  border-radius:26px;
  object-fit:cover;
  box-shadow:0 20px 52px rgba(8,52,35,.18);
}
.ws-floating-card{
  inset:auto auto 18px -22px;
  width:210px;
  padding:15px 17px;
  border-radius:15px;
}
.ws-floating-card strong{font-size:14px}
.ws-floating-card span{font-size:12px}
html[dir="rtl"] .ws-floating-card{left:auto;right:-22px}

@media(max-width:1000px){
  .ws-hero{min-height:0}
  .ws-hero-grid{grid-template-columns:1fr;gap:30px}
  .ws-hero-visual{max-width:620px}
}
@media(max-width:680px){
  .ws-hero{padding:34px 0}
  .ws-hero h1{font-size:36px;letter-spacing:-.8px}
  .ws-hero-copy>p{font-size:15px}
  .ws-hero-visual{height:280px}
  .ws-floating-card{position:relative;inset:auto!important;width:calc(100% - 28px);margin:-40px auto 0}
}


/* =========================================================
   BSOURIA V40 — Rich multilingual SEO links and resources
   ========================================================= */
.ws-hero-copy>p a{color:#087f49;font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.ws-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ws-resource-card{display:flex;gap:17px;align-items:flex-start;padding:24px;background:#fff;border:1px solid #d9e7df;border-radius:18px;color:inherit;transition:transform .2s,border-color .2s,box-shadow .2s}
.ws-resource-card:hover{transform:translateY(-4px);border-color:#88c5a5;box-shadow:0 18px 42px rgba(9,60,39,.08)}
.ws-resource-card i{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:13px;background:#e7f5ed;color:#087f49;font-style:normal;font-size:20px;font-weight:900}
.ws-resource-card strong{display:block;font-size:18px;line-height:1.35;margin:1px 0 8px}
.ws-resource-card p{color:#66786f;line-height:1.65;margin:0 0 13px;font-size:14px}
.ws-resource-card span{color:#087f49;font-size:13px;font-weight:800}
.ws-resource-grid-official{grid-template-columns:repeat(3,minmax(0,1fr))}
.ws-external-card{background:#fff}
.ws-source-note{margin:20px 0 0;color:#6f7f77;font-size:12px;line-height:1.65}
.ws-faq-list{display:grid;gap:12px;max-width:900px}
.ws-faq-list details{background:#fff;border:1px solid #dbe7e0;border-radius:15px;padding:0 20px}
.ws-faq-list summary{cursor:pointer;font-weight:800;font-size:16px;padding:19px 28px 19px 0;position:relative;list-style:none}
html[dir="rtl"] .ws-faq-list summary{padding:19px 0 19px 28px}
.ws-faq-list summary::-webkit-details-marker{display:none}
.ws-faq-list summary:after{content:"+";position:absolute;right:0;top:17px;color:#087f49;font-size:22px}
html[dir="rtl"] .ws-faq-list summary:after{right:auto;left:0}
.ws-faq-list details[open] summary:after{content:"−"}
.ws-faq-list details p{margin:0;padding:0 0 20px;color:#66786f;line-height:1.75}
html[data-theme="dark"] .ws-resource-card,html[data-theme="dark"] .ws-faq-list details{background:#13231b;border-color:#294036}
html[data-theme="dark"] .ws-resource-card p,html[data-theme="dark"] .ws-faq-list details p,html[data-theme="dark"] .ws-source-note{color:#a1b2a9}
@media(max-width:1000px){.ws-resource-grid-official{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.ws-resource-grid,.ws-resource-grid-official{grid-template-columns:1fr}.ws-resource-card{padding:20px}.ws-resource-card strong{font-size:16px}}
/* =========================================================
   BSOURIA V41 — Primary Hero Standard
   Shared compact sizing for Opportunities, Welcome to Syria,
   and Business Directory. Page content and identity stay unique.
   ========================================================= */
:root{
  --primary-hero-height:420px;
  --primary-hero-title:clamp(34px,3.65vw,46px);
  --primary-hero-copy:15.5px;
  --primary-hero-visual-height:320px;
  --primary-hero-gap:36px;
  --primary-hero-button-height:46px;
  --primary-hero-radius:22px;
}

/* Shared typography */
.hero.pro-hero .hero-copy h1,
.directory-hero h1,
.ws-hero h1{
  max-width:650px;
  font-size:var(--primary-hero-title)!important;
  line-height:1.1!important;
  letter-spacing:-1.1px!important;
  margin-top:9px!important;
  margin-bottom:14px!important;
}
.hero.pro-hero .hero-copy>p,
.directory-hero p,
.ws-hero-copy>p{
  max-width:650px;
  font-size:var(--primary-hero-copy)!important;
  line-height:1.72!important;
}
.hero.pro-hero .trust-pill,
.directory-hero .section-kicker,
.ws-hero .ws-eyebrow{
  font-size:12px;
}

/* Shared buttons */
.hero.pro-hero .hero-actions .btn,
.hero.pro-hero .hero-search .btn,
.directory-hero .directory-hero-actions .btn,
.directory-hero .directory-hero-search .btn,
.ws-hero .ws-actions .btn{
  min-height:var(--primary-hero-button-height);
  padding-top:10px;
  padding-bottom:10px;
  border-radius:11px;
}

/* Opportunities */
.hero.pro-hero{
  min-height:var(--primary-hero-height)!important;
  padding:38px 0 36px!important;
}
.hero.pro-hero .hero-grid.pro-grid{
  grid-template-columns:minmax(0,1fr) minmax(300px,430px)!important;
  gap:var(--primary-hero-gap)!important;
}
.hero.pro-hero .hero-business-image{
  max-width:430px!important;
  height:var(--primary-hero-visual-height)!important;
}
.hero.pro-hero .hero-search{margin-top:17px!important}
.hero.pro-hero .hero-actions{margin-top:13px!important}

/* Welcome to Syria */
.ws-hero{
  min-height:var(--primary-hero-height)!important;
  padding:38px 0 36px!important;
}
.ws-hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(300px,430px)!important;
  gap:var(--primary-hero-gap)!important;
}
.ws-hero-visual{
  max-width:430px!important;
  height:var(--primary-hero-visual-height)!important;
}
.ws-hero-visual:before{border-radius:24px!important}
.ws-hero-visual img{border-radius:22px!important}
.ws-actions{margin:17px 0 13px!important}
.ws-floating-card{
  width:190px!important;
  padding:13px 15px!important;
  inset-block-end:15px!important;
}
.ws-floating-card strong{font-size:13px!important}
.ws-floating-card span{font-size:11px!important}

/* Business Directory */
.directory-hero{
  min-height:var(--primary-hero-height)!important;
  padding:34px 0!important;
}
.directory-hero-panel{
  min-height:344px!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,430px)!important;
  gap:var(--primary-hero-gap)!important;
  padding:24px 28px!important;
  border-radius:var(--primary-hero-radius)!important;
}
.directory-hero-overview{
  max-width:430px;
  width:100%;
  height:var(--primary-hero-visual-height)!important;
  justify-self:center;
}
.directory-hero-search{margin-top:17px!important}
.directory-hero-actions{margin-top:12px!important}
.directory-hero-metrics>div{padding:9px 5px 8px!important}
.directory-hero-metrics strong{font-size:20px!important}
.directory-hero-metrics span{font-size:11px!important}

@media(max-width:980px){
  .hero.pro-hero,
  .ws-hero,
  .directory-hero{min-height:0!important}
  .hero.pro-hero .hero-grid.pro-grid,
  .ws-hero-grid,
  .directory-hero-panel{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
  .hero.pro-hero .hero-business-image,
  .ws-hero-visual,
  .directory-hero-overview{
    max-width:540px!important;
  }
}

@media(max-width:680px){
  :root{
    --primary-hero-title:32px;
    --primary-hero-copy:14.5px;
    --primary-hero-visual-height:245px;
    --primary-hero-gap:22px;
    --primary-hero-button-height:44px;
  }
  .hero.pro-hero,
  .ws-hero,
  .directory-hero{padding:28px 0!important}
  .hero.pro-hero .hero-copy h1,
  .directory-hero h1,
  .ws-hero h1{
    letter-spacing:-.6px!important;
    margin-bottom:12px!important;
  }
  .directory-hero-panel{padding:18px!important;border-radius:18px!important}
  .ws-floating-card{
    width:calc(100% - 30px)!important;
    padding:12px 14px!important;
  }
}

/* =========================================================
   BSOURIA V42 — Unified typography hierarchy
   The three primary pages now share one exact heading scale.
   ========================================================= */
:root{
  --primary-page-h1:42px;
  --primary-page-h2:31px;
  --primary-page-h3:19px;
  --primary-page-kicker:12px;
  --primary-page-description:15px;
  --primary-page-h1-line:1.16;
  --primary-page-h2-line:1.28;
  --primary-page-h3-line:1.42;
}

/* H1 — exact same main-page title size */
.hero.pro-hero .hero-copy h1,
.directory-hero .directory-hero-copy h1,
.ws-hero .ws-hero-copy h1{
  font-size:var(--primary-page-h1)!important;
  line-height:var(--primary-page-h1-line)!important;
  letter-spacing:-.75px!important;
  font-weight:800!important;
}

/* H2 — exact same chapter heading size on all three pages */
.hero.pro-hero ~ .section .section-heading h2,
.hero.pro-hero ~ .section .how-copy h2,
.directory-hero ~ .section .section-heading h2,
.welcome-syria-page .ws-heading h2,
.welcome-syria-page .ws-invest h2,
.welcome-syria-page .ws-final h2{
  font-size:var(--primary-page-h2)!important;
  line-height:var(--primary-page-h2-line)!important;
  letter-spacing:-.35px!important;
  font-weight:800!important;
  margin-top:0!important;
}

/* H3 — exact same card/content heading size */
.hero.pro-hero ~ .section h3,
.directory-hero ~ .section h3,
.welcome-syria-page .ws-section h3{
  font-size:var(--primary-page-h3)!important;
  line-height:var(--primary-page-h3-line)!important;
  font-weight:750!important;
}

/* Eyebrows / kickers */
.hero.pro-hero .trust-pill,
.hero.pro-hero ~ .section .section-kicker,
.directory-hero .section-kicker,
.directory-hero ~ .section .section-kicker,
.welcome-syria-page .ws-eyebrow,
.welcome-syria-page .ws-heading>span,
.welcome-syria-page .ws-heading>div>span{
  font-size:var(--primary-page-kicker)!important;
  line-height:1.45!important;
  letter-spacing:.04em!important;
}

/* Main descriptions and section introductions */
.hero.pro-hero .hero-copy>p,
.directory-hero .directory-hero-copy>p,
.ws-hero .ws-hero-copy>p,
.hero.pro-hero ~ .section .section-heading>p,
.directory-hero ~ .section .section-heading>p,
.welcome-syria-page .ws-heading>p,
.welcome-syria-page .ws-invest p{
  font-size:var(--primary-page-description)!important;
  line-height:1.75!important;
}

/* Stable spacing after headings */
.hero.pro-hero ~ .section .section-heading,
.directory-hero ~ .section .section-heading,
.welcome-syria-page .ws-heading{
  margin-bottom:30px!important;
}

@media(max-width:680px){
  :root{
    --primary-page-h1:31px;
    --primary-page-h2:25px;
    --primary-page-h3:17px;
    --primary-page-kicker:11px;
    --primary-page-description:14px;
  }
  .hero.pro-hero .hero-copy h1,
  .directory-hero .directory-hero-copy h1,
  .ws-hero .ws-hero-copy h1{
    letter-spacing:-.35px!important;
  }
  .hero.pro-hero ~ .section .section-heading,
  .directory-hero ~ .section .section-heading,
  .welcome-syria-page .ws-heading{
    margin-bottom:24px!important;
  }
}

/* =========================================================
   BSOURIA V43 — Global footer-page hero heading standard
   Matches the homepage hero heading scale on every public page
   linked from the footer.
   ========================================================= */
:root{
  --site-hero-h1-size:42px;
  --site-hero-h1-mobile:31px;
  --site-hero-h1-line-height:1.16;
  --site-hero-h1-spacing:12px 0 16px;
}

/* Public hero/page-heading titles reached from footer navigation */
.ws-hero h1,
.directory-hero h1,
.ai-page-heading h1,
.compass-hero h1,
.about-vision-hero h1,
.blog-hero h1,
.contact-hub-hero h1,
.preserve-hero h1,
.volunteer-apply-hero h1,
.terms-hero h1,
.policy-hero h1,
.payment-hero h1,
.participate-hero h1,
.opportunity-form-intro h1,
.business-form-intro h1,
.page-hero h1,
.info-hero h1{
  font-size:var(--site-hero-h1-size)!important;
  line-height:var(--site-hero-h1-line-height)!important;
  letter-spacing:-1px!important;
  margin:var(--site-hero-h1-spacing)!important;
  font-weight:600!important;
}

@media(max-width:700px){
  .ws-hero h1,
  .directory-hero h1,
  .ai-page-heading h1,
  .compass-hero h1,
  .about-vision-hero h1,
  .blog-hero h1,
  .contact-hub-hero h1,
  .preserve-hero h1,
  .volunteer-apply-hero h1,
  .terms-hero h1,
  .policy-hero h1,
  .payment-hero h1,
  .participate-hero h1,
  .opportunity-form-intro h1,
  .business-form-intro h1,
  .page-hero h1,
  .info-hero h1{
    font-size:var(--site-hero-h1-mobile)!important;
    line-height:1.2!important;
    letter-spacing:-.5px!important;
  }
}

/* =========================================================
   BSOURIA V44 — Global public heading hierarchy
   H1 is always the largest title. Section subtitles can no
   longer become larger than the page hero title.
   ========================================================= */
:root{
  --public-h1-size:42px;
  --public-h2-size:29px;
  --public-h3-size:19px;
  --public-h1-mobile:31px;
  --public-h2-mobile:23px;
  --public-h3-mobile:17px;
}

/* Keep every public hero title at the same maximum scale. */
.hero h1,
[class*="hero"] h1,
.page-heading h1,
.ai-page-heading h1,
.opportunity-form-intro h1,
.business-form-intro h1{
  font-size:var(--public-h1-size)!important;
  line-height:1.16!important;
}

/* Global section/chapter subtitles — always visibly smaller than H1. */
.section h2,
.section-heading h2,
.about-section-head h2,
.about-global h2,
.about-cta-card h2,
.ws-heading h2,
.ws-invest h2,
.ws-final h2,
.directory-section h2,
.ai-page-heading h2,
.page-heading h2,
.content-heading h2,
.policy-section h2,
.legal-section h2,
.contact-section h2,
.blog-section h2,
.preserve-section h2,
.participate-section h2{
  font-size:var(--public-h2-size)!important;
  line-height:1.3!important;
  letter-spacing:-.25px!important;
  font-weight:750!important;
}

/* Third-level headings and card titles. */
.section h3,
.about-pillar-grid h3,
.about-roadmap h3,
.about-principles h3,
.ws-section h3,
.directory-section h3,
.card h3,
article h3{
  font-size:var(--public-h3-size)!important;
  line-height:1.42!important;
}

/* Small labels above headings must remain small. */
.section-kicker,
.ws-eyebrow,
.eyebrow,
.kicker,
[class*="hero"] > * .section-kicker{
  font-size:12px!important;
  line-height:1.45!important;
}

@media(max-width:700px){
  .hero h1,
  [class*="hero"] h1,
  .page-heading h1,
  .ai-page-heading h1,
  .opportunity-form-intro h1,
  .business-form-intro h1{
    font-size:var(--public-h1-mobile)!important;
    line-height:1.2!important;
  }

  .section h2,
  .section-heading h2,
  .about-section-head h2,
  .about-global h2,
  .about-cta-card h2,
  .ws-heading h2,
  .ws-invest h2,
  .ws-final h2,
  .directory-section h2,
  .ai-page-heading h2,
  .page-heading h2,
  .content-heading h2,
  .policy-section h2,
  .legal-section h2,
  .contact-section h2,
  .blog-section h2,
  .preserve-section h2,
  .participate-section h2{
    font-size:var(--public-h2-mobile)!important;
    line-height:1.32!important;
  }

  .section h3,
  .about-pillar-grid h3,
  .about-roadmap h3,
  .about-principles h3,
  .ws-section h3,
  .directory-section h3,
  .card h3,
  article h3{
    font-size:var(--public-h3-mobile)!important;
  }
}

/* =========================================================
   BSOURIA V44 — Homepage hero exact 50/50 layout
   This file loads after style.css, so these rules are the
   final source of truth for the homepage hero on desktop.
   ========================================================= */
@media (min-width: 981px) {
  .hero.pro-hero .hero-grid.pro-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 24px !important;
    align-items: center !important;
  }

  .hero.pro-hero .hero-copy,
  .hero.pro-hero .hero-business-image {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .hero.pro-hero .hero-business-image {
    height: clamp(370px, 32vw, 410px) !important;
    min-height: 370px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .hero.pro-hero .hero-business-image img {
    display: block !important;
    flex: 0 0 auto !important;
    width: 124% !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
  }
}

@media (max-width: 980px) {
  .hero.pro-hero .hero-grid.pro-grid {
    grid-template-columns: 1fr !important;
  }

  .hero.pro-hero .hero-business-image {
    width: 100% !important;
    max-width: 720px !important;
    height: auto !important;
    min-height: 0 !important;
    margin-inline: auto !important;
    overflow: visible !important;
  }

  .hero.pro-hero .hero-business-image img {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
  }
}
/* Bsouria V42 — dark mode logos replaced + reduced size */
.topbar > .container.nav{
  min-height:104px!important;
}
.topbar .brand-logo{
  position:relative!important;
  flex:0 0 340px!important;
  width:340px!important;
  height:86px!important;
  display:block!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.topbar .brand-logo .brand-logo-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}
.topbar .brand-logo-light{display:block!important}
.topbar .brand-logo-dark{display:none!important}

html[data-theme="dark"] .topbar .brand-logo{
  flex-basis:220px!important;
  width:220px!important;
  height:56px!important;
}
html[data-theme="dark"] .topbar .brand-logo-light{display:none!important}
html[data-theme="dark"] .topbar .brand-logo-dark{display:block!important}

@media(max-width:1420px){
  .topbar .brand-logo{flex-basis:310px!important;width:310px!important;height:80px!important}
  html[data-theme="dark"] .topbar .brand-logo{flex-basis:205px!important;width:205px!important;height:52px!important}
}
@media(max-width:1100px){
  .topbar > .container.nav{min-height:94px!important}
  .topbar .brand-logo{flex-basis:270px!important;width:270px!important;height:72px!important}
  html[data-theme="dark"] .topbar .brand-logo{flex-basis:190px!important;width:190px!important;height:48px!important}
}
@media(max-width:820px){
  .topbar > .container.nav{min-height:82px!important}
  .topbar .brand-logo{flex-basis:220px!important;width:220px!important;height:60px!important}
  html[data-theme="dark"] .topbar .brand-logo{flex-basis:165px!important;width:165px!important;height:42px!important}
}
@media(max-width:560px){
  .topbar > .container.nav{min-height:74px!important}
  .topbar .brand-logo{flex-basis:185px!important;width:185px!important;height:52px!important}
  html[data-theme="dark"] .topbar .brand-logo{flex-basis:145px!important;width:145px!important;height:38px!important}
}

/* V44: align the visible logo with the homepage hero outer edge */
.topbar .brand-logo{
  margin-inline:0!important;
}
html[dir="rtl"] .topbar .brand-logo .brand-logo-image{
  object-position:right center!important;
}
html[dir="ltr"] .topbar .brand-logo .brand-logo-image{
  object-position:left center!important;
}
@media(min-width:821px){
  html[dir="rtl"] .topbar .brand-logo{
    transform:translateX(12px)!important;
  }
  html[dir="ltr"] .topbar .brand-logo{
    transform:translateX(-12px)!important;
  }
}

/* V45: force the correct bundled LIGHT MODE assets and transparent display */
html:not([data-theme="dark"]) .topbar .brand-logo{
  background:transparent!important;
}
html:not([data-theme="dark"]) .topbar .brand-logo-light{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  background:transparent!important;
}
html:not([data-theme="dark"]) .topbar .brand-logo-dark{
  display:none!important;
}
/* V47: real light-mode logo assets, clean size and alignment */
html:not([data-theme="dark"]) .topbar .brand-logo{
  width:250px!important;
  flex-basis:250px!important;
  height:66px!important;
  background:transparent!important;
  overflow:visible!important;
}
html:not([data-theme="dark"]) .topbar .brand-logo-light{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  filter:none!important;
  background:transparent!important;
}
html[dir="rtl"]:not([data-theme="dark"]) .topbar .brand-logo-light{
  object-position:right center!important;
}
html[dir="ltr"]:not([data-theme="dark"]) .topbar .brand-logo-light{
  object-position:left center!important;
}
html:not([data-theme="dark"]) .topbar .brand-logo-dark{
  display:none!important;
}
@media(max-width:820px){
  html:not([data-theme="dark"]) .topbar .brand-logo{
    width:205px!important;
    flex-basis:205px!important;
    height:56px!important;
  }
}
@media(max-width:560px){
  html:not([data-theme="dark"]) .topbar .brand-logo{
    width:170px!important;
    flex-basis:170px!important;
    height:48px!important;
  }
}

/* V48: constrain header width to match hero/body container */
.topbar > .container.nav{
  max-width:1180px!important;
  width:min(1180px, calc(100% - 48px))!important;
  margin-inline:auto!important;
  padding-inline:0!important;
  box-sizing:border-box!important;
}
@media(max-width:820px){
  .topbar > .container.nav{
    width:calc(100% - 28px)!important;
  }
}

/* Password recovery UI */
.auth-form-options{display:flex;align-items:center;justify-content:flex-end;margin:-2px 0 2px;min-height:28px}
.auth-forgot-link{color:var(--green2);font-weight:750;text-decoration:underline;text-underline-offset:4px}
.auth-forgot-link:hover{color:var(--green);text-decoration-thickness:2px}
html[dir="rtl"] .auth-form-options{justify-content:flex-start}
.auth-page-password-reset .auth-card .alert{margin-bottom:18px}
.auth-page-password-reset .auth-card small{display:block;margin-top:7px;color:var(--muted)}
html[data-theme="dark"] .auth-forgot-link{color:#71e3ad}
@media(max-width:620px){.auth-form-options{margin-top:0}.auth-forgot-link{font-size:14px}}



/* V25: compact, accessible Remember me option on login and registration */
.auth-form-options{justify-content:space-between;gap:16px;flex-wrap:wrap}
.auth-remember-option{display:inline-flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:13.5px;font-weight:600;line-height:1.45;cursor:pointer;user-select:none}
.auth-remember-option input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:16px;height:16px;min-width:16px;margin:0;padding:0;border:1.5px solid #a9bbb1;border-radius:4px;background:#fff;display:grid;place-content:center;cursor:pointer}
.auth-remember-option input[type="checkbox"]::before{content:"";width:8px;height:8px;border-radius:2px;transform:scale(0);transition:transform .14s ease;background:var(--green)}
.auth-remember-option input[type="checkbox"]:checked{border-color:var(--green);background:#e9f7ef}
.auth-remember-option input[type="checkbox"]:checked::before{transform:scale(1)}
.auth-remember-option input[type="checkbox"]:focus-visible{outline:3px solid rgba(11,122,73,.18);outline-offset:2px}
.auth-register-remember{margin:10px 0 4px;align-items:flex-start}
html[dir="rtl"] .auth-form-options{justify-content:space-between}
html[data-theme="dark"] .auth-remember-option{color:#aebdb5}
html[data-theme="dark"] .auth-remember-option input[type="checkbox"]{background:#122b20;border-color:#587064}
@media(max-width:620px){.auth-form-options{align-items:flex-start;gap:10px}.auth-remember-option{font-size:13px}}


/* BSOURIA V27 — clearer login hero microcopy. */
.auth-page-login .auth-visual-copy .eyebrow{
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.4!important;
  padding:6px 12px!important;
}
.auth-page-login .auth-visual-copy .auth-benefits span{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:13px 14px!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.45!important;
}
.auth-page-login .auth-visual-copy .auth-benefits b{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  font-size:11px!important;
}
@media(max-width:760px){
  .auth-page-login .auth-visual-copy .eyebrow{font-size:12px!important}
  .auth-page-login .auth-visual-copy .auth-benefits span{font-size:12px!important}
}

/* V29 global WCAG AA contrast safeguards. */
html:not([data-theme="dark"]):not(.dark) :is(.muted,.helper,.form-help,.auth-subtitle,.dashboard-subtitle,.card-subtitle,.meta,.small-muted){color:#40564c!important}
html:not([data-theme="dark"]):not(.dark) :is(input,textarea)::placeholder{color:#52665d!important;opacity:1!important}
html:not([data-theme="dark"]):not(.dark) :is(.badge,.pill,.eyebrow)[style*="color"]{text-shadow:none}
:focus-visible{outline:3px solid #075c38;outline-offset:3px}


/* V30 — online visitor country/language/profile detail enhancements */
.online-summary-grid-v30{grid-template-columns:repeat(5,minmax(0,1fr))}
.online-filterbar-v30{grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(150px,.75fr)) auto}
.online-users-table-v30{min-width:1280px}
.online-language-stack{display:grid;gap:6px;min-width:185px;color:#41594d;font-size:12px;line-height:1.45}
.online-language-stack span{display:block}.online-language-stack b{color:#173a2a;font-weight:750}
.online-meta-line{display:flex!important;align-items:center;gap:6px;flex-wrap:wrap}
.online-mini-badge{display:inline-flex;align-items:center;justify-content:center;min-width:29px;padding:2px 7px;border-radius:999px;background:#e7f7ee;color:#087044;font-size:10px;font-weight:800;letter-spacing:.04em}
@media(max-width:1100px){.online-summary-grid-v30{grid-template-columns:repeat(2,minmax(0,1fr))}.online-filterbar-v30{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.online-summary-grid-v30,.online-filterbar-v30{grid-template-columns:1fr}}

/* V31 Lighthouse desktop/mobile paint and logo delivery */
.topbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.brand-logo .brand-logo-single{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;background-image:var(--brand-logo-light)!important;background-repeat:no-repeat!important;background-size:contain!important;background-position:center!important;opacity:1!important;visibility:visible!important}
html[data-theme="dark"] .brand-logo .brand-logo-single{background-image:var(--brand-logo-dark)!important}
html[dir="rtl"] .brand-logo .brand-logo-single{background-position:right center!important}
html[dir="ltr"] .brand-logo .brand-logo-single{background-position:left center!important}
.home-hero-visual-v35 picture,.home-hero-visual-v35 img{display:block}
.home-hero-visual-v35 img{content-visibility:visible!important;contain:none!important}
.home-benefits-v35,.home-cv-v64,.home-opportunities-v35,.home-categories-v35,.home-steps-v35{content-visibility:auto;contain-intrinsic-size:auto 760px}
@media(max-width:800px){.home-benefits-v35,.home-cv-v64,.home-opportunities-v35,.home-categories-v35,.home-steps-v35{contain-intrinsic-size:auto 680px}}


/* =========================================================
   BSOURIA V34 — AUTHORITATIVE RESPONSIVE HEADER
   Restores the stable high-performance V31 header structure and
   applies one final layout for AR/EN/TR/FR on desktop and mobile.
   ========================================================= */
.topbar{
  width:100%!important;
  overflow:visible!important;
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid #edf2ef!important;
  box-shadow:none!important;
}
.topbar>.container.nav{
  position:relative!important;
  box-sizing:border-box!important;
  width:min(1400px,calc(100% - 32px))!important;
  max-width:1400px!important;
  min-height:72px!important;
  margin-inline:auto!important;
  padding:0!important;
  display:grid!important;
  align-items:center!important;
  gap:clamp(12px,1.35vw,22px)!important;
  overflow:visible!important;
}
html[dir="ltr"] .topbar>.container.nav{
  grid-template-columns:205px minmax(0,1fr) auto!important;
  grid-template-areas:"logo navigation actions"!important;
}
html[dir="rtl"] .topbar>.container.nav{
  grid-template-columns:auto minmax(0,1fr) 205px!important;
  grid-template-areas:"actions navigation logo"!important;
}
.topbar .brand-logo{
  grid-area:logo!important;
  position:relative!important;
  display:block!important;
  flex:none!important;
  width:205px!important;
  max-width:205px!important;
  min-width:0!important;
  height:54px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  transform:none!important;
  background:transparent!important;
}
.topbar .brand-logo .brand-logo-single{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  opacity:1!important;
  visibility:visible!important;
  background-image:var(--brand-logo-light)!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  background-position:center!important;
  transform:none!important;
}
html[data-theme="dark"] .topbar .brand-logo .brand-logo-single{background-image:var(--brand-logo-dark)!important}
html[dir="ltr"] .topbar .brand-logo .brand-logo-single{background-position:left center!important}
html[dir="rtl"] .topbar .brand-logo .brand-logo-single{background-position:right center!important}
.topbar .nav>nav{
  grid-area:navigation!important;
  position:static!important;
  inset:auto!important;
  display:flex!important;
  min-width:0!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
  flex-flow:row nowrap!important;
  gap:clamp(12px,1.25vw,24px)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.topbar .nav>nav a{
  flex:0 0 auto!important;
  padding:10px 0!important;
  font-size:clamp(13px,.95vw,16px)!important;
  font-weight:650!important;
  line-height:1.25!important;
  white-space:nowrap!important;
}
.topbar .nav-actions{
  grid-area:actions!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  min-width:0!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  gap:7px!important;
  flex:none!important;
  overflow:visible!important;
}
html[dir="rtl"] .topbar .nav-actions{justify-content:flex-start!important}
.topbar .header-utility-group{
  display:inline-flex!important;
  align-items:center!important;
  flex-flow:row nowrap!important;
  flex:0 0 auto!important;
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
}
.topbar .menu-btn{grid-area:menu!important;display:none!important}

/* Dropdowns are panels, never normal inline content. */
.topbar :is(.language-dropdown,.user-notification-dropdown,.user-profile-dropdown){position:relative!important}
.topbar :is(.language-menu,.user-notification-panel,.user-profile-panel){
  position:absolute!important;
  top:calc(100% + 10px)!important;
  z-index:1200!important;
  display:none!important;
  margin:0!important;
}
html[dir="ltr"] .topbar :is(.language-menu,.user-notification-panel,.user-profile-panel){right:0!important;left:auto!important}
html[dir="rtl"] .topbar :is(.language-menu,.user-notification-panel,.user-profile-panel){left:0!important;right:auto!important}
.topbar .language-dropdown.is-open>.language-menu,
.topbar .user-notification-dropdown.is-open>.user-notification-panel,
.topbar .user-profile-dropdown.is-open>.user-profile-panel{display:block!important}
.topbar .language-menu{
  min-width:190px!important;
  padding:8px!important;
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  background:var(--card)!important;
  box-shadow:0 18px 45px rgba(11,49,34,.16)!important;
}
.topbar .language-menu a{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  padding:10px 12px!important;
  border-radius:10px!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
html[data-theme="dark"] .topbar{background:var(--surface)!important;border-bottom-color:var(--border)!important}

/* Tablet and mobile: logo at the language-start edge, menu at the outer opposite edge. */
@media (max-width:1220px){
  .topbar>.container.nav{
    width:calc(100% - 20px)!important;
    max-width:none!important;
    min-height:70px!important;
    gap:7px!important;
  }
  html[dir="ltr"] .topbar>.container.nav{
    grid-template-columns:clamp(122px,28vw,170px) minmax(0,1fr) 44px!important;
    grid-template-areas:"logo actions menu"!important;
  }
  html[dir="rtl"] .topbar>.container.nav{
    grid-template-columns:44px minmax(0,1fr) clamp(122px,28vw,170px)!important;
    grid-template-areas:"menu actions logo"!important;
  }
  .topbar .brand-logo{
    width:100%!important;
    max-width:170px!important;
    height:48px!important;
  }
  .topbar .menu-btn{
    display:grid!important;
    place-items:center!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:var(--ink)!important;
    font-size:28px!important;
    line-height:1!important;
    cursor:pointer!important;
    order:initial!important;
  }
  .topbar .nav-actions{
    width:100%!important;
    min-width:0!important;
    justify-content:center!important;
    gap:0!important;
    order:initial!important;
  }
  .topbar .nav-actions>.btn{display:none!important}
  .topbar .header-utility-group{
    width:max-content!important;
    max-width:100%!important;
    margin:0 auto!important;
    gap:1px!important;
    padding:2px!important;
  }
  .topbar .header-utility-group :is(.theme-toggle,.user-notification-toggle,.language-current,.user-profile-toggle){
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    border-radius:9px!important;
  }
  .topbar .header-utility-group :is(.theme-toggle,.user-notification-toggle){width:38px!important;min-width:38px!important;padding:0!important}
  .topbar .header-utility-group .language-current{width:42px!important;min-width:42px!important;padding:0 5px!important;gap:0!important}
  .topbar .header-utility-group .language-flag{width:24px!important;height:16px!important}
  .topbar .header-utility-group .language-chevron{display:none!important}
  .topbar .header-utility-group .user-profile-toggle{width:38px!important;min-width:38px!important;padding:2px!important;gap:0!important;justify-content:center!important}
  .topbar .header-utility-group .user-profile-toggle-avatar{width:32px!important;height:32px!important;min-width:32px!important}
  .topbar .header-utility-group .user-profile-toggle-copy,
  .topbar .header-utility-group .user-profile-chevron{display:none!important}
  .topbar .nav>nav{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    inset-inline:0!important;
    z-index:1100!important;
    display:none!important;
    width:auto!important;
    max-height:calc(100vh - 95px)!important;
    overflow:auto!important;
    margin:0!important;
    padding:12px!important;
    border:1px solid var(--line)!important;
    border-radius:16px!important;
    background:var(--card)!important;
    box-shadow:0 18px 50px rgba(7,42,28,.18)!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:3px!important;
  }
  .topbar .nav>nav.open{display:flex!important}
  .topbar .nav>nav a{
    width:100%!important;
    padding:12px 14px!important;
    border-radius:10px!important;
    font-size:15px!important;
    text-align:start!important;
    white-space:normal!important;
  }
  .topbar :is(.language-menu,.user-notification-panel,.user-profile-panel){max-width:calc(100vw - 20px)!important}
}

@media (max-width:430px){
  .topbar>.container.nav{width:calc(100% - 10px)!important;gap:4px!important}
  html[dir="ltr"] .topbar>.container.nav{
    grid-template-columns:clamp(105px,29vw,124px) minmax(0,1fr) 40px!important;
  }
  html[dir="rtl"] .topbar>.container.nav{
    grid-template-columns:40px minmax(0,1fr) clamp(105px,29vw,124px)!important;
  }
  .topbar .brand-logo{max-width:124px!important;height:42px!important}
  .topbar .menu-btn{width:40px!important;min-width:40px!important;height:40px!important;font-size:26px!important}
  .topbar .header-utility-group :is(.theme-toggle,.user-notification-toggle){width:35px!important;min-width:35px!important;height:36px!important;min-height:36px!important}
  .topbar .header-utility-group .language-current{width:39px!important;min-width:39px!important;height:36px!important;min-height:36px!important}
  .topbar .header-utility-group .user-profile-toggle{width:35px!important;min-width:35px!important;height:36px!important;min-height:36px!important}
  .topbar .header-utility-group .user-profile-toggle-avatar{width:30px!important;height:30px!important;min-width:30px!important}
}

/* BSOURIA V35 — exact Lighthouse footer contrast repair.
   The footer always uses a dark green surface, including when the page theme is light.
   These rules intentionally override older light-theme green/muted colors. */
.site-footer .footer-ai-link,
.site-footer .footer-ai-link:link,
.site-footer .footer-ai-link:visited,
.site-footer .footer-ai-link:hover,
.site-footer .footer-ai-link:focus-visible{
  color:#d9ffea!important;
  -webkit-text-fill-color:#d9ffea!important;
  opacity:1!important;
}
.site-footer .footer-ai-link span{
  color:#063c28!important;
  -webkit-text-fill-color:#063c28!important;
  background:#d9ffea!important;
  opacity:1!important;
}
.site-footer .footer-brand-column>p,
.site-footer .footer-brand-column p{
  color:#f1faf5!important;
  -webkit-text-fill-color:#f1faf5!important;
  opacity:1!important;
}
html[data-theme="dark"] .site-footer .footer-ai-link,
html[data-theme="dark"] .site-footer .footer-ai-link:visited{
  color:#d9ffea!important;
  -webkit-text-fill-color:#d9ffea!important;
}
html[data-theme="dark"] .site-footer .footer-brand-column p{
  color:#f1faf5!important;
  -webkit-text-fill-color:#f1faf5!important;
}

/* Bsouria V36 — Arabic CTA order + complete dark-mode readability */
/* In Arabic desktop/tablet headers, place the primary opportunity button on the
   far-right edge without changing the LTR language order. */
html[dir="rtl"] .topbar .nav-actions > .btn.primary{
  order:-20!important;
  margin-inline:0!important;
}

/* Strong, consistent dark-mode text palette. Previous page-specific rules left
   many secondary labels gray on dark green. These final overrides intentionally
   cover content text in every public page while preserving semantic button colors. */
html[data-theme="dark"]{
  --ink:#e7fff1!important;
  --muted:#c5ead6!important;
  --footer-text:#e7fff1!important;
}
html[data-theme="dark"] body,
html[data-theme="dark"] main,
html[data-theme="dark"] .topbar,
html[data-theme="dark"] .site-footer{
  color:#e7fff1!important;
  -webkit-text-fill-color:#e7fff1;
}
html[data-theme="dark"] body :where(
  h1,h2,h3,h4,h5,h6,
  p,small,label,li,dt,dd,td,th,figcaption,blockquote,
  strong,b,
  a:not(.btn),
  span:not([aria-hidden="true"]):not(.user-notification-badge):not(.badge):not(.status-dot)
){
  color:#d7f5e4!important;
  -webkit-text-fill-color:#d7f5e4!important;
  opacity:1!important;
}
html[data-theme="dark"] body :where(
  .muted,.meta,.help,.helper,.hint,.caption,.description,.subtitle,
  .card-meta,.opportunity-meta,.opportunity-location,.opportunity-date,
  .profile-meta,.article-meta,.footer-note,.footer-description
){
  color:#c5ead6!important;
  -webkit-text-fill-color:#c5ead6!important;
  opacity:1!important;
}
html[data-theme="dark"] :is(input,textarea,select){
  color:#e7fff1!important;
  -webkit-text-fill-color:#e7fff1!important;
}
html[data-theme="dark"] :is(input,textarea)::placeholder{
  color:#acd8c0!important;
  -webkit-text-fill-color:#acd8c0!important;
  opacity:1!important;
}
/* Keep filled action buttons intentionally white and high-contrast. */
html[data-theme="dark"] .btn.primary,
html[data-theme="dark"] .btn.primary *,
html[data-theme="dark"] button.primary,
html[data-theme="dark"] button.primary *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
/* Secondary dark controls use the same readable pale-green foreground. */
html[data-theme="dark"] :is(.btn:not(.primary),button:not(.primary),.language-current,.user-profile-toggle,.user-notification-toggle,.theme-toggle){
  color:#d7f5e4!important;
  -webkit-text-fill-color:#d7f5e4!important;
}
html[data-theme="dark"] :is(.btn:not(.primary),button:not(.primary),.language-current,.user-profile-toggle,.user-notification-toggle,.theme-toggle) *{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}

@media(max-width:980px){
  /* Preserve the existing mobile outer-edge menu arrangement. */
  html[dir="rtl"] .topbar .nav-actions > .btn.primary{order:-20!important}
}


/* =========================================================
   BSOURIA V37 — compact profile trigger + fully dark CV UI
   ========================================================= */
/* Header profile control: show only the avatar and a small account-type signal. */
.topbar .user-profile-toggle-compact-v37{
  width:46px!important;
  min-width:46px!important;
  height:42px!important;
  min-height:42px!important;
  padding:3px!important;
  gap:0!important;
  justify-content:center!important;
  overflow:visible!important;
}
.topbar .user-profile-toggle-compact-v37 .user-profile-toggle-avatar{
  position:relative!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  overflow:visible!important;
}
.topbar .user-profile-toggle-compact-v37 .user-profile-toggle-avatar>img,
.topbar .user-profile-toggle-compact-v37 .user-profile-toggle-avatar>b{
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.topbar .user-profile-type-indicator-v37{
  position:absolute!important;
  inset-inline-end:-5px!important;
  bottom:-4px!important;
  width:18px!important;
  height:18px!important;
  border:2px solid #fff!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#e5f6ec!important;
  color:#087a4a!important;
  box-shadow:0 2px 7px rgba(6,50,32,.18)!important;
  z-index:2!important;
}
.topbar .user-profile-type-indicator-v37 svg{
  width:11px!important;
  height:11px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.topbar .user-profile-toggle-compact-v37 .user-profile-toggle-copy,
.topbar .user-profile-toggle-compact-v37 .user-profile-chevron{
  display:none!important;
}
html[data-theme="dark"] .topbar .user-profile-type-indicator-v37{
  background:#173b2a!important;
  color:#b7f4d1!important;
  border-color:#0b1c16!important;
  box-shadow:0 2px 8px rgba(0,0,0,.35)!important;
}

/* Header CV button: never use a pale/white control in dark mode. */
html[data-theme="dark"] .header-cv-button-v64{
  background:#0c2119!important;
  color:#d9f8e7!important;
  -webkit-text-fill-color:#d9f8e7!important;
  border-color:#315345!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .header-cv-button-v64:hover,
html[data-theme="dark"] .header-cv-button-v64:focus-visible{
  background:#143225!important;
  border-color:#4a7b64!important;
  color:#effff6!important;
  -webkit-text-fill-color:#effff6!important;
}
html[data-theme="dark"] .header-cv-button-v64 strong{
  background:#174c38!important;
  color:#eafff3!important;
  -webkit-text-fill-color:#eafff3!important;
  border:1px solid #3d725a!important;
}
html[data-theme="dark"] .header-cv-button-v64 span{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}

/* CV Builder: the live preview and every supporting panel stay dark in dark mode. */
html[data-theme="dark"] .cvb65-preview-sheet{
  background:#0c2119!important;
  color:#e7fff1!important;
  -webkit-text-fill-color:#e7fff1!important;
  border-color:#315345!important;
  box-shadow:0 12px 30px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] .cvb65-preview-name{
  color:#effff6!important;
  -webkit-text-fill-color:#effff6!important;
}
html[data-theme="dark"] .cvb65-preview-headline,
html[data-theme="dark"] .cvb65-preview-section strong{
  color:#82e3ae!important;
  -webkit-text-fill-color:#82e3ae!important;
  border-color:#4fb77e!important;
}
html[data-theme="dark"] .cvb65-preview-target,
html[data-theme="dark"] .cvb65-preview-section p{
  color:#c4e8d4!important;
  -webkit-text-fill-color:#c4e8d4!important;
}
html[data-theme="dark"] .cvb65-preview-sheet.template-corporate{
  border-top-color:#74bfff!important;
}
html[data-theme="dark"] .cvb65-preview-sheet.template-corporate :is(.cvb65-preview-headline,.cvb65-preview-section strong){
  color:#9bd0ff!important;
  -webkit-text-fill-color:#9bd0ff!important;
  border-color:#74bfff!important;
}
html[data-theme="dark"] .cvb65-preview-sheet.template-creative{
  border-top-color:#ffad75!important;
}
html[data-theme="dark"] .cvb65-preview-sheet.template-creative :is(.cvb65-preview-headline,.cvb65-preview-section strong){
  color:#ffc39c!important;
  -webkit-text-fill-color:#ffc39c!important;
  border-color:#ffad75!important;
}
html[data-theme="dark"] .cvb65-preview-sheet.template-technical{
  border-top-color:#67d8e0!important;
}
html[data-theme="dark"] .cvb65-preview-sheet.template-technical :is(.cvb65-preview-headline,.cvb65-preview-section strong){
  color:#8ce8ee!important;
  -webkit-text-fill-color:#8ce8ee!important;
  border-color:#67d8e0!important;
}
html[data-theme="dark"] .cvb65-preview-sheet.template-executive{
  border-top-color:#ddbe82!important;
}
html[data-theme="dark"] .cvb65-preview-sheet.template-executive :is(.cvb65-preview-headline,.cvb65-preview-section strong){
  color:#eed39f!important;
  -webkit-text-fill-color:#eed39f!important;
  border-color:#ddbe82!important;
}
html[data-theme="dark"] .cvb65-templates span,
html[data-theme="dark"] .cvb65-language-tab,
html[data-theme="dark"] .cvb65-preview-link{
  background:#0c2119!important;
  color:#d9f8e7!important;
  -webkit-text-fill-color:#d9f8e7!important;
  border-color:#315345!important;
}
html[data-theme="dark"] .cvb65-templates input:checked+span,
html[data-theme="dark"] .cvb65-language-tab.active{
  background:#174c38!important;
  color:#effff6!important;
  -webkit-text-fill-color:#effff6!important;
  border-color:#5a9b79!important;
}
html[data-theme="dark"] .home-cv-service-v64{
  background:linear-gradient(180deg,#07150f 0%,#0a1d15 100%)!important;
  border-color:#294a3c!important;
}
html[data-theme="dark"] .home-cv-preview-v64,
html[data-theme="dark"] .dashboard-cv-card-v64{
  background:#0c2119!important;
  border-color:#315345!important;
}
html[data-theme="dark"] .home-cv-sheet-v64{
  background:#10251d!important;
  color:#e7fff1!important;
  -webkit-text-fill-color:#e7fff1!important;
}
html[data-theme="dark"] .home-cv-line-v64,
html[data-theme="dark"] .home-cv-columns-v64 span{
  background:#294a3c!important;
}
html[data-theme="dark"] .home-cv-features-v64 span{
  background:#10251d!important;
  color:#d9f8e7!important;
  -webkit-text-fill-color:#d9f8e7!important;
  border-color:#315345!important;
}

@media(max-width:1220px){
  .topbar .user-profile-toggle-compact-v37{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
  }
  .topbar .user-profile-toggle-compact-v37 .user-profile-toggle-avatar{
    width:31px!important;
    min-width:31px!important;
    height:31px!important;
  }
}
@media(max-width:430px){
  .topbar .user-profile-toggle-compact-v37{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
  }
  .topbar .user-profile-toggle-compact-v37 .user-profile-toggle-avatar{
    width:29px!important;
    min-width:29px!important;
    height:29px!important;
  }
  .topbar .user-profile-type-indicator-v37{
    width:16px!important;
    height:16px!important;
    inset-inline-end:-4px!important;
    bottom:-3px!important;
  }
  .topbar .user-profile-type-indicator-v37 svg{width:9px!important;height:9px!important}
}

/* V38 audit cleanup: no inline style attributes required in public header. */
.gtm-noscript-frame{display:none!important;visibility:hidden!important;border:0!important}
.brand-logo-images{display:block;width:100%;height:100%;position:relative}
.brand-logo-images .brand-logo-image{display:block;width:100%!important;height:100%!important;object-fit:contain!important}
.brand-logo-images .brand-logo-dark{display:none!important}
html[data-theme="dark"] .brand-logo-images .brand-logo-light{display:none!important}
html[data-theme="dark"] .brand-logo-images .brand-logo-dark{display:block!important}
.user-profile-progress-meter{display:block;width:100%;height:6px;border:0;border-radius:999px;overflow:hidden;background:#e7eee9;appearance:none;-webkit-appearance:none}
.user-profile-progress-meter::-webkit-progress-bar{background:#e7eee9;border-radius:999px}
.user-profile-progress-meter::-webkit-progress-value{background:linear-gradient(90deg,#0b8653,#3bb67b);border-radius:999px}
.user-profile-progress-meter::-moz-progress-bar{background:linear-gradient(90deg,#0b8653,#3bb67b);border-radius:999px}
html[data-theme="dark"] .user-profile-progress-meter,html[data-theme="dark"] .user-profile-progress-meter::-webkit-progress-bar{background:#20372e}

/* =========================================================
   BSOURIA V50 — ARABIC AUTH FORM ON THE RIGHT (REAL LOADED BUNDLE)
   The site loads site-bundle-v83.css through header.php. On Arabic
   desktop login/register pages the wide visual is on the left and
   the form card is explicitly placed on the right. Content remains
   true RTL. Other languages and visual styling are unchanged.
   ========================================================= */
@media (min-width: 981px) {
  html[dir="rtl"] body .auth-section .auth-layout,
  html[dir="rtl"] body .auth-section .auth-layout-login {
    direction: ltr !important;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 470px) !important;
    grid-template-areas: "auth-visual auth-form" !important;
  }

  html[dir="rtl"] body .auth-section .auth-layout > .auth-visual,
  html[dir="rtl"] body .auth-section .auth-layout-login > .auth-visual {
    grid-area: auth-visual !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
  }

  html[dir="rtl"] body .auth-section .auth-layout > .auth-card,
  html[dir="rtl"] body .auth-section .auth-layout-login > .auth-card {
    grid-area: auth-form !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
  }
}

html[dir="rtl"] body .auth-section .auth-card,
html[dir="rtl"] body .auth-section .auth-card-heading,
html[dir="rtl"] body .auth-section .auth-form,
html[dir="rtl"] body .auth-section .auth-form .form-group,
html[dir="rtl"] body .auth-section .auth-form label,
html[dir="rtl"] body .auth-section .auth-form small,
html[dir="rtl"] body .auth-section .auth-card-kicker,
html[dir="rtl"] body .auth-section .auth-form-options,
html[dir="rtl"] body .auth-section .auth-switch,
html[dir="rtl"] body .auth-section .terms-check,
html[dir="rtl"] body .auth-section .check,
html[dir="rtl"] body .auth-section .social-auth-options,
html[dir="rtl"] body .auth-section .social-auth-button {
  direction: rtl !important;
  text-align: right !important;
}

html[dir="rtl"] body .auth-section .auth-form input,
html[dir="rtl"] body .auth-section .auth-form textarea,
html[dir="rtl"] body .auth-section .auth-form select,
html[dir="rtl"] body .auth-section .auth-form input::placeholder,
html[dir="rtl"] body .auth-section .auth-form textarea::placeholder {
  direction: rtl !important;
  text-align: right !important;
}

html[dir="rtl"] body .auth-section .terms-check,
html[dir="rtl"] body .auth-section .check {
  flex-direction: row !important;
}

html[dir="rtl"] body .auth-section .auth-visual,
html[dir="rtl"] body .auth-section .auth-visual-copy,
html[dir="rtl"] body .auth-section .auth-register-journey,
html[dir="rtl"] body .auth-section .auth-register-steps,
html[dir="rtl"] body .auth-section .auth-register-trust-row {
  direction: rtl !important;
  text-align: right !important;
}

@media (max-width: 980px) {
  html[dir="rtl"] body .auth-section .auth-layout,
  html[dir="rtl"] body .auth-section .auth-layout-login {
    direction: rtl !important;
    grid-template-columns: 1fr !important;
    grid-template-areas: "auth-form" "auth-visual" !important;
  }

  html[dir="rtl"] body .auth-section .auth-layout > .auth-card,
  html[dir="rtl"] body .auth-section .auth-layout-login > .auth-card {
    grid-area: auth-form !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
  }

  html[dir="rtl"] body .auth-section .auth-layout > .auth-visual,
  html[dir="rtl"] body .auth-section .auth-layout-login > .auth-visual {
    grid-area: auth-visual !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    order: 2 !important;
  }
}

/* =========================================================
   BSOURIA V7.30 — Mobile header icon spacing + menu alignment
   Equalizes utility icon gaps and keeps utility group next to
   the menu button in both RTL and LTR.
   ========================================================= */
@media (max-width: 700px) {
  .topbar > .container.nav {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
  }

  .topbar .brand-logo {
    order: 1 !important;
    flex: 0 0 128px !important;
    width: 128px !important;
    min-width: 128px !important;
    height: 40px !important;
  }

  .topbar .nav-actions {
    order: 2 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-inline-start: auto !important;
    flex: 0 0 auto !important;
  }

  .topbar .menu-btn {
    order: 3 !important;
    display: grid !important;
    place-items: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #28493a !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: var(--ink) !important;
    font-size: 30px !important;
    line-height: 1 !important;
    cursor: pointer !important;
  }

  .header-utility-group {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 3px !important;
    border-radius: 14px !important;
  }

  .header-utility-group > :is(.theme-toggle, .user-notification-dropdown, .language-dropdown, .user-profile-dropdown) {
    flex: 0 0 auto !important;
  }

  .header-utility-group :is(.theme-toggle, .user-notification-toggle, .language-current, .user-profile-toggle) {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .header-utility-group .language-current {
    width: 44px !important;
    min-width: 44px !important;
    gap: 4px !important;
    padding-inline: 6px !important;
  }

  .header-utility-group .user-profile-toggle {
    width: 38px !important;
    min-width: 38px !important;
  }

  .header-utility-group .user-profile-toggle-avatar {
    width: 30px !important;
    height: 30px !important;
  }

  .header-utility-group .language-flag {
    width: 22px !important;
    height: 15px !important;
  }

  .topbar .nav-actions > .btn,
  .topbar .nav-actions > .header-cv-button-v64 {
    display: none !important;
  }

  html[dir="rtl"] .topbar > .container.nav,
  html[dir="ltr"] .topbar > .container.nav {
    flex-direction: row !important;
  }
}

/* =========================================================
   BSOURIA V7.31 — Mobile header position correction
   Keeps the original compact position, shifts utilities only
   enough to leave a clean gap for the visible menu button.
   Physical layout stays the same in RTL and LTR.
   ========================================================= */
@media (max-width: 700px) {
  .topbar > .container.nav {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    direction: ltr !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: calc(100% - 16px) !important;
    min-height: 66px !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
  }

  .topbar .brand-logo {
    order: 1 !important;
    flex: 0 0 145px !important;
    width: 145px !important;
    min-width: 145px !important;
    height: 43px !important;
  }

  .topbar .nav-actions {
    order: 2 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    margin-left: auto !important;
    margin-right: 47px !important;
    flex: 0 0 auto !important;
  }

  .topbar .menu-btn {
    order: 3 !important;
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--ink) !important;
    font-size: 30px !important;
    line-height: 1 !important;
    z-index: 4 !important;
  }

  .header-utility-group {
    gap: 3px !important;
    padding: 3px !important;
  }

  .header-utility-group :is(.theme-toggle, .user-notification-toggle, .user-profile-toggle) {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
  }

  .header-utility-group .language-current {
    width: 44px !important;
    min-width: 44px !important;
    height: 38px !important;
    min-height: 38px !important;
  }

  html[dir="rtl"] .topbar > .container.nav,
  html[dir="ltr"] .topbar > .container.nav {
    direction: ltr !important;
  }
}

@media (max-width: 380px) {
  .topbar .brand-logo {
    flex-basis: 132px !important;
    width: 132px !important;
    min-width: 132px !important;
  }

  .topbar .nav-actions {
    margin-right: 44px !important;
  }

  .header-utility-group {
    gap: 2px !important;
    padding: 2px !important;
  }

  .header-utility-group :is(.theme-toggle, .user-notification-toggle, .user-profile-toggle) {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
  }

  .header-utility-group .language-current {
    width: 42px !important;
    min-width: 42px !important;
    height: 36px !important;
    min-height: 36px !important;
  }
}

/* =========================================================
   BSOURIA V7.32 — Mobile header utilities shift-left adjustment
   Moves the utility icons closer to the logo while keeping the
   hamburger menu fixed at the far edge in RTL and LTR.
   ========================================================= */
@media (max-width: 700px) {
  .topbar > .container.nav {
    justify-content: flex-start !important;
    gap: 6px !important;
  }

  .topbar .brand-logo {
    flex: 0 0 145px !important;
    width: 145px !important;
    min-width: 145px !important;
  }

  .topbar .nav-actions {
    order: 2 !important;
    margin-left: 6px !important;
    margin-right: 47px !important;
    gap: 0 !important;
    flex: 0 0 auto !important;
  }

  .header-utility-group {
    gap: 3px !important;
    padding: 3px !important;
  }

  html[dir="rtl"] .topbar > .container.nav,
  html[dir="ltr"] .topbar > .container.nav {
    direction: ltr !important;
  }
}

@media (max-width: 380px) {
  .topbar .brand-logo {
    flex-basis: 138px !important;
    width: 138px !important;
    min-width: 138px !important;
  }

  .topbar .nav-actions {
    margin-left: 4px !important;
    margin-right: 44px !important;
  }
}

/* =========================================================
   BSOURIA V7.33 — Mobile header icon group left shift
   Moves the utility icons left from the screen edge and adds
   clearer spacing between each icon, while keeping the menu
   button at the far right.
   ========================================================= */
@media (max-width: 700px) {
  .topbar > .container.nav {
    position: relative !important;
    justify-content: flex-start !important;
  }

  .topbar .brand-logo {
    flex: 0 0 138px !important;
    width: 138px !important;
    min-width: 138px !important;
    height: 41px !important;
  }

  .topbar .nav-actions {
    position: absolute !important;
    top: 50% !important;
    right: 52px !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    z-index: 3 !important;
  }

  .header-utility-group {
    gap: 6px !important;
    padding: 3px 6px !important;
  }

  .header-utility-group :is(.theme-toggle, .user-notification-toggle, .user-profile-toggle) {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
  }

  .header-utility-group .language-current {
    width: 42px !important;
    min-width: 42px !important;
    height: 36px !important;
    min-height: 36px !important;
    gap: 5px !important;
  }

  .header-utility-group .language-flag {
    width: 21px !important;
    height: 14px !important;
  }

  .topbar .menu-btn {
    right: 2px !important;
    z-index: 4 !important;
  }
}

@media (max-width: 380px) {
  .topbar .brand-logo {
    flex: 0 0 132px !important;
    width: 132px !important;
    min-width: 132px !important;
  }

  .topbar .nav-actions {
    right: 48px !important;
  }

  .header-utility-group {
    gap: 5px !important;
    padding: 2px 5px !important;
  }
}

/* =========================================================
   BSOURIA V7.34 — Mobile centered utility icon group
   Centers the mobile utility icon box while keeping the logo
   on the left and the hamburger menu on the right.
   ========================================================= */
@media (max-width: 700px) {
  .topbar > .container.nav {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .topbar .brand-logo {
    flex: 0 0 132px !important;
    width: 132px !important;
    min-width: 132px !important;
    height: 40px !important;
    order: 1 !important;
  }

  .topbar .nav-actions {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    z-index: 3 !important;
  }

  .header-utility-group {
    gap: 6px !important;
    padding: 3px 6px !important;
  }

  .header-utility-group :is(.theme-toggle, .user-notification-toggle, .user-profile-toggle) {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
  }

  .header-utility-group .language-current {
    width: 42px !important;
    min-width: 42px !important;
    height: 36px !important;
    min-height: 36px !important;
    gap: 5px !important;
  }

  .topbar .menu-btn {
    position: absolute !important;
    right: 2px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 4 !important;
  }
}

@media (max-width: 380px) {
  .topbar .brand-logo {
    flex: 0 0 122px !important;
    width: 122px !important;
    min-width: 122px !important;
  }

  .topbar .nav-actions {
    left: 52% !important;
  }

  .header-utility-group {
    gap: 5px !important;
    padding: 2px 5px !important;
  }
}

/* =========================================================
   BSOURIA V7.35 — Final mobile header balance
   Larger logo + utility group shifted slightly toward menu.
   ========================================================= */
@media (max-width: 700px) {
  .topbar > .container.nav {
    position: relative !important;
    min-height: 70px !important;
  }

  .topbar .brand-logo,
  html[data-theme="dark"] .topbar .brand-logo,
  html:not([data-theme="dark"]) .topbar .brand-logo {
    flex: 0 0 148px !important;
    width: 148px !important;
    min-width: 148px !important;
    max-width: 148px !important;
    height: 46px !important;
  }

  .topbar .brand-logo .brand-logo-image,
  .topbar .brand-logo .brand-logo-single {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  html[dir="ltr"] .topbar .brand-logo .brand-logo-image,
  html[dir="ltr"] .topbar .brand-logo .brand-logo-single {
    object-position: left center !important;
    background-position: left center !important;
  }

  html[dir="rtl"] .topbar .brand-logo .brand-logo-image,
  html[dir="rtl"] .topbar .brand-logo .brand-logo-single {
    object-position: left center !important;
    background-position: left center !important;
  }

  .topbar .nav-actions {
    position: absolute !important;
    left: 56% !important;
    right: auto !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    z-index: 3 !important;
  }

  .topbar .header-utility-group {
    gap: 6px !important;
    padding: 3px 6px !important;
  }

  .topbar .header-utility-group :is(.theme-toggle,.user-notification-toggle,.user-profile-toggle) {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
  }

  .topbar .header-utility-group .language-current {
    width: 42px !important;
    min-width: 42px !important;
    height: 36px !important;
    min-height: 36px !important;
  }

  .topbar .menu-btn {
    position: absolute !important;
    right: 2px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

@media (max-width: 380px) {
  .topbar .brand-logo,
  html[data-theme="dark"] .topbar .brand-logo,
  html:not([data-theme="dark"]) .topbar .brand-logo {
    flex-basis: 138px !important;
    width: 138px !important;
    min-width: 138px !important;
    max-width: 138px !important;
    height: 43px !important;
  }

  .topbar .nav-actions {
    left: 57% !important;
  }

  .topbar .header-utility-group {
    gap: 5px !important;
    padding: 2px 5px !important;
  }
}

/* =========================================================
   BSOURIA V7.36 — Final mobile header spacing correction
   Adds a visible gap after the logo, shifts the utility box
   slightly toward the menu, and makes the controls a touch
   smaller without changing the desktop header.
   ========================================================= */
@media (max-width: 700px) {
  .topbar .nav-actions {
    left: 59% !important;
    right: auto !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  .topbar .header-utility-group {
    gap: 4px !important;
    padding: 3px 5px !important;
  }

  .topbar .header-utility-group :is(
    .theme-toggle,
    .user-notification-toggle,
    .user-profile-toggle
  ) {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
  }

  .topbar .header-utility-group .language-current {
    width: 40px !important;
    min-width: 40px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding-inline: 5px !important;
    gap: 4px !important;
  }

  .topbar .header-utility-group .language-flag {
    width: 21px !important;
    height: 14px !important;
  }

  .topbar .header-control-icon,
  .topbar .header-control-icon svg {
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important;
  }
}

@media (max-width: 380px) {
  .topbar .nav-actions {
    left: 60% !important;
  }

  .topbar .header-utility-group {
    gap: 3px !important;
    padding: 2px 4px !important;
  }

  .topbar .header-utility-group :is(
    .theme-toggle,
    .user-notification-toggle,
    .user-profile-toggle
  ) {
    width: 33px !important;
    min-width: 33px !important;
    height: 33px !important;
    min-height: 33px !important;
  }

  .topbar .header-utility-group .language-current {
    width: 39px !important;
    min-width: 39px !important;
    height: 33px !important;
    min-height: 33px !important;
  }
}

/* =========================================================
   BSOURIA V7.37 — Wider mobile utility icon spacing
   Adds a little more room between every header icon and
   expands the utility box naturally without changing desktop.
   ========================================================= */
@media (max-width: 700px) {
  .topbar .nav-actions {
    left: 57.5% !important;
  }

  .topbar .header-utility-group {
    gap: 7px !important;
    padding: 3px 7px !important;
  }

  .topbar .header-utility-group :is(
    .theme-toggle,
    .user-notification-toggle,
    .user-profile-toggle
  ) {
    margin: 0 !important;
  }

  .topbar .header-utility-group .language-current {
    gap: 5px !important;
  }
}

@media (max-width: 380px) {
  .topbar .nav-actions {
    left: 58% !important;
  }

  .topbar .header-utility-group {
    gap: 6px !important;
    padding: 2px 6px !important;
  }
}

/* =========================================================
   BSOURIA V7.38 — Extra mobile utility icon gaps
   Increases the space between all icons one more step while
   keeping the full group clear of the logo and menu button.
   ========================================================= */
@media (max-width: 700px) {
  .topbar .nav-actions {
    left: 58% !important;
  }

  .topbar .header-utility-group {
    gap: 14px !important;
    padding: 4px 8px !important;
  }

  .topbar .header-utility-group :is(
    .theme-toggle,
    .user-notification-toggle,
    .user-profile-toggle
  ) {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
  }

  .topbar .header-utility-group .language-current {
    width: 40px !important;
    min-width: 40px !important;
    height: 34px !important;
    min-height: 34px !important;
    gap: 5px !important;
  }
}

@media (max-width: 380px) {
  .topbar .nav-actions {
    left: 58.5% !important;
  }

  .topbar .header-utility-group {
    gap: 4px !important;
    padding: 3px 0px !important;
  }

  .topbar .header-utility-group :is(
    .theme-toggle,
    .user-notification-toggle,
    .user-profile-toggle
  ) {
    width: 31px !important;
    min-width: 31px !important;
  }

  .topbar .header-utility-group .language-current {
    width: 39px !important;
    min-width: 39px !important;
  }
}