/* ════════════════════════════════════════════════════════════════════════
   MyKTAMap — Charte graphique (override SOMBRE + OR) pour le thème Oria.
   ------------------------------------------------------------------------
   Chargé APRÈS oria-style + le CSS dynamique du Customizer (dépendance dans
   functions.php → oria_myktamap_charte) : ce fichier gagne la cascade.
   `!important` sur les essentiels pour battre l'accent corail #EF997F et le
   fond crème #f9f6f5 que le thème injecte dynamiquement.

   Périmètre : CHROME du site (fonds, nav, liens, boutons, titres, cartes,
   footer, formulaires). Les PHOTOS / galeries / carrousel ne sont PAS touchés.

   Charte MyKTAMap : sombre #11151f→#0c0f18 · or #f4c542 · bleu #8cb4ff.
   Revenir en arrière : retirer la fonction oria_myktamap_charte() de
   functions.php (ou commenter son add_action) — ce fichier devient inerte.
   ════════════════════════════════════════════════════════════════════════ */

:root{
  --mkm-bg:#11151f;   --mkm-bg2:#1a2030;  --mkm-card:#1e2433;
  --mkm-tx:#e8eaf0;   --mkm-tx2:#c8d0e0;  --mkm-mut:#8892a4;
  --mkm-gold:#f4c542; --mkm-blue:#8cb4ff; --mkm-bd:rgba(244,197,66,.18);
}

/* ───── Fond global + texte ───── */
body{ background-color:var(--mkm-bg) !important; color:var(--mkm-tx2) !important; }
#page, .hfeed.site{ background:transparent !important; }
#content, .site-content, #primary, #main, .content-area, .content-wrapper{
  background-color:transparent !important; color:var(--mkm-tx2) !important;
}

/* ───── Liens : corail → bleu, survol or ───── */
a, .widget a{ color:var(--mkm-blue) !important; }
a:hover, a:focus, a:active, .entry-title a:hover{ color:var(--mkm-gold) !important; }

/* ───── Titres ───── */
h1,h2,h3,h4,h5,h6, .entry-title, .entry-title a, .page-title, .widget-title{ color:var(--mkm-tx) !important; }
.widget-title{ border-color:var(--mkm-gold) !important; }

/* ───── Cartes : articles (masonry), widgets, contenu, commentaires ───── */
article, .hentry, .widget, .type-post, .type-page, .comment-body{
  background-color:var(--mkm-card) !important; color:var(--mkm-tx2) !important;
  border-color:var(--mkm-bd) !important;
}
.entry-content, .entry-summary, .page-content, .entry-content p, .entry-content li{ color:var(--mkm-tx2) !important; }

/* ───── En-tête : on GARDE la bannière photo, on stylise juste la nav ───── */
.main-navigation{ background-color:rgba(17,21,31,.40) !important; }
.main-navigation a{ color:#fff !important; }
.main-navigation a:hover,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a{
  color:var(--mkm-gold) !important; background-color:rgba(244,197,66,.14) !important;
}
.main-navigation ul ul{ background-color:var(--mkm-bg2) !important; }     /* sous-menus déroulants */
.main-navigation ul ul a{ color:var(--mkm-tx2) !important; }
.site-title a, .site-title a:hover{ color:#fff !important; }
.site-description{ color:var(--mkm-gold) !important; }
.social-navigation li a{ color:var(--mkm-tx2) !important; }
.social-navigation li a:hover{ color:var(--mkm-gold) !important; }
.sidebar-toggle{ background-color:var(--mkm-gold) !important; color:#1a1612 !important; }

/* ───── Boutons / CTA : corail → or (texte sombre lisible) ───── */
button, .button, .btn, .btn-primary,
input[type="button"], input[type="reset"], input[type="submit"],
.owl-theme .owl-controls .owl-buttons div{
  background-color:var(--mkm-gold) !important; color:#1a1612 !important; border-color:var(--mkm-gold) !important;
}
/* "Lire la suite" + pagination : liens en or, pas des pavés pleins */
.read-more, .read-more:hover, .nav-previous a, .nav-next a, .page-numbers{
  background:transparent !important; color:var(--mkm-gold) !important;
}
.page-numbers.current{ background-color:var(--mkm-gold) !important; color:#1a1612 !important; }

/* ───── Formulaires ───── */
input, textarea, select{
  background-color:var(--mkm-card) !important; color:var(--mkm-tx) !important; border:1px solid var(--mkm-bd) !important;
}
input::placeholder, textarea::placeholder{ color:var(--mkm-mut) !important; }

/* ───── Pied de page ───── */
.site-footer, #colophon, .footer-widgets, .sidebar-footer{
  background-color:#0c0f18 !important; color:var(--mkm-mut) !important;
}
.site-footer a, #colophon a, .sidebar-footer a{ color:var(--mkm-blue) !important; }
.footer-widgets .widget-title{ color:var(--mkm-gold) !important; }

/* ───── Divers ───── */
hr, .widget li, .comment-list li{ border-color:var(--mkm-bd) !important; }
blockquote{ border-left:3px solid var(--mkm-gold) !important; color:var(--mkm-tx) !important; background:var(--mkm-bg2) !important; }
code, pre{ background:#0c0f18 !important; color:var(--mkm-gold) !important; }

/* ───── On NE TOUCHE PAS : images, figures, galeries, vignettes ─────
   (img / figure / .wp-block-image / .gallery / .owl-item img gardent leur
   rendu d'origine — c'est le cœur d'un site photo. On ne reteinte QUE les
   FONDS de bandes/cartes, jamais les images elles-mêmes.) */

/* ════════════ Ajustements post-déploiement (retours KARMA) ════════════ */

/* 1. Conteneur d'article / page : plus de CADRE BLANC (fond #fff + bordure
      #e8e8e8 du thème) → carte sombre, sans bordure ni ombre. */
.content-wrapper, .archive-header{
  background-color:var(--mkm-card) !important; border:none !important; box-shadow:none !important;
}

/* 2. Carrousel « à la une » : la BANDE BLANCHE derrière les vignettes passe en
      sombre ; les libellés corail des vignettes passent en or. (Les photos des
      vignettes ne sont PAS touchées.) */
.oria-slider{ background-color:var(--mkm-bg) !important; border-bottom:1px solid var(--mkm-bd) !important; }
.oria-slider .slide-title a{ background-color:var(--mkm-gold) !important; color:#1a1612 !important; }

/* 3. Tagline du site (« Karma_kta ») : plus grosse, grasse et lisible sur la
      photo d'en-tête (ombre portée pour le contraste). */
.site-description{
  color:var(--mkm-gold) !important; font-size:26px !important; font-weight:700 !important;
  letter-spacing:.02em !important; text-shadow:0 2px 8px rgba(0,0,0,.65) !important;
  border-top-color:rgba(244,197,66,.35) !important;
}

/* 4. Cartes d'articles en LISTE (catégorie / archives / accueil masonry) :
      le fond blanc est sur .item-sizer (ENFANT de .hentry, d'où le ratage de
      la 1re passe) → carte sombre + bordure or discrète. Titre & extrait
      passent déjà en clair (règles .entry-title / .entry-content plus haut). */
.posts-layout .hentry .item-sizer{
  background-color:var(--mkm-card) !important; border-color:var(--mkm-bd) !important;
}

/* 5. Navigation prev/next (bas d'article) : boîtes BLANCHES (.nav-previous /
      .nav-next, background:#fff) → cartes sombres ; survol en or (texte sombre). */
.nav-previous, .nav-next{ background-color:var(--mkm-card) !important; border-color:var(--mkm-bd) !important; }
.nav-previous:hover, .nav-next:hover{ background-color:var(--mkm-gold) !important; }
.nav-previous:hover a, .nav-next:hover a{ color:#1a1612 !important; }