/* Compatibilidade SonhoDigital (NovoLayout) */
   --sonhodigital-bg: #f4f6f9; /* Fundo cinza claro igual ao print */
   --sonhodigital-bgColor: #000000;
   --sonhodigital-bgLink: #000000;
   --sonhodigital-bgLinkHover: #00C851;
   --sonhodigital-rgba: 0, 0, 0;
   --sonhodigital-rgbaInvert: 0, 0, 0;
   --sonhodigital-formBg: #ffffff;
   --sonhodigital-formBgHover: #f8f9fa;
   --sonhodigital-formBgHoverColor: #000000;
   --sonhodigital-formBorder: #dee2e6;
   --sonhodigital-formColor: #495057;
   --sonhodigital-cardBg: #ffffff;
   --sonhodigital-cardColor: #000000;
   --sonhodigital-cardLink: #000000;
   --sonhodigital-modalBg: #ffffff;
   --sonhodigital-modalBorder: #dee2e6;
   --sonhodigital-modalColor: #000000;
   --sonhodigital-primaria: #000000;
   --sonhodigital-primariaColor: #ffffff;
   --sonhodigital-primariaHover: #111111;
   --sonhodigital-primariaLink: #00C851;
   --sonhodigital-primariaLinkHover: #00e65c;
   --sonhodigital-primariaDarken: #000000;
   --sonhodigital-primariaDarkenColor: #ffffff;
   --sonhodigital-secundaria: #333333;
}

.bg-success {
    background-color: transparent !important; /* Remove fundo verde */
}

.text-white {
    color: #fff !important;
}

/* Override Bootstrap bg-success for specific elements that should remain green (like buttons) */
.btn-success, .badge.bg-success {
    background-color: #00C851 !important;
    color: #fff !important;
}

.app-card.bg-success {
    background-color: transparent !important; /* Fundo transparente */
    border: none !important;
    color: #000 !important; /* Texto preto */
}

/* Fix for Green Background on Main Image Container */
.app-main, 
.SorteioTpl_sorteioTpl__2s2Wu, 
.SorteioTpl_destaque__3vnWR,
.SorteioTpl_imagemContainer__2-pl4 {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* =========================================
   XandGrau Style Overrides (Light & Green)
   ========================================= */

/* Body Background */
body {
    background-color: #f4f6f9 !important; /* Light background */
    color: #212529 !important;
}

/* Promo Boxes & Cards */
.app-card.card, .card {
    background-color: #fff !important;
    border: none !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    color: #212529 !important;
}

/* Quantity Selector Buttons (01, 02, 05...) */
.vendasExpressNumsSelect .item {
    background-color: #000 !important;
    border: 1px solid #333 !important;
    color: #fff !important;
    border-radius: 6px !important;
    transition: all 0.2s ease;
    cursor: pointer;
    height: 100%;
    min-height: 80px; /* Reduced height to 80px */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 10px;
    width: 100%; /* Ensure full width */
}

.vendasExpressNumsSelect .item h3 {
    font-size: 1.75rem !important; /* Smaller numbers */
    margin-bottom: 5px !important;
}

.vendasExpressNumsSelect .item:hover {
    border-color: #00C851 !important;
}

.vendasExpressNumsSelect .item h3 small {
    color: #fff !important; /* Fix text-dark class */
}

.vendasExpressNumsSelect .item p.text-muted {
    color: #ccc !important;
}

/* Highlight "Mais Popular" */
.vendasExpressNumsSelect .item.mais-popular {
    background-color: #00C851 !important; /* Neon Green to match buttons */
    border-color: #00C851 !important;
    overflow: visible;
}
.vendasExpressNumsSelect .item.mais-popular h3 small,
.vendasExpressNumsSelect .item.mais-popular p.text-muted {
    color: #fff !important;
}

/* Manual Input Section */
.vendasExpressNums .form-control.qty {
    background-color: #fff !important;
    color: #000 !important;
    border-radius: 50px !important; /* Rounded pill style */
    font-weight: bold;
    border: 1px solid #dee2e6 !important;
}

.vendasExpressNums .removeNumero, 
.vendasExpressNums .addNumero {
    color: #212529 !important;
    background-color: #fff !important;
    border: 1px solid #dee2e6;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

/* "Participar" Button */
#add_to_cart, .btn-success {
    background-color: #00C851 !important; /* Neon Green */
    border-color: #00C851 !important;
    color: #fff !important;
    font-weight: bold;
    text-transform: uppercase;
}

#add_to_cart:hover, .btn-success:hover {
    background-color: #007E33 !important;
    border-color: #007E33 !important;
}

/* Badges (Promoção, etc) */
.badge.bg-dark {
    background-color: #000 !important;
    border: 1px solid #333;
}

/* Cotas Premiadas (Winning Titles) */
.app-card.bg-success .card-body {
    padding: 0;
}
.app-card.bg-success h5 {
    color: #000 !important;
    font-weight: bold;
}
.app-card.bg-success .text-white-50 {
    color: #666 !important;
}
.app-card.bg-success i {
    color: #00C851 !important; /* Green check icon */
}

/* Typography Fixes */
.text-dark {
    color: #212529 !important;
}
.text-muted {
    color: #6c757d !important;
}

/* Modal Light Theme */
.modal-content {
    background-color: #fff !important;
    color: #212529 !important;
}
.modal-header {
    border-bottom: 1px solid #dee2e6;
}
.modal-footer {
    border-top: 1px solid #dee2e6;
}
.form-control {
    background-color: #fff !important;
    border: 1px solid #ced4da !important;
    color: #212529 !important;
}
.form-control:focus {
    background-color: #fff !important;
    border-color: #86b7fe !important;
    color: #212529 !important;
}

/* Pink Gradient Badge */
.bg-gradient-pink {
    background: linear-gradient(90deg, #ec008c, #fc6767) !important;
    border: none;
    color: #fff !important;
}

/* Mobile Menu Fix */
#mobileMenu .modal-content {
    background-color: #fff !important;
}

#mobileMenu .nav-vertical li a {
    color: #212529 !important;
    padding: 15px;
    display: block;
    border-bottom: 1px solid #dee2e6;
}

#mobileMenu .nav-vertical li a i {
    margin-right: 10px;
    color: #00C851;
}

#mobileMenu .card-usuario {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 15px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#mobileMenu .card-usuario h3 {
    color: #212529;
    margin: 0;
    font-size: 16px;
}

#mobileMenu .app-header-mobile--show {
    background-color: #fff !important;
    border-bottom: 1px solid #dee2e6;
}

/* Fix Main Image Height */
.SorteioTpl_imagemContainer__2-pl4 .carousel-item img {
    height: 290px !important;
    object-fit: cover !important;
    width: 100% !important;
}

/* Header Black Fix */
.Header_appHeader__3lDdI {
    position: relative;
    z-index: 1030;
    transition: all 0.3s ease;
    width: 100%;
    background-color: #000 !important; /* Force Black Header */
}

.Header_appHeader__3lDdI.menu-opened {
    position: fixed;
    top: 0;
    background-color: #000 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.5);
    padding-bottom: 5px;
}