/* ==========================================================================
   CTC Custom Stylesheet – Vive La Cinq
   Sommaire :
   01. Structure globale
   02. Responsive
   03. Menu & Navigation
   04. Contenu général
   05. Page : Les émissions
   06. Page : Services
   07. Page : Fiches Zoom
   08. Widgets
   09. Page : Presse
   ========================================================================== */
/* ==========================================================================
   🧱 STRUCTURE GLOBALE
   ========================================================================== */

/* 🌍 Fond du site */
body {
    background-image: url(http://localhost/vivelacinq_2025/wp-content/uploads/commun/bg-content.jpg);
}

/* 🖼️ Logo dans le header */
#site-header-wrap .site-branding img {
    max-height: 120px;
}

/* 🔄 Loader de page */
#cms-loadding {
    background-image: url("http://localhost/vivelacinq_2025/wp-content/uploads/commun/loader.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: 20%;
    background-color: #004790;
    margin: 0 auto;
}

/* 🧼 Masquer le top header */
#site-header-wrap.header-layout1 .header-top {
    display: none;
}

/* ==========================================================================
   📱 RESPONSIVE DESIGN
   ========================================================================== */

@media screen and (max-width: 768px) {
    #cms-loadding {
        background-size: 120%;
    }
    .bg-image {
        background-size: 240vh;
        background-position: right;
    }
    .pagetitle {
        padding-top: 30px;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 991px) {
    #site-header-wrap #site-header.h-fixed {
        background-color: #1b1b1c;
    }
    #main-menu-mobile .btn-nav-mobile span,
    #main-menu-mobile .btn-nav-mobile:after,
    #main-menu-mobile .btn-nav-mobile:before {
        background-color: #fff;
    }
}

@media screen and (max-width: 1430px) {
    .site-branding img {
        max-height: 90px !important;
    }
}

/* ==========================================================================
   🍔 MENU & NAVIGATION
   ========================================================================== */

/* 🧭 Menu principal */
.primary-menu > li > a {
    font-size: 14px;
}
.primary-menu .sub-menu li a {
    font-size: 14px;
    line-height: 40px;
}
.primary-menu .sub-menu li {
    padding: 0 22px;
}
.primary-menu .sub-menu {
    padding: 5px 0;
    border-bottom: 2px solid #a7d725;
}
.primary-menu .sub-menu li > a:hover,
.primary-menu .sub-menu li.current-menu-ancestor > a,
.primary-menu .sub-menu li.current-menu-item > a,
.primary-menu .sub-menu li.current_page_ancestor > a,
.primary-menu .sub-menu li.current_page_item > a {
    color: #cf3046;
}

/* 🧱 Fond du menu */
#site-header-wrap.header-layout1 .site-header-main {
    background: url("http://localhost/vivelacinq_2025/wp-footer/uploads/commun/footer.jpg");
}

/* 🧭 Navigation sticky */
#site-header-wrap.header-layout1 .site-header-main.h-fixed {
    background: url("http://localhost/vivelacinq_2025/wp-content/uploads/commun/navbar.png") 0 0 repeat-x #1b1b1c;
}
#site-header-wrap #site-header.h-fixed {
    box-shadow: 0 5px 6px rgba(0, 0, 0, 0.5);
}
#site-header-wrap #site-header .sticky-logo img {
    max-height: 86px !important;
}
#site-header-wrap.header-layout1 .site-header-main .site-navigation {
    background: url("http://localhost/vivelacinq_2025/wp-content/uploads/commun/navbar.png") 0 0 repeat-x #1b1b1c !important;
}
#site-header-wrap.header-layout1 .site-header-main .site-navigation .primary-menu > li > a::before {
    top: calc(100% - 3px);
    border-color: #a7d725 !important;
}

/* ==========================================================================
   📄 CONTENU GÉNÉRAL
   ========================================================================== */

/* 🧊 Boîtes fancy */
.cms-fancy-box.layout2 {
    border: 1px solid #494949;
}
.elementor-widget-cms_fancy_box:hover .elementor-widget-container {
    border-radius: 5px;
}

/* ➕ Bouton "Afficher la page" */
.entry-readmore a.btn-more::after {
    right: 0;
}

/* 🏷️ Titres de pages */
.pagetitle::before {
    background-color: rgba(0, 19, 30, 0.45);
}

/* 🖼️ Couvertures de pages */
.bg-image {
    background-size: auto !important;
    background-position: top;
}

/* 📝 Texte par défaut */
.site-content .elementor-widget-text-editor,
.site-footer-custom .elementor-widget-text-editor {
    color: #aeaeae;
}

/* ==========================================================================
   📺 PAGE : CHRONOLOGIE
   ========================================================================== */
.eael-content-timeline-content p {
    margin: 0.1em 0 !important;
}
.elementor-widget-carousel-gallery img {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.elementor-widget-carousel-gallery a {
  pointer-events: none !important;
  cursor: default !important;
  display: contents !important; /* rend le lien invisible mais garde le contenu */
}
 
/* ==========================================================================
   📺 PAGE : Les émissions
   ========================================================================== */

.gallery-item-caption-wrap.caption-style-card {
    background: #f7f7f700 !important;
}

/* ==========================================================================
   🔍 PAGE : Services (Zoom)
   ========================================================================== */

.cms-service-grid.layout1 .grid-item-inner .entry-body .service-icon-wrap {
    background-color: transparent;
}

/* ==========================================================================
   📚 PAGE : Fiches Zoom – Accordéon
   ========================================================================== */

.cms-accordion.style1 {
    border: 1px solid #979797;
}
.cms-accordion.style1 .cms-ac-title {
    font-family: 'Roboto';
    color: #ffffff85;
    background-color: #202021;
}
.cms-accordion.style1 .cms-ac-title:before {
    color: #a7d725;
}
.cms-accordion.style1 .cms-ac-content {
    border-bottom: 1px solid #737373;
}
.cms-accordion.style1 .cms-accordion-item {
    background-color: #e5e5e5;
}

/* 📝 Citation */
blockquote {
    color: #d0d0d0;
    font-family: 'Roboto';
    font-weight: 300;
}
blockquote::after {
    background-image: url("http://localhost/vivelacinq_2025/wp-content/themes/vivelacinq/assets/images/left-quote.png");
}

/* ==========================================================================
   🧩 WIDGETS
   ========================================================================== */

.widget_boutique {
    border: 1px solid #555555 !important;
    border-radius: 5px !important;
}
#secondary .widget .widget-title {
    background-color: rgba(83, 77, 63, 0.41) !important;
    color: rgb(255, 255, 255) !important;
    border-bottom-color: #555555 !important;
}
#secondary .widget {
    border: 1px solid #555555 !important;
}

/* ==========================================================================
   📰 PAGE : Presse
   ========================================================================== */

.df-popup-thumb img.df-lazy {
    transform: scale(1);
    opacity: 1;
}
span.df-book-title {
    color: #ffffff !important;
    font-size: 0.85em !important;
}
/* ==========================================================================
    Page 404
   ========================================================================== */
body.error404 .error-404 .error-404-inner .number-wrap {
    display: none !important;
}