/*
Theme Name: Festiva Child
Theme URI: http://demo.bravisthemes.com/festiva
Author: Bravis-Themes
Author URI: https://bravisthemes.com/
Description: Festiva is the most versatile events and conference theme for WordPress. It has 04 unique homepage layouts, available as multi-page or one-page designs. Each layout has been carefully crafted to provide a modern and clean browsing experience for your readers. With Festiva, your events and conferences are going to stand out like never before.
Version: 1.0.0
Tested up to: 6.0
Requires PHP: 7.4
License: ThemeForest
License URI: https://themeforest.net/licenses
Template: festiva
Text Domain: festiva-child
Tags: 	attendees, conference, education, event, event theme, festival, meetup, multi event, onepage, schedule, seminar, ticket, tickets, webinar, zoom
Copyright (c) 2024 Bravis-Themes. All rights reserved.
This theme is licensed under the GPL-2.0+ license.
*/

/* ================================================
   BRODEMESTRE — Dégradé header mobile uniquement
   Noir → Rouge #e4111d
   ================================================ */

@media (max-width: 1200px) {

    /* ── Header ── */
    #masthead,
    .site-header,
    header.header,
    .pxl-header-wrap,
    .pxl-header,
    .pxl-header-inner,
    .header-main,
    [id*="header"],
    [class*="pxl-header"] {
        background: linear-gradient(
            90deg,
            #000000 0%,
            #2a0305 55%,
            #e4111d 100%
        ) !important;
    }

    /* ── Logo : fond transparent ── */
    .site-header .site-branding,
    .pxl-header .pxl-logo,
    .pxl-logo-wrap,
    [class*="pxl-logo"],
    [class*="site-logo"],
    a.custom-logo-link {
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
    }

    /* ── Menu mobile (panneau ouvert) ── */
    .main-navigation,
    .pxl-nav-mobile,
    .pxl-mobile-menu,
    [class*="mobile-menu"],
    [class*="nav-mobile"],
    [id*="mobile-menu"],
    .mean-container .mean-nav,
    nav.nav-primary {
        background: linear-gradient(
            160deg,
            #000000 0%,
            #2a0305 50%,
            #e4111d 100%
        ) !important;
    }

    /* ── Items menu mobile ── */
    .main-navigation ul li,
    .pxl-nav-mobile ul li,
    [class*="mobile-menu"] ul li,
    .mean-container .mean-nav ul li a {
        background: transparent !important;
        border-color: rgba(255, 255, 255, 0.10) !important;
    }

}

/* ── Bouton burger : dégradé Brodemestre (classe exacte du thème) ── */
@media (max-width: 1200px) {

    #pxl-nav-mobile,
    #pxl-header-default #pxl-nav-mobile,
    #pxl-header-elementor #pxl-nav-mobile {
        background: linear-gradient(
            135deg,
            #000000 0%,
            #2a0305 50%,
            #e4111d 100%
        ) !important;
    }

}

/* ── Menu mobile : flèches, recherche, logo transparent ── */
@media (max-width: 1200px) {

    /* Flèches des sous-menus → blanc */
    #pxl-nav-mobile .pxl-mobile-nav-icon,
    #pxl-nav-mobile .nav-icon,
    #pxl-nav-mobile .pxl-arrow,
    #pxl-nav-mobile .dropdown-toggle,
    #pxl-nav-mobile [class*="arrow"],
    #pxl-nav-mobile [class*="chevron"],
    #pxl-nav-mobile button.sub-toggle,
    #pxl-nav-mobile .sub-toggle {
        color: #ffffff !important;
        border-color: rgba(255,255,255,0.25) !important;
        background: rgba(255,255,255,0.08) !important;
    }
    #pxl-nav-mobile [class*="arrow"] svg,
    #pxl-nav-mobile [class*="arrow"] i,
    #pxl-nav-mobile .sub-toggle svg,
    #pxl-nav-mobile .sub-toggle i {
        fill: #ffffff !important;
        stroke: #ffffff !important;
        color: #ffffff !important;
    }

    /* Barre de recherche → texte + icône blancs */
    #pxl-nav-mobile input[type="search"],
    #pxl-nav-mobile input[type="text"],
    #pxl-nav-mobile .search-field {
        color: #ffffff !important;
        background: rgba(255,255,255,0.10) !important;
        border-color: rgba(255,255,255,0.20) !important;
    }
    #pxl-nav-mobile input::placeholder {
        color: rgba(255,255,255,0.70) !important;
    }
    #pxl-nav-mobile .search-submit,
    #pxl-nav-mobile button[type="submit"],
    #pxl-nav-mobile .pxl-search-icon {
        color: #ffffff !important;
    }
    #pxl-nav-mobile .search-submit svg,
    #pxl-nav-mobile .pxl-search-icon svg {
        fill: #ffffff !important;
        stroke: #ffffff !important;
    }

    /* Logo dans le menu mobile → fond transparent */
    #pxl-nav-mobile .pxl-logo,
    #pxl-nav-mobile .pxl-logo-wrap,
    #pxl-nav-mobile .site-branding,
    #pxl-nav-mobile a.custom-logo-link,
    #pxl-nav-mobile img.custom-logo,
    #pxl-nav-mobile [class*="logo"] {
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
    }

}

/* ══════════════════════════════════════════════
   CORRECTIONS MENU MOBILE (classes exactes)
   ══════════════════════════════════════════════ */
@media (max-width: 1200px) {

    /* ── Icône loupe recherche ── */
    #pxl-nav-mobile i.caseicon-search,
    #pxl-nav-mobile .caseicon-search,
    #pxl-nav-mobile [class*="caseicon-search"] {
        color: #ffffff !important;
    }

    /* ── Champ + placeholder recherche ── */
    #pxl-nav-mobile input[type="search"],
    #pxl-nav-mobile input[type="text"],
    #pxl-nav-mobile .search-field {
        color: #ffffff !important;
        background: rgba(255,255,255,0.10) !important;
        border-color: rgba(255,255,255,0.20) !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    #pxl-nav-mobile input[type="search"]::placeholder,
    #pxl-nav-mobile input[type="text"]::placeholder,
    #pxl-nav-mobile .search-field::placeholder {
        color: rgba(255,255,255,0.75) !important;
        opacity: 1 !important;
    }

    /* ── Logo fond transparent ── */
    #pxl-nav-mobile .pxl-header-branding,
    #pxl-nav-mobile .pxl-header-branding img,
    #pxl-nav-mobile .pxl-logo-mobile,
    #pxl-nav-mobile .pxl-logo-mobile img {
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
    }

    /* ── Liens du menu en blanc ── */
    #pxl-nav-mobile ul li a,
    #pxl-nav-mobile .pxl-menu-item,
    #pxl-nav-mobile nav ul li a {
        color: #ffffff !important;
    }

    /* ── Flèches/boutons sous-menus en blanc ── */
    #pxl-nav-mobile .sub-menu-toggle,
    #pxl-nav-mobile .dropdown-toggle,
    #pxl-nav-mobile [class*="toggle"],
    #pxl-nav-mobile [class*="arrow"] {
        color: #ffffff !important;
        border-color: rgba(255,255,255,0.30) !important;
        background: rgba(255,255,255,0.10) !important;
    }
    #pxl-nav-mobile .sub-menu-toggle i,
    #pxl-nav-mobile .dropdown-toggle i,
    #pxl-nav-mobile [class*="toggle"] i,
    #pxl-nav-mobile [class*="arrow"] i {
        color: #ffffff !important;
    }

}

/* ══════════════════════════════════════════════
   CORRECTIONS EXACTES (classes inspecteur)
   ══════════════════════════════════════════════ */
@media (max-width: 1200px) {

    /* ── Logo : fond transparent (sélecteurs exacts) ── */
    #pxl-header-default .pxl-header-branding,
    #pxl-header-default #pxl-header-mobile .pxl-header-branding,
    #pxl-header-elementor #pxl-header-mobile .pxl-header-branding,
    .pxl-logo-mobile,
    #pxl-header-default .pxl-header-branding img,
    #pxl-header-default #pxl-header-mobile .pxl-header-branding img,
    #pxl-header-elementor #pxl-header-mobile .pxl-header-branding img,
    .pxl-logo-mobile img {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    /* ── Liens menu : blanc (toutes variantes) ── */
    #pxl-header-mobile a,
    #pxl-header-mobile li > a,
    #pxl-header-mobile .pxl-menu-item > a,
    .pxl-nav-mobile a,
    .pxl-nav-mobile li > a {
        color: #ffffff !important;
    }

    /* ── Recherche : placeholder + texte blanc ── */
    #pxl-header-mobile input,
    #pxl-header-mobile input[type="search"],
    .pxl-nav-mobile input,
    .pxl-nav-mobile input[type="search"] {
        color: #ffffff !important;
    }
    #pxl-header-mobile input::placeholder,
    .pxl-nav-mobile input::placeholder {
        color: #ffffff !important;
        opacity: 1 !important;
    }

    /* ── Flèches : blanc ── */
    #pxl-header-mobile .pxl-btn-open-sub,
    #pxl-header-mobile [class*="btn-open"],
    #pxl-header-mobile [class*="sub-open"],
    .pxl-nav-mobile .pxl-btn-open-sub,
    .pxl-nav-mobile [class*="btn-open"] {
        color: #ffffff !important;
        border-color: rgba(255,255,255,0.25) !important;
        background: rgba(255,255,255,0.08) !important;
    }

}

/* ── Logo mobile : annule le dégradé du header ── */
@media (max-width: 1200px) {

    #pxl-header-default .pxl-header-branding,
    #pxl-header-elementor .pxl-header-branding,
    #pxl-header-default #pxl-header-mobile .pxl-header-branding,
    #pxl-header-elementor #pxl-header-mobile .pxl-header-branding,
    .pxl-logo-mobile,
    .pxl-header-branding {
        background: transparent !important;
        background-image: none !important;
    }

}