/*
Theme Name: Platero
Description: Thème enfant GeneratePress pour Platero.fr — comparateur de courtiers.
Template: generatepress
Version: 1.0.0
*/

/* Les styles principaux sont dans assets/home.css */

/* Pages légales : full width, pas de sidebar */
.page-id-120 .site-content,
.page-id-121 .site-content,
.page-id-122 .site-content { max-width: 900px; margin: 0 auto; }

.page-id-120 #right-sidebar,
.page-id-121 #right-sidebar,
.page-id-122 #right-sidebar { display: none !important; }

.page-id-120 #primary,
.page-id-121 #primary,
.page-id-122 #primary { width: 100% !important; max-width: 860px !important; float: none !important; margin: 0 auto !important; }

/* Cacher le titre WordPress (on a notre propre h1 dans le contenu) */
.page-id-120 .entry-title,
.page-id-121 .entry-title,
.page-id-122 .entry-title { display: none !important; }


/* ═══════════════════════════════════════════
   ARTICLES — FULL WIDTH + STYLE COHÉRENT
═══════════════════════════════════════════ */

/* Supprimer la sidebar sur tous les articles */
.single #right-sidebar,
.archive #right-sidebar,
.category #right-sidebar,
.search #right-sidebar { display: none !important; }

.single #primary,
.archive #primary,
.category #primary,
.search #primary {
  width: 100% !important;
  max-width: 860px !important;
  margin: 0 auto !important;
  float: none !important;
}

/* Image à la une pleine largeur */
.single .post-image img,
.single .featured-image img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  margin-bottom: 32px;
}

/* Meta (date, auteur) discrète */
.single .entry-meta,
.single .posted-on,
.single .byline {
  font-size: .82rem;
  color: #888;
}
.single .byline { display: none; }

/* Titre article */
.single .entry-title {
  font-size: clamp(1.6rem, 4vw, 2.4rem) !important;
  font-weight: 800 !important;
  color: #0a2464 !important;
  line-height: 1.2 !important;
  margin-bottom: 12px !important;
}

/* Contenu article */
.single .entry-content {
  font-size: 1.02rem;
  line-height: 1.8;
  color: #1c2340;
}
.single .entry-content h2 {
  font-size: 1.4rem;
  font-weight: 800;
  color: #0a2464;
  margin: 40px 0 14px;
  padding-bottom: 8px;
  border-bottom: 2px solid #e5ecf8;
}
.single .entry-content h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: #1a4fa8;
  margin: 28px 0 10px;
}
.single .entry-content p { margin-bottom: 16px; }
.single .entry-content a { color: #1a4fa8; }
.single .entry-content a:hover { color: #0a2464; }
.single .entry-content strong { color: #0a2464; }

/* Tables dans les articles */
.single .entry-content table {
  width: 100%;
  border-collapse: collapse;
  font-size: .93rem;
  margin: 24px 0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 16px rgba(10,36,100,.08);
}
.single .entry-content table thead th {
  background: #0a2464;
  color: #fff;
  padding: 12px 16px;
  text-align: left;
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .04em;
}
.single .entry-content table td {
  padding: 12px 16px;
  border-bottom: 1px solid #e5ecf8;
}
.single .entry-content table tbody tr:nth-child(even) { background: #f5f8ff; }
.single .entry-content table tbody tr:hover td { background: #eef3ff; }
.single .entry-content table tbody tr:last-child td { border-bottom: none; }

/* Blockquotes */
.single .entry-content blockquote {
  border-left: 4px solid #3ecf8e;
  background: #f4f7fe;
  padding: 16px 20px;
  margin: 24px 0;
  border-radius: 0 8px 8px 0;
  font-style: normal;
  color: #1c2340;
}

/* Navigation bas de page (prev/next) */
.post-navigation { display: none; }

/* Pas d'espace vide entre header et contenu */
.single .site-main { padding-top: 0 !important; }

/* ═══════════════════════════════════════════
   HEADER — CORRECTION MENU
═══════════════════════════════════════════ */
.main-navigation .menu > li > a {
  font-weight: 600;
  font-size: .92rem;
  letter-spacing: .01em;
}


/* ═══════════════════════════════════════════
   HEADER GLOBAL — DARK NAVY COHÉRENT
═══════════════════════════════════════════ */
#masthead.site-header {
  background: #07183f !important;
  border-bottom: none !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.06) !important;
}

/* Navigation background */
#masthead .main-navigation,
#masthead .main-navigation ul,
#masthead nav.main-navigation { background: transparent !important; }

/* Logo */
#masthead .site-title a,
#masthead .site-branding a {
  color: #ffffff !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
}
#masthead .site-title a:hover { color: #3ecf8e !important; }

/* Liens du menu */
#masthead .main-navigation a,
#masthead .main-navigation .menu > li > a {
  color: rgba(255,255,255,.82) !important;
  font-weight: 600 !important;
  font-size: .9rem !important;
}
#masthead .main-navigation a:hover {
  color: #3ecf8e !important;
}

/* Dropdown sous-menus */
#masthead .main-navigation .sub-menu {
  background: #0f2d6e !important;
  border: none !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.3) !important;
}
#masthead .main-navigation .sub-menu a {
  color: rgba(255,255,255,.75) !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}
#masthead .main-navigation .sub-menu a:hover { color: #3ecf8e !important; background: rgba(255,255,255,.05) !important; }

/* Mobile toggle */
#masthead .menu-toggle,
#masthead button.menu-toggle { color: #fff !important; border-color: rgba(255,255,255,.3) !important; }


/* MENU ACTIF HARMONISE */
#masthead .main-navigation .menu > li > a {
  border-bottom: 2px solid transparent !important;
  padding-bottom: 2px !important;
  transition: color .2s ease, border-color .2s ease !important;
}
/* Specificite renforcee : li.current-menu-item > a bat li > a */
#masthead .main-navigation .menu > li.current-menu-item > a,
#masthead .main-navigation .menu > li.current_page_item > a,
#masthead .main-navigation .menu > li.current-menu-ancestor > a {
  color: #3ecf8e !important;
  border-bottom: 2px solid #3ecf8e !important;
  padding-bottom: 2px !important;
}
.site-content { margin-top: 0 !important; padding-top: 0 !important; }
