/* Casino Hydra Footer Styles v4.1.0 - FULL */

/* Base wrapper */
.casino-footer { 
    font-family: -apple-system, system-ui, sans-serif !important;
    width: 100% !important;
    clear: both !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Common elements */
.casino-footer .f-logo { font-size: 32px; font-weight: 700; margin-bottom: 16px; letter-spacing: -1px; }
.casino-footer .f-tag { font-size: 14px; line-height: 1.8; margin-bottom: 24px; opacity: 0.7; }
.casino-footer .f-contacts { font-size: 14px; margin-bottom: 24px; }
.casino-footer .f-contact { margin-bottom: 10px; }
.casino-footer .badges-carousel { position: relative; overflow: hidden; margin-top: 20px; }
.casino-footer .badges-scroll { display: flex; gap: 16px; overflow-x: auto; scroll-behavior: smooth; padding-bottom: 12px; scrollbar-width: thin; }
.casino-footer .badges-scroll::-webkit-scrollbar { height: 6px; }
.casino-footer .badges-scroll::-webkit-scrollbar-track { background: rgba(0,0,0,0.1); border-radius: 3px; }
.casino-footer .badges-scroll::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.3); border-radius: 3px; }
.casino-footer .f-cert { min-width: 70px; height: 35px; background: rgba(0,0,0,0.1); border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600; flex-shrink: 0; }
.casino-footer .f-menu h3 { font-size: 13px; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 18px; font-weight: 600; opacity: 0.6; }
.casino-footer .f-menu ul { list-style: none; padding: 0; margin: 0; }
.casino-footer .f-menu li { margin-bottom: 14px; }
.casino-footer .f-menu a { text-decoration: none; font-size: 15px; transition: all 0.3s; }
.casino-footer .f-warn { padding: 24px; border-radius: 12px; margin-top: 32px; }
.casino-footer .f-warn .title { font-weight: 700; font-size: 14px; margin-bottom: 10px; }
.casino-footer .f-warn .text { font-size: 13px; line-height: 1.7; }

/* STYLE 1 - Glassmorphism */
.casino-footer.footer-style-1 { padding: 80px 40px !important; position: relative; }
.casino-footer.footer-style-1.theme-light { background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%) !important; color: #1e293b !important; }
.casino-footer.footer-style-1.theme-dark { background: linear-gradient(180deg, #0f0f23 0%, #1a1a2e 100%) !important; color: #fff !important; }
.casino-footer.footer-style-1.theme-dark::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, #667eea, transparent); }
.casino-footer.footer-style-1 .box { max-width: 1200px; margin: 0 auto; backdrop-filter: blur(30px); border-radius: 24px; padding: 50px; }
.casino-footer.footer-style-1.theme-light .box { background: rgba(255,255,255,0.7); border: 1px solid rgba(0,0,0,0.1); }
.casino-footer.footer-style-1.theme-dark .box { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); }
.casino-footer.footer-style-1 .grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 60px; margin-bottom: 40px; }
.casino-footer.footer-style-1.theme-dark .f-logo { background: linear-gradient(135deg, #fff 0%, #667eea 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.casino-footer.footer-style-1.theme-light .f-cert { background: #e5e7eb; color: #1e293b; }
.casino-footer.footer-style-1.theme-dark .f-cert { background: rgba(255,255,255,0.1); color: #fff; }
.casino-footer.footer-style-1.theme-light .f-menu a { color: #475569; }
.casino-footer.footer-style-1.theme-dark .f-menu a { color: rgba(255,255,255,0.7); }
.casino-footer.footer-style-1 .f-menu a:hover { transform: translateX(6px); }
.casino-footer.footer-style-1.theme-light .f-warn { background: #fef3c7; border-left: 4px solid #f59e0b; }
.casino-footer.footer-style-1.theme-light .f-warn .title { color: #92400e; }
.casino-footer.footer-style-1.theme-light .f-warn .text { color: #78350f; }
.casino-footer.footer-style-1.theme-dark .f-warn { background: rgba(245,158,11,0.15); border-left: 4px solid #f59e0b; }
.casino-footer.footer-style-1.theme-dark .f-warn .title { color: #fbbf24; }
.casino-footer.footer-style-1.theme-dark .f-warn .text { color: #fcd34d; }
.casino-footer.footer-style-1 .bot { display: flex; justify-content: space-between; padding-top: 24px; border-top: 1px solid; font-size: 13px; }
.casino-footer.footer-style-1.theme-light .bot { border-color: #e2e8f0; color: #64748b; }
.casino-footer.footer-style-1.theme-dark .bot { border-color: rgba(255,255,255,0.1); color: rgba(255,255,255,0.5); }

/* STYLE 2 - Minimal */
.casino-footer.footer-style-2 { padding: 80px 40px !important; }
.casino-footer.footer-style-2.theme-light { background: #fafafa !important; color: #000 !important; }
.casino-footer.footer-style-2.theme-dark { background: #0a0a0a !important; color: #fff !important; }
.casino-footer.footer-style-2 .box { max-width: 1200px; margin: 0 auto; }
.casino-footer.footer-style-2 .grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 80px; margin-bottom: 50px; }
.casino-footer.footer-style-2.theme-light .f-cert { background: #e5e5e5; color: #666; }
.casino-footer.footer-style-2.theme-dark .f-cert { background: rgba(255,255,255,0.1); color: #fff; }
.casino-footer.footer-style-2.theme-light .f-menu a { color: #666; }
.casino-footer.footer-style-2.theme-dark .f-menu a { color: rgba(255,255,255,0.7); }
.casino-footer.footer-style-2 .f-menu a { position: relative; }
.casino-footer.footer-style-2 .f-menu a::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; transition: width 0.3s; }
.casino-footer.footer-style-2.theme-light .f-menu a::after { background: #000; }
.casino-footer.footer-style-2.theme-dark .f-menu a::after { background: #fff; }
.casino-footer.footer-style-2 .f-menu a:hover::after { width: 100%; }
.casino-footer.footer-style-2.theme-light .f-warn { background: #fef3c7; border: 2px solid #f59e0b; }
.casino-footer.footer-style-2.theme-light .f-warn .title { color: #92400e; }
.casino-footer.footer-style-2.theme-light .f-warn .text { color: #78350f; }
.casino-footer.footer-style-2.theme-dark .f-warn { background: rgba(245,158,11,0.15); border: 2px solid #f59e0b; }
.casino-footer.footer-style-2.theme-dark .f-warn .title { color: #fbbf24; }
.casino-footer.footer-style-2.theme-dark .f-warn .text { color: #fcd34d; }
.casino-footer.footer-style-2 .bot { text-align: center; padding-top: 32px; border-top: 1px solid; font-size: 13px; }
.casino-footer.footer-style-2.theme-light .bot { border-color: #e5e5e5; color: #999; }
.casino-footer.footer-style-2.theme-dark .bot { border-color: rgba(255,255,255,0.1); color: rgba(255,255,255,0.5); }

/* STYLE 3 - Split */
.casino-footer.footer-style-3 { display: grid !important; grid-template-columns: 40% 60% !important; min-height: 500px; }
.casino-footer.footer-style-3.theme-light .left { background: #fff !important; color: #000 !important; padding: 70px 50px; }
.casino-footer.footer-style-3.theme-dark .left { background: #0a0a0a !important; color: #fff !important; padding: 70px 50px; }
.casino-footer.footer-style-3.theme-light .right { background: #f5f5f5 !important; color: #000 !important; padding: 70px 50px; }
.casino-footer.footer-style-3.theme-dark .right { background: #1a1a1a !important; color: #fff !important; padding: 70px 50px; }
.casino-footer.footer-style-3 .menus { display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; }
.casino-footer.footer-style-3.theme-light .f-cert { background: #e5e5e5; color: #666; }
.casino-footer.footer-style-3.theme-dark .f-cert { background: rgba(255,255,255,0.1); color: #fff; }
.casino-footer.footer-style-3.theme-light .f-menu a { color: #666; }
.casino-footer.footer-style-3.theme-dark .f-menu a { color: rgba(255,255,255,0.7); }
.casino-footer.footer-style-3.theme-light .f-warn { background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); box-shadow: 0 4px 16px rgba(245,158,11,0.2); }
.casino-footer.footer-style-3.theme-light .f-warn .title { color: #92400e; }
.casino-footer.footer-style-3.theme-light .f-warn .text { color: #78350f; }
.casino-footer.footer-style-3.theme-dark .f-warn { background: rgba(245,158,11,0.15); border-left: 4px solid #f59e0b; }
.casino-footer.footer-style-3.theme-dark .f-warn .title { color: #fbbf24; }
.casino-footer.footer-style-3.theme-dark .f-warn .text { color: #fcd34d; }

/* Responsive */
@media (max-width: 1024px) {
    .casino-footer .grid,
    .casino-footer.footer-style-3,
    .casino-footer .menus {
        grid-template-columns: 1fr !important;
    }
}

/* STYLE 4 - Floating Cards */
.casino-footer.footer-style-4 { padding: 90px 40px !important; }
.casino-footer.footer-style-4.theme-light { background: linear-gradient(180deg, #f8f9fa 0%, #e9ecef 100%) !important; }
.casino-footer.footer-style-4.theme-dark { background: linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 100%) !important; }
.casino-footer.footer-style-4 .box { max-width: 1200px; margin: 0 auto; }
.casino-footer.footer-style-4 .grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 60px; margin-bottom: 40px; padding: 50px; border-radius: 20px; }
.casino-footer.footer-style-4.theme-light .grid { background: white; box-shadow: 0 8px 30px rgba(0,0,0,0.08); color: #000; }
.casino-footer.footer-style-4.theme-dark .grid { background: rgba(255,255,255,0.03); box-shadow: 0 8px 30px rgba(0,0,0,0.3); color: #fff; }

/* STYLE 5 - Neon */
.casino-footer.footer-style-5 { padding: 90px 40px !important; position: relative; overflow: hidden; }
.casino-footer.footer-style-5.theme-light { background: #f5f5f5 !important; color: #000 !important; }
.casino-footer.footer-style-5.theme-dark { background: #0d0d0d !important; color: #fff !important; }
.casino-footer.footer-style-5.theme-dark::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(102,126,234,0.2) 0%, transparent 70%); animation: pulse 8s infinite; z-index: 0; }
@keyframes pulse { 0%, 100% { opacity: 0.3; transform: scale(1) rotate(0deg); } 50% { opacity: 0.6; transform: scale(1.1) rotate(180deg); } }
.casino-footer.footer-style-5 .box { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; }
.casino-footer.footer-style-5 .grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 60px; margin-bottom: 40px; }
.casino-footer.footer-style-5.theme-dark .f-logo { text-shadow: 0 0 40px rgba(102,126,234,0.6); }

/* STYLE 6 - Compact */
.casino-footer.footer-style-6 { padding: 50px 40px !important; border-top: 2px solid; }
.casino-footer.footer-style-6.theme-light { background: #fff !important; border-color: #e5e5e5; color: #000 !important; }
.casino-footer.footer-style-6.theme-dark { background: #0a0a0a !important; border-color: #333; color: #fff !important; }
.casino-footer.footer-style-6 .box { max-width: 1200px; margin: 0 auto; }
.casino-footer.footer-style-6 .top { display: flex; justify-content: space-between; align-items: start; margin-bottom: 40px; gap: 60px; }
.casino-footer.footer-style-6 .menus { display: flex; gap: 80px; }

/* STYLE 7 - Brutalist */
.casino-footer.footer-style-7 { border-top: 8px solid !important; }
.casino-footer.footer-style-7.theme-light { background: #fff !important; border-color: #000 !important; color: #000 !important; }
.casino-footer.footer-style-7.theme-dark { background: #000 !important; border-color: #ffe600 !important; color: #ffe600 !important; }
.casino-footer.footer-style-7 .box { max-width: 1400px; margin: 0 auto; padding: 70px 40px; }
.casino-footer.footer-style-7 .grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 60px; margin-bottom: 40px; }
.casino-footer.footer-style-7 .f-logo { font-size: 42px; font-weight: 900; transform: rotate(-1deg); }
.casino-footer.footer-style-7 .f-menu { border: 3px solid; padding: 24px; transform: rotate(1deg); }
.casino-footer.footer-style-7.theme-light .f-menu { border-color: #000; background: rgba(0,0,0,0.03); }
.casino-footer.footer-style-7.theme-dark .f-menu { border-color: #ffe600; background: rgba(255,230,0,0.05); }
.casino-footer.footer-style-7 .f-menu a { font-weight: 700; border-bottom: 3px solid transparent; }
.casino-footer.footer-style-7 .f-menu a:hover { border-bottom-color: currentColor; }
.casino-footer.footer-style-7.theme-light .f-warn { background: #fff; border: 3px solid #000; }
.casino-footer.footer-style-7.theme-dark .f-warn { background: #ffe600; border: 4px solid #000; color: #000; }

/* STYLE 8 - Gradient Mesh */
.casino-footer.footer-style-8 { padding: 90px 40px !important; }
.casino-footer.footer-style-8.theme-light { background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #fef3c7 100%) !important; color: #000 !important; }
.casino-footer.footer-style-8.theme-dark { background: radial-gradient(at 20% 30%, rgba(102,126,234,0.3) 0px, transparent 50%), radial-gradient(at 80% 70%, rgba(118,75,162,0.3) 0px, transparent 50%), #0a0a0a !important; color: #fff !important; }
.casino-footer.footer-style-8 .box { max-width: 1000px; margin: 0 auto; text-align: center; }
.casino-footer.footer-style-8.theme-dark .f-logo { background: linear-gradient(135deg, #fff 0%, #667eea 50%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.casino-footer.footer-style-8 .grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px; margin: 60px 0; padding: 40px 0; border-top: 1px solid; border-bottom: 1px solid; text-align: left; }

/* STYLE 9 - Layered */
.casino-footer.footer-style-9 { padding: 70px 40px !important; }
.casino-footer.footer-style-9.theme-light { background: #f5f5f5 !important; }
.casino-footer.footer-style-9.theme-dark { background: #0a0a0a !important; }
.casino-footer.footer-style-9 .box { max-width: 1200px; margin: 0 auto; }
.casino-footer.footer-style-9 .main { padding: 50px; border-radius: 24px; margin-bottom: 24px; }
.casino-footer.footer-style-9.theme-light .main { background: #fff; box-shadow: 0 8px 30px rgba(0,0,0,0.08); color: #000; }
.casino-footer.footer-style-9.theme-dark .main { background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); color: #fff; }
.casino-footer.footer-style-9 .grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 60px; }
.casino-footer.footer-style-9 .foot { padding: 24px 40px; border-radius: 16px; display: flex; justify-content: space-between; }
.casino-footer.footer-style-9.theme-light .foot { background: white; box-shadow: 0 4px 20px rgba(0,0,0,0.06); }
.casino-footer.footer-style-9.theme-dark .foot { background: #1a1a1a; color: rgba(255,255,255,0.7); }

/* STYLE 10 - Neo Brutalism */
.casino-footer.footer-style-10 { border-top: 8px solid #000 !important; }
.casino-footer.footer-style-10.theme-light { background: #ffe600 !important; color: #000 !important; }
.casino-footer.footer-style-10.theme-dark { background: #000 !important; color: #ffe600 !important; }
.casino-footer.footer-style-10 .box { max-width: 1400px; margin: 0 auto; padding: 70px 40px; }
.casino-footer.footer-style-10 .grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 60px; margin-bottom: 40px; }
.casino-footer.footer-style-10 .f-logo { font-size: 40px; font-weight: 900; transform: rotate(-2deg); }
.casino-footer.footer-style-10 .f-menu { border: 4px solid; padding: 28px; transform: rotate(1deg); }
.casino-footer.footer-style-10.theme-light .f-menu { border-color: #000; background: rgba(0,0,0,0.05); }
.casino-footer.footer-style-10.theme-dark .f-menu { border-color: #ffe600; background: rgba(255,230,0,0.05); }
.casino-footer.footer-style-10 .f-menu a { font-weight: 700; border-bottom: 3px solid transparent; }
.casino-footer.footer-style-10 .f-menu a:hover { border-bottom-color: currentColor; }
.casino-footer.footer-style-10.theme-light .f-warn { background: #ffe600; border: 4px solid #000; color: #000; font-weight: 900; }
.casino-footer.footer-style-10.theme-dark .f-warn { background: #000; color: #ffe600; border: 2px solid #ffe600; }

/* ============================================
   STYLES 11-20 - NEW ADDITIONS
   ============================================ */

/* Badge Layouts */
.casino-footer .badges-h-scroll { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 8px; scrollbar-width: thin; margin-top: 12px; }
.casino-footer .badges-h-scroll::-webkit-scrollbar { height: 4px; }
.casino-footer .badges-h-scroll::-webkit-scrollbar-track { background: rgba(0,0,0,0.1); border-radius: 2px; }
.casino-footer .badges-h-scroll::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.3); border-radius: 2px; }
.casino-footer .badges-v-stack { display: flex; flex-direction: column; gap: 8px; max-width: 120px; margin-top: 12px; }
.casino-footer .badges-v-stack .f-cert { width: 100%; }
.casino-footer .badges-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; max-width: 220px; margin-top: 12px; }
.casino-footer .badges-grid .f-cert { width: 100%; }
.casino-footer .badges-scattered { position: relative; height: 80px; margin-top: 12px; }
.casino-footer .badges-scattered .f-cert { position: absolute; }
.casino-footer .badges-scattered .f-cert:nth-child(1) { top: 0; left: 0; }
.casino-footer .badges-scattered .f-cert:nth-child(2) { top: 15px; left: 60px; }
.casino-footer .badges-scattered .f-cert:nth-child(3) { top: 30px; left: 120px; }
.casino-footer .badges-scattered .f-cert:nth-child(4) { top: 8px; left: 180px; }
.casino-footer .badges-scattered .f-cert:nth-child(5) { top: 45px; left: 30px; }
.casino-footer .badges-scattered .f-cert:nth-child(6) { top: 50px; left: 150px; }
.casino-footer .badges-circular { position: relative; width: 150px; height: 150px; margin: 12px auto 0; }
.casino-footer .badges-circular .f-cert { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.casino-footer .badges-circular .f-cert:nth-child(1) { transform: translate(-50%, -50%) translateY(-60px); }
.casino-footer .badges-circular .f-cert:nth-child(2) { transform: translate(-50%, -50%) translateX(52px) translateY(-30px); }
.casino-footer .badges-circular .f-cert:nth-child(3) { transform: translate(-50%, -50%) translateX(52px) translateY(30px); }
.casino-footer .badges-circular .f-cert:nth-child(4) { transform: translate(-50%, -50%) translateY(60px); }
.casino-footer .badges-circular .f-cert:nth-child(5) { transform: translate(-50%, -50%) translateX(-52px) translateY(30px); }
.casino-footer .badges-circular .f-cert:nth-child(6) { transform: translate(-50%, -50%) translateX(-52px) translateY(-30px); }
.casino-footer .badges-overlap { display: flex; position: relative; padding-left: 15px; margin-top: 12px; }
.casino-footer .badges-overlap .f-cert { margin-left: -15px; border: 2px solid white; transition: transform 0.3s; }
.casino-footer .badges-overlap .f-cert:hover { transform: translateY(-4px) scale(1.05); z-index: 10; }
.casino-footer .badges-marquee { overflow: hidden; position: relative; margin-top: 12px; }
.casino-footer .badges-marquee-inner { display: flex; gap: 10px; animation: marquee 15s linear infinite; }
@keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
.casino-footer .badges-3d { display: flex; gap: 10px; perspective: 800px; margin-top: 12px; }
.casino-footer .badges-3d .f-cert { transform: rotateY(-12deg); transition: all 0.3s; }
.casino-footer .badges-3d .f-cert:hover { transform: rotateY(0deg) scale(1.05); }
.casino-footer .badges-wall { display: flex; flex-wrap: wrap; gap: 8px; max-width: 280px; margin-top: 12px; }
.casino-footer .badges-wall .f-cert { transition: all 0.3s; }
.casino-footer .badges-wall .f-cert:hover { transform: scale(1.15); z-index: 10; box-shadow: 0 3px 10px rgba(0,0,0,0.2); }

/* STYLE 11 - Tech Grid */
.casino-footer.footer-style-11 { padding: 30px 24px !important; position: relative; }
.casino-footer.footer-style-11::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.05) 50%, transparent 100%), linear-gradient(0deg, transparent 0%, rgba(0,0,0,0.05) 50%, transparent 100%); background-size: 30px 30px; opacity: 0.3; pointer-events: none; }
.casino-footer.footer-style-11.theme-light { background: #f8f8f8 !important; color: #000 !important; border-top: 1px solid #e0e0e0; }
.casino-footer.footer-style-11.theme-dark { background: #0a0a0a !important; color: #0f0 !important; border-top: 1px solid #0f0; }
.casino-footer.footer-style-11 .box { max-width: 1300px; margin: 0 auto; position: relative; z-index: 1; }
.casino-footer.footer-style-11 .grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 24px; }
.casino-footer.footer-style-11 .f-logo { font-family: 'Courier New', monospace; border: 2px solid; padding: 6px 12px; display: inline-block; }
.casino-footer.footer-style-11.theme-light .f-logo { border-color: #000; }
.casino-footer.footer-style-11.theme-dark .f-logo { border-color: #0f0; }
.casino-footer.footer-style-11.theme-light .f-menu a { color: #333; }
.casino-footer.footer-style-11.theme-dark .f-menu a { color: #0f0; }
.casino-footer.footer-style-11 .f-warn { border: 1px solid; }
.casino-footer.footer-style-11.theme-light .f-warn { background: #fff; border-color: #ddd; }
.casino-footer.footer-style-11.theme-dark .f-warn { background: #111; border-color: #0f0; }

/* STYLE 12 - Soft Curves */
.casino-footer.footer-style-12 { padding: 40px 24px !important; position: relative; overflow: hidden; }
.casino-footer.footer-style-12.theme-light { background: linear-gradient(135deg, #ffeef8 0%, #e8f4ff 100%) !important; color: #333 !important; }
.casino-footer.footer-style-12.theme-dark { background: linear-gradient(135deg, #2d1b2e 0%, #1a2332 100%) !important; color: #fff !important; }
.casino-footer.footer-style-12::after { content: ''; position: absolute; bottom: -80px; right: -80px; width: 300px; height: 300px; background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%); border-radius: 50%; }
.casino-footer.footer-style-12 .box { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; }
.casino-footer.footer-style-12 .grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 30px; }
.casino-footer.footer-style-12 .f-logo { border-radius: 40px; background: rgba(255,255,255,0.2); padding: 8px 20px; display: inline-block; }
.casino-footer.footer-style-12 .f-warn { border-radius: 24px; }
.casino-footer.footer-style-12.theme-light .f-warn { background: rgba(255,255,255,0.8); box-shadow: 0 4px 16px rgba(0,0,0,0.1); }
.casino-footer.footer-style-12.theme-dark .f-warn { background: rgba(255,255,255,0.05); box-shadow: 0 4px 16px rgba(0,0,0,0.3); }
.casino-footer.footer-style-12.theme-light .f-menu a { color: #555; }
.casino-footer.footer-style-12.theme-dark .f-menu a { color: rgba(255,255,255,0.8); }

/* STYLE 13 - Magazine */
.casino-footer.footer-style-13 { padding: 0 !important; display: grid !important; grid-template-columns: 28% 72% !important; min-height: 400px; }
.casino-footer.footer-style-13 .sidebar { padding: 30px 20px; }
.casino-footer.footer-style-13 .main { padding: 30px 30px 30px 40px; border-left: 1px solid; }
.casino-footer.footer-style-13.theme-light .sidebar { background: #000; color: #fff; }
.casino-footer.footer-style-13.theme-dark .sidebar { background: #fff; color: #000; }
.casino-footer.footer-style-13.theme-light .main { background: #fff; color: #000; border-color: #e0e0e0; }
.casino-footer.footer-style-13.theme-dark .main { background: #0a0a0a; color: #fff; border-color: #333; }
.casino-footer.footer-style-13 .f-logo { font-size: 32px; writing-mode: vertical-rl; text-orientation: mixed; margin-bottom: auto; }
.casino-footer.footer-style-13 .content-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.casino-footer.footer-style-13.theme-light .main .f-menu a { color: #333; }
.casino-footer.footer-style-13.theme-dark .main .f-menu a { color: #ccc; }

/* STYLE 14 - Neon Tokyo */
.casino-footer.footer-style-14 { padding: 40px 24px !important; position: relative; overflow: hidden; }
.casino-footer.footer-style-14.theme-light { background: #f5f5f5 !important; color: #000 !important; }
.casino-footer.footer-style-14.theme-dark { background: #000 !important; color: #fff !important; }
.casino-footer.footer-style-14.theme-dark::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, #ff0080, #ff8c00, #40e0d0, #ff0080); background-size: 200% 100%; animation: neon-flow 3s linear infinite; }
@keyframes neon-flow { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } }
.casino-footer.footer-style-14 .box { max-width: 1200px; margin: 0 auto; }
.casino-footer.footer-style-14 .grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 30px; }
.casino-footer.footer-style-14.theme-dark .f-logo { text-shadow: 0 0 15px #ff0080, 0 0 30px #ff0080; color: #ff0080; }
.casino-footer.footer-style-14 .f-warn { border-radius: 0; border: 2px solid; }
.casino-footer.footer-style-14.theme-light .f-warn { border-color: #ff0080; background: rgba(255,0,128,0.1); }
.casino-footer.footer-style-14.theme-dark .f-warn { border-color: #ff0080; background: rgba(255,0,128,0.1); box-shadow: 0 0 15px rgba(255,0,128,0.3); color: #ff0080; }
.casino-footer.footer-style-14.theme-light .f-menu a { color: #333; }
.casino-footer.footer-style-14.theme-dark .f-menu a { color: #40e0d0; }

/* STYLE 15 - Swiss Design */
.casino-footer.footer-style-15 { padding: 50px 24px !important; }
.casino-footer.footer-style-15.theme-light { background: #fff !important; color: #000 !important; }
.casino-footer.footer-style-15.theme-dark { background: #000 !important; color: #fff !important; }
.casino-footer.footer-style-15 .box { max-width: 1400px; margin: 0 auto; }
.casino-footer.footer-style-15 .grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; background: #ff0000; margin-bottom: 2px; }
.casino-footer.footer-style-15 .grid > div { padding: 24px; }
.casino-footer.footer-style-15.theme-light .grid > div { background: #fff; }
.casino-footer.footer-style-15.theme-dark .grid > div { background: #000; }
.casino-footer.footer-style-15 .f-logo { font-size: 42px; line-height: 0.9; letter-spacing: -2px; font-weight: 900; }
.casino-footer.footer-style-15 .f-menu h3 { color: #ff0000; opacity: 1; }
.casino-footer.footer-style-15 .f-warn { padding: 24px; }
.casino-footer.footer-style-15.theme-light .f-warn { background: #ff0000; color: #fff; }
.casino-footer.footer-style-15.theme-dark .f-warn { background: #ff0000; color: #000; }

/* STYLE 16 - Art Deco */
.casino-footer.footer-style-16 { padding: 40px 24px !important; position: relative; }
.casino-footer.footer-style-16.theme-light { background: linear-gradient(180deg, #f5f0e8 0%, #e8dcc8 100%) !important; color: #2c2416 !important; }
.casino-footer.footer-style-16.theme-dark { background: linear-gradient(180deg, #1a1510 0%, #0a0805 100%) !important; color: #d4af37 !important; }
.casino-footer.footer-style-16::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 70%; height: 1px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }
.casino-footer.footer-style-16 .box { max-width: 1200px; margin: 0 auto; border: 2px solid #d4af37; padding: 30px; position: relative; }
.casino-footer.footer-style-16 .box::before, .casino-footer.footer-style-16 .box::after { content: ''; position: absolute; width: 30px; height: 30px; border: 2px solid #d4af37; }
.casino-footer.footer-style-16 .box::before { top: -2px; left: -2px; border-right: none; border-bottom: none; }
.casino-footer.footer-style-16 .box::after { bottom: -2px; right: -2px; border-left: none; border-top: none; }
.casino-footer.footer-style-16 .grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 30px; }
.casino-footer.footer-style-16 .f-logo { font-size: 32px; font-family: Georgia, serif; color: #d4af37; }
.casino-footer.footer-style-16.theme-light .f-menu a { color: #2c2416; }
.casino-footer.footer-style-16.theme-dark .f-menu a { color: #d4af37; }
.casino-footer.footer-style-16 .f-warn { border: 2px solid #d4af37; }
.casino-footer.footer-style-16.theme-light .f-warn { background: rgba(212,175,55,0.1); }
.casino-footer.footer-style-16.theme-dark .f-warn { background: rgba(212,175,55,0.05); }

/* STYLE 17 - Glassmorphism 2.0 */
.casino-footer.footer-style-17 { padding: 40px 24px !important; position: relative; overflow: hidden; }
.casino-footer.footer-style-17.theme-light { background: linear-gradient(135deg, #e0f2fe 0%, #fae8ff 100%) !important; color: #000 !important; }
.casino-footer.footer-style-17.theme-dark { background: linear-gradient(135deg, #0a0a1a 0%, #1a0a1a 100%) !important; color: #fff !important; }
.casino-footer.footer-style-17::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(147,51,234,0.3) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(59,130,246,0.3) 0%, transparent 50%); animation: rotate 20s linear infinite; }
@keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.casino-footer.footer-style-17 .box { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; backdrop-filter: blur(15px); border-radius: 20px; padding: 30px; border: 1px solid rgba(255,255,255,0.2); }
.casino-footer.footer-style-17.theme-light .box { background: rgba(255,255,255,0.6); box-shadow: 0 4px 20px rgba(0,0,0,0.1); }
.casino-footer.footer-style-17.theme-dark .box { background: rgba(0,0,0,0.3); box-shadow: 0 4px 20px rgba(0,0,0,0.4); }
.casino-footer.footer-style-17 .grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 30px; }

/* STYLE 18 - Neumorphism */
.casino-footer.footer-style-18 { padding: 40px 24px !important; }
.casino-footer.footer-style-18.theme-light { background: #e0e5ec !important; color: #333 !important; }
.casino-footer.footer-style-18.theme-dark { background: #2a2d35 !important; color: #ccc !important; }
.casino-footer.footer-style-18 .box { max-width: 1200px; margin: 0 auto; }
.casino-footer.footer-style-18 .grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 30px; }
.casino-footer.footer-style-18 .f-logo { padding: 10px 20px; border-radius: 16px; display: inline-block; }
.casino-footer.footer-style-18.theme-light .f-logo { background: #e0e5ec; box-shadow: 6px 6px 12px #a3b1c6, -6px -6px 12px #ffffff; }
.casino-footer.footer-style-18.theme-dark .f-logo { background: #2a2d35; box-shadow: 6px 6px 12px #1a1c22, -6px -6px 12px #3a3e48; }
.casino-footer.footer-style-18 .f-warn { border-radius: 16px; }
.casino-footer.footer-style-18.theme-light .f-warn { background: #e0e5ec; box-shadow: inset 4px 4px 8px #a3b1c6, inset -4px -4px 8px #ffffff; }
.casino-footer.footer-style-18.theme-dark .f-warn { background: #2a2d35; box-shadow: inset 4px 4px 8px #1a1c22, inset -4px -4px 8px #3a3e48; }

/* STYLE 19 - Terminal */
.casino-footer.footer-style-19 { padding: 30px 24px !important; font-family: 'Courier New', monospace !important; position: relative; }
.casino-footer.footer-style-19.theme-light { background: #f5f5f5 !important; color: #333 !important; border-top: 2px solid #333; }
.casino-footer.footer-style-19.theme-dark { background: #000 !important; color: #0f0 !important; border-top: 2px solid #0f0; }
.casino-footer.footer-style-19::before { content: '> '; position: absolute; top: 12px; left: 12px; font-size: 16px; animation: blink 1s infinite; }
@keyframes blink { 0%, 50% { opacity: 1; } 51%, 100% { opacity: 0; } }
.casino-footer.footer-style-19 .box { max-width: 1200px; margin: 0 auto; }
.casino-footer.footer-style-19 .grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 30px; }
.casino-footer.footer-style-19 .f-logo::before { content: '$ '; }
.casino-footer.footer-style-19.theme-dark .f-logo::before { color: #0f0; }
.casino-footer.footer-style-19 .f-warn { border: 1px solid; }
.casino-footer.footer-style-19.theme-light .f-warn { border-color: #333; background: rgba(0,0,0,0.05); }
.casino-footer.footer-style-19.theme-dark .f-warn { border-color: #0f0; background: rgba(0,255,0,0.05); }

/* STYLE 20 - Holographic */
.casino-footer.footer-style-20 { padding: 40px 24px !important; position: relative; overflow: hidden; }
.casino-footer.footer-style-20.theme-light { background: linear-gradient(135deg, #fff 0%, #f0f0f0 100%) !important; color: #000 !important; }
.casino-footer.footer-style-20.theme-dark { background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%) !important; color: #fff !important; }
.casino-footer.footer-style-20 .box { max-width: 1200px; margin: 0 auto; }
.casino-footer.footer-style-20 .grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 30px; }
.casino-footer.footer-style-20 .f-logo { font-size: 32px; background: linear-gradient(45deg, #ff0080, #ff8c00, #40e0d0, #7b68ee, #ff0080); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: holographic 5s ease infinite; }
@keyframes holographic { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
.casino-footer.footer-style-20 .f-warn { background: linear-gradient(135deg, rgba(255,0,128,0.1), rgba(64,224,208,0.1)); border: 1px solid rgba(255,0,128,0.3); }

/* RESPONSIVE - MOBILE */
@media (max-width: 768px) {
    .casino-footer.footer-style-11 .grid,
    .casino-footer.footer-style-12 .grid,
    .casino-footer.footer-style-13 .content-grid,
    .casino-footer.footer-style-14 .grid,
    .casino-footer.footer-style-15 .grid,
    .casino-footer.footer-style-16 .grid,
    .casino-footer.footer-style-17 .grid,
    .casino-footer.footer-style-18 .grid,
    .casino-footer.footer-style-19 .grid,
    .casino-footer.footer-style-20 .grid {
        grid-template-columns: 1fr !important;
    }
    
    .casino-footer.footer-style-13 {
        grid-template-columns: 1fr !important;
    }
    
    .casino-footer.footer-style-13 .f-logo {
        writing-mode: horizontal-tb !important;
        font-size: 24px !important;
        margin-bottom: 12px;
    }
    
    .casino-footer .badges-scattered,
    .casino-footer .badges-circular {
        height: auto !important;
        width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
    }
    
    .casino-footer .badges-scattered .f-cert,
    .casino-footer .badges-circular .f-cert {
        position: static !important;
        transform: none !important;
    }
    
    .casino-footer.footer-style-11,
    .casino-footer.footer-style-12,
    .casino-footer.footer-style-14,
    .casino-footer.footer-style-16,
    .casino-footer.footer-style-17,
    .casino-footer.footer-style-18,
    .casino-footer.footer-style-19,
    .casino-footer.footer-style-20 {
        padding: 20px 16px !important;
    }
    
    .casino-footer.footer-style-15 {
        padding: 30px 16px !important;
    }
    
    .casino-footer.footer-style-13 .sidebar,
    .casino-footer.footer-style-13 .main {
        padding: 20px 16px !important;
    }
}


.casino-footer.footer-style-17.theme-light .f-menu a { color: #333; }
.casino-footer.footer-style-17.theme-dark .f-menu a { color: rgba(255,255,255,0.8); }

.casino-footer.footer-style-18.theme-light .f-menu a { color: #333; }
.casino-footer.footer-style-18.theme-dark .f-menu a { color: #ccc; }

.casino-footer.footer-style-19.theme-light .f-menu a { color: #333; }
.casino-footer.footer-style-19.theme-dark .f-menu a { color: #0f0; text-decoration: underline; }

.casino-footer.footer-style-20.theme-light .f-menu a { color: #333; }
.casino-footer.footer-style-20.theme-dark .f-menu a { color: #ccc; }
