/*!
 * Dr Rita Bentahila — Widgets + Layout (TOC, Accordéons, Carrousels, Phase1/2/3 nav+mega+mobile, Role oncologue)
 * Extracted from inline <style data-widget|data-phase|data-card="..."> blocks.
 * Version: 3.0 (2026-06-07)
 * Pages cancer V12+V13+V14+V15 (62 pages FR+AR). Vague B.3.
 * SAFE TO CACHE — content stable.
 */


/* === Widget: v15-toc === */
.pg-toc{margin:1rem 0 1.5rem 0;padding:0;border:1px solid #d8e4ee;background:#f8fbfd;border-radius:10px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.pg-toc-inner{display:flex;flex-wrap:nowrap;gap:.5rem;padding:.75rem .9rem;min-width:max-content}
.pg-toc-label{font-size:.78rem;font-weight:700;color:#5e6e82;text-transform:uppercase;letter-spacing:.04em;align-self:center;padding-right:.5rem;border-right:1px solid #d8e4ee;margin-right:.4rem;white-space:nowrap}
.pg-toc a{display:inline-block;padding:.45rem .85rem;background:#fff;color:#002b5c;font-weight:600;font-size:.88rem;text-decoration:none;border-radius:20px;border:1px solid #d8e4ee;white-space:nowrap;transition:all .15s ease}
.pg-toc a:hover,.pg-toc a:focus-visible{background:#0080cc;color:#fff;border-color:#0080cc;outline:none}
@media(min-width:900px){.pg-toc-inner{flex-wrap:wrap}}
[dir="rtl"] .pg-toc-label{padding-right:0;padding-left:.5rem;border-right:none;border-left:1px solid #d8e4ee;margin-right:0;margin-left:.4rem}
html{scroll-behavior:smooth;scroll-padding-top:60px}

/* === Widget: v15-acc === */
.acc-list{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.6rem}
details.acc-it{border:1px solid #d8e4ee;border-radius:8px;background:#fff;overflow:hidden}
details.acc-it[open]{box-shadow:0 1px 4px rgba(0,43,92,.06)}
details.acc-it>summary{padding:.85rem 1rem;font-weight:700;color:#002b5c;cursor:pointer;list-style:none;display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;font-size:.95rem;line-height:1.4}
details.acc-it>summary::-webkit-details-marker{display:none}
details.acc-it>summary::after{content:"+";font-size:1.3rem;font-weight:700;color:#0080cc;flex-shrink:0;transition:transform .2s ease;line-height:1}
details.acc-it[open]>summary::after{content:"−"}
details.acc-it>summary:hover,details.acc-it>summary:focus-visible{background:#f5f8fc;outline:none}
.acc-body{padding:0 1rem 1rem 1rem;color:#3e4c5f;line-height:1.6;font-size:.93rem}
.acc-body p{margin:.4rem 0}
details.acc-block{border:1px solid #d8e4ee;border-radius:10px;background:#f8fbfd;margin:1rem 0;overflow:hidden}
details.acc-block>summary{padding:1rem 1.2rem;font-weight:700;color:#002b5c;cursor:pointer;list-style:none;font-size:1rem;display:flex;justify-content:space-between;align-items:center;gap:.6rem}
details.acc-block>summary::-webkit-details-marker{display:none}
details.acc-block>summary::after{content:"+";font-size:1.4rem;color:#0080cc;font-weight:700}
details.acc-block[open]>summary::after{content:"−"}
details.acc-block>summary:hover,details.acc-block>summary:focus-visible{background:#eef6fc;outline:none}
.acc-block-body{padding:.2rem 1.2rem 1.2rem 1.2rem}
[dir="rtl"] details.acc-it>summary,[dir="rtl"] details.acc-block>summary{text-align:right}

/* === Widget: cas-carousel === */
.cc-wrap{position:relative}
.cc-wrap .cc-nav{display:none}
@media (max-width:720px){
  .cc-wrap .cc-grid{display:block !important;grid-template-columns:none !important}
  .cc-wrap .cc-grid > div{display:none !important}
  .cc-wrap .cc-grid > div.is-active{display:flex !important;animation:cc-fade .25s ease;flex-direction:column}
  @keyframes cc-fade{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
  .cc-wrap .cc-nav{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.9rem}
  .cc-wrap .cc-nav-arrow{flex-shrink:0;background:#fff;border:1px solid #d8e4ee;width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#0d2a4a;transition:all .15s ease;padding:0}
  .cc-wrap .cc-nav-arrow:hover,.cc-wrap .cc-nav-arrow:focus-visible{background:#0080cc;color:#fff;border-color:#0080cc;outline:none}
  .cc-wrap .cc-nav-arrow svg{width:16px;height:16px}
  .cc-wrap .cc-nav-dots{display:flex;gap:.4rem}
  .cc-wrap .cc-nav-dot{width:8px;height:8px;border-radius:50%;background:#d8e4ee;border:none;padding:0;cursor:pointer;transition:all .2s}
  .cc-wrap .cc-nav-dot.is-active{background:#0080cc;width:22px;border-radius:4px}
  .cc-wrap .cc-counter{font-size:.82rem;color:#5e6e82;font-weight:600;min-width:36px;text-align:center}
}


/* === Widget: parcours-carousel === */
.pc-wrap{position:relative}
.pc-wrap .pc-nav{display:none}
@media (max-width:720px){
 .pc-wrap .pc-grid{display:block !important;grid-template-columns:none !important}
 .pc-wrap .pc-grid > div{display:none !important}
 .pc-wrap .pc-grid > div.is-active{display:flex !important;animation:pc-fade .25s ease}
 @keyframes pc-fade{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
 .pc-wrap .pc-nav{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.9rem}
 .pc-wrap .pc-nav-arrow{flex-shrink:0;background:#fff;border:1px solid #d8e4ee;width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#0d2a4a;transition:all .15s ease;padding:0}
 .pc-wrap .pc-nav-arrow:hover,.pc-wrap .pc-nav-arrow:focus-visible{background:#0080cc;color:#fff;border-color:#0080cc;outline:none}
 .pc-wrap .pc-nav-arrow svg{width:16px;height:16px}
 .pc-wrap .pc-nav-dots{display:flex;gap:.4rem}
 .pc-wrap .pc-nav-dot{width:8px;height:8px;border-radius:50%;background:#d8e4ee;border:none;padding:0;cursor:pointer;transition:all .2s}
 .pc-wrap .pc-nav-dot.is-active{background:#0080cc;width:22px;border-radius:4px}
 .pc-wrap .pc-counter{font-size:.82rem;color:#5e6e82;font-weight:600;min-width:36px;text-align:center}
}
[dir="rtl"] .pc-wrap .pc-grid > div.is-active{animation:pc-fade-rtl .25s ease}
@keyframes pc-fade-rtl{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}


/* === Widget: google-reviews === */
.gr-widget{margin:2rem 0;padding:1.5rem;background:#F8FAFC;border:1px solid #E5E7EB;border-radius:12px;font-family:inherit}
.gr-widget *{box-sizing:border-box}
.gr-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem;padding-bottom:1.2rem;border-bottom:1px solid #E5E7EB}
.gr-score{display:flex;align-items:center;gap:.9rem}
.gr-score-num{font-size:2rem;font-weight:600;color:#0d2a4a;line-height:1}
.gr-stars{color:#FFB400;font-size:1.15rem;letter-spacing:1px;line-height:1}
.gr-stars-empty{color:#E5E7EB}
.gr-score-meta{display:flex;flex-direction:column;gap:.2rem}
.gr-score-label{font-size:.78rem;color:#6B7280}
.gr-actions{display:flex;gap:.55rem;flex-wrap:wrap}
.gr-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.6rem 1rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.85rem;border:1px solid transparent;transition:all .2s ease;cursor:pointer;white-space:nowrap}
.gr-btn-primary{background:#1a8fff;color:#fff}
.gr-btn-primary:hover{background:#1576d6;transform:translateY(-1px)}
.gr-btn-secondary{background:#fff;color:#0d2a4a;border-color:#E5E7EB}
.gr-btn-secondary:hover{background:#F8FAFC;border-color:#1a8fff;color:#1a8fff}
.gr-reviews{display:grid;grid-template-columns:1fr 1fr;gap:1rem;position:relative}
.gr-review{background:#fff;border:1px solid #E5E7EB;border-radius:10px;padding:1.1rem 1.1rem 1rem;display:flex;flex-direction:column;gap:.55rem;position:relative}
.gr-review-head{display:flex;align-items:center;gap:.7rem}
.gr-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.95rem;flex-shrink:0}
.gr-avatar-k{background:#7c3aed}
.gr-avatar-m{background:#0080cc}
.gr-author-block{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}
.gr-author{font-weight:600;color:#0d2a4a;font-size:.92rem;line-height:1.2}
.gr-review-stars{color:#FFB400;font-size:.85rem;letter-spacing:1px;line-height:1}
.gr-text{font-size:.9rem;line-height:1.5;color:#374151;margin:0}
.gr-text.is-truncated{max-height:4.5em;overflow:hidden;position:relative}
.gr-text.is-truncated::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1.4em;background:linear-gradient(transparent,#fff)}
.gr-more{align-self:flex-start;background:none;border:none;color:#1a8fff;font-size:.82rem;font-weight:600;cursor:pointer;padding:0;font-family:inherit;text-decoration:underline;text-underline-offset:2px}
.gr-more:hover{color:#0d2a4a}
.gr-g-mini{position:absolute;top:1.1rem;right:1.1rem;opacity:.85}
.gr-verified{margin-top:1rem;font-size:.78rem;color:#6B7280;display:flex;align-items:center;gap:.4rem}
.gr-verified svg{width:14px;height:14px}
.gr-nav{display:none}
@media (max-width:720px){
 .gr-widget{padding:1.1rem;border-radius:10px}
 .gr-head{flex-direction:column;align-items:stretch;text-align:center;padding-bottom:1rem;margin-bottom:1rem}
 .gr-score{justify-content:center}
 .gr-actions{flex-direction:column;width:100%}
 .gr-btn{justify-content:center;width:100%;padding:.75rem 1rem;font-size:.92rem}
 .gr-reviews{display:block;overflow:hidden;border-radius:10px}
 .gr-review{display:none}
 .gr-review.is-active{display:flex;animation:gr-fade .25s ease}
 @keyframes gr-fade{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
 .gr-nav{display:flex;align-items:center;justify-content:space-between;margin-top:.85rem;gap:.6rem}
 .gr-nav-arrow{flex-shrink:0;background:#fff;border:1px solid #E5E7EB;width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#0d2a4a;transition:all .15s ease;padding:0}
 .gr-nav-arrow:hover,.gr-nav-arrow:focus-visible{background:#1a8fff;color:#fff;border-color:#1a8fff;outline:none}
 .gr-nav-arrow svg{width:16px;height:16px}
 .gr-nav-dots{display:flex;gap:.4rem}
 .gr-nav-dot{width:8px;height:8px;border-radius:50%;background:#E5E7EB;border:none;padding:0;cursor:pointer;transition:background .2s}
 .gr-nav-dot.is-active{background:#1a8fff;width:20px;border-radius:4px}
}



/* === Phase 1: nav CTA buttons (header + mobile hot stack) === */
.nav-cta-second{background:#fff !important;color:var(--navy) !important;border:1.5px solid var(--navy) !important;padding:.45rem .85rem !important;margin-left:.32rem;border-radius:4px}.nav-cta-second:hover{background:var(--navy) !important;color:#fff !important}.nav-cta-wa{background:#25d366 !important;color:#fff !important;padding:.5rem .85rem !important;border-bottom:none !important;margin-left:.32rem;border-radius:4px;display:inline-flex !important;align-items:center;gap:.32rem}.nav-cta-wa:hover{background:#1ebe57 !important}.nav-rdv{display:inline-flex !important;align-items:center;gap:.32rem}@media(max-width:1280px){.nav-cta-second .lbl-long,.nav-cta-wa .lbl-long,.nav-rdv .lbl-long{display:none}}@media(max-width:1080px){.nav-cta-second,.nav-cta-wa{padding:.4rem .55rem !important}}[dir="rtl"] .nav-cta-second,[dir="rtl"] .nav-cta-wa,[dir="rtl"] .nav-rdv{margin-left:0;margin-right:.32rem}.md-hot-stack{padding:1rem 1.1rem .35rem;display:flex;flex-direction:column;gap:.55rem;background:linear-gradient(180deg,var(--bg) 0,#fff 100%);border-bottom:1px solid var(--border)}.md-hot-stack .md-hot{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.85rem 1rem;font-size:.95rem;font-weight:700;text-decoration:none;border-radius:6px;line-height:1.2}.md-hot-rdv{background:var(--sky);color:#fff}.md-hot-rdv:hover{background:var(--navy)}.md-hot-second{background:#fff;color:var(--navy);border:1.5px solid var(--navy)}.md-hot-second:hover{background:var(--navy);color:#fff}.md-hot-wa{background:#25d366;color:#fff}.md-hot-wa:hover{background:#1ebe57}[dir="rtl"] .md-hot-stack{text-align:right}


/* === Phase 2: cancers mega menu === */
.nav-dd.nav-dd-mega{display:none;min-width:580px;padding:.5rem;grid-template-columns:1fr 1fr;gap:.15rem .35rem}.nav-links>li:hover>a>.nav-dd.nav-dd-mega,.nav-links>li:focus-within>a>.nav-dd.nav-dd-mega,.nav-links li:hover .nav-dd.nav-dd-mega,.nav-links li:focus-within .nav-dd.nav-dd-mega{display:grid;opacity:1;pointer-events:auto;transform:translateY(0)}.nav-dd-mega .mega-h{font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gray);padding:.4rem .7rem .2rem;border-bottom:1px solid var(--border);margin-bottom:.15rem}.nav-dd-mega>a,.nav-dd-mega .mega-col>a,.nav-dd-mega .mega-foot>a{display:flex;align-items:center;gap:.4rem;padding:.42rem .7rem;font-size:.78rem;color:var(--text);text-decoration:none;border-left:3px solid transparent;line-height:1.3;border-radius:2px;transition:all .12s;text-transform:none;letter-spacing:0;font-weight:500;white-space:nowrap}.nav-dd-mega .mega-col>a:hover,.nav-dd-mega .mega-foot>a:hover{background:var(--light);border-left-color:var(--sky);color:var(--sky)}.nav-dd-mega .mega-foot{grid-column:1 / -1;border-top:1px solid var(--border);margin-top:.35rem;padding-top:.35rem;display:flex;flex-direction:column;gap:0}.nav-dd-mega .mega-foot>a{font-weight:700}.nav-dd-mega .mega-foot>a.mega-second{color:var(--sky)}.nav-dd-mega .mega-foot>a.mega-prev{color:var(--gray);font-weight:600}[dir="rtl"] .nav-dd-mega .mega-col>a,[dir="rtl"] .nav-dd-mega .mega-foot>a{border-left:0;border-right:3px solid transparent}[dir="rtl"] .nav-dd-mega .mega-col>a:hover,[dir="rtl"] .nav-dd-mega .mega-foot>a:hover{border-right-color:var(--sky)}[dir="rtl"] .nav-dd-mega .mega-h{text-align:right}@media(max-width:1100px){.nav-dd.nav-dd-mega{min-width:480px}.nav-dd-mega .mega-col>a,.nav-dd-mega .mega-foot>a{font-size:.74rem;padding:.36rem .55rem}}@media(max-width:768px){.nav-dd.nav-dd-mega{display:none !important}
.nav-links>li:hover>a>.nav-dd.nav-dd-mega,.nav-links>li:focus-within>a>.nav-dd.nav-dd-mega,.nav-links li:hover .nav-dd.nav-dd-mega,.nav-links li:focus-within .nav-dd.nav-dd-mega{display:none !important}}


/* === Phase 3: mobile topbar === */
/*fouc-fix*/.topbar-mobile{display:flex;justify-content:space-around;align-items:center;background:#002b5c;padding:.5rem 3vw;gap:.4rem;min-height:46px}.topbar-mobile a{display:flex;align-items:center;justify-content:center;gap:.3rem;color:#fff;text-decoration:none;background:rgba(255,255,255,.08);border-radius:4px;padding:.45rem .3rem;font-size:.7rem;font-weight:600;flex:1;line-height:1}.topbar-mobile a svg{width:13px;height:13px;flex-shrink:0}.topbar-mobile a.tm-call{background:#00a3e0}.topbar-mobile a.tm-wa{background:#25d366}@media(min-width:769px){.topbar-mobile{display:none}}.topbar-mobile a.tm-second{background:rgba(255,255,255,.16) !important;border:1px solid rgba(255,255,255,.32);color:#fff !important}.topbar-mobile a.tm-rdv{background:var(--sky) !important;flex:1.3 !important;color:#fff !important}.topbar-mobile a.tm-rdv:active{transform:scale(.96)}@media(max-width:768px){.topbar-mobile{position:sticky !important;top:0 !important;z-index:850 !important;padding:.4rem 3vw !important;gap:.3rem !important}.topbar-mobile a{flex:1;padding:.55rem .25rem !important;font-size:.72rem !important;font-weight:700;line-height:1;letter-spacing:.01em;transition:transform .15s}.topbar-mobile a:active{transform:scale(.96)}.site-nav{top:42px !important;z-index:800 !important}.wa-fab{bottom:18px !important}}[dir="rtl"] .topbar-mobile{direction:rtl}[dir="rtl"] .topbar-mobile a[dir="ltr"]{direction:ltr}


/* === Card: role-oncologue (profile médecin) — unified FR+AR === */
.oncologue-block{margin:1rem 0 1.5rem 0}
.oncologue-block>p{margin:0 0 1rem 0}
.oncologue-card{display:flex;align-items:center;gap:1.1rem;padding:1.1rem 1.3rem;background:linear-gradient(135deg,#fff 0%,#f5f8fc 100%);border:1px solid #d8e4ee;border-radius:14px;box-shadow:0 4px 16px rgba(0,43,92,.08);position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.oncologue-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,43,92,.12)}
.oncologue-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#0080cc 0%,#00a3e0 100%)}
.oncologue-card .oc-photo{width:84px;height:84px;border-radius:50%;border:3px solid #fff;box-shadow:0 3px 10px rgba(0,43,92,.15);object-fit:cover;background:#fff;flex-shrink:0}
.oncologue-card .oc-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}
.oncologue-card .oc-name{font-weight:700;color:#002b5c;font-size:1.05rem;line-height:1.2}
.oncologue-card .oc-title{font-size:.86rem;color:#5e6e82;line-height:1.3;font-weight:500;margin-bottom:.25rem}
.oncologue-card .oc-hospitals{font-size:.8rem;color:#5e6e82;line-height:1.5;display:flex;flex-wrap:wrap;gap:.4rem .9rem;margin:0;padding:0}
.oncologue-card .oc-hospitals li{list-style:none;padding-left:.85rem;position:relative;white-space:nowrap}
.oncologue-card .oc-hospitals li::before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:#0080cc;opacity:.7}
.oncologue-card .oc-link{flex-shrink:0;display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;color:#0080cc;text-decoration:none;font-weight:600;padding:.5rem .9rem;border-radius:8px;background:rgba(0,128,204,.08);transition:background .2s ease,gap .2s ease;white-space:nowrap}
.oncologue-card .oc-link:hover{background:rgba(0,128,204,.16);gap:.5rem;text-decoration:none}
.oncologue-card .oc-link svg{width:14px;height:14px;transition:transform .2s ease}
.oncologue-card .oc-link:hover svg{transform:translateX(3px)}
@media (max-width:600px){
 .oncologue-card{flex-direction:column;text-align:center;padding:1.2rem 1rem;gap:.7rem}
 .oncologue-card::before{left:0;right:0;top:0;bottom:auto;height:4px;width:auto;background:linear-gradient(90deg,#0080cc 0%,#00a3e0 100%)}
 .oncologue-card .oc-info{align-items:center}
 .oncologue-card .oc-hospitals{justify-content:center}
 .oncologue-card .oc-link{width:100%;justify-content:center}
}
/* RTL overrides */
[dir="rtl"] .oncologue-block{direction:rtl;text-align:right}
[dir="rtl"] .oncologue-card{direction:rtl}
[dir="rtl"] .oncologue-card::before{left:auto;right:0}
[dir="rtl"] .oncologue-card .oc-hospitals li{padding-left:0;padding-right:.85rem;direction:ltr}
[dir="rtl"] .oncologue-card .oc-hospitals li::before{left:auto;right:0}
[dir="rtl"] .oncologue-card .oc-link:hover svg{transform:translateX(-3px)}