/*
Theme Name: enfant - quel fumoir
Version: 1.2
Description: A child theme of Blocksy — FLY 3.0 structure
Template: blocksy
Author: FB Boost Agency
*/

/* ====================================================
   CHARTE GRAPHIQUE — quel-fumoir.fr
   Primaire : #E85D04 (orange braise)
   Fond sombre : #1C1C1C
   ==================================================== */

/* ── Variables globales ── */
:root {
  --qf-orange: #E85D04;
  --qf-orange-hover: #C04D00;
  --qf-dark: #1C1C1C;
  --qf-text: #333333;
  --qf-light-bg: #F8F5F2;
  --qf-amazon: #FF9900;
}

/* ── Header sombre ── */
.site-header,
#header,
.ct-header,
header.site-header {
  background-color: var(--qf-dark) !important;
  border-bottom: 3px solid var(--qf-orange) !important;
}

/* Logo texte en blanc si pas d'image */
.site-title a,
.ct-site-title a,
.site-header .site-title {
  color: #ffffff !important;
}

/* Navigation header en blanc */
.ct-nav-menu > li > a,
.ct-header-menu > li > a,
.primary-menu > li > a {
  color: #ffffff !important;
}
.ct-nav-menu > li > a:hover,
.ct-header-menu > li > a:hover {
  color: var(--qf-orange) !important;
}

/* ── Footer sombre ── */
.site-footer,
footer.site-footer,
.ct-footer {
  background-color: var(--qf-dark) !important;
  color: #cccccc !important;
  border-top: 3px solid var(--qf-orange) !important;
}
.site-footer a,
.ct-footer a {
  color: var(--qf-orange) !important;
}
.site-footer a:hover,
.ct-footer a:hover {
  color: #ffffff !important;
}

/* ── Titres ── */
h1, h2, h3 {
  color: var(--qf-dark) !important;
}
h1 { font-size: clamp(1.6rem, 3vw, 2.2rem); }
h2 { font-size: clamp(1.3rem, 2.5vw, 1.8rem); }

/* ── Boutons CTA principaux ── */
.wp-block-button__link,
.ct-button,
a.ct-button,
button.ct-button,
.qf-btn,
a.qf-btn {
  background-color: var(--qf-orange) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 12px 24px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease !important;
}
.wp-block-button__link:hover,
.ct-button:hover,
a.qf-btn:hover {
  background-color: var(--qf-orange-hover) !important;
  color: #ffffff !important;
}

/* ── Boutons Amazon ── */
a.qf-amazon,
.qf-amazon-btn {
  background-color: var(--qf-amazon) !important;
  color: #111111 !important;
  border-radius: 6px !important;
  padding: 12px 24px !important;
  font-weight: 700 !important;
  display: inline-block !important;
  min-height: 44px !important;
  text-decoration: none !important;
}
a.qf-amazon:hover {
  background-color: #e68900 !important;
}

/* ── Fond alternance sections ── */
.qf-section-alt,
.wp-block-group.is-style-qf-alt {
  background-color: var(--qf-light-bg) !important;
  padding: 2rem !important;
  border-radius: 8px !important;
}

/* ── Tableaux comparatifs ── */
.wp-block-table th,
table.qf-table th {
  background-color: var(--qf-dark) !important;
  color: #ffffff !important;
  padding: 10px 14px !important;
}
.wp-block-table tr:nth-child(even),
table.qf-table tr:nth-child(even) {
  background-color: var(--qf-light-bg) !important;
}

/* ── Barre de score ── */
.qf-score-bar {
  height: 8px;
  background-color: #e0ddd9;
  border-radius: 4px;
  overflow: hidden;
}
.qf-score-bar-fill {
  height: 100%;
  background-color: var(--qf-orange);
  border-radius: 4px;
}

/* ── Badge verdict ── */
.qf-badge {
  display: inline-block;
  background-color: var(--qf-orange);
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* ── Checkmarks orange (remplace ✅) ── */
.qf-check {
  color: var(--qf-orange);
  font-weight: 700;
}

/* ── Homepage full-width : pas de sidebar ── */
.home .ct-container {
  grid-template-columns: 1fr !important;
}
.home .ct-sidebar,
.home aside.ct-sidebar {
  display: none !important;
}

/* ── Sidebar sticky ── */
.ct-sidebar {
  top: 86px;
}

/* ── Liens article ── */
.entry-content a:not(.wp-block-button__link):not(.qf-amazon):not(.qf-btn) {
  color: var(--qf-orange) !important;
  text-decoration: underline;
}
.entry-content a:hover {
  color: var(--qf-orange-hover) !important;
}

/* ── Images catégorie ── */
.ct-image-container img,
.wp-post-image {
  object-fit: contain;
  padding: 8px;
  background: #F8F5F2;
}

/* ── Responsive mobile ── */
@media (max-width: 768px) {
  h1 { font-size: 1.5rem; }
  h2 { font-size: 1.25rem; }
  .wp-block-button__link,
  a.qf-btn,
  a.qf-amazon {
    width: 100%;
    text-align: center;
  }
}

/* ====================================================
   BLOCKSY HEADER OVERRIDES
   Les rows Blocksy ont background: var(--theme-palette-color-8) = #ffffff
   On écrase avec nos sélecteurs Blocksy précis
   ==================================================== */

/* Toutes les rows du header builder */
[data-header] .ct-header [data-row],
[data-header*="type-1"] .ct-header [data-row],
#header [data-row] {
  background-color: var(--qf-dark) !important;
  background-image: none !important;
}

/* Logo couleur blanche */
[data-header] .ct-header [data-id="logo"] .site-title,
[data-header] .ct-header [data-id="logo"] a {
  --theme-link-initial-color: #ffffff !important;
  --theme-link-hover-color: var(--qf-orange) !important;
  color: #ffffff !important;
}

/* Menu nav blanc + hover orange */
[data-header] .ct-header [data-id="menu"] > ul > li > a,
[data-header] .ct-header nav > ul > li > a {
  --theme-link-initial-color: #ffffff !important;
  --theme-link-hover-color: var(--qf-orange) !important;
  color: #ffffff !important;
}
[data-header] .ct-header [data-id="menu"] > ul > li > a:hover {
  color: var(--qf-orange) !important;
}

/* Icône recherche blanche */
[data-header] .ct-header [data-id="search"] svg,
[data-header] .ct-header .ct-search-trigger svg {
  fill: #ffffff !important;
  color: #ffffff !important;
}

/* Sticky header : garder sombre au scroll */
#header.is-sticky [data-row],
#header.ct-header-sticky [data-row] {
  background-color: var(--qf-dark) !important;
}

/* Masquer le page-title et breadcrumb sur la homepage */
.home .entry-title,
.home .page-title,
.home .ct-page-title,
.home [class*="page-title"],
.home .breadcrumbs,
.home .ct-breadcrumbs,
.home nav.breadcrumbs {
  display: none !important;
}