/* ======================= White Theme CSS =======================
   * Variante claire/blanche du site Festival Chant des Linguere
   * ============================================================ */

/* === ROOT VARIABLES === */
:root.white-theme {
  --bg-primary: #ffffff;
  --bg-secondary: #f8f8f8;
  --bg-tertiary: #f0f0f0;
  --text-primary: #1a1a1a;
  --text-secondary: #4a4a4a;
  --text-tertiary: #707070;
  --border-color: #e0e0e0;
  --shadow-light: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-medium: 0 4px 12px rgba(0, 0, 0, 0.12);
}

/* === BODY & GLOBAL === */
.white-theme body {
  background-color: #ffffff;
  color: #1a1a1a;
}

.white-theme {
  background-color: #ffffff;
  color: #1a1a1a;
}

/* === TEXT COLOR OVERRIDES === */
.text-always-white, .hover-text-always-white:hover {
  color: #fff !important;
}

.white-theme .text-white {
  color: #1a1a1a !important;
}

.white-theme .text-heading {
  color: #1a1a1a !important;
}

.white-theme .text-body {
  color: #4a4a4a !important;
}

/* === ICON COLOR OVERRIDES === */
.white-theme .ph {
  color: #1a1a1a !important;
}

.white-theme .ph-bold,
.white-theme [class*="ph-"] {
  color: #1a1a1a !important;
}

.white-theme .text-white .ph,
.white-theme .text-white [class*="ph-"] {
  color: #1a1a1a !important;
}

/* === LOGO === */
.white-theme .logo img {
  transition: filter 0.3s ease;
}

.white-theme .header.header-scrolled .logo img {
  filter: none;
  opacity: 1;
}

/* === HEADER === */
.white-theme .header {
  background: url('../../assets/images/bg/bg-tg-26-nocadr.png') center/cover;
  background-attachment: fixed;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.425);
  transition: all 0.4s ease;
}

.white-theme .headert {
  background: url('') center/cover;
  background-attachment: fixed;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.425);
  transition: all 0.4s ease;
}

.white-theme .header.header-scrolled {
  background: rgba(255, 255, 255, 0.95);
  background-color: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid #e0e0e0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.white-theme .header.menuColorWhite .nav-menu__link {
  color: #ffffff !important;
  transition: all 0.3s ease;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.white-theme .header.menuColorWhite .nav-menu__link:hover,
.white-theme .header.menuColorWhite .nav-menu__link.active {
  color: #40B45E !important;
}

.white-theme .header.header-scrolled.menuColorWhite .nav-menu__link {
  color: #1a1a1a !important;
  text-shadow: none;
}

.white-theme .header.header-scrolled.menuColorWhite .nav-menu__link:hover,
.white-theme .header.header-scrolled.menuColorWhite .nav-menu__link.active {
  color: #40B45E !important;
}

.white-theme .header .navbar-light .navbar-nav .nav-link {
  color: #ffffff;
  transition: all 0.3s ease;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.white-theme .header .navbar-light .navbar-nav .nav-link:hover,
.white-theme .header .navbar-light .navbar-nav .nav-link.active {
  color: #40B45E;
}

.white-theme .header.header-scrolled .navbar-light .navbar-nav .nav-link {
  color: #1a1a1a;
  text-shadow: none;
}

.white-theme .header.header-scrolled .navbar-light .navbar-nav .nav-link:hover,
.white-theme .header.header-scrolled .navbar-light .navbar-nav .nav-link.active {
  color: #40B45E;
}

/* === HEADER BUTTONS & ICONS === */
.white-theme .header .search-popup__button {
  color: #ffffff !important;
  transition: all 0.3s ease;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.white-theme .header .search-popup__button:hover {
  color: #40B45E !important;
}

.white-theme .header.header-scrolled .search-popup__button {
  color: #1a1a1a !important;
  text-shadow: none;
}

.white-theme .header.header-scrolled .search-popup__button:hover {
  color: #40B45E !important;
}

.white-theme .header .toggle-mobileMenu {
  color: #ffffff !important;
  transition: all 0.3s ease;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.white-theme .header .toggle-mobileMenu:hover {
  color: #40B45E !important;
}

.white-theme .header.header-scrolled .toggle-mobileMenu {
  color: #1a1a1a !important;
  text-shadow: none;
}

.white-theme .header.header-scrolled .toggle-mobileMenu:hover {
  color: #40B45E !important;
}

.white-theme .header .theme-toggle-btn {
  color: #ffffff !important;
  transition: all 0.3s ease;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.white-theme .header .theme-toggle-btn:hover {
  color: #40B45E !important;
}

.white-theme .header.header-scrolled .theme-toggle-btn {
  color: #1a1a1a !important;
  text-shadow: none;
}

.white-theme .header.header-scrolled .theme-toggle-btn:hover {
  color: #40B45E !important;
}

/* === MEGA MENU === */
.white-theme .mega-menu {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.white-theme .mega-menu .menu-item {
  color: #1a1a1a;
}

.white-theme .mega-menu .menu-item:hover {
  background-color: #f8f8f8;
  color: #40B45E;
}

.white-theme .mega-menu .text-heading {
  color: #1a1a1a !important;
}

/* === HERO SECTION === */
.white-theme .hero-slider {
  background-color: #ffffff;
  margin-top: 77px !important;
}

.white-theme .hero-slider .swiper-slide {
  background-color: #f8f8f8;
}

.white-theme .hero-slider .slide-content {
  color: #1a1a1a;
}

.white-theme .hero-slider .slide-title {
  color: #1a1a1a;
}

.white-theme .hero-slider .slide-description {
  color: #4a4a4a;
}



.hero-slider .hero-slider-pagination .swiper-pagination-bullet {

    background-color: #ff914d64;
    border: 2px solid #ff914d64;
}

.hero-slider .hero-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 32px;
    background-color: #f27024;
    border-radius: 50rem;
    border-color: #f27024;
}

.hero-slider .hero-slider-pagination .swiper-pagination-bullet:hover {
    background-color: #271206;
    border-color: #271206;
}

.hero-slider .hero-slider-button-prev,
.hero-slider .hero-slider-button-next {
    border: 2px solid #f27024 !important;
    background-color: #ffffff26 !important;
    color: #fff !important;
    text-shadow: #1a1a1a 0px 0px 5px;
    font-size: 1.25rem;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.team-slider-button-prev,
.team-slider-button-next {
    background-color: #ffffff26 !important;
    border: 2px solid #f27024 !important;
    color: #fff !important;
    text-shadow: #1a1a1a 0px 0px 5px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.hero-slider .hero-slider-button-prev:hover,
.hero-slider .hero-slider-button-next:hover {
    background-color: rgba(41, 41, 41, 0.25) !important;
    border-color: #f27024 !important;
    transform: translateY(-50%) scale(1.1);
}

.team-slider-button-prev:hover,
.team-slider-button-next:hover {
    background-color: rgba(41, 41, 41, 0.25) !important;
    border-color: #f27024 !important;
    transform: translateY(-50%) scale(1.1);
}

.hero-slider-overlay {
  background: linear-gradient(to top, #ffffff, transparent) !important;
}

/* === SECTIONS === */
.white-theme section {
  background-color: #ffffff;
  color: #1a1a1a;
}

.white-theme .section-bg-light {
  background-color: #f8f8f8;
}

.white-theme .section-title {
  color: #1a1a1a;
}

.white-theme .section-subtitle {
  color: #4a4a4a;
}

/* === CARDS & BOXES === */
.white-theme .card,
.white-theme .box {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  color: #1a1a1a;
  box-shadow: var(--shadow-light);
}

.white-theme .card:hover,
.white-theme .box:hover {
  box-shadow: var(--shadow-medium);
  border-color: #40B45E;
}

.white-theme .card .text-white {
  color: #1a1a1a !important;
}

/* === BUTTONS === */
.white-theme .btn-primary {
  background-color: #40B45E;
  border-color: #40B45E;
  color: #ffffff;
}

.white-theme .btn-primary:hover {
  background-color: #359049;
  border-color: #359049;
}

.white-theme .btn-outline-primary {
  background-color: transparent;
  border-color: #40B45E;
  color: #40B45E;
}

.white-theme .btn-outline-primary:hover {
  background-color: #40B45E;
  color: #ffffff;
}

.white-theme .btn-secondary {
  background-color: #f0f0f0;
  border-color: #e0e0e0;
  color: #1a1a1a;
}

.white-theme .btn-secondary:hover {
  background-color: #e0e0e0;
  border-color: #d0d0d0;
}

.white-theme .btn .text-white {
  color: #ffffff !important;
}

.white-theme .btn-main {
  background-color: #40B45E;
  border-color: #40B45E;
  color: #ffffff;
}

.white-theme .btn-main:hover {
  background-color: #359049;
  border-color: #359049;
}

/* === FOOTER === */
.white-theme .footer {
  background-color: #1a1a1a;
  color: #ffffff;
  border-top: 1px solid #e0e0e0;
}

.white-theme .footer .text-white {
  color: #ffffff !important;
}

.white-theme .footer-link {
  color: #40B45E;
}

.white-theme .footer-link:hover {
  color: #359049;
}

.white-theme .footer-text {
  color: #b0b0b0;
}

/* === FORMS === */
.white-theme .form-control {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  color: #1a1a1a;
}

.white-theme .form-control:focus {
  background-color: #ffffff;
  border-color: #40B45E;
  color: #1a1a1a;
  box-shadow: 0 0 0 0.2rem rgba(64, 180, 94, 0.15);
}

.white-theme .form-control::placeholder {
  color: #9a9a9a;
}

.white-theme .form-label {
  color: #1a1a1a;
}

/* === INPUTS & TEXTAREAS === */
.white-theme textarea.form-control {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  color: #1a1a1a;
}

.white-theme textarea.form-control:focus {
  background-color: #ffffff;
  border-color: #40B45E;
}

/* === TEAM SECTION === */
.white-theme .team-card {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  color: #1a1a1a;
  box-shadow: var(--shadow-light);
}

.white-theme .team-card:hover {
  box-shadow: var(--shadow-medium);
  border-color: #40B45E;
}

.white-theme .team-card .text-white {
  color: #1a1a1a !important;
}

.white-theme .team-name {
  color: #1a1a1a;
}

.white-theme .team-role {
  color: #4a4a4a;
}

/* === BORDERS & DIVIDERS === */
.white-theme hr,
.white-theme .divider {
  border-color: #e0e0e0;
}

/* === SCROLLBAR === */
.white-theme ::-webkit-scrollbar {
  width: 10px;
}

.white-theme ::-webkit-scrollbar-track {
  background-color: #f8f8f8;
}

.white-theme ::-webkit-scrollbar-thumb {
  background-color: #f27024;
  border-radius: 5px;
}

.white-theme ::-webkit-scrollbar-thumb:hover {
  background-color: #f27024;
}

/* === ACCORDION === */
.white-theme .accordion {
  background-color: #ffffff;
}

.white-theme .accordion-button {
  background-color: #ffffff;
  color: #1a1a1a;
  border: 1px solid #e0e0e0;
}

.white-theme .accordion-button:not(.collapsed) {
  background-color: #f8f8f8;
  color: #40B45E;
}

.white-theme .accordion-body {
  background-color: #ffffff;
  color: #1a1a1a;
  border: 1px solid #e0e0e0;
  border-top: none;
}

/* === BADGES & TAGS === */
.white-theme .badge {
  background-color: #40B45E;
  color: #ffffff;
}

.white-theme .badge-light {
  background-color: #f0f0f0;
  color: #1a1a1a;
}

/* === ALERTS === */
.white-theme .alert-info {
  background-color: #e7f3ff;
  border-color: #40B45E;
  color: #1a1a1a;
}

.white-theme .alert-success {
  background-color: #e7f5f0;
  border-color: #40B45E;
  color: #1a1a1a;
}

.white-theme .alert-warning {
  background-color: #fff3e0;
  border-color: #ff9800;
  color: #1a1a1a;
}

.white-theme .alert-danger {
  background-color: #ffebee;
  border-color: #f44336;
  color: #1a1a1a;
}

/* === TABS === */
.white-theme .nav-tabs {
  border-bottom: 1px solid #e0e0e0;
}

.white-theme .nav-tabs .nav-link {
  color: #4a4a4a;
  border: 1px solid transparent;
}

.white-theme .nav-tabs .nav-link:hover {
  border-color: #e0e0e0;
  color: #1a1a1a;
}

.white-theme .nav-tabs .nav-link.active {
  background-color: #ffffff;
  border-color: #e0e0e0 #e0e0e0 #ffffff;
  color: #40B45E;
}

/* === MODAL === */
.white-theme .modal-content {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  color: #1a1a1a;
}

.white-theme .modal-header {
  border-bottom: 1px solid #e0e0e0;
  background-color: #ffffff;
}

.white-theme .modal-title {
  color: #1a1a1a;
}

.white-theme .modal-footer {
  border-top: 1px solid #e0e0e0;
  background-color: #f8f8f8;
}

.white-theme .close {
  color: #1a1a1a;
}

/* === CODE === */
.white-theme code,
.white-theme pre {
  background-color: #f0f0f0;
  color: #1a1a1a;
  border: 1px solid #e0e0e0;
}

/* === TABLES === */
.white-theme .table {
  background-color: #ffffff;
  color: #1a1a1a;
  border-color: #e0e0e0;
}

.white-theme .table thead th {
  background-color: #f8f8f8;
  border-color: #e0e0e0;
  color: #1a1a1a;
}

.white-theme .table tbody tr:hover {
  background-color: #f8f8f8;
}

.white-theme .table-striped tbody tr:nth-of-type(odd) {
  background-color: #f8f8f8;
}

/* === LOADING STATES === */
.white-theme .spinner {
  color: #40B45E;
}

/* === BADGES & NOTIFICATIONS === */
.white-theme .notification {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  color: #1a1a1a;
  box-shadow: var(--shadow-light);
}

/* === TEXT UTILITIES === */
.white-theme .text-muted {
  color: #707070 !important;
}

.white-theme .text-secondary {
  color: #4a4a4a !important;
}

.white-theme .text-light {
  color: #9a9a9a !important;
}

.white-theme .hover-text-main-two-600:hover {
  color: #40B45E !important;
}

.white-theme .hover-text-main-600:hover {
  color: #40B45E !important;
}

/* === SWIPER === */
.white-theme .swiper-button-next,
.white-theme .swiper-button-prev {
  background-color: #f0f0f0;
  color: #1a1a1a;
  border: 1px solid #e0e0e0;
}

.white-theme .swiper-button-next:hover,
.white-theme .swiper-button-prev:hover {
  background-color: #40B45E;
  color: #ffffff;
  border-color: #40B45E;
}

/* === FIXED HEADER WHEN SCROLLED === */
.white-theme .header.fixed-header {
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px);
}

.team-title {
  color: #ffffff;
}

/* === MEDIA QUERIES === */
@media (max-width: 768px) {
  .white-theme .mobile-menu {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
  }

  .white-theme .mobile-menu .menu-item {
    color: #1a1a1a;
    border-bottom: 1px solid #e0e0e0;
  }

  .white-theme .mobile-menu .menu-item:hover {
    background-color: #f8f8f8;
    color: #40B45E;
  }
}

/* === BREADCRUMB === */
.white-theme .breadcrumb {
  background-color: transparent;
}

.white-theme .breadcrumb-item {
  color: #1a1a1a;
}

.white-theme .breadcrumb-item.active {
  color: #40B45E;
}

.white-theme .breadcrumb-item a {
  color: #40B45E;
}

.white-theme .breadcrumb-item a:hover {
  color: #359049;
}

/* === END WHITE THEME === */

.white-theme .footer-link:hover {
  color: #359049;
}

.white-theme .footer-text {
  color: #b0b0b0;
}

/* === FORMS === */
.white-theme .form-control {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  color: #1a1a1a;
}

.white-theme .form-control:focus {
  background-color: #ffffff;
  border-color: #40B45E;
  color: #1a1a1a;
  box-shadow: 0 0 0 0.2rem rgba(64, 180, 94, 0.15);
}

.white-theme .form-control::placeholder {
  color: #9a9a9a;
}

/* === INPUTS & TEXTAREAS === */
.white-theme textarea.form-control {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  color: #1a1a1a;
}

.white-theme textarea.form-control:focus {
  background-color: #ffffff;
  border-color: #40B45E;
}

/* === TEAM SECTION === */
.white-theme .team-card {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  color: #1a1a1a;
  box-shadow: var(--shadow-light);
}

.white-theme .team-card:hover {
  box-shadow: var(--shadow-medium);
  border-color: #40B45E;
}

.white-theme .team-name {
  color: #1a1a1a;
}

.white-theme .team-role {
  color: #4a4a4a;
}

/* === BORDERS & DIVIDERS === */
.white-theme hr,
.white-theme .divider {
  border-color: #e0e0e0;
}

/* === SCROLLBAR === */
.white-theme ::-webkit-scrollbar {
  width: 12px;
}

.white-theme ::-webkit-scrollbar-track {
  background-color: #f8f8f8;
}

.white-theme ::-webkit-scrollbar-thumb {
  background-color: #f27024;
  border-radius: 10px;
}

.white-theme ::-webkit-scrollbar-thumb:hover {
  background-color: #f27024;
}

/* === MEGA MENU === */
.white-theme .mega-menu {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  box-shadow: var(--shadow-medium);
}

.white-theme .mega-menu .menu-item {
  color: #1a1a1a;
}

.white-theme .mega-menu .menu-item:hover {
  background-color: #f8f8f8;
  color: #40B45E;
}

/* === ACCORDION === */
.white-theme .accordion {
  background-color: #ffffff;
}

.white-theme .accordion-button {
  background-color: #ffffff;
  color: #1a1a1a;
  border: 1px solid #e0e0e0;
}

.white-theme .accordion-button:not(.collapsed) {
  background-color: #f8f8f8;
  color: #40B45E;
}

.white-theme .accordion-body {
  background-color: #ffffff;
  color: #1a1a1a;
  border: 1px solid #e0e0e0;
  border-top: none;
}

/* === BADGES & TAGS === */
.white-theme .badge {
  background-color: #40B45E;
  color: #ffffff;
}

.white-theme .badge-light {
  background-color: #f0f0f0;
  color: #1a1a1a;
}

/* === ALERTS === */
.white-theme .alert-info {
  background-color: #e7f3ff;
  border-color: #40B45E;
  color: #1a1a1a;
}

.white-theme .alert-success {
  background-color: #e7f5f0;
  border-color: #40B45E;
  color: #1a1a1a;
}

.white-theme .alert-warning {
  background-color: #fff3e0;
  border-color: #ff9800;
  color: #1a1a1a;
}

.white-theme .alert-danger {
  background-color: #ffebee;
  border-color: #f44336;
  color: #1a1a1a;
}

/* === TABS === */
.white-theme .nav-tabs {
  border-bottom: 1px solid #e0e0e0;
}

.white-theme .nav-tabs .nav-link {
  color: #4a4a4a;
  border: 1px solid transparent;
}

.white-theme .nav-tabs .nav-link:hover {
  border-color: #e0e0e0;
  color: #1a1a1a;
}

.white-theme .nav-tabs .nav-link.active {
  background-color: #ffffff;
  border-color: #e0e0e0 #e0e0e0 #ffffff;
  color: #40B45E;
}

/* === MODAL === */
.white-theme .modal-content {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  color: #1a1a1a;
}

.white-theme .modal-header {
  border-bottom: 1px solid #e0e0e0;
  background-color: #ffffff;
}

.white-theme .modal-title {
  color: #1a1a1a;
}

.white-theme .modal-footer {
  border-top: 1px solid #e0e0e0;
  background-color: #f8f8f8;
}

.white-theme .close {
  color: #1a1a1a;
}

/* === CODE === */
.white-theme code,
.white-theme pre {
  background-color: #f0f0f0;
  color: #1a1a1a;
  border: 1px solid #e0e0e0;
}

/* === TABLES === */
.white-theme .table {
  background-color: #ffffff;
  color: #1a1a1a;
  border-color: #e0e0e0;
}

.white-theme .table thead th {
  background-color: #f8f8f8;
  border-color: #e0e0e0;
  color: #1a1a1a;
}

.white-theme .table tbody tr:hover {
  background-color: #f8f8f8;
}

.white-theme .table-striped tbody tr:nth-of-type(odd) {
  background-color: #f8f8f8;
}

/* === LOADING STATES === */
.white-theme .spinner {
  color: #40B45E;
}

/* === BADGES & NOTIFICATIONS === */
.white-theme .notification {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  color: #1a1a1a;
  box-shadow: var(--shadow-light);
}

/* === TEXT UTILITIES === */
.white-theme .text-muted {
  color: #707070 !important;
}

.white-theme .text-secondary {
  color: #4a4a4a !important;
}

.white-theme .text-light {
  color: #9a9a9a !important;
}

/* === MEDIA QUERIES === */
@media (max-width: 768px) {
  .white-theme .mobile-menu {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
  }

  .white-theme .mobile-menu .menu-item {
    color: #1a1a1a;
    border-bottom: 1px solid #e0e0e0;
  }

  .white-theme .mobile-menu .menu-item:hover {
    background-color: #f8f8f8;
    color: #40B45E;
  }
}

/* === END WHITE THEME === */