/* livre.css — fiche produit du livre, dans le système visuel SaraStore */

.book-page{background:#09060d}
.book-page [data-ar]{display:none}
.book-page[data-l="ar"] [data-fr]{display:none!important}
.book-page[data-l="ar"] [data-ar]{display:revert!important}
.book-page[data-l="ar"]{direction:rtl}
.book-page[data-l="ar"] .ar-serif,
.book-page[data-l="ar"] p,
.book-page[data-l="ar"] li{font-family:'Amiri',serif;line-height:2.05}
.book-page[data-l="ar"] h1,
.book-page[data-l="ar"] h2,
.book-page[data-l="ar"] h3{font-family:'Reem Kufi',sans-serif;letter-spacing:0}

/* bascule de langue */
.lang-switch{display:flex;gap:6px;justify-self:end}
.lang-switch button{background:transparent;border:1px solid var(--line);color:#ded5dd;
  font:10px 'DM Mono',monospace;letter-spacing:.1em;padding:10px 12px;cursor:pointer;
  text-transform:uppercase}
.lang-switch button.on{background:var(--gold);color:#09060d;border-color:transparent}

/* bouton secondaire, dans le style du site */
.book-page .button.line{border:1px solid var(--line);color:var(--gold);background:transparent}
.book-page .button.line:hover{background:rgba(244,214,117,.08)}
.book-page .store-kicker{white-space:nowrap;flex-wrap:nowrap}

/* boutons d'extrait : un par langue */
.book-page .button.line small{font:9px 'DM Mono',monospace;letter-spacing:.12em;opacity:.65;
  margin-inline-start:-4px}
.book-page .ar-btn{font-family:'Reem Kufi',sans-serif;direction:rtl}

/* hero */
.book-hero{padding-top:165px;padding-bottom:70px;display:grid;
  grid-template-columns:1fr 320px;gap:60px;align-items:center;position:relative}
.book-hero h1{font-size:clamp(2.6rem,5.2vw,4.3rem);letter-spacing:-.05em;line-height:1;margin:26px 0 22px}
.book-hero h1 em{font-family:'Playfair Display',serif;color:var(--gold);font-weight:600;
  font-style:italic;display:block}
.book-page[data-l="ar"] .book-hero h1 em{font-family:'Reem Kufi',sans-serif;font-style:normal}
.book-hero p.lead{max-width:47ch;color:#c6bdc8;line-height:1.85;font-size:15px}
.book-hero .cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.autre-langue{display:inline-block;margin-top:16px;color:var(--muted);font-size:13px;
  text-decoration:none;border-bottom:1px solid rgba(244,214,117,.28);padding-bottom:2px}
.autre-langue:hover{color:var(--gold)}
.book-cover{position:relative}
.book-cover img{width:100%;height:470px;object-fit:cover;object-position:top;border-radius:4px;display:block;
  box-shadow:0 40px 90px -30px #000,0 0 0 1px var(--line);transform:rotate(-1.6deg)}
.book-cover .tagf{position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);
  background:var(--gold);color:#09060d;font:10px 'DM Mono',monospace;letter-spacing:.14em;
  padding:8px 14px;white-space:nowrap}

/* citations */
.quote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.quote{background:var(--panel);border:1px solid rgba(255,255,255,.06);padding:26px 24px;
  position:relative;overflow:hidden}
.quote::before{content:"";position:absolute;top:0;inset-inline-start:0;width:2px;height:100%;
  background:linear-gradient(180deg,var(--gold),transparent)}
.quote p{margin:0;font-size:15px;line-height:1.65;color:#eae4ec}
.quote .ar-echo{display:block;margin-top:13px;font-family:'Amiri',serif;direction:rtl;
  color:var(--gold);font-size:15px;line-height:1.9;opacity:.85}

/* objet */
.obj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.obj{background:var(--panel);border:1px solid rgba(255,255,255,.06);padding:24px}
.obj i{color:var(--gold);width:19px;display:block;margin-bottom:12px}
.obj h3{margin:0 0 7px;font-size:15px;letter-spacing:-.01em}
.obj p{margin:0;color:#a69eaa;font-size:13.5px;line-height:1.7}

/* offre */
.offer{display:grid;grid-template-columns:1fr 310px;gap:40px;background:var(--panel);
  border:1px solid var(--line);padding:40px}
.offer ul{margin:0;padding:0;list-style:none}
.offer li{padding:11px 0 11px 26px;border-bottom:1px dashed rgba(255,255,255,.08);
  position:relative;font-size:14.5px}
.book-page[data-l="ar"] .offer li{padding:11px 26px 11px 0}
.offer li::before{content:"✦";position:absolute;inset-inline-start:0;top:11px;color:var(--gold);font-size:11px}
.offer li:last-child{border:none}
.price-box{background:#0c0810;border:1px solid var(--line);padding:30px;text-align:center;
  align-self:start}
.price-box .amount{font-size:44px;font-weight:800;color:var(--gold);letter-spacing:-.04em;line-height:1}
.price-box .where{font:10px 'DM Mono',monospace;letter-spacing:.14em;color:#a69eaa;margin-top:10px}
.price-box .alt{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);
  font-size:13.5px;color:#c6bdc8}
.price-box .alt b{color:var(--paper);font-size:18px;display:block;margin-top:4px}

/* paiement */
.pay-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.pay-tabs button{background:var(--panel);border:1px solid rgba(255,255,255,.08);color:#ded5dd;
  font:11px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;padding:14px 20px;
  cursor:pointer}
.pay-tabs button.on{background:var(--gold);color:#09060d;border-color:transparent;font-weight:500}
.pay-pane{display:none;background:var(--panel);border:1px solid rgba(255,255,255,.07);padding:32px}
.pay-pane.on{display:block}
.pay-pane p{color:#c6bdc8;line-height:1.8;font-size:14.5px;margin-top:0}
.coords{background:#0c0810;border:1px solid var(--line);padding:6px 20px;margin:22px 0}
.coords div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;
  border-bottom:1px dashed rgba(255,255,255,.08);font-size:14px}
.coords div:last-child{border:none}
.coords span{color:#a69eaa;font:10px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;
  align-self:center}
.coords b{color:var(--gold);font-weight:600;letter-spacing:.04em}
.ref-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}
.ref-row code{background:#0c0810;border:1px dashed var(--gold);color:var(--gold);padding:13px 18px;
  font:15px 'DM Mono',monospace;letter-spacing:.14em}
.ref-row select{background:#0c0810;color:var(--paper);border:1px solid rgba(255,255,255,.1);
  padding:13px 15px;font-family:Manrope,sans-serif;font-size:13.5px}

/* pub */
.ad-slot{margin:34px auto;max-width:728px;min-height:90px;border:1px dashed rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;color:#4a4450;
  font:10px 'DM Mono',monospace;letter-spacing:.18em}

/* faq */
.faq details{background:var(--panel);border:1px solid rgba(255,255,255,.06);padding:18px 22px;
  margin-bottom:10px}
.faq summary{cursor:pointer;font-size:14.5px;font-weight:600}
.faq summary::marker{color:var(--gold)}
.faq p{color:#a69eaa;margin:13px 0 0;font-size:14px;line-height:1.75}

.sec{padding:66px 0;border-top:1px solid rgba(255,255,255,.06)}
.sec h2{font-size:clamp(1.7rem,3.4vw,2.6rem);letter-spacing:-.045em;line-height:1.05;margin:22px 0 10px}
.sec h2 em{font-family:'Playfair Display',serif;color:var(--gold);font-weight:600;font-style:italic}
.book-page[data-l="ar"] .sec h2 em{font-family:'Reem Kufi',sans-serif;font-style:normal}
.sec > .shell > p.intro{color:#a69eaa;max-width:60ch;margin:0 0 34px;line-height:1.8;font-size:14.5px}

@media(max-width:900px){
  .book-hero{grid-template-columns:1fr;gap:34px;padding-top:140px}
  .book-cover{max-width:250px;margin:0 auto}
  .book-cover img{height:370px}
  .offer{grid-template-columns:1fr;padding:26px}
}
.eyebrow span[data-fr],.eyebrow span[data-ar]{width:auto;height:auto;background:none}
/* Emplacements publicitaires vides : masqués tant qu’aucune régie n’est branchée. */
.ad-slot{display:none}