/* ============================================================
   Identité RIWAYAT — intégrée au thème oblitarium (2026-05-29)
   - Police arabe Amiri SELF-HOSTÉE (RGPD + rendu serveur favicon/OG)
   - Habillage du bloc marque (logo header, sous-titre, mention mère)
   Palette réelle du thème : encre #1A1614, sépia #6B5B53, blush #F5EAE5.
   ============================================================ */

@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/amiri/amiri-arabic-400.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+0640;
}
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/amiri/amiri-arabic-700.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+0640;
}

/* ---- Bloc marque (header) ---- */
.ob-brand { text-align: center; padding: 10px 12px 4px; }
.ob-brand .site-title { margin: 0; }
.ob-brand .ob-brand-link { display: inline-block; text-decoration: none; border: 0; }
.ob-brand .ob-logo-svg { display: block; height: 92px; width: auto; margin: 0 auto; }

/* palimpseste : calligraphie arabe en filigrane, latin gravé par-dessus */
.ob-logo-ar  { fill: #6B5B53; fill-opacity: .20; }
.ob-logo-lat { fill: #1A1614; letter-spacing: .16em; }

.ob-brand-sub {
  font-family: 'Cormorant Garamond', 'EB Garamond', Georgia, serif;
  font-style: italic;
  font-size: 1.02rem;
  line-height: 1.3;
  color: #6B5B53;
  margin: .4rem auto 0;
  max-width: 40ch;
}
.ob-brand-mother {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: .72rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #6B5B53;
  opacity: .7;
  margin: .25rem 0 0;
}
.ob-brand-mother a { color: inherit; text-decoration: none; border-bottom: 1px solid rgba(107,91,83,.35); }
.ob-brand-mother a:hover { color: #6B2C2C; opacity: 1; }

@media (max-width: 640px) {
  .ob-brand .ob-logo-svg { height: 60px; }
  .ob-brand-sub { font-size: .88rem; }
}

/* ---- Lien « Tableau de bord » dans la barre admin overlay (admins) ---- */
html body #user-bar .admin-dashboard{
  background:#6B2C2C !important;
  color:#F5EAE5 !important;
  border-radius:3px !important;
  padding:0 8px !important;
  margin-left:12px;
  font-size:12px;
  display:inline-block;
}
html body #user-bar .admin-dashboard:hover{ opacity:.88; }

/* ---- Marque Riwayat dans le footer (le footer global est volontairement
   discret : footer *{opacity:.4!important;font-size:.7rem!important} — on
   réaffirme la marque ici) ---- */
.ob-footer-brand{ text-align:center; margin:0 0 16px; }
html body footer .ob-footer-brand,
html body footer .ob-footer-brand *{ opacity:1 !important; }
.ob-footer-logo{ display:block; height:72px; width:auto; margin:0 auto; }
.ob-footer-mother{
  font-family:Cormorant
/* ---- Arabe dans le texte courant : forcer Amiri (sinon fallback Geeza Pro) ---- */
.ob-ar{ font-family:'Amiri','Noto Naskh Arabic',serif; }

/* ---- Hero identité Riwayat (page accueil) ---- */
.ob-riwayat-hero{ text-align:center; padding:3.5rem 1.5rem 2.6rem; background:#FAFAF7; border-bottom:0.5px solid rgba(107,44,44,.12); }
.ob-hero-logo{ display:block; width:min(560px,88%); height:auto; margin:0 auto; }
.ob-hero-tagline{ font-family:'Cormorant Garamond',Georgia,serif; font-style:italic; font-size:1.28rem; color:#6B5B53; margin:.5rem auto 1.8rem; max-width:46ch; line-height:1.35; }
.ob-hero-manifest{ max-width:620px; margin:0 auto; }
.ob-hero-manifest p{ font-family:'Lora',Georgia,serif; font-size:1.02rem; line-height:1.85; color:#1A1614; margin:0; }
.ob-hero-manifest em{ font-style:italic; color:#6B2C2C; }
@media(max-width:640px){ .ob-hero-logo{ width:92%; } .ob-hero-tagline{ font-size:1.06rem; } }

/* ---- Encart « le nom » sur la page À propos ---- */
.obh-riwayat-name{ max-width:620px; margin:0 auto 2.5rem; text-align:center; }
.obh-riwayat-name .ob-hero-logo{ width:min(360px,80%); margin:0 auto 1.2rem; }
.obh-riwayat-name p{ font-style:italic; }