/*
Theme Name: Context Blog Child
Template: context-blog
Version: 1.0
*/

/* =====================================================
   1) NE JAMAIS toucher au background global
   ===================================================== */
body {
  background-color: transparent !important;
}

/* =====================================================
   2) Le wrapper plein écran reste TRANSPARENT
   ===================================================== */
.no-container,
.no-container .detail-page,
.no-container .site-content,
.no-container .site-main {
  background: transparent !important;
}

/* =====================================================
   3) ON RECRÉE LE CONTAINER SUR TOUTES LES PAGES INTERNES
   ===================================================== */
.no-container .detail-page > .row {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* =====================================================
   4) LE BLANC UNIQUEMENT SUR LE CONTENU
   ===================================================== */
.no-container .detail-holder,
.no-container .detail-page-body,
.no-container .main-blog-body {
  background: #ffffff;
  padding: 30px;
}

/* =====================================================
   5) RENDU PREMIUM (facultatif mais conseillé)
   ===================================================== */
@media (min-width: 992px) {
  .no-container .detail-holder,
  .no-container .main-blog-body {
    border-radius: 10px;
  }
}

/* =====================================================
   6) SUPPRESSION SIDEBAR SANS CASSER LE LAYOUT
   ===================================================== */
.no-sidebar .sidebar,
.no-sidebar #secondary {
  display: none;
}
/* Masque tout overlay texte possible au-dessus du header video */
#wp-custom-header,
.wp-custom-header,
.wp-custom-header video {
  position: relative;
  z-index: 1;
}

#wp-custom-header .clideo,
#wp-custom-header [class*="clideo"],
#wp-custom-header a[href*="clideo"],
#wp-custom-header *:where([id*="clideo"],[class*="clideo"]) {
  display: none !important;
}
