/*
Theme Name: Astra Child
Template: astra
Version: 1.0
*/

/* =========================
   HERO ELEMENTOR
   ========================= */

body #hero-h1 .elementor-heading-title {
  color: #ffffff !important;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  line-height: 1.05 !important;
  font-size: clamp(28px, 4.5vw, 64px) !important;
  margin: 0 !important;
}

body #hero-h1 .elementor-heading-title span.mot-rose {
  color: #e6007e !important;
}


/* =========================
   ARTICLES : SUPPRIMER META / AUTEUR
   ========================= */

.entry-meta,
.entry-meta *,
.entry-meta .author,
.entry-meta .byline,
.entry-meta .posted-by,
span.author-name,
span.byline {
  display: none !important;
}


/* =========================
   HEADER DESKTOP
   ========================= */

@media (min-width: 922px) {

  .main-header-bar,
  .ast-primary-header-bar {
    background: transparent !important;
  }

  .main-header-bar .ast-container,
  .ast-primary-header-bar .ast-container {
    background: rgba(74, 74, 74, 0.7) !important;
    border-radius: 12px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  header.site-header,
  #masthead,
  .site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
  }

  body {
    padding-top: 0 !important;
  }

  body.admin-bar header.site-header,
  body.admin-bar #masthead,
  body.admin-bar .site-header {
    top: 32px !important;
  }
}


/* =========================
   ARTICLES DESKTOP : ESPACEMENT HEADER FIXE
   ========================= */

@media (min-width: 922px) {

  body.single-post .ast-single-entry-banner,
  body.single-post .entry-header {
    margin-top: 140px !important;
  }

  body.single-post .site-content {
    padding-top: 40px !important;
  }
}


/* =========================
   ARTICLES MOBILE : CORRECTION ESPACEMENT
   ========================= */

@media (max-width: 921px) {

  body.single-post .site-content,
  body.single-post .ast-single-entry-banner,
  body.single-post .entry-header {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  body.single-post .ast-single-entry-banner {
    min-height: auto !important;
    height: auto !important;
    padding: 15px 20px 18px 20px !important;
    margin: 0 !important;
  }

  body.single-post .ast-single-entry-banner .ast-container {
    padding: 0 !important;
    margin: 0 auto !important;
  }

  body.single-post .ast-single-entry-banner h1,
  body.single-post .entry-title {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.15 !important;
  }

  body.single-post .site-content {
    padding-top: 25px !important;
  }
}


/* =========================
   STYLE GLOBAL ARTICLES
   ========================= */

body.single-post {
  background: #ffffff !important;
}

body.single-post .site-content .ast-container {
  max-width: 1320px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

body.single-post article,
body.single-post .ast-article-single {
  background: #ffffff !important;
  box-shadow: none !important;
  border: none !important;
}


/* =========================
   TITRE PRINCIPAL ARTICLE
   ========================= */

body.single-post .entry-title,
body.single-post .ast-single-entry-banner h1 {
  color: #e6007e !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(34px, 4vw, 48px) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-align: left !important;
}

body.single-post .ast-single-entry-banner {
  background: transparent !important;
}


/* =========================
   CONTENU ARTICLE
   ========================= */

body.single-post .entry-content {
  color: #001489 !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
}

body.single-post .entry-content p {
  margin-bottom: 24px !important;
}


/* Titres internes style éditorial */
body.single-post .entry-content h2,
body.single-post .entry-content h3,
body.single-post .entry-content h4 {
  color: #001489 !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  margin-top: 38px !important;
  margin-bottom: 18px !important;
  max-width: 950px !important;
}


/* Image auteur centrée */
body.single-post .entry-content img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* =========================
   LARGEUR CONTENU + SIDEBAR
   ========================= */

body.single-post .content-area {
  width: 72% !important;
}

body.single-post .widget-area {
  width: 28% !important;
}

/* =========================
   RESPONSIVE ARTICLES
   ========================= */

@media (max-width: 921px) {

  body.single-post .site-content .ast-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  body.single-post .content-area,
  body.single-post .widget-area {
    width: 100% !important;
  }

  body.single-post .entry-title,
  body.single-post .ast-single-entry-banner h1 {
    text-align: center !important;
    font-size: 30px !important;
  }

  body.single-post .entry-content h2,
  body.single-post .entry-content h3,
  body.single-post .entry-content h4 {
    font-size: 18px !important;
    line-height: 1.2 !important;
  }

  body.single-post .sidebar-main,
  body.single-post .widget-area {
    border-left: none !important;
    padding-left: 0 !important;
  }
}
/* FORCE STYLE TITRES ARTICLES - À METTRE TOUT EN BAS */
body.single-post .entry-content h1,
body.single-post .entry-content h2,
body.single-post .entry-content h3,
body.single-post .entry-content h4,
body.single-post .entry-content h5,
body.single-post .entry-content h6 {
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  margin-top: 26px !important;
  margin-bottom: 14px !important;
  color: #001489 !important;
  text-transform: none !important;
}
/* =========================
   ARCHIVE CATÉGORIE - STYLE MAGAZINE FINAL
   ========================= */

body.category:not(.wp-customizer) .site-content {
  padding-top: 155px !important;
}

body.category:not(.wp-customizer) #primary {
  width: 100% !important;
  max-width: 1420px !important;
  margin: 0 auto !important;
  float: none !important;
}

body.category:not(.wp-customizer) .site-content .ast-container {
  max-width: 1480px !important;
  display: block !important;
}

/* Ne masque la sidebar que sur le front, PAS dans l’éditeur Astra */
body.category:not(.wp-customizer) #secondary {
  display: none !important;
}

body.category:not(.wp-customizer) .sda-archive-title {
  color: #009ee3 !important;
  font-size: 38px !important;
  font-weight: 400 !important;
  margin: 0 0 24px !important;
}

body.category:not(.wp-customizer) .sda-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 30px !important;
}

body.category:not(.wp-customizer) .sda-card {
  background: #f3f6fa !important;
  overflow: hidden !important;
}

body.category:not(.wp-customizer) .sda-card-img img {
  width: 100% !important;
  height: 230px !important;
  object-fit: cover !important;
  display: block !important;
}

body.category:not(.wp-customizer) .sda-card-content {
  padding: 28px 24px 26px !important;
}

body.category:not(.wp-customizer) .sda-card h2 {
  margin: 0 0 18px !important;
}

body.category:not(.wp-customizer) .sda-card h2 a {
  color: #e6007e !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 22px !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body.category:not(.wp-customizer) .sda-card p {
  color: #5c6770 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  margin-bottom: 22px !important;
}

body.category:not(.wp-customizer) .sda-readmore {
  color: #e6007e !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

body.category:not(.wp-customizer) .sda-pagination,
body.category:not(.wp-customizer) nav.navigation.pagination {
  display: block !important;
  text-align: center !important;
  margin: 55px 0 80px !important;
}

body.category:not(.wp-customizer) .sda-pagination .page-numbers,
body.category:not(.wp-customizer) nav.navigation.pagination .page-numbers {
  color: #e6007e !important;
  font-size: 30px !important;
  margin: 0 8px !important;
  text-decoration: none !important;
}

body.category:not(.wp-customizer) .sda-pagination .current,
body.category:not(.wp-customizer) nav.navigation.pagination .current {
  color: #001489 !important;
}

@media (max-width: 1199px) {
  body.category:not(.wp-customizer) .sda-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 921px) {
  body.category:not(.wp-customizer) .site-content {
    padding-top: 25px !important;
  }

  body.category:not(.wp-customizer) .sda-grid {
    grid-template-columns: 1fr !important;
  }

  body.category:not(.wp-customizer) .sda-archive-title {
    text-align: center !important;
    font-size: 34px !important;
  }
}
/* SIDEBAR ARTICLE + RECHERCHE */

body.single-post .widget,
body.search .widget {
  background: #ffffff !important;
  border-radius: 18px !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 16px 36px rgba(2,6,23,.10) !important;
  padding: 22px !important;
  color: #0f172a !important;
}

body.single-post .widget-title,
body.search .widget-title {
  color: #0f172a !important;
  background: linear-gradient(135deg, rgba(0,149,219,.08), rgba(229,0,124,.06)) !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  font-weight: 950 !important;
  margin-bottom: 18px !important;
}

/* Bouton Facebook */
.share-facebook-btn {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: #0095DB !important;
  color: #ffffff !important;
  text-decoration: none !important;
  padding: 16px 20px !important;
  border-radius: 14px !important;
  font-weight: 900 !important;
  box-shadow: 0 14px 30px rgba(0,149,219,.22) !important;
  transition: all .18s ease !important;
}

.share-facebook-btn span {
  font-weight: 950 !important;
  font-size: 18px !important;
  color: #ffffff !important;
}

.share-facebook-btn:hover {
  background: #E5007C !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

/* Catégories propres */
body.single-post .widget_categories,
body.search .widget_categories {
  background: #ffffff !important;
}

body.single-post .widget_categories ul,
body.search .widget_categories ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  gap: 8px !important;
}

body.single-post .widget_categories li,
body.search .widget_categories li {
  margin: 0 !important;
}

body.single-post .widget_categories a,
body.search .widget_categories a {
  display: block !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.75) !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  color: #0f172a !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body.single-post .widget_categories a:hover,
body.search .widget_categories a:hover {
  background: linear-gradient(90deg, rgba(0,149,219,.10), rgba(229,0,124,.08)) !important;
  color: #0095DB !important;
  border-color: rgba(0,149,219,.22) !important;
}
/* FORCE SUPPRESSION ROSE SIDEBAR */

body.single-post #secondary .widget,
body.single-post #secondary .widget_categories,
body.single-post #secondary .sidebar-main .widget,
body.search #secondary .widget,
body.search #secondary .widget_categories,
body.search #secondary .sidebar-main .widget {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #0f172a !important;
  border-radius: 18px !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 16px 36px rgba(2,6,23,.10) !important;
}

body.single-post #secondary .widget *,
body.search #secondary .widget * {
  color: #0f172a !important;
}

body.single-post #secondary .widget-title,
body.search #secondary .widget-title {
  background: linear-gradient(135deg, rgba(0,149,219,.08), rgba(229,0,124,.06)) !important;
  color: #0f172a !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
}

body.single-post #secondary li,
body.search #secondary li {
  background: #ffffff !important;
  color: #0f172a !important;
}

body.single-post #secondary a:hover,
body.search #secondary a:hover {
  color: #0095DB !important;
}