/* Base Styles & Reset */
:root {
    --senn-blue: #0096D6;
    --senn-dark: #1A1A1A;
    --senn-grey: #333333;
    --senn-light: #F4F4F4;
    --senn-white: #ffffff;
    --font-primary: 'Manrope', sans-serif;
    --font-secondary: 'Open Sans', sans-serif;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--font-secondary);
    color: var(--senn-dark);
    background-color: var(--senn-light);
    line-height: 1.6;
}

a {
    text-decoration: none;
    color: inherit;
}

ul {
    list-style: none;
}

.gpro_wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    background-color: var(--senn-white);
    min-height: 100vh;
    box-shadow: 0 0 30px rgba(0,0,0,0.05);
}

/* Content width limit on desktop - 2/3 of container */
@media (min-width: 1024px) {
    .gpro_section .content.text {
        max-width: 66.66%;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-primary);
    color: var(--senn-dark);
    margin-bottom: 1rem;
    font-weight: 700;
}

h1 { font-size: 3rem; letter-spacing: -0.5px; }
h2 { font-size: 2.4rem; color: var(--senn-blue); border-bottom: 2px solid var(--senn-blue); display: inline-block; padding-bottom: 5px; }
p { margin-bottom: 1rem; }

/* Layout Utilities */
.gpro_section {
    padding: 60px 0;
}

.content .text {
    max-width: 800px;
    margin: 0 auto;
}

/* Mobile Hidden Utilities */
@media (min-width: 769px) {
    .mobile-only { display: none !important; }
}
@media (max-width: 768px) {
    .desktop-only { display: none !important; }
}
/* FAQ Accordion */
.faq-container { margin-top: 2rem; }
.faq-item { margin-bottom: 10px; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; }
.faq-btn {
    width: 100%;
    text-align: left;
    padding: 15px 20px;
    background: #fff;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background 0.3s;
}
.faq-btn:hover { background: #f5f5f5; }
.faq-btn::after { content: '+'; font-size: 1.5rem; font-weight: 300; }
.faq-btn.active::after { content: '-'; }
.faq-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    background: #fafafa;
}
.faq-body p, .faq-body ul { padding: 15px 20px; margin: 0; }

/* ===== MOBILE OVERFLOW FIX ===== */
@media (max-width: 768px) {
    html, body {
        overflow-x: hidden !important;
    }
    .gpro_wrap, .gpro_section {
        overflow-x: hidden !important;
    }
}

/* === MOBILE RESPONSIVE FIX === */
html,body{max-width:100vw!important;overflow-x:hidden!important}
img,video,iframe,embed,object{max-width:100%!important;height:auto}
table{max-width:100%!important}
.star-icon{width:20px!important;height:20px!important;display:inline-block!important}
.stars-container{display:flex!important;justify-content:center!important;gap:4px!important;flex-wrap:wrap!important}
.rating-container{text-align:center!important;max-width:300px!important;margin:1rem auto!important}
@media(max-width:768px){
.burger-menu,.mobile-menu-btn,[class*="burger"]{display:flex!important;flex-direction:column!important;justify-content:center!important;cursor:pointer!important}
.burger-menu span,.burger-icon,.burger-bar{display:block!important;width:25px!important;height:3px!important;margin:3px 0!important;border-radius:2px!important;transition:.3s!important}
}

/* === HIDE CASINO NAMES UNDER LOGOS === */
[class*="-casino-name"], .casino-name, .dl-casino-name, .cupertino-casino-name, .gb-casino-name { display: none !important; }

/* STICKY-FOOTER-IMG-FIX-V1 */
.sticky-footer-inner img{min-height:0!important}
