/*
Theme Name:     Roogan Child
Theme URI:      https://mekshq.com/theme/roogan/
Description:    Child theme for Roogan WordPress theme
Author:         meks
Author URI:     https://mekshq.com
Template:       roogan
Version:        0.1.0
*/

/* =========================================================================
   Footer — filet de séparation sous les titres de blocs : VERT → DORÉ
   Demande Roi (Telegram 2026-06-17), mandat Alfred. Cirdan, 2026-06-18.

   Le filet est le pseudo ::after de .roogan-footer .widget-title (20×1px),
   coloré par var(--color-acc) dans le parent (roogan/assets/css/main.css:7649)
   = #074914 (vert Tariqa). On NE touche PAS --color-acc (variable d'accent
   GLOBALE du thème — la changer toucherait tout le site). On surcharge
   UNIQUEMENT le filet du footer, au sélecteur le plus étroit.

   Doré = or canon de la charte boutchichiya (DS Ilmarë) : #C6A14E
   (« le filet précieux — l'or ponctue, ne couvre pas »).

   RAFFINEMENT (Roi 2026-06-18) :
   1) Le filet n'est plus une couleur pleine mais un dégradé gauche→droite :
      doré franc sur ~70 %, puis fondu TRÈS léger vers transparent sur la fin.
      La gauche reste nette, la droite s'estompe — pas un trait coupé.
   2) Au survol, les liens du footer passent au même doré (au repos ils sont
      clairs ; la règle de hover du thème les mettait en var(--color-acc) = vert,
      quasi invisible sur le fond vert). On surcharge la couleur + transition douce.
   ========================================================================= */
.roogan-footer .widget-title:after {
	/* doré franc à gauche, fondu léger sur la fin droite (les 30 derniers %) */
	background: linear-gradient(to right, #C6A14E 0%, #C6A14E 70%, rgba(198,161,78,0) 100%);
}

/* Survol des liens du footer → doré (au lieu du vert d'accent quasi invisible) */
.roogan-footer .widget li a:hover,
.roogan-footer .widget a:hover,
.roogan-copyright a:hover {
	color: #C6A14E;
	transition: color .25s ease;
}

/* =========================================================================
   Hauteurs d'image d'en-tête (article & page) sur petits écrans
   Demande Roi (2026-07-23) : rapatriées depuis le Customizer (« CSS
   additionnel ») pour ne plus surcharger via le personnalisateur.

   Le thème parent pose des hauteurs trop grandes en mobile :
   - roogan/min.css : @media (max-width:599px){.entry-media-full img{height:600px}}
   - roogan/min.css : .entry-media-page,.entry-media-page .entry-media{height:500px;min-height:500px}
   On les ramène à des valeurs justes. PAS de `!important` : ce style.css est
   chargé APRÈS roogan-main (parent), donc à sélecteur et media-query identiques
   ou plus spécifiques, nos règles gagnent naturellement la cascade. La version
   Customizer du Roi portait `!important` en secours — inutile ici, retiré.
   Sélecteurs natifs roogan (pas Tribunes) → style.css GLOBAL, pas tribunes.css. */
@media (max-width: 599px) {
	/* ⚠️ Scopé `body:not(.home)` le 24/07 : la version non-scopée écrasait
	   AUSSI le hero de l'ACCUEIL (même structure .entry-media-full) de 600→200px
	   → contenu superposé (titre, bienvenue) débordait sous le header mobile
	   (logo/Menu chevauchés — régression constatée par le Roi). L'accueil garde
	   ses hauteurs natives du parent ; articles, pages et archives gardent le
	   comportement réduit déjà en place (diff minimal : seule l'accueil change).
	   Pas `.single` : les fiches de la lignée sont des PAGES (pas de classe
	   single) — les scoper ainsi aurait fait revenir la bande noire. */
	body:not(.home) .entry-media-full img { height: 200px; }
	/* Le CONTENEUR hero suit l'image (mandat Roi 23/07 04h — « bande noire »).
	   Le thème tient `.entry-media-cover, .entry-media-cover .entry-media` à
	   300px/min-300px en mobile : avec l'image ramenée à 200px, il restait
	   100px de conteneur noir VIDE sous l'image (mesuré au banc, 3 pages de la
	   lignée). Même paire de sélecteurs que le thème, chargée après → on gagne. */
	body:not(.home) .entry-media-cover,
	body:not(.home) .entry-media-cover .entry-media { height: 200px; min-height: 200px; }
}
/* Bandeau du hub +10px pour descendre le bloc titre (œil Roi 2026-07-23,
   ajustement progressif). Le thème pose `.size-roogan-category-4{500px!important}`
   sur l'img → `!important` requis de notre côté pour le surclasser (le thème
   l'impose, pas de voie sans). Cran actuel : 500 → 510 en desktop. */
@media (min-width: 600px) {
	.entry-media-full img.size-roogan-category-4 { height: 510px !important; }
}
@media (max-width: 989px) {
	.entry-media-page,
	.entry-media-page .entry-media { height: 180px; min-height: 100px; }
}
/* =========================================================================
   Univers Tribunes : masquer le moteur de recherche NATIF du header (doublon).
   Décision Roi 2026-07-23. Ces vues ont leur propre moteur « base des Tribunes » :
   - hub (body.category-tribunes-soufies — slug Roi 23/07) : moteur dans le bandeau,
   - page-auteur (body.author) : moteur ajouté en pied de page,
   - résultats tribunes (body.tqb-search-tribunes) : moteur dans le bandeau.
   Le moteur header reste sur TOUT le reste du site (recherche globale intacte).
   Placé dans style.css (global) car le header est hors du CSS conditionnel tribunes. */
body.category-tribunes-soufies .search-form,
body.author .search-form,
body.tqb-search-tribunes .search-form { display: none; }


/* ── Citations : fonte réduite sur TOUT le site (Roi 24/07) ────────────
   Le parent roogan pose blockquote à 1.8rem, trop imposant. Global. */
.entry-content blockquote {
  font-size: 1.5rem;
}

/* ── Logo header : slot rendu à sa largeur + hauteur par CONTEXTE natif ──
   Historique : cause du logo écrasé desktop = padding-left/right:25px du parent
   sur les colonnes (≥1102px) qui comprimait le slot .header-main-slot-l — le
   padding du SEUL slot logo est rendu à 0 (règle inchangée ci-dessous).
   Re-scope 24/07 (banc wf_5fe20223-918 + éclairage Mélian 2bis) : les hauteurs
   72/60px étaient posées SANS borne de largeur → le logo débordait de 12px la
   bande mobile native (60px, --header-height-responsive-sm) sur toutes les
   pages ≤988px (constats Roi #2 sticky accueil, #3 pages internes, #9 revue de
   presse). Remède systémique : dimensionner le logo pour la géométrie NATIVE de
   chaque contexte — bandes 60px (≤599) / 80px (600-988) / 99-109px desktop.
   Bascule 989px = celle du thème lui-même (bloc d-lg-*, min.css:2915).
   Convention de borne du fichier : 989 (cohérence avec la règle entry-media-page
   ci-dessus ; à 989px pile les deux blocs s'appliquent — le bloc desktop vient
   APRÈS dans la cascade et gagne, arbitrage Mélian 2bis). */
@media (min-width: 1102px) {
  .header-main-slot-l.col {
    padding-left: 0;
    padding-right: 0;
  }
}
/* Mobile/tablette (bandes natives 60/80px) : 48px = présence voulue par le Roi
   (natif sain 46.5px) + ≥6px d'air haut/bas dans la petite bande. */
@media (max-width: 989px) {
  .roogan-header .roogan-site-branding img,
  .roogan-header.header-sticky .roogan-site-branding img {
    height: 48px;
    width: auto;
  }
}
/* Desktop (bandes 99px normal / 109px sticky) : les hauteurs voulues par le Roi. */
@media (min-width: 989px) {
  .roogan-header .roogan-site-branding img {
    height: 72px;
    width: auto;
  }
  .roogan-header.header-sticky .roogan-site-branding img {
    height: 60px;
    width: auto;
  }
}

/* ── Bandeaux overlay (résultats de recherche + fiche auteur) : air sous le
   header — RÉGLAGE ROI VERBATIM (inspecteur, 24/07 ~22h). Le natif calcule
   ~104px depuis --header-height ; le Roi veut 228px. Seules 2 pages portent
   la combinaison body.roogan-header-indent + .inner--padding-normal
   (cartographié banc 24/07) : résultats (tres-topbar) et fiche auteur
   (pa-topbar). Sélecteurs natifs roogan → style.css global. */
.roogan-header-indent .inner--padding-normal {
    padding-top: 228px;
}
/* PAGES AUTEUR : 128px (réglage Roi 25/07 ~00h30 — le 228 des résultats
   descendait toute la fiche auteur, « 128 c'est suffisant »). body.author =
   classe native WP du gabarit auteur → spécificité supérieure, gagne sur la
   règle générale ci-dessus sans la toucher. */
body.author.roogan-header-indent .inner--padding-normal {
    padding-top: 128px;
}

/* ── Bande 91px articles : SUPPRIMÉE 24/07 (soustraction, banc wf_5fe20223-918) ──
   Cette règle (height:91px sur body.single) était un patch sur le débordement du
   logo 72px non borné — elle désynchronisait la géométrie du thème : le remontage
   du héros overlay (single layout 6) reste calibré sur --header-height-responsive-sm
   (60px) → couture bicolore de 91−60=31px (et 91−80=11px en tablette) dans le
   bandeau. Le logo étant désormais dimensionné pour la bande native (48px, bloc
   ci-dessus), la règle n'avait plus de fonction : retirée, le thème retrouve sa
   géométrie d'origine. Ne PAS réintroduire de hauteur de bande — dimensionner le
   CONTENU pour la bande, jamais l'inverse. */