/* Dar Bassma: presentation only. Keep the existing font and page semantics. */
:root {
  --db-purple: #312783;
  --db-purple-deep: #251d64;
  --db-teal: #009ba4;
  --db-teal-ink: #00767d;
  --db-ink: #25233b;
  --db-muted: #626177;
  --db-border: #e5e2f0;
  --db-purple-soft: #f3f1fa;
  --db-teal-soft: #edf9f9;
  --teal: var(--db-teal-ink);
  --teal-dark: #00646a;
  --teal-light: var(--db-teal);
  --teal-soft: var(--db-teal-soft);
  --yellow: var(--db-purple);
  --yellow-dark: var(--db-purple-deep);
  --yellow-soft: var(--db-purple-soft);
  --bs-primary: var(--db-purple);
  --bs-primary-rgb: 49,39,131;
  --auth-teal: var(--db-teal-ink) !important;
  --auth-teal-d: #00646a !important;
  --auth-yellow: var(--db-purple) !important;
  --auth-bg: var(--db-purple-soft) !important;
  --auth-text: var(--db-ink) !important;
  --auth-muted: var(--db-muted) !important;
}
.db-about {
  --about-navy: var(--db-purple) !important;
  --about-gold: var(--db-teal-ink) !important;
  --about-ink: var(--db-ink) !important;
  --about-muted: var(--db-muted) !important;
  --about-line: var(--db-border) !important;
  --about-cream: var(--db-purple-soft) !important;
}
#db-publish-page {
  --dbp-navy: var(--db-purple) !important;
  --dbp-gold: var(--db-teal-ink) !important;
  --dbp-ink: var(--db-ink) !important;
  --dbp-muted: var(--db-muted) !important;
  --dbp-line: var(--db-border) !important;
}
#db-publish-page .dbp-hero { background: var(--db-purple-soft) !important; }
.basma-embed-form {
  --primary: var(--db-purple) !important;
  --blue: var(--db-teal-ink) !important;
  --gold: var(--db-purple) !important;
  --accent: var(--db-teal-ink) !important;
  --text: var(--db-ink) !important;
  --muted: var(--db-muted) !important;
  --border: var(--db-border) !important;
}
.basma-embed-form .hero { background: linear-gradient(135deg, var(--db-purple), var(--db-purple-deep)) !important; }
.basma-embed-form .btn-submit { background: var(--db-teal-ink) !important; color: #fff !important; }
.satisfaction-cta { background: var(--db-purple) !important; color: #fff !important; }
.satisfaction-card__bar { background: var(--db-teal-ink) !important; }
.satisfaction-card__num, .satisfaction-card__pct { color: var(--db-purple) !important; }
body { color: var(--db-ink); line-height: 1.8; }
.main-content p, .main-content li { line-height: 1.85; }
.main-content h1, .main-content h2, .main-content h3,
.main-content .post-title-main, .main-content .title_book {
  color: var(--db-purple); line-height: 1.5;
}
.main-content h2 { font-size: clamp(1.4rem, 2.6vw, 2rem); }
.main-content h3 { font-size: clamp(1.15rem, 2vw, 1.5rem); }
.main-content .hero-main-title { color: var(--db-purple) !important; font-size: clamp(2rem, 4.2vw, 3.3rem); line-height: 1.5; }
.hero-title-hl { color: var(--db-teal-ink) !important; }
.hero-main-sub { color: var(--db-muted) !important; font-size: clamp(.95rem, 1.4vw, 1.1rem) !important; line-height: 1.9 !important; }
.darbassma-hero { background: linear-gradient(135deg, #fff 35%, var(--db-teal-soft)) !important; }
.stat-val { color: var(--db-purple) !important; }
.stat-lbl { color: var(--db-muted) !important; line-height: 1.6; }
.darbassma-stats-row { border-color: var(--db-border) !important; border-radius: 14px; box-shadow: 0 4px 18px rgba(49,39,131,.05); }
.darbassma-stat-item { border-color: var(--db-border) !important; }
.action-btn, .btn, .db-footer__newsletter-btn { border-radius: 10px !important; line-height: 1.6; }
.action-btn { font-weight: 700; padding: 11px 20px; }
.action-btn-publish, .btn-primary, .btn-warning, .reader-register-btn {
  background: var(--db-purple) !important; border-color: var(--db-purple) !important; color: #fff !important;
}
.action-btn-publish:hover, .btn-primary:hover, .btn-warning:hover {
  background: var(--db-purple-deep) !important; border-color: var(--db-purple-deep) !important; color: #fff !important;
}
.action-btn-fill, .btn-info, .btn-success, .db-footer__newsletter-btn {
  background: var(--db-teal-ink) !important; border-color: var(--db-teal-ink) !important; color: #fff !important;
}
.action-btn-fill:hover, .btn-info:hover, .btn-success:hover, .db-footer__newsletter-btn:hover {
  background: #00646a !important; border-color: #00646a !important; color: #fff !important;
}
.action-btn-outline, .btn-outline-primary {
  background: #fff !important; border-color: var(--db-purple) !important; color: var(--db-purple) !important;
}
.action-btn-outline:hover, .btn-outline-primary:hover { background: var(--db-purple-soft) !important; color: var(--db-purple-deep) !important; }
header.fixed-top .bg-dark, header.fixed-top .top-header, header.fixed-top .social-barre { background: var(--db-purple-deep) !important; }
#header-search-bar .search-bar-submit { background: var(--db-teal-ink) !important; color: #fff !important; }
header.fixed-top .master-menu { background: #fff !important; border-bottom: 1px solid var(--db-border); }
header.fixed-top .master-menu .nav-link { color: var(--db-purple) !important; }
header .master-menu .navbar-brand .db-header-logo-white { opacity: 0 !important; }
header .master-menu .navbar-brand .logo-colored { opacity: 1 !important; }
header.fixed-top .master-menu .nav-link:hover,
header.fixed-top .master-menu .active > .nav-link,
header.fixed-top .master-menu .nav-link.active { color: var(--db-teal-ink) !important; background: var(--db-teal-soft) !important; }
.master-menu .navbar-toggler { border-color: var(--db-border); }
.master-menu .navbar-toggler-icon { filter: brightness(.3); }
.db-book-card { border: 1px solid var(--db-border) !important; border-radius: 14px !important; box-shadow: 0 4px 16px rgba(49,39,131,.05) !important; }
.db-book-card .edition-item__title, .db-book-card .h3 { color: var(--db-purple) !important; }
.db-book-card .writer, .db-book-card .edition-item__category { color: var(--db-muted) !important; line-height: 1.7; }
.db-book-card .edition-item__title { font-size: 1rem !important; line-height: 1.75 !important; }
.db-book-card .price-block { color: var(--db-teal-ink); }
.bs-title, .bs-link, .editions-intro .d-flex { color: var(--db-purple) !important; }
.bs-free { background: var(--db-teal-ink) !important; color: #fff !important; }
.editions-intro { background: var(--db-purple-soft); border-block: 1px solid var(--db-border); }
.editions-intro p { color: var(--db-ink) !important; font-size: 1rem !important; line-height: 1.9 !important; }
.min-slider.db-quiet-page-header { background: var(--db-purple-soft) !important; }
.min-slider.db-quiet-page-header h1 { color: var(--db-purple) !important; }
.satisfaction-section { background: var(--db-teal-soft) !important; }
.satisfaction-card { border-color: var(--db-border) !important; border-radius: 14px !important; }
.satisfaction-card__value, .satisfaction-header h2 { color: var(--db-purple) !important; }
.db-footer { background: var(--db-purple-deep) !important; }
.db-footer__brand-text, .db-footer__newsletter-desc, .db-footer__copyright,
.db-footer__copyright a, .db-footer__payments-label { color: #e0ddf2 !important; }
.db-footer__col-title { color: #fff !important; }
.db-footer__col-title::after { background: var(--db-teal) !important; }
.db-footer__social a { color: #fff !important; border-color: rgba(255,255,255,.35) !important; }
.db-footer__social a:hover { background: var(--db-teal-ink) !important; }
.pagination .page-item.active .page-link { background: var(--db-purple) !important; border-color: var(--db-purple) !important; color: #fff !important; }
.pagination .page-link { color: var(--db-purple); }
.form-control:focus, .form-select:focus { border-color: var(--db-teal-ink); box-shadow: 0 0 0 .2rem rgba(0,118,125,.16); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--db-teal-ink); outline-offset: 3px;
}
@media (max-width: 767px) {
  .main-content .hero-main-title { font-size: clamp(1.8rem, 7vw, 2.4rem); line-height: 1.5; }
  .hero-main-sub { font-size: .95rem !important; }
  .action-btn { padding: 10px 12px; font-size: .875rem; }
  .editions-intro p { font-size: .95rem !important; }
}

header.fixed-top .master-menu.navbar .navbar-nav .nav-link { color: var(--db-purple) !important; }
header.fixed-top .master-menu.navbar .navbar-nav .nav-link.active, header.fixed-top .master-menu.navbar .navbar-nav .nav-link:hover { color: var(--db-teal-ink) !important; background: var(--db-teal-soft) !important; }
.sc-tag.t-free { background: var(--db-teal-ink) !important; color: #fff !important; }
header.fixed-top .header-cart-badge { background: var(--db-teal-ink) !important; color: #fff !important; }

header.fixed-top .btn-cart .badge { background: var(--db-teal-ink) !important; color: #fff !important; }
header.fixed-top .master-menu .navbar-toggler, header.fixed-top .master-menu .navbar-toggler em { color: var(--db-purple) !important; }
#db-publish-page #dbp-title span, #db-publish-page .dbp-kicker, #db-publish-page .dbp-number, .db-about .db-about-hero h1 span { color: var(--db-teal-ink) !important; }
#db-publish-page .dbp-note .dbp-kicker { color: #b9eff0 !important; }
#db-publish-page .dbp-button:hover, .db-about .db-about-button:hover { background: var(--db-purple-deep) !important; }
#db-publish-page .dbp-soft, .db-about { background: var(--db-teal-soft) !important; }
.basma-embed-form .btn-submit { box-shadow: 0 4px 16px rgba(0,118,125,.25) !important; }
.basma-embed-form .btn-submit:hover { box-shadow: 0 6px 22px rgba(0,118,125,.3) !important; }
#db-about-page.db-about a.db-about-button, #db-about-page.db-about a.db-about-button:visited { background: var(--db-purple) !important; border-color: var(--db-purple) !important; color: #fff !important; }
#db-about-page.db-about a.db-about-button-outline, #db-about-page.db-about a.db-about-button-outline:visited { background: #fff !important; border-color: var(--db-purple) !important; color: var(--db-purple) !important; }
#db-about-page.db-about a.db-about-button-gold, #db-about-page.db-about a.db-about-button-gold:visited { background: var(--db-teal-ink) !important; border-color: var(--db-teal-ink) !important; color: #fff !important; }
.db-about .db-about-book small, .db-about .db-about-values span { color: #b9eff0 !important; }
