/* ============================================
   OVERRIDE.CSS - MODERN GRAPHICS IMPROVEMENTS
   bonusybezdepozytu.net - 2025
   ============================================ */

/* === 1. SISTEMA DI RATING STELLINE MODERNO === */
/* Sostituisce le vecchie immagini PNG con stelle CSS moderne */
.cont-stars {
    width: auto !important;
    height: 30px !important;
    background-image: none !important;
    background: transparent !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 10px 0 15px 0 !important;
}

/* Nascondi il contenuto originale */
.cont-stars * {
    display: none !important;
}

/* Stelle con gradient gold - METODO DIRETTO */
.cont-stars::after {
    font-size: 28px;
    letter-spacing: 4px;
    background: linear-gradient(180deg, #FFD700 0%, #FFA500 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: drop-shadow(0 2px 4px rgba(255, 215, 0, 0.4));
}

/* Content specifico per ogni rating */
.stars-5-0::after { content: '★★★★★'; }
.stars-4-5::after { content: '★★★★☆'; }
.stars-4-0::after { content: '★★★★☆'; }
.stars-3-5::after { content: '★★★☆☆'; }
.stars-3-0::after { content: '★★★☆☆'; }
.stars-2-5::after { content: '★★☆☆☆'; }
.stars-2-0::after { content: '★★☆☆☆'; }
.stars-1-5::after { content: '★☆☆☆☆'; }
.stars-1-0::after { content: '★☆☆☆☆'; }
.stars-0-5::after { content: '☆☆☆☆☆'; }

/* === 2. MIGLIORAMENTI CASINO CARDS === */
.home-pick-single {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: visible !important;
}

.home-pick-single > div {
    border-radius: 15px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.4s ease !important;
    position: relative;
    overflow: hidden;
    border: 2px solid rgba(255, 255, 255, 0.1);
}

/* Bordo superiore colorato per ogni card */
.home-pick-single > div::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, #FFD700, #FFA500, #FFD700);
    z-index: 1;
}

/* Effetto hover 3D */
.home-pick-single > div:hover {
    transform: translateY(-15px) scale(1.03) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25) !important;
    border-color: rgba(255, 215, 0, 0.3);
}

/* Animazione pulse per i badge bonus */
.home-pick-single .btn {
    animation: pulseButton 2s ease-in-out infinite;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    font-weight: 600;
    position: relative;
    overflow: hidden;
}

.home-pick-single .btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.home-pick-single .btn:hover::before {
    width: 300px;
    height: 300px;
}

.home-pick-single .btn:hover {
    transform: scale(1.08);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

@keyframes pulseButton {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

/* Logo casino con effetto */
.home-pick-img {
    position: relative;
    transition: all 0.3s ease;
}

.home-pick-single:hover .home-pick-img {
    transform: scale(1.1);
}

.home-pick-img img {
    filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.2));
    transition: all 0.3s ease;
}

.home-pick-single:hover .home-pick-img img {
    filter: drop-shadow(0 8px 15px rgba(0, 0, 0, 0.3));
}

/* Titolo casino più visibile */
.home-pick-title {
    font-size: 1.4em !important;
    font-weight: 700 !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    margin: 15px 0 5px 0;
    letter-spacing: 0.5px;
}

/* === 3. HEADING E TITOLI MIGLIORATI === */
.heading-main {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800 !important;
    font-size: 2.2em !important;
    text-align: center;
    margin-bottom: 30px !important;
    position: relative;
    padding-bottom: 15px;
}

.heading-main::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 4px;
    background: linear-gradient(90deg, #667eea, #764ba2);
    border-radius: 2px;
}

.home-picks-heading {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    padding: 15px 25px !important;
    border-radius: 12px !important;
    font-size: 1.5em !important;
    font-weight: 700 !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 15px rgba(245, 87, 108, 0.3);
    margin-bottom: 25px !important;
}

/* === 4. SITE BUTTONS LATERALI MIGLIORATI === */
.site-btn-single a {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 5px 15px rgba(102, 126, 234, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.1);
    color: white !important; /* Testo bianco per leggibilità */
    font-weight: 600 !important;
}

.site-btn-single a:hover {
    transform: translateX(10px) scale(1.05) !important;
    box-shadow: 0 10px 25px rgba(102, 126, 234, 0.5) !important;
    border-color: rgba(255, 255, 255, 0.3);
    color: #FFD700 !important; /* Oro al hover */
}

.site-btn-single a::before {
    background: none !important;
}

/* === 5. SLIDER HERO MIGLIORATO === */
.sec-slider .item {
    border-radius: 20px;
    overflow: hidden;
    margin: 20px;
}

.cont-slide-content {
    backdrop-filter: blur(10px);
    background: rgba(0, 0, 0, 0.3);
    padding: 40px;
    border-radius: 20px;
}

.cont-slide-content .btn-red {
    box-shadow: 0 10px 30px rgba(220, 53, 69, 0.4);
    transform: scale(1);
    transition: all 0.3s ease;
}

.cont-slide-content .btn-red:hover {
    transform: scale(1.1);
    box-shadow: 0 15px 40px rgba(220, 53, 69, 0.6);
}

/* === 6. BADGE E LABELS === */
/* Aggiungi badge "NUOVO", "POPULARNE", "HOT" alle card */
.home-pick-single::after {
    content: '';
    position: absolute;
    top: 15px; /* Più interno (era 10px) */
    right: 15px; /* Più interno (era 10px) */
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75em;
    font-weight: 700;
    z-index: 10;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

/* Posizionamento badge più interno */
.home-pick-single::after {
    top: 15px;
    right: 15px;
}

/* Badge "HOT" per il primo casino */
.home-picks-content .home-pick-single:first-child::after {
    content: '🔥 HOT';
    background: linear-gradient(135deg, #ff6b6b, #ee5a6f);
    color: white;
}

/* Badge "POPULARNE" per il secondo */
.home-picks-content .home-pick-single:nth-child(2)::after {
    content: '⭐ POPULARNE';
    background: linear-gradient(135deg, #f093fb, #f5576c);
    color: white;
}

/* Badge "NOWE" per il terzo */
.home-picks-content .home-pick-single:nth-child(3)::after {
    content: '✨ NOWE';
    background: linear-gradient(135deg, #4facfe, #00f2fe);
    color: white;
}

/* === 7. SEZIONE CONTENUTI === */
.sec-content {
    position: relative;
}

.cont-inner-section {
    padding: 40px 0;
    position: relative;
}

/* Background pattern sottile */
.sec-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(102, 126, 234, 0.02) 35px, rgba(102, 126, 234, 0.02) 70px);
    pointer-events: none;
}

/* === 8. TABELLA COMPARATIVA (se presente) === */
table.comparison-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    margin: 30px 0;
}

table.comparison-table thead {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

table.comparison-table th {
    padding: 18px;
    font-weight: 600;
    text-align: left;
    font-size: 1.1em;
}

table.comparison-table tbody tr {
    background: white;
    transition: all 0.3s ease;
}

table.comparison-table tbody tr:nth-child(even) {
    background: #f8f9fa;
}

table.comparison-table tbody tr:hover {
    background: #e3f2fd;
    transform: scale(1.02);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

table.comparison-table td {
    padding: 15px 18px;
    border-bottom: 1px solid #e0e0e0;
}

/* Logo nella tabella con sfondo grigio */
.comparison-table td img {
    max-width: 80px;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    background: #f5f5f5; /* Sfondo grigio chiaro per contrasto */
    padding: 8px; /* Padding per distanziare il logo dal bordo */
}

.comparison-table tbody tr:hover td img {
    transform: scale(1.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    background: #ebebeb; /* Grigio leggermente più scuro al hover */
}

/* === 9. FAQ SECTION === */
.faq-question {
    background: white;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.faq-question:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
    transform: translateY(-3px);
}

.faq-q {
    color: #667eea;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 1.2em;
}

.faq-a {
    color: #555;
    line-height: 1.7;
}

/* === 10. FOOTER MIGLIORATO === */
.sec-footer {
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.1);
}

.sec-footer h6 {
    color: #FFD700 !important;
    font-weight: 700;
    font-size: 1.2em;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sec-footer a {
    transition: all 0.3s ease;
    position: relative;
    padding-left: 5px;
}

.sec-footer a:hover {
    padding-left: 15px;
    color: #FFD700 !important;
}

.sec-footer a::before {
    content: '→';
    position: absolute;
    left: 0;
    opacity: 0;
    transition: all 0.3s ease;
}

.sec-footer a:hover::before {
    opacity: 1;
}

/* === 11. RESPONSIVE IMPROVEMENTS === */
@media (max-width: 768px) {
    .heading-main {
        font-size: 1.6em !important;
    }
    
    .home-pick-single > div:hover {
        transform: translateY(-10px) scale(1.02) !important;
    }
    
    .cont-stars::before,
    .cont-stars::after {
        font-size: 20px;
    }
    
    .home-picks-heading {
        font-size: 1.2em !important;
        padding: 12px 18px !important;
    }
}

@media (max-width: 576px) {
    .home-pick-title {
        font-size: 1.2em !important;
    }
    
    .site-btn-single a:hover {
        transform: scale(1.03) !important;
    }
}

/* === 12. SMOOTH SCROLLING === */
html {
    scroll-behavior: smooth;
}

/* === 13. LOADING ANIMATIONS === */
.home-pick-single {
    animation: fadeInUp 0.6s ease-out;
    animation-fill-mode: both;
}

.home-pick-single:nth-child(1) { animation-delay: 0.1s; }
.home-pick-single:nth-child(2) { animation-delay: 0.2s; }
.home-pick-single:nth-child(3) { animation-delay: 0.3s; }
.home-pick-single:nth-child(4) { animation-delay: 0.4s; }

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* === 14. ACCESSIBILITY IMPROVEMENTS === */
.home-pick-single .btn:focus,
.site-btn-single a:focus {
    outline: 3px solid #FFD700;
    outline-offset: 3px;
}

/* === 15. PRINT STYLES === */
@media print {
    .home-pick-single > div,
    .site-btn-single a {
        box-shadow: none !important;
        border: 1px solid #ddd !important;
    }
}

/* ============================================
   CONTENT SECTIONS - BOXES TEMATIZZATE
   ============================================ */

/* === CONTENT BOX BASE === */
.content-box {
    background: white;
    border-radius: 15px;
    padding: 30px;
    margin: 30px 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border-left: 5px solid #667eea;
    position: relative;
    transition: all 0.3s ease;
}

.content-box:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
}

.content-box h2,
.content-box h3,
.content-box h4,
.content-box h5 {
    color: #667eea;
    margin-top: 0;
    font-weight: 700;
}

.content-box h2 {
    font-size: 1.8em;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.content-box h2::before {
    font-size: 1.3em;
}

/* === INFO BOX (Blu) === */
.content-box.info-box {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border-left-color: #2196f3;
}

.content-box.info-box h2::before {
    content: '💡';
}

.content-box.info-box h2,
.content-box.info-box h3,
.content-box.info-box h4 {
    color: #1976d2;
}

/* === ARTICLE BOX (Viola) === */
.content-box.article-box {
    background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%);
    border-left-color: #9c27b0;
}

.content-box.article-box h2::before {
    content: '📚';
}

.content-box.article-box h2,
.content-box.article-box h3,
.content-box.article-box h4 {
    color: #7b1fa2;
}

/* === GUIDE BOX (Verde) === */
.content-box.guide-box {
    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
    border-left-color: #4caf50;
}

.content-box.guide-box h2::before {
    content: '📖';
}

.content-box.guide-box h2,
.content-box.guide-box h3,
.content-box.guide-box h4 {
    color: #388e3c;
}

/* === WARNING BOX (Giallo/Arancione) === */
.content-box.warning-box {
    background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%);
    border-left-color: #ff9800;
}

.content-box.warning-box h2::before {
    content: '⚠️';
}

.content-box.warning-box h2,
.content-box.warning-box h3,
.content-box.warning-box h4 {
    color: #f57c00;
}

/* === SUCCESS/TIP BOX (Verde acqua) === */
.content-box.tip-box {
    background: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%);
    border-left-color: #009688;
}

.content-box.tip-box h2::before {
    content: '✨';
}

.content-box.tip-box h2,
.content-box.tip-box h3,
.content-box.tip-box h4 {
    color: #00796b;
}

/* === SECURITY BOX (Verde scuro) === */
.content-box.security-box {
    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
    border-left-color: #2e7d32;
}

.content-box.security-box h2::before {
    content: '🛡️';
}

.content-box.security-box h2,
.content-box.security-box h3,
.content-box.security-box h4 {
    color: #1b5e20;
}

/* === HIGHLIGHTED TEXT === */
.highlight-text {
    background: linear-gradient(135deg, #fff9c4 0%, #fff59d 100%);
    padding: 15px 20px;
    border-radius: 10px;
    border-left: 4px solid #fbc02d;
    margin: 20px 0;
    font-weight: 500;
}

/* === STEP-BY-STEP GUIDE === */
.step-guide {
    counter-reset: step-counter;
    margin: 20px 0;
}

.step-guide .step-item {
    background: white;
    padding: 20px;
    margin: 15px 0;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    border-left: 4px solid #667eea;
    counter-increment: step-counter;
    position: relative;
    padding-left: 70px;
}

.step-guide .step-item::before {
    content: counter(step-counter);
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.2em;
}

.step-guide .step-item h5 {
    margin: 0 0 10px 0;
    color: #667eea;
    font-weight: 600;
}

/* === ICON BULLETS === */
.icon-list {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.icon-list li {
    padding: 12px 0 12px 40px;
    position: relative;
    line-height: 1.6;
}

.icon-list li::before {
    position: absolute;
    left: 0;
    font-size: 1.5em;
}

.icon-list.check-list li::before {
    content: '✅';
}

.icon-list.star-list li::before {
    content: '⭐';
}

.icon-list.warning-list li::before {
    content: '⚠️';
}

.icon-list.tip-list li::before {
    content: '💡';
}

.icon-list.money-list li::before {
    content: '💰';
}

.icon-list.game-list li::before {
    content: '🎰';
}

/* === QUICK STATS === */
.quick-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin: 30px 0;
}

.stat-box {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 25px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);
    transition: all 0.3s ease;
}

.stat-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(102, 126, 234, 0.4);
}

.stat-box .stat-number {
    font-size: 2.5em;
    font-weight: 800;
    margin-bottom: 10px;
}

.stat-box .stat-label {
    font-size: 1em;
    opacity: 0.9;
}

/* === QUOTE BOX === */
.quote-box {
    background: linear-gradient(135deg, #f5f5f5 0%, #eeeeee 100%);
    border-left: 5px solid #667eea;
    padding: 25px 30px;
    margin: 30px 0;
    border-radius: 10px;
    font-style: italic;
    font-size: 1.1em;
    position: relative;
}

.quote-box::before {
    content: '"';
    font-size: 4em;
    position: absolute;
    left: 15px;
    top: -10px;
    color: #667eea;
    opacity: 0.3;
}

/* === PROS/CONS LIST === */
.pros-cons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin: 30px 0;
}

.pros-box,
.cons-box {
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.pros-box {
    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
    border-left: 5px solid #4caf50;
}

.pros-box h4 {
    color: #2e7d32;
    margin-bottom: 15px;
}

.pros-box h4::before {
    content: '✅ ';
}

.cons-box {
    background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%);
    border-left: 5px solid #f44336;
}

.cons-box h4 {
    color: #c62828;
    margin-bottom: 15px;
}

.cons-box h4::before {
    content: '❌ ';
}

/* === TIMELINE === */
.timeline {
    position: relative;
    padding-left: 40px;
    margin: 30px 0;
}

.timeline::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
}

.timeline-item {
    position: relative;
    margin-bottom: 30px;
}

.timeline-item::before {
    content: '';
    position: absolute;
    left: -31px;
    top: 5px;
    width: 15px;
    height: 15px;
    background: #667eea;
    border: 3px solid white;
    border-radius: 50%;
    box-shadow: 0 3px 10px rgba(102, 126, 234, 0.3);
}

.timeline-item h5 {
    color: #667eea;
    font-weight: 600;
    margin-bottom: 8px;
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
    .content-box {
        padding: 20px;
    }
    
    .content-box h2 {
        font-size: 1.4em;
    }
    
    .step-guide .step-item {
        padding-left: 60px;
    }
    
    .quick-stats {
        grid-template-columns: 1fr;
    }
    
    .pros-cons {
        grid-template-columns: 1fr;
    }
}

/* ============================================
   TABELLA COMPARATIVA KASYN
   ============================================ */

/* Container della tabella */
.comparison-table-container {
    background: white;
    padding: 50px 20px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    margin: 40px 0;
}

/* Wrapper responsive per la tabella */
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

/* Stili base tabella */
.comparison-table {
    width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    background: white;
    font-size: 15px;
}

/* Header tabella */
.comparison-table thead {
    background: linear-gradient(135deg, #1a237e 0%, #283593 100%);
    color: white;
}

.comparison-table thead th {
    padding: 18px 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.9em;
    text-align: left;
    border: none;
    color: #FFD700;
    white-space: nowrap;
}

.comparison-table thead th:first-child {
    border-top-left-radius: 12px;
}

.comparison-table thead th:last-child {
    border-top-right-radius: 12px;
}

/* Body tabella */
.comparison-table tbody tr {
    transition: all 0.3s ease;
    border-bottom: 1px solid #e0e0e0;
}

.comparison-table tbody tr:hover {
    background: linear-gradient(90deg, #f8f9fa 0%, #ffffff 100%);
    transform: scale(1.01);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.comparison-table tbody tr:last-child {
    border-bottom: none;
}

.comparison-table tbody td {
    padding: 20px 15px;
    vertical-align: middle;
    border: none;
}

/* Colonna Casino (logo + nome) */
.casino-info {
    display: flex;
    align-items: center;
    gap: 15px;
}

.casino-info img {
    max-width: 80px;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.casino-info strong {
    font-size: 1.05em;
    color: #1a237e;
    white-space: nowrap;
}

/* Colonna Bonus */
.bonus-cell {
    background: linear-gradient(135deg, #fff3cd 0%, #ffe69c 100%);
    font-weight: 600;
    color: #856404;
    padding: 12px 20px !important;
    border-radius: 8px;
    text-align: center;
    box-shadow: inset 0 2px 4px rgba(133, 100, 4, 0.1);
}

/* Colonna Rating */
.rating-cell {
    text-align: center;
}

/* Badge Licenze */
.license-badge {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 0.85em;
    font-weight: 600;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.license-badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.license-malta,
.license-uk {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    color: #155724;
    border: 1px solid #b1dfbb;
}

.license-curacao {
    background: linear-gradient(135deg, #cce5ff 0%, #b8daff 100%);
    color: #004085;
    border: 1px solid #a3cfff;
}

/* Colonna Azione */
.action-cell {
    text-align: center;
}

.comparison-table .btn {
    white-space: nowrap;
    padding: 10px 25px;
    font-weight: 600;
    border-radius: 25px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.comparison-table .btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}

/* RESPONSIVE - Tablet */
@media (max-width: 992px) {
    .comparison-table-container {
        padding: 30px 15px;
    }
    
    .comparison-table {
        font-size: 14px;
    }
    
    .comparison-table thead th {
        padding: 15px 10px;
        font-size: 0.85em;
    }
    
    .comparison-table tbody td {
        padding: 15px 10px;
    }
    
    .casino-info {
        gap: 10px;
    }
    
    .casino-info img {
        max-width: 60px;
    }
    
    .casino-info strong {
        font-size: 0.95em;
    }
}

/* RESPONSIVE - Mobile: TRASFORMA TABELLA IN CARDS */
@media (max-width: 768px) {
    .comparison-table-container {
        padding: 20px 10px;
        border-radius: 15px;
    }
    
    /* Nascondi l'header della tabella */
    .comparison-table thead {
        display: none;
    }
    
    /* Tabella diventa flex container */
    .comparison-table,
    .comparison-table tbody {
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        gap: 15px;
        padding: 10px 5px;
    }
    
    /* Ogni riga diventa una CARD */
    .comparison-table tbody tr {
        display: flex;
        flex-direction: column;
        min-width: 280px;
        max-width: 280px;
        flex-shrink: 0;
        background: white;
        border: 2px solid #e0e0e0;
        border-radius: 15px;
        padding: 20px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        scroll-snap-align: center;
        transition: all 0.3s ease;
    }
    
    .comparison-table tbody tr:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
        border-color: #FFD700;
    }
    
    /* Ogni cella diventa un blocco con label */
    .comparison-table tbody td {
        display: flex;
        flex-direction: column;
        padding: 12px 0;
        border: none;
        border-bottom: 1px solid #f0f0f0;
    }
    
    .comparison-table tbody td:last-child {
        border-bottom: none;
    }
    
    /* Aggiungi label prima di ogni dato */
    .comparison-table tbody td::before {
        content: attr(data-label);
        font-weight: 700;
        font-size: 0.75em;
        text-transform: uppercase;
        color: #1a237e;
        letter-spacing: 0.5px;
        margin-bottom: 8px;
    }
    
    /* Casino info - centrato nella card */
    .comparison-table tbody td:first-child {
        text-align: center;
        border-bottom: 2px solid #1a237e;
        padding-bottom: 15px;
        margin-bottom: 10px;
    }
    
    .comparison-table tbody td:first-child::before {
        display: none; /* Nascondi label per casino */
    }
    
    .casino-info {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    
    .casino-info img {
        max-width: 100px;
        border-radius: 10px;
    }
    
    .casino-info strong {
        font-size: 1.1em;
        color: #1a237e;
        text-align: center;
    }
    
    /* Bonus cell */
    .bonus-cell {
        font-size: 1em;
        padding: 12px !important;
        text-align: center;
    }
    
    /* Rating centrato */
    .rating-cell {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    /* License badge */
    .license-badge {
        font-size: 0.85em;
        padding: 8px 12px;
    }
    
    /* Bottone CTA più grande */
    .action-cell {
        margin-top: 5px;
    }
    
    .comparison-table .btn {
        width: 100%;
        padding: 12px 20px;
        font-size: 1em;
        font-weight: 700;
    }
}

/* RESPONSIVE - Small Mobile */
@media (max-width: 480px) {
    .comparison-table tbody tr {
        min-width: 260px;
        max-width: 260px;
        padding: 15px;
    }
    
    .casino-info img {
        max-width: 80px;
    }
    
    .casino-info strong {
        font-size: 1em;
    }
}

/* === FOOTER STYLING - SOLUZIONE ULTRA-SPECIFICA === */

/* Footer rosso scuro - Selettori multipli per massima priorità */
section.sec-footer.bg-grad-dark-red.text-white.add-top-pad.add-bot-pad,
section.sec-footer.bg-grad-dark-red {
    background: linear-gradient(135deg, #c62828 0%, #8b0000 100%) !important;
}

/* TUTTI i testi nel footer rosso - FORZA MASSIMA */
section.sec-footer *,
section.sec-footer h1,
section.sec-footer h2,
section.sec-footer h3,
section.sec-footer h4,
section.sec-footer h5,
section.sec-footer h6,
section.sec-footer p,
section.sec-footer li,
section.sec-footer span,
section.sec-footer div {
    color: #ffffff !important;
}

/* Titoli nel footer rosso in ORO */
section.sec-footer h6 {
    color: #FFD700 !important;
    font-weight: 700 !important;
    font-size: 1.2em !important;
    margin-bottom: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Link nel footer rosso */
section.sec-footer a,
section.sec-footer a:link,
section.sec-footer a:visited {
    color: #ffffff !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

section.sec-footer a:hover,
section.sec-footer a:focus,
section.sec-footer a:active {
    color: #FFD700 !important;
    text-decoration: none !important;
}

/* Liste nel footer rosso */
section.sec-footer ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

section.sec-footer ul li {
    margin-bottom: 8px !important;
    color: #ffffff !important;
}

/* Footer grigio - Selettori multipli per massima priorità */
footer.bg-grad-dark-grey.text-white.add-top-pad.add-bot-pad,
footer.bg-grad-dark-grey {
    background: linear-gradient(135deg, #37474f 0%, #263238 100%) !important;
}

/* TUTTI i testi nel footer grigio - FORZA MASSIMA */
footer.bg-grad-dark-grey *,
footer.bg-grad-dark-grey h1,
footer.bg-grad-dark-grey h2,
footer.bg-grad-dark-grey h3,
footer.bg-grad-dark-grey h4,
footer.bg-grad-dark-grey h5,
footer.bg-grad-dark-grey h6,
footer.bg-grad-dark-grey p,
footer.bg-grad-dark-grey li,
footer.bg-grad-dark-grey span,
footer.bg-grad-dark-grey div {
    color: #ffffff !important;
}

/* Paragrafi nel footer grigio */
footer.bg-grad-dark-grey p,
footer p {
    color: #ffffff !important;
    font-size: 14px !important;
}

/* Link nel footer grigio */
footer.bg-grad-dark-grey a,
footer.bg-grad-dark-grey a:link,
footer.bg-grad-dark-grey a:visited,
footer a {
    color: #FFD700 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    font-weight: 600 !important;
}

footer.bg-grad-dark-grey a:hover,
footer.bg-grad-dark-grey a:focus,
footer.bg-grad-dark-grey a:active,
footer a:hover {
    color: #FFA500 !important;
    text-decoration: underline !important;
}

/* ============================================
   END OF OVERRIDE.CSS
   ============================================ */