/* Sehetak family themes: calm backgrounds, readable ink, luminous borders only.
   Applies to public informational pages, never to payments/admin. */
:root{--member-accent:#286cb8;--member-ink:#1a3e6f;--member-soft:#eaf3ff;--member-edge:#a9c8e9}
body[data-member-theme="man"]{--member-accent:#174f9e;--member-ink:#143567;--member-soft:#e8f1fe;--member-edge:#8fb6ec}
body[data-member-theme="woman"]{--member-accent:#7950ac;--member-ink:#54317f;--member-soft:#f3ebfa;--member-edge:#b99cd9}
body[data-member-theme="boy"]{--member-accent:#137e7c;--member-ink:#0c6466;--member-soft:#e7f7f4;--member-edge:#80c6c4}
body[data-member-theme="girl"]{--member-accent:#b84f80;--member-ink:#87375f;--member-soft:#fff0f5;--member-edge:#e4a8c4}
body[data-member-theme] .topbar{background:color-mix(in srgb,var(--member-soft) 90%,#fff);border-bottom-color:var(--member-edge);box-shadow:0 5px 18px rgba(28,57,105,.07)}
body[data-member-theme] .nav-link.is-active{color:var(--member-ink);box-shadow:inset 0 -2px var(--member-accent)}
body[data-member-theme] .v31-intro-card,
body[data-member-theme] .v31-navigation-panel{background:linear-gradient(125deg,#f8fbff,var(--member-soft));border-color:var(--member-edge);box-shadow:0 10px 23px rgba(28,69,121,.07)}
body[data-member-theme] .v31-intro h1,
body[data-member-theme] .v31-navigation-heading h2{color:var(--member-ink)}
body[data-member-theme] .v31-tile.is-current{
  background:var(--member-soft);color:var(--member-ink);border:2px solid var(--member-accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--member-accent) 13%,transparent),0 7px 18px rgba(31,71,122,.08);
}
body[data-member-theme] .v31-tile.is-current svg{stroke:var(--member-accent)}
body[data-member-theme] .v31-feature[data-topic="woman"] .v31-feature-card{--tone:#b69bd5;--tone-soft:#f2eafa}
body[data-member-theme] .v31-feature[data-topic="man"] .v31-feature-card{--tone:#8fb5e5;--tone-soft:#e7f0fd}
.v31-feature[data-topic="woman"] .v31-feature-card{--tone:#b69bd5;--tone-soft:#f3ebfa}
.v31-feature[data-topic="man"] .v31-feature-card{--tone:#8fb5e5;--tone-soft:#e8f1fd}
.v31-feature[data-topic="child"] .v31-feature-card{--tone:#8fcac4;--tone-soft:#e5f6f3}
body[data-member-theme="girl"] .v31-feature[data-topic="child"] .v31-feature-card{--tone:#e6adca;--tone-soft:#fff0f5}
.v31-feature[data-topic="woman"] .v31-copy h2{color:#61388e}
.v31-feature[data-topic="man"] .v31-copy h2{color:#173b70}
.v31-feature[data-topic="child"] .v31-copy h2{color:#116a6b}
body[data-member-theme="girl"] .v31-feature[data-topic="child"] .v31-copy h2{color:#8d3e65}
.v31-feature[data-topic="woman"] .v31-detail-link{color:#653c98}
.v31-feature[data-topic="child"] .v31-detail-link{color:#176e6f}
body[data-member-theme="girl"] .v31-feature[data-topic="child"] .v31-detail-link{color:#9d4672}
/* Detail pages share the same restrained member palette. */
body[data-member-theme] .page-hero.detail-hero{
  background:linear-gradient(135deg,var(--member-soft),#f8fbff 82%);
  border-bottom:1px solid var(--member-edge);color:#19365e
}
body[data-member-theme] .page-hero.detail-hero h1{color:var(--member-ink)}
body[data-member-theme] .page-hero.detail-hero .eyebrow,
body[data-member-theme] .page-hero.detail-hero .breadcrumb{color:var(--member-ink)}
body[data-member-theme] .page-hero.detail-hero .lead{color:#475c79}
body[data-member-theme] .page-hero.detail-hero .btn-primary{
  background:var(--member-accent);color:#fff;border:1px solid var(--member-accent);
  box-shadow:0 8px 19px color-mix(in srgb,var(--member-accent) 20%,transparent)
}
body[data-member-theme] .page-hero.detail-hero .detail-visual{
  border-color:var(--member-edge);box-shadow:0 0 0 2px color-mix(in srgb,var(--member-accent) 11%,transparent)
}
body[data-member-theme] .page-hero.detail-hero .dot{color:var(--member-accent)}
body[data-member-theme] :is(a,button):focus-visible{outline:3px solid var(--member-accent);outline-offset:3px}
.member-child-switch{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:13px 0 15px}
.member-child-switch .member-child-label{font-size:.88rem;font-weight:900;color:#284764;margin-inline-end:3px}
.member-child-switch button{
  cursor:pointer;min-width:77px;min-height:41px;padding:7px 18px;
  background:#f8fbff;border:1.5px solid #b7c9df;border-radius:14px;
  font:900 .91rem/1.4 "Tajawal","Cairo","Segoe UI",Tahoma,Arial,sans-serif;
  color:#284764;box-shadow:none;transition:border-color .2s,box-shadow .2s,background-color .2s
}
.member-child-switch button[data-child-theme="boy"]{--choice:#137e7c;--choice-soft:#e7f7f4}
.member-child-switch button[data-child-theme="girl"]{--choice:#b84f80;--choice-soft:#fff0f5}
.member-child-switch button[aria-pressed="true"]{
  color:var(--choice);background:var(--choice-soft);border:2px solid var(--choice);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--choice) 14%,transparent)
}
@media(prefers-reduced-motion:reduce){.member-child-switch button{transition:none}}


/* V32: whole-site palette like the Android app, with soft borders and legible cards. */
:root{--member-deep:#10294c;--member-middle:#1b406f;--member-accent:#63a7ed;--member-panel:#e9f1fc;--member-edge:#8fbae9;--member-ink:#14345e}
body[data-member-theme="man"]{--member-deep:#0e2548;--member-middle:#1c416f;--member-accent:#72b0f0;--member-panel:#e9f2fe;--member-edge:#8bb5eb;--member-ink:#173865}
body[data-member-theme="woman"]{--member-deep:#281536;--member-middle:#4c2762;--member-accent:#cb9af0;--member-panel:#f5edfc;--member-edge:#c49fe2;--member-ink:#543074}
body[data-member-theme="boy"]{--member-deep:#0a303d;--member-middle:#116170;--member-accent:#74d4d1;--member-panel:#e6faf7;--member-edge:#7dc9c6;--member-ink:#0d5660}
body[data-member-theme="girl"]{--member-deep:#3b1931;--member-middle:#753859;--member-accent:#f0a1c5;--member-panel:#fff0f6;--member-edge:#e3a8c1;--member-ink:#74334e}
body[data-member-theme]{
 background:radial-gradient(ellipse 850px 350px at 10% 15%,color-mix(in srgb,var(--member-middle) 45%,transparent),transparent 74%),
 linear-gradient(160deg,var(--member-deep),var(--member-middle) 60%,var(--member-deep));
 background-attachment:fixed;
}
body[data-member-theme] .topbar{background:color-mix(in srgb,var(--member-deep) 96%,#fff);border-bottom:1px solid color-mix(in srgb,var(--member-accent) 60%,transparent)}
body[data-member-theme] .brand-copy strong,body[data-member-theme] .nav-link{color:#f5f8ff}
body[data-member-theme] .brand-copy small{color:#cee0f4}
body[data-member-theme] .nav-link.is-active,body[data-member-theme] .nav-link:hover{color:#fff;box-shadow:inset 0 -2px var(--member-accent)}
body[data-member-theme] .nav-account,body[data-member-theme] .nav-cta{
 background:rgba(255,255,255,.09);color:#fff;border:1px solid color-mix(in srgb,var(--member-accent) 70%,#fff);
 box-shadow:none
}
body[data-member-theme] .nav-account:hover,body[data-member-theme] .nav-cta:hover{background:rgba(255,255,255,.18);color:#fff}
body[data-member-theme] .v31-intro-card{
 background:linear-gradient(120deg,var(--member-middle),var(--member-deep));
 border:1.5px solid var(--member-accent);box-shadow:0 13px 36px rgba(0,0,0,.13)
}
body[data-member-theme] .v31-intro h1{color:#fff}
body[data-member-theme] .v31-intro p{color:#e4edfb}
body[data-member-theme] .v31-overline{color:#f5f7ff}
body[data-member-theme] .v31-hero-logo{background:#f5faff;border-color:var(--member-edge);box-shadow:none}
body[data-member-theme] .v31-trial,body[data-member-theme] .btn-primary{
 background:var(--member-middle);border:1.5px solid var(--member-accent);color:#fff;
 box-shadow:0 5px 18px rgba(0,0,0,.12)
}
body[data-member-theme] .v31-trial:hover,body[data-member-theme] .btn-primary:hover{background:var(--member-deep);color:#fff}
body[data-member-theme] .v31-promo{background:#fff;color:var(--member-ink);border:1px solid var(--member-edge);box-shadow:none}
body[data-member-theme] .v31-navigation-panel{
 background:linear-gradient(140deg,#fff,var(--member-panel));border-color:var(--member-edge);
 box-shadow:0 10px 24px rgba(0,0,0,.11)
}
body[data-member-theme] .v31-navigation-heading h2,body[data-member-theme] .v31-navigation-heading p{color:var(--member-ink)}
body[data-member-theme] .v31-tile{
 background:color-mix(in srgb,var(--member-panel) 60%,#fff);
 color:var(--member-ink);border:1px solid color-mix(in srgb,var(--member-edge) 80%,#fff);
 box-shadow:none
}
body[data-member-theme] .v31-tile.is-current{
 color:var(--member-ink);background:var(--member-panel);border:2px solid var(--member-accent);outline:none;
 transform:translateY(-2px);box-shadow:0 0 0 3px color-mix(in srgb,var(--member-accent) 22%,transparent)
}
body[data-member-theme] .v31-tile.is-current svg{stroke:var(--member-ink)}
body[data-member-theme] .v31-section-title h2,body[data-member-theme] .v31-section-title p,
body[data-member-theme] .v31-footnote{color:#f0f5ff}
body[data-member-theme] .v31-feature-card{
 background:linear-gradient(115deg,#fff,var(--tone-soft));
 border:1.5px solid var(--tone);box-shadow:0 8px 23px rgba(0,0,0,.09)
}
body[data-member-theme] .v31-price .price-section,
body[data-member-theme] .v31-faq-card{
 background:linear-gradient(140deg,#fff,var(--member-panel));border:1px solid var(--member-edge);box-shadow:0 9px 23px rgba(0,0,0,.1)
}
body[data-member-theme] .v31-price .price-widget{background:#fff;border-color:var(--member-edge)}
body[data-member-theme] .v31-faq .faq-list details{background:#fff;border-color:var(--member-edge)}
body[data-member-theme] .footer{background:var(--member-deep)}
body[data-member-theme] .page-hero.detail-hero{background:linear-gradient(125deg,var(--member-panel),#fff)!important}
body[data-member-theme] .page-hero.detail-hero .btn-primary{background:var(--member-middle)}
body[data-member-theme] .page-hero.plain-hero{background:linear-gradient(125deg,var(--member-panel),#fff)}
body[data-member-theme] .page-hero.plain-hero h1{color:var(--member-ink)}
body[data-member-theme] .portal-top{background:var(--member-deep)}
body.portal-page[data-member-theme]{background:linear-gradient(135deg,var(--member-deep),var(--member-middle));background-attachment:fixed}
body.portal-page[data-member-theme] .portal-head h1,body.portal-page[data-member-theme] .portal-head p,
body.portal-page[data-member-theme] .portal-eyebrow{color:#fff}
body.portal-page[data-member-theme] .portal-card{background:linear-gradient(135deg,#fff,var(--member-panel));border-color:var(--member-edge);color:var(--member-ink)}
body.portal-page[data-member-theme] .portal-card-title h2{color:var(--member-ink)}
body.portal-page[data-member-theme] .portal-primary{background:var(--member-middle);color:#fff;border:1px solid var(--member-accent)}
body.portal-page[data-member-theme] .portal-secondary{border-color:var(--member-edge);color:var(--member-ink)}
.sehetak-download-main{
 display:flex;align-items:center;justify-content:center;text-align:center;gap:12px;
 padding:17px 24px;min-height:64px;border-radius:20px;font-size:clamp(1.1rem,2.4vw,1.32rem);
 font-weight:950;text-decoration:none;background:var(--member-middle,#173b6a);color:#fff;
 border:2px solid var(--member-accent,#94c4f4);box-shadow:0 0 0 3px color-mix(in srgb,var(--member-accent,#94c4f4) 14%,transparent);
 transition:transform .2s,background .2s
}
.sehetak-download-main:hover{background:var(--member-deep,#102949);color:#fff;transform:translateY(-1px)}
.sehetak-download-main:focus-visible{outline:3px solid #fff;outline-offset:3px}
.sehetak-download-main:active{transform:none}
.v31-actions .sehetak-download-main{font-size:1.05rem;min-height:52px;padding:11px 15px}
.member-child-switch button[aria-pressed="true"]{background:var(--choice-soft);border-color:var(--choice);color:var(--choice);box-shadow:0 0 0 3px color-mix(in srgb,var(--choice) 18%,transparent)}
@media(max-width:650px){
 body[data-member-theme] .v31-intro-card{gap:12px}
 .sehetak-download-main{width:100%;font-size:1.12rem}
 body[data-member-theme] .v31-tile{min-height:92px}
}
@media(prefers-reduced-motion:reduce){.sehetak-download-main{transition:none}}

/* V32: primary download call-to-action is dominant on mobile. */
.v31-actions{min-width:245px}
@media(max-width:960px){.v31-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v31-actions .sehetak-download-main{grid-column:1/-1;order:-1}.v31-actions>*{min-width:0}}
@media(max-width:420px){.v31-actions .sehetak-download-main{min-height:56px;font-size:1.08rem}}

/* Sehetak fixed contrast policy — pale surfaces always use dark ink.
   Portal: premium-v30 sets pale background with !important, so never force white hero copy there. */
body.portal-page[data-member-theme]{
  background:linear-gradient(150deg,#e3effc,#f5faff 60%,#eaf4ff)!important;
  color:#17375f!important;
}
body.portal-page[data-member-theme] .portal-head{
  background:transparent!important;
  color:#17375f!important;
}
body.portal-page[data-member-theme] .portal-head h1{
  color:#143765!important;
  text-shadow:none!important;
}
body.portal-page[data-member-theme] .portal-head p{
  color:#3f6184!important;
  text-shadow:none!important;
}
body.portal-page[data-member-theme] .portal-head .portal-eyebrow{
  color:#17569a!important;
  text-shadow:none!important;
}
body.portal-page[data-member-theme] :is(.portal-card,.portal-note,.v30-intent-note){
  color:#17375f!important;
}
body.portal-page[data-member-theme] .portal-card-title h2,
body.portal-page[data-member-theme] .portal-card label{
  color:#17375f!important;
}
body.portal-page[data-member-theme] .portal-card-title p,
body.portal-page[data-member-theme] :is(.portal-micro,.portal-privacy){
  color:#45617d!important;
}
body.portal-page[data-member-theme] .portal-top,
body.portal-page[data-member-theme] .portal-top :is(.portal-brand,.portal-back){
  color:#fff!important;
}
body.portal-page[data-member-theme] :is(.portal-primary,.sehetak-download-main){
  color:#fff!important;
}
body[data-member-theme]:not(.portal-page) .page-hero.plain-hero :is(h1,p,.lead,.eyebrow,.breadcrumb){
  color:#193b68!important;
}
body[data-member-theme] :is(.v31-navigation-panel,.v31-feature-card,.portal-card,.sehetak-plan) :is(h1,h2,h3,strong){
  text-shadow:none;
}
