/* =========================================================================
   رفّ — صفحة الكتاب الاحترافية
   كلّ الأنماط محصورة تحت .raff-single حتى لا تتعارض مع Avada
   ========================================================================= */

.raff-single{
  --raff-ink:#1c1a19;
  --raff-ink-soft:#5c5651;
  --raff-paper:#fcfbf9;
  --raff-panel:#f4efe7;
  --raff-line:#e8e1d6;
  --raff-ui:'Readex Pro',system-ui,-apple-system,sans-serif;
  --raff-display:'Amiri',Georgia,serif;
  --raff-radius:12px;
  --raff-shadow:0 18px 40px -18px rgba(77,12,27,.35);

  max-width:1080px;margin:0 auto;padding:8px 4px 0;
  font-family:var(--raff-ui);font-weight:300;color:var(--raff-ink);
  line-height:1.75;text-align:start;
}
.raff-single *{box-sizing:border-box}

/* ---------- المسار (breadcrumb) ---------- */
.raff-crumbs{font-size:12.5px;color:var(--raff-ink-soft);padding:14px 0 4px}
.raff-crumbs a{color:var(--raff-ink-soft);text-decoration:none}
.raff-crumbs a:hover{color:var(--raff-accent,#6e1327)}
.raff-crumbs span{margin:0 8px;opacity:.5}

/* ---------- شبكة المنتج ---------- */
.raff-product{
  display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start;
  padding:22px 0 8px;
}

/* ---------- الغلاف الواقف ---------- */
.raff-cover-stage{display:flex;justify-content:center;padding-top:8px}
.raff-book{position:relative;width:290px;max-width:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.raff-book:hover{transform:translateY(-6px) rotateY(-4deg)}
.raff-book-face{
  position:relative;border-radius:4px 8px 8px 4px;overflow:hidden;
  box-shadow:var(--raff-shadow);aspect-ratio:1/1.5;
  background:linear-gradient(135deg,#5a0f20,#320812);
}
.raff-cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.raff-book-spine{position:absolute;top:0;bottom:0;right:0;width:14px;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(255,255,255,.06));border-radius:0 4px 4px 0;pointer-events:none}
.raff-sale{position:absolute;top:12px;left:12px;z-index:3;background:var(--raff-brass,#a9803f);color:#fff;font-family:var(--raff-ui);font-size:11px;font-weight:500;padding:4px 11px;border-radius:100px}

/* غلاف احتياطيّ عند غياب صورة */
.raff-book-photo{position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 32%,rgba(214,160,120,.28),transparent 60%),linear-gradient(160deg,#4d0c1b,#2a0710)}
.raff-book-inner{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:26px 22px 22px;color:#f6e6d8}
.raff-book-pub{font-size:10.5px;letter-spacing:1px;color:#e6b9a3;opacity:.85}
.raff-book-title-ar{font-family:var(--raff-display);font-weight:700;font-size:28px;line-height:1.25;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.raff-book-author-ar{font-size:13px;color:#f0c9b4;margin-top:6px}
.raff-book-accent{width:44px;height:3px;background:var(--raff-brass,#a9803f);margin-top:14px;border-radius:2px}

/* ---------- عمود المعلومات ---------- */
.raff-info{min-width:0}
.raff-eyebrow{display:inline-block;font-size:11.5px;font-weight:500;letter-spacing:1.5px;color:var(--raff-brass,#a9803f);margin-bottom:10px}
.raff-single h1.raff-title{font-family:var(--raff-display);font-weight:700;font-size:40px;line-height:1.2;color:var(--raff-ink);margin:0 0 12px;padding:0}
.raff-byline{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:var(--raff-ink-soft);font-size:14px}
.raff-byline .raff-author{color:var(--raff-accent,#6e1327);font-weight:500}
.raff-stars{display:inline-flex;align-items:center;gap:6px}
.raff-single .raff-stars .star-rating{color:var(--raff-brass,#a9803f);font-size:1em;margin:0}
.raff-stars .raff-count{color:var(--raff-ink-soft);font-size:12.5px}
.raff-rule{height:1px;background:linear-gradient(90deg,var(--raff-brass,#a9803f),transparent);margin:22px 0}

.raff-price-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.raff-single .raff-price,.raff-single .raff-price .amount{font-family:var(--raff-display);font-size:32px;font-weight:700;color:var(--raff-accent,#6e1327)}
.raff-single .raff-price del{opacity:.45;font-size:.65em;font-weight:400}
.raff-single .raff-price ins{text-decoration:none}
.raff-stock{display:inline-flex;align-items:center;gap:6px;background:rgba(31,111,92,.1);color:var(--raff-green,#1f6f5c);font-size:12.5px;font-weight:500;padding:5px 12px;border-radius:100px}
.raff-stock i{width:7px;height:7px;border-radius:50%;background:var(--raff-green,#1f6f5c);display:inline-block}
.raff-stock.raff-oos{background:rgba(120,110,105,.12);color:var(--raff-ink-soft)}
.raff-stock.raff-oos i{background:var(--raff-ink-soft)}

.raff-synopsis{font-size:15px;color:#3f3a36;line-height:1.9;margin:0 0 26px;max-width:54ch}
.raff-synopsis p{margin:0 0 10px}

/* ---------- كتلة الشراء (نموذج WooCommerce + زرّ نقرة) ---------- */
.raff-buy{margin-bottom:6px}
.raff-single .raff-buy form.cart{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;max-width:460px;margin:0}
.raff-single .raff-buy form.cart .quantity{order:1;flex:0 0 auto;display:inline-flex;align-items:center;border:1.5px solid var(--raff-line);border-radius:var(--raff-radius);overflow:hidden;background:#fff;height:52px}
.raff-single .raff-buy form.cart .quantity input.qty{width:54px;height:100%;border:0;text-align:center;font-size:16px;font-family:var(--raff-ui);background:transparent;color:var(--raff-ink);-moz-appearance:textfield}
.raff-single .raff-buy form.cart .quantity input.qty::-webkit-outer-spin-button,
.raff-single .raff-buy form.cart .quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.raff-single .raff-buy form.cart .quantity .plus,
.raff-single .raff-buy form.cart .quantity .minus,
.raff-single .raff-buy form.cart .quantity button:not(.single_add_to_cart_button){width:40px;height:100%;border:0;border-inline:1px solid var(--raff-line);background:#fff;font-size:18px;color:var(--raff-ink);cursor:pointer;line-height:1}
.raff-single .raff-buy form.cart .quantity .plus:hover,
.raff-single .raff-buy form.cart .quantity .minus:hover{background:var(--raff-panel)}

/* زرّ «اشترِ الآن» (نقرة) = الرئيسي */
.raff-single .raff-buy form.cart .naqra-buy-btn{order:2;flex:1 1 auto;margin:0;height:52px;width:auto;font-size:16px}
/* زرّ «أضف إلى السلّة» = الثانوي بعرض كامل تحت */
.raff-single .raff-buy form.cart .single_add_to_cart_button{
  order:3;flex:1 1 100%;height:48px;border-radius:var(--raff-radius);
  background:transparent!important;color:var(--raff-ink)!important;
  border:1.5px solid #d9d2c6!important;box-shadow:none!important;font-weight:500!important;
  font-family:var(--raff-ui)!important;
}
.raff-single .raff-buy form.cart .single_add_to_cart_button:hover{border-color:var(--raff-accent,#6e1327)!important;color:var(--raff-accent,#6e1327)!important;background:transparent!important}
.raff-single .raff-buy .woocommerce-variation-add-to-cart{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;width:100%}
.raff-single .raff-buy table.variations{width:100%;margin-bottom:8px}

/* ---------- شارات الثقة ---------- */
.raff-trust{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.raff-chip{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--raff-ink-soft);background:#fff;border:1px solid var(--raff-line);padding:7px 13px;border-radius:100px}
.raff-chip svg{width:15px;height:15px;color:var(--raff-green,#1f6f5c);flex:0 0 auto}

.raff-meta-line{margin-top:22px;font-size:12.5px;color:var(--raff-ink-soft)}
.raff-meta-line b{color:var(--raff-ink);font-weight:500}
.raff-meta-line .raff-sep{margin:0 10px;opacity:.4}

/* ---------- التبويبات + التفاصيل ---------- */
.raff-detail{margin-top:60px;border-top:1px solid var(--raff-line);padding-top:8px}
.raff-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:22px 0 26px}
.raff-tab{font-family:var(--raff-ui);font-weight:400;font-size:14.5px;color:var(--raff-ink-soft);background:none;border:0;border-bottom:2px solid transparent;padding:10px 6px;cursor:pointer}
.raff-tab:hover{color:var(--raff-ink)}
.raff-tab.active{color:var(--raff-accent,#6e1327);font-weight:500;border-bottom-color:var(--raff-accent,#6e1327)}
.raff-panel{display:none}
.raff-panel.active{display:block;animation:raffFade .3s ease}
@keyframes raffFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

.raff-about-text{font-size:15.5px;color:#3f3a36;line-height:2;max-width:72ch}
.raff-about-text p{margin:0 0 16px}
.raff-about-text blockquote{font-family:var(--raff-display);font-size:20px;color:var(--raff-accent,#6e1327);border-inline-start:3px solid var(--raff-brass,#a9803f);padding-inline-start:16px;margin:22px 0;line-height:1.6;border-inline-end:0;background:none}

.raff-specs{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;background:var(--raff-panel);border-radius:var(--raff-radius);padding:8px 26px;max-width:760px}
.raff-spec{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px dashed #ddd4c5;font-size:14px}
.raff-spec .raff-k{color:var(--raff-ink-soft)}
.raff-spec .raff-v{color:var(--raff-ink);font-weight:500}
.raff-spec .raff-v.raff-ltr{direction:ltr;font-family:var(--raff-ui);text-align:end;unicode-bidi:plaintext}
.raff-empty{color:var(--raff-ink-soft);font-size:14px}

/* مراجعات WooCommerce داخل التبويب */
.raff-reviews{max-width:760px}
.raff-single .raff-reviews #reviews{margin:0}
.raff-single .raff-reviews .comment-form input,
.raff-single .raff-reviews .comment-form textarea{font-family:var(--raff-ui)}

/* ---------- الكتب المقترحة ---------- */
.raff-related{margin-top:60px}
.raff-single h2.raff-sec-title{font-family:var(--raff-display);font-size:26px;font-weight:700;color:var(--raff-ink);margin:0 0 4px;padding:0}
.raff-sec-sub{font-size:13px;color:var(--raff-ink-soft);margin-bottom:26px}
.raff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.raff-card{background:#fff;border:1px solid var(--raff-line);border-radius:var(--raff-radius);overflow:hidden;transition:box-shadow .2s,transform .2s;text-decoration:none;color:inherit;display:block}
.raff-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px -18px rgba(77,12,27,.3)}
.raff-card-cover{aspect-ratio:1/1.4;position:relative;color:#f6e6d8;display:flex;flex-direction:column;justify-content:flex-end;padding:16px 15px}
.raff-card-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.35),transparent 55%)}
.raff-card-cover .raff-ct{position:relative;z-index:2;font-family:var(--raff-display);font-weight:700;font-size:18px;line-height:1.3}
.raff-card-cover .raff-ca{position:relative;z-index:2;font-size:11.5px;color:#f0c9b4;margin-top:4px}
.raff-card-cover .raff-bar{position:relative;z-index:2;width:32px;height:3px;background:var(--raff-brass,#a9803f);border-radius:2px;margin-top:10px}
.raff-card-body{padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.raff-single .raff-card-price,.raff-single .raff-card-price .amount{font-family:var(--raff-display);font-weight:700;color:var(--raff-accent,#6e1327);font-size:16px}
.raff-single .raff-card-price del{opacity:.4;font-size:.7em;font-weight:400}
.raff-single .raff-card-price ins{text-decoration:none}
.raff-card-btn{font-family:var(--raff-ui);font-size:12.5px;font-weight:500;color:var(--raff-accent,#6e1327);background:rgba(110,19,39,.08);border-radius:100px;padding:7px 14px;flex:0 0 auto}
.raff-card:hover .raff-card-btn{background:var(--raff-accent,#6e1327);color:#fff}

/* ---------- استجابة الهاتف ---------- */
@media (max-width:820px){
  .raff-product{grid-template-columns:1fr;gap:32px}
  .raff-cover-stage{padding-top:0}
  .raff-book{width:230px}
  .raff-single h1.raff-title{font-size:30px}
  .raff-grid{grid-template-columns:repeat(2,1fr)}
  .raff-specs{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.raff-single *{animation:none!important;transition:none!important}}