/*
 * ============================================================
 *  BETSCRIBE — Palette de marque v2
 *  Couleurs extraites du logo officiel BetScribe.fr
 *  Or #D4A017 | Vert #3A7D35 | Rouge #C0392B | Ardoise #222538
 * ============================================================
 */

/* ── Variables CSS globales ─────────────────────────────── */
:root {
    --bs-gold:        #D4A017;
    --bs-gold-light:  #F0C040;
    --bs-gold-dark:   #A07810;
    --bs-dark:        #222538;
    --bs-slate:       #222538; /* Aligné sur le dark */
    --bs-slate-mid:   #323652;
    --bs-slate-light: #525881;
    --bs-red:         #C0392B;
    --bs-red-light:   #E74C3C;
    --bs-grey:        #F8FAFC;
    --bs-transition:  0.3s ease;
}

/* ── Global Dark Mode Vitrine Background ────────────────── */
html, body, .body_wrapper, #main, .bg_color, .sec_pad {
    background-color: var(--bs-dark) !important;
    color: #ffffff !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
}


/* ═══════════════════════════════════════════════════════════
   NAVBAR
═══════════════════════════════════════════════════════════ */
.navbar-area {
    background: var(--bs-dark) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.4);
    padding: 0 !important;
}

.navbar {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.navbar-brand {
    padding: 0 !important;
    margin-right: 20px !important;
}
.navbar-brand img {
    height: 46px !important;
    width: auto !important;
    transition: transform var(--bs-transition);
}
.navbar-brand img:hover {
    transform: scale(1.03);
}

/* Links */
.navbar .nav-link {
    color: rgba(236,240,241,0.88) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    padding: 6px 10px !important;
    transition: color var(--bs-transition);
    position: relative;
    white-space: nowrap;
}
.navbar .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    height: 2px;
    background: var(--bs-gold);
    transform: scaleX(0);
    transition: transform var(--bs-transition);
    border-radius: 2px;
}
.navbar .nav-link:hover,
.navbar .nav-link.active {
    color: var(--bs-gold) !important;
}
.navbar .nav-link:hover::after,
.navbar .nav-link.active::after {
    transform: scaleX(1);
}

/* Phone number in nav */
.navbar .nav-link[href*="tel"],
.navbar .nav-item a[href*="33"] {
    color: var(--bs-gold-light) !important;
    font-size: 12.5px !important;
}

/* CTA Connexion / Inscription */
.nvItemBtn {
    margin-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
}
.nvItemBtn .main-btn-nav,
.nvItemBtn .custom-btn,
.nvItemBtn > a,
li.nvItemBtn > a {
    background: var(--bs-gold) !important;
    background-color: var(--bs-gold) !important;
    color: var(--bs-dark) !important;
    border: 2px solid var(--bs-gold) !important;
    border-radius: 20px !important;
    padding: 4px 14px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
    text-transform: none !important;
    transition: all var(--bs-transition) !important;
    box-shadow: 0 2px 8px rgba(212,160,23,0.3) !important;
    display: inline-block !important;
    white-space: nowrap !important;
}
li.nvItemBtn > a:hover,
.nvItemBtn .main-btn-nav:hover,
.nvItemBtn .custom-btn:hover {
    background: var(--bs-gold-light) !important;
    background-color: var(--bs-gold-light) !important;
    border-color: var(--bs-gold-light) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 14px rgba(212,160,23,0.45) !important;
    color: var(--bs-dark) !important;
}

.navbar-toggler {
    border-color: var(--bs-gold) !important;
    padding: 4px 8px !important;
}
.navbar-toggler-icon {
    filter: invert(78%) sepia(46%) saturate(600%) hue-rotate(5deg);
}

/* ═══════════════════════════════════════════════════════════
   HERO / HEADER
═══════════════════════════════════════════════════════════ */
.header-area {
    background: linear-gradient(155deg, #161824 0%, var(--bs-dark) 50%, #323652 100%) !important;
}

/* Titre principal */
.header-title,
.header-title span {
    color: #fff !important;
}
.header-title strong,
.header-title b {
    color: var(--bs-gold) !important;
}

/* Sous-titre / description */
.header-hero-content > p.text {
    color: rgba(236,240,241,0.80) !important;
    font-size: 15px !important;
}

/* Badges de service hero — spécificité augmentée */
.header-hero-content .hero-badge,
.header-hero-content label.hero-badge,
label.hero-badge {
    background-color: transparent !important;
    background: rgba(212,160,23,0.1) !important;
    border: 1px solid rgba(212,160,23,0.6) !important;
    color: rgba(240,192,64,0.95) !important;
    border-radius: 16px !important;
    padding: 3px 11px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    margin: 3px 2px !important;
    display: inline-block !important;
    cursor: default !important;
    transition: all var(--bs-transition) !important;
    line-height: 1.6 !important;
    text-align: left !important;
}
.header-hero-content .hero-badge:hover,
label.hero-badge:hover {
    background: rgba(212,160,23,0.22) !important;
    border-color: var(--bs-gold) !important;
    color: var(--bs-gold-light) !important;
}

/* CTA hero — spécificité renforcée vs style.css */
.header-area .main-btn,
.header-hero-content .main-btn,
.header-hero-content a.main-btn,
.cta .main-btn,
.cta a.main-btn,
a.main-btn {
    background-color: var(--bs-gold) !important;
    background: var(--bs-gold) !important;
    color: var(--bs-dark) !important;
    border: 2px solid var(--bs-gold) !important;
    border-radius: 25px !important;
    padding: 10px 28px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    box-shadow: 0 4px 14px rgba(212,160,23,0.35) !important;
    transition: all var(--bs-transition) !important;
    display: inline-block !important;
    letter-spacing: 0.2px;
}
.header-area .main-btn:hover,
.header-hero-content a.main-btn:hover,
.cta a.main-btn:hover {
    background-color: var(--bs-gold-light) !important;
    background: var(--bs-gold-light) !important;
    border-color: var(--bs-gold-light) !important;
    color: var(--bs-dark) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 7px 20px rgba(212,160,23,0.45) !important;
}

/* ═══════════════════════════════════════════════════════════
   TITRES DE SECTIONS
═══════════════════════════════════════════════════════════ */
.section_title h2,
.section_title h3,
.bsq-header__title,
.offers-header__title,
.tpc-header__title {
    color: #ffffff !important;
}

.section_title h2 span,
.section_title h3 span,
.offers-header__title span,
.bsq-header__title span,
.tpc-header__title span {
    color: var(--bs-gold) !important;
}

.section--testimonial-carousel .bsq-header__title {
    color: var(--bs-grey) !important;
}

.offers-header__divider,
.bsq-header__divider,
.tpc-header__divider,
.tpc-header__title::after,
.tpc-card__title::after {
    display: block !important;
    width: 60px !important;
    height: 3px !important;
    background: linear-gradient(90deg, var(--bs-gold), var(--bs-dark)) !important;
    margin: 10px auto !important;
    border-radius: 3px !important;
}

/* ═══════════════════════════════════════════════════════════
   SECTION NOS OFFRES
═══════════════════════════════════════════════════════════ */
.offers-wrapper {
    background: var(--bs-dark) !important;
}
.offers-header__title {
    color: #ffffff !important;
    font-size: 32px !important;
}
.offers-header__subtitle,
.offers-description p.lead {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 15px !important;
}

.offers-section--row1 {
    background: transparent !important;
    padding-bottom: 50px;
}
.offers-section--netlinking {
    background: transparent !important;
    padding-bottom: 50px;
}
.offers-section-title--netlinking {
    background: transparent !important;
    padding: 20px 0 5px;
}
.offers-section-title--netlinking h3 {
    color: #ffffff !important;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.offers-section-title--netlinking h3::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background: var(--bs-gold);
    margin: 8px auto 0;
    border-radius: 3px;
}

/* Cards */
.m-card {
    background: #2a2d42 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    border-width: 2px !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.3) !important;
    transition: transform 0.25s, box-shadow 0.25s;
    margin-top: 30px;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    min-height: 380px !important; /* Optimal compact height to remove useless void */
    padding: 35px 25px 25px 25px !important; /* Spaced out padding */
}
.offers-grid {
    gap: 50px !important; /* Even more generous external spacing/gaps! */
}
.m-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0,0,0,0.12) !important;
}

.m-card--blue-bg {
    background: #2c2f48 !important;
    border-color: var(--bs-gold) !important;
}
.m-card--green-bg {
    background: #2c2f48 !important;
    border-color: var(--bs-gold-light) !important;
}
.m-card--orange-border {
    border-color: var(--bs-gold) !important;
    background: #2c2f48 !important;
}
.m-card--green-border {
    border-color: var(--bs-gold) !important;
}

/* Tab jaune (badge) */
.m-card__tab {
    background-color: var(--bs-gold) !important;
    position: absolute;
    top: -18px;
    left: -12px;
    min-width: 120px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    z-index: 5;
}
.m-card__tab h2 {
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 !important;
    text-align: center;
    line-height: 1.25;
}
.m-card__tab--center {
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* Badge prix (cercle) - Optimally sized for 3-line layout and spacious grid */
.m-card__price-badge,
.m-card__price-badge--small {
    width: 116px !important;
    height: 116px !important;
    top: -42px !important;
    right: -10px !important; /* Move inward to avoid touching side cards */
}
.m-card__price-front,
.m-card__price-back {
    background: var(--bs-dark) !important;
    color: var(--bs-red) !important;
    box-shadow: 0 5px 15px rgba(34,37,56,0.2) !important;
}
.price-label {
    color: rgba(255,255,255,0.85) !important;
    font-size: 8.5px !important; /* Reduced to fit nicely */
    letter-spacing: 0.5px;
    font-weight: 700 !important;
    margin: 0 !important;
    line-height: 1 !important;
}
.price-amount {
    color: #fff !important;
    font-size: 26px !important; /* Made big and prominent */
    font-weight: 900 !important;
    line-height: 1.1 !important;
    margin: 2px 0 !important;
}
.price-amount sup {
    font-size: 12px !important;
    vertical-align: super;
}
.m-card__price-from {
    font-size: 11px !important; /* Slightly reduced to fit circle */
    line-height: 1.25 !important;
    padding: 0 6px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}
.m-card__price-back .m-card__price-from {
    font-size: 11px !important;
    font-weight: 700 !important;
}

/* Titres et textes dans les cartes */
.m-card__title {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

.m-card__subtitle p {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    color: rgba(255, 255, 255, 0.95) !important;
    font-size: 15.5px !important;
    margin-bottom: 18px !important; /* Large beautiful margin to space texts and fill height gracefully */
    line-height: 1.55 !important;
    text-align: left !important;
}
.m-card__subtitle p:last-child {
    margin-bottom: 0 !important;
}
.m-card__content {
    margin-top: 32px !important;
    margin-bottom: 20px !important;
}
.m-card__check {
    width: 17px !important;
    height: 17px !important;
    flex-shrink: 0 !important;
    margin-top: 3px !important;
}

/* Boutons des cartes */
.m-btn {
    border-radius: 22px !important;
    font-size: 13px !important;
    padding: 9px 22px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px;
}
.m-btn--red {
    background: linear-gradient(135deg, var(--bs-red-light), var(--bs-red)) !important;
    color: #fff !important;
    box-shadow: 0 3px 10px rgba(192,57,43,0.3) !important;
    border: none !important;
}
.m-btn--red:hover {
    background: linear-gradient(135deg, #ff5a4a, var(--bs-red-light)) !important;
    box-shadow: 0 6px 18px rgba(231,76,60,0.45) !important;
    transform: translateY(-2px) scale(1.02) !important;
}
.m-btn--large {
    padding: 13px 38px !important;
    font-size: 15px !important;
}

/* ═══════════════════════════════════════════════════════════
   TESTIMONIALS & OTHER SECTIONS
═══════════════════════════════════════════════════════════ */
.section--testimonial-carousel {
    background: linear-gradient(150deg, #161824 0%, var(--bs-dark) 100%) !important;
    border-top: 3px solid var(--bs-gold);
    border-bottom: 3px solid var(--bs-gold);
    padding: 50px 0;
}
.testimonial-card--slide {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    padding: 30px !important;
    margin: 10px !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
    backdrop-filter: blur(4px) !important;
    display: flex !important;
    flex-direction: column !important;
}
.testimonial-card__quote {
    color: rgba(255, 255, 255, 0.95) !important;
    font-style: italic;
    line-height: 1.7;
    flex-grow: 1 !important; /* Pushes author info to the bottom naturally */
    margin-bottom: 20px !important;
}
.testimonial-card__author {
    color: var(--bs-gold) !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    margin-top: 14px !important;
}
.testimonial-card__meta {
    color: #a0aec0 !important;
    font-size: 13px !important;
}

/* Section "Pourquoi Choisir..." */
.bsc-custom-blocks {
    background-color: var(--bs-dark) !important;
    background: var(--bs-dark) !important;
}
.bsc-main-heading {
    color: #ffffff !important;
    background: none !important;
    -webkit-text-fill-color: #ffffff !important;
}
.bsc-text-gradient {
    color: #ffffff !important;
    background: none !important;
    -webkit-text-fill-color: #ffffff !important;
}
.bsc-icon-accent-blue {
    background-color: rgba(52, 152, 219, 0.15) !important;
    color: #3498db !important;
}
.bsc-icon-accent-blue i,
.bsc-icon-accent-blue svg {
    color: #3498db !important;
}
.bsc-icon-accent-green {
    background-color: rgba(212,160,23,0.15) !important;
    color: var(--bs-gold) !important;
}
.bsc-icon-accent-green i,
.bsc-icon-accent-green svg {
    color: var(--bs-gold) !important;
}
.bsc-icon-accent-gold {
    background-color: rgba(212,160,23,0.15) !important;
    color: var(--bs-gold) !important;
}
.bsc-icon-accent-gold i,
.bsc-icon-accent-gold svg {
    color: var(--bs-gold) !important;
}
.bsc-feature-block {
    background: #2a2d42 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-top: 4px solid var(--bs-gold) !important;
    border-radius: 12px !important;
    padding: 30px !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.25) !important;
}
.bsc-feature-block.bsc-expertise-block {
    border-top-color: #3498db !important;
}
.bsc-feature-block.bsc-seo-block {
    border-top-color: var(--bs-gold) !important;
}
.bsc-feature-block.bsc-conversion-block {
    border-top-color: var(--bs-gold-light) !important;
}
.bsc-block-title {
    color: #ffffff !important;
}
.bsc-highlight-text {
    color: var(--bs-gold) !important;
}
.bsc-regular-text {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* ═══════════════════════════════════════════════════════════
   PRICING CARDS
═══════════════════════════════════════════════════════════ */
.tpc-card__badge {
    background-color: var(--bs-gold) !important;
    color: var(--bs-dark) !important;
    font-weight: 700 !important;
}
.tpc-card__price {
    color: var(--bs-red) !important;
}
.tpc-card__action {
    background: var(--bs-slate) !important;
    color: #fff !important;
    border-color: var(--bs-slate) !important;
}
.tpc-card__action:hover {
    background: var(--bs-gold) !important;
    color: var(--bs-dark) !important;
    border-color: var(--bs-gold) !important;
}

/* ═══════════════════════════════════════════════════════════
   PRICING & TARIFS OVERRIDES
   (Cible les sections néon et bleues)
═══════════════════════════════════════════════════════════ */
.pricing-section h2 {
    color: var(--bs-gold) !important;
    text-shadow: none !important;
}

.pricing-card {
    background: var(--bs-dark) !important;
    border: 2px solid rgba(212,160,23,0.3) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
}

.pricing-card:hover {
    border-color: var(--bs-gold) !important;
}

.pricing-card h3 {
    color: #fff !important;
}

.pricing-card ul li::before {
    color: var(--bs-gold) !important;
}

.pricing-card .tpc-card__ideal {
    background-color: rgba(255,255,255,0.05) !important;
    border-left-color: var(--bs-gold) !important;
    color: #fff !important;
}

.pricing-card .tpc-card__ideal-title {
    color: var(--bs-gold) !important;
}

.pricing-card .btn {
    background: var(--bs-gold) !important;
    color: var(--bs-dark) !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(212,160,23,0.3) !important;
}

.pricing-card .btn:hover {
    background: var(--bs-gold-light) !important;
    transform: translateY(-2px);
}

/* Tarifs classiques */
.single-pricing .pricing-price .pricing {
    color: var(--bs-gold) !important;
}

.single-pricing .pricing-btn .main-btn.main-btn-2 {
    border-color: var(--bs-gold) !important;
    color: var(--bs-gold) !important;
}

.single-pricing .pricing-btn .main-btn.main-btn-2:hover {
    background-color: var(--bs-gold) !important;
    color: var(--bs-dark) !important;
}

/* ═══════════════════════════════════════════════════════════
   TESTIMONIALS & FAQ
═══════════════════════════════════════════════════════════ */
.testimonial-section .single-testimonial .quote {
    color: rgba(212,160,23,0.15) !important;
}

.testimonial-section .tns-controls button svg:hover {
    background-color: var(--bs-gold) !important;
    color: var(--bs-dark) !important;
}

.faq-section .accordion-item button {
    color: #ffffff !important;
    background-color: #2c2f48 !important;
}

.faq-section .accordion-button:not(.collapsed) {
    background-color: rgba(212,160,23,0.15) !important;
    color: var(--bs-gold) !important;
}
.faq-section .accordion-body {
    background-color: #2a2d42 !important;
    color: rgba(255, 255, 255, 0.85) !important;
}

/* ═══════════════════════════════════════════════════════════
   FOOTER & NEWSLETTER
═══════════════════════════════════════════════════════════ */
.start-learning {
    background: linear-gradient(135deg, var(--bs-dark) 0%, #161824 100%) !important;
    border-top: 3px solid var(--bs-gold) !important;
    border-bottom: 3px solid var(--bs-gold) !important;
}
.start-learning .section-title {
    color: var(--bs-gold) !important;
}
.start-learning .section-sub-heading strong {
    color: var(--bs-gold) !important;
}
.start-learning .theme_btn {
    background: var(--bs-gold) !important;
    color: var(--bs-dark) !important;
    border: none !important;
    font-weight: 700 !important;
}
footer,
.footer-area {
    background: var(--bs-dark) !important;
    border-top: 3px solid var(--bs-gold) !important;
    color: rgba(236,240,241,0.8) !important;
}
.footer .column-title {
    color: var(--bs-gold) !important;
}
footer a {
    color: var(--bs-gold-light) !important;
    transition: color var(--bs-transition);
}
footer a:hover {
    color: var(--bs-gold) !important;
}

/* ═══════════════════════════════════════════════════════════
   GLOBAL OVERRIDES (Targeting style.css & custom-style.css)
═══════════════════════════════════════════════════════════ */
span, .navbar-nav .nav-item .nav-link.active, .navbar-nav .nav-item .nav-link:hover {
    color: var(--bs-gold) !important;
}

.main-btn, .main-btn-nav, .header-hero-content .header-video {
    background-color: var(--bs-gold) !important;
    border-color: var(--bs-gold) !important;
    color: var(--bs-dark) !important;
}

.main-btn:hover, .main-btn-nav:hover {
    background-color: var(--bs-gold-light) !important;
    border-color: var(--bs-gold-light) !important;
}

/* Shapes & Decorations */
.header-hero .shape.shape-1, .header-hero .shape.shape-2, .header-hero .shape.shape-3, 
.header-hero .shape.shape-4, .header-hero .shape.shape-6, .about-image .about-shape {
    background: var(--bs-gold) !important;
    opacity: 0.2;
}

.about-image .about-shape::before {
    border-color: var(--bs-gold) !important;
}

/* Features */
.feature-section .single-feature .icon {
    background-color: var(--bs-dark) !important;
    color: var(--bs-gold) !important;
}

.feature-section .single-feature .icon.color-2, 
.feature-section .single-feature .icon.color-3 {
    background-color: var(--bs-gold) !important;
    color: var(--bs-dark) !important;
}

/* Testimonials legacy */
.testimonial-section {
    background-color: var(--bs-dark) !important;
}

/* CTA BOTTOM & OTHER */
.bsq-cta__button {
    background: var(--bs-gold) !important;
    color: var(--bs-dark) !important;
    border: none !important;
    box-shadow: 0 5px 20px rgba(212,160,23,0.3) !important;
}

.bsq-cta__button:hover {
    background: var(--bs-gold-light) !important;
    color: var(--bs-dark) !important;
    box-shadow: 0 8px 25px rgba(212,160,23,0.4) !important;
}

.tpc-card__action {
    background: var(--bs-gold) !important;
    color: var(--bs-dark) !important;
}

.tpc-card__action:hover {
    background: var(--bs-gold-light) !important;
}

/* ═══════════════════════════════════════════════════════════
   SCROLLBAR & SELECTION
═══════════════════════════════════════════════════════════ */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #0f1c2e; }
::-webkit-scrollbar-thumb { background: var(--bs-gold); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--bs-gold-light); }

::selection { background: var(--bs-gold); color: var(--bs-dark); }

/* ═══════════════════════════════════════════════════════════
   DARK THEME VITRINE OVERRIDES (Vibrant & Premium)
═══════════════════════════════════════════════════════════ */

/* Partners Brand Slider */
.casino-slider-container {
    background: transparent !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.casino-slider-container .intro-text p {
    color: rgba(255, 255, 255, 0.8) !important;
}
.casino-logo {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 80px !important; /* Keep original logo card area height */
    margin-right: 50px !important;
}
.casino-logo:hover {
    background: transparent !important;
    transform: none !important;
}
.casino-logo img {
    filter: none !important; /* Original logo colors directly */
    opacity: 0.85 !important; /* Elegant semi-transparency */
    height: auto !important;
    max-height: 70px !important; /* Make the logo images tall and clear */
    max-width: 100% !important;
    object-fit: contain !important;
    transition: all 0.3s ease !important;
}
.casino-logo:hover img {
    opacity: 1 !important;
    transform: scale(1.1) !important; /* Elegant subtle pop on hover */
}

/* About section / Qui Sommes-nous */
.bsq-about__text {
    color: rgba(255, 255, 255, 0.85) !important;
}
.bsq-about__highlight {
    color: var(--bs-gold) !important;
    font-weight: bold;
}
.bsq-team__photo {
    height: 460px !important;
    object-fit: cover !important;
    border-radius: 15px !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4) !important;
}
.bte-slide__avatar-wrapper {
    width: 75px !important;
    height: 75px !important;
}
.bsq-team__title {
    color: #ffffff !important;
    margin-top: 40px !important;
    margin-bottom: 25px !important;
}
.bsq-cta {
    margin-top: 35px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.bsq-cta__text {
    color: rgba(255, 255, 255, 0.85) !important;
    line-height: 1.7 !important;
    font-size: 1.1rem !important;
}
.bsq-cta__button {
    background: var(--bs-gold) !important;
    color: var(--bs-dark) !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(212, 160, 23, 0.3) !important;
    transition: all 0.3s ease !important;
}
.bsq-cta__button:hover {
    background: var(--bs-gold-light) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(212, 160, 23, 0.45) !important;
}

/* Team Slider */
.bte-slide__card {
    background: #2a2d42 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    padding: 25px !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}
.bte-slide__name {
    color: #ffffff !important;
}
.bte-slide__role {
    color: var(--bs-gold) !important;
}
.bte-slide__text {
    color: rgba(255, 255, 255, 0.8) !important;
}
.bte-slider__arrow {
    background: var(--bs-gold) !important;
    color: var(--bs-dark) !important;
}
.bte-slider__arrow:hover {
    background: var(--bs-gold-light) !important;
}

/* Timeline overrides */
.bs-bg-light {
    background-color: var(--bs-dark) !important;
}

/* ===== Timeline Styles ===== */
.bs-timeline-section {
    background-color: #222538 !important;
    padding: 60px 0 !important;
}
.bs-timeline-container {
    position: relative;
    max-width: 1000px;
    margin: 40px auto 0;
    padding: 20px 0;
}
.bs-timeline {
    position: relative;
}


/* Stats / Counter Area */
.counter-page-wrapper {
    background: linear-gradient(rgba(34, 37, 56, 0.92), rgba(34, 37, 56, 0.96)), url('../images/count-back.jpg') !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}
.counter-page-wrapper .section_title h4 {
    color: #ffffff !important;
    font-size: 1.2rem !important;
    line-height: 1.8 !important;
    max-width: 850px !important;
    margin: 0 auto 20px auto !important;
    text-shadow: none !important;
    font-weight: 500 !important;
    opacity: 0.95 !important;
}
.counter-page-wrapper .single {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 50% !important;
    width: 200px !important;
    height: 200px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}
.counter-page-wrapper .single:hover {
    transform: translateY(-8px) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--bs-gold) !important;
    box-shadow: 0 20px 40px rgba(212, 160, 23, 0.2) !important;
}
.counter-page-wrapper .single .inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 20px !important;
}
.counter-page-wrapper .single .inner h3.count {
    color: var(--bs-gold) !important;
    font-size: 3.2rem !important;
    font-weight: 800 !important;
    margin-bottom: 5px !important;
    text-shadow: none !important;
    letter-spacing: -1px !important;
    line-height: 1 !important;
}
.counter-page-wrapper .single .inner p.text {
    color: rgba(0, 0, 0, 0.85) !important;
    font-size: 0.8rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    text-shadow: none !important;
    text-align: center !important;
    max-width: 150px !important;
    line-height: 1.3 !important;
}

/* Mentions Légales CGU Pages */
.container.text-dark.text-justify {
    color: rgba(255, 255, 255, 0.85) !important;
}
.container.text-dark h3, .container.text-dark h2 {
    color: #ffffff !important;
}
.container.text-dark p, .container.text-dark span, .container.text-dark strong {
    color: rgba(255, 255, 255, 0.85) !important;
}
.container.text-dark a {
    color: var(--bs-gold) !important;
}
.container.text-dark a:hover {
    color: var(--bs-gold-light) !important;
}

/* Blog Page Overrides */
.blog_area, .blog-sidebar, .blog-content, .post-item, .post-content {
    background-color: transparent !important;
}
.blog-sidebar {
    background: #2c2f48 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 20px !important;
    border-radius: 12px !important;
}
.widget_title {
    color: #ffffff !important;
}
.single_sidebar_post .post_content h5 {
    color: #ffffff !important;
}
.blog_title, .blog_post_title, .post_title {
    color: #ffffff !important;
}
.blog_content p, .post_content p, .blog_item p {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* General Section adjustments */
.sec_pad, .theme_promo_area, .about_area {
    background-color: var(--bs-dark) !important;
}




/* ═══════════════════════════════════════════════════════════
   NAVBAR OVERFLOW FIX
   Fixes: 1) double padding from nested container-fluid
          2) 40px inter-item margins from style.css causing
             Inscription button + language selector to overflow off-screen
          3) sticky state using white background from style.css
          4) Bootstrap 5 navbar-expand-xl breakpoint alignment
═══════════════════════════════════════════════════════════ */

/* Remove the extra padding added by container-fluid INSIDE .container
   (Bootstrap adds 24px each side = 48px lost width) */
.navbar .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Reduce 40px inter-item margin (style.css) that causes overflow */
.navbar-nav .nav-item {
    margin-left: 6px !important;
}

/* Language selector needs no extra left margin */
.navbar-nav .nav-item:has(.navbar-language-selector) {
    margin-left: 4px !important;
}

/* Sticky: keep dark background instead of style.css white */
.navbar-area.sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    background: #161824 !important;
    z-index: 999 !important;
}

/* Mobile collapsed menu: dark background, correct spacing */
@media (max-width: 1199px) {
    .navbar-collapse {
        background: #161824 !important;
        padding: 12px 16px !important;
        border-top: 1px solid rgba(255,255,255,0.08) !important;
    }
    .navbar-nav .nav-item {
        margin-left: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    }
    .navbar-nav .nav-item:last-child {
        border-bottom: none !important;
    }
    .nvItemBtn {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }
    .navbar-language-selector {
        padding: 8px 0 !important;
    }
}

/* ═══════════════════════════════════════════════════════════
   BREADCRUMB AREA — NON-HOME PAGES
   The .navbar-area is position:absolute so it overlays the
   breadcrumb. Without min-height/padding the title is hidden.
═══════════════════════════════════════════════════════════ */
.breadcrumb_area,
.breadcrumb-area {
    min-height: 140px !important;
    padding-top: 90px !important;
    padding-bottom: 20px !important;
    display: flex !important;
    align-items: center !important;
    background: linear-gradient(135deg, #161824 0%, #222538 100%) !important;
}
.bread_content h2,
.breadcrumb_area h2 {
    color: #ffffff !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    margin: 0 !important;
}