/*

Theme Name: Casinohub

Theme URI: https://casinohub.local

Author: Casinohub

Version: 1.4

Description: Premium Headless-style Casino Theme (Clean for Custom HTML)

Text Domain: casinohub

*/



/* 1. Variables & Base */

:root {

    --bg-body: #0B0F1A;

    --bg-section: #111827;

    --accent: #00F5A0;

    --secondary: #7C3AED;

    --text-primary: #FFFFFF;

    --text-secondary: #A1A1AA;

    --cta-gradient: linear-gradient(90deg, #00F5A0, #7C3AED);

    --container: 1200px;

    --header-h: 80px;

    --header-h-mobile: 70px;

    --glass: rgba(255, 255, 255, 0.03);

}



* {

    box-sizing: border-box;

    outline: none;

}



html {

    scroll-behavior: smooth;

    /* Стилізація скролбару для сучасних браузерів */

    scrollbar-width: thin;

    scrollbar-color: var(--accent) var(--bg-body);

    margin-top: 0 !important; /* Фікс відступу від WP Admin Bar */

}



/* Скролбар для Chrome/Safari */

::-webkit-scrollbar { width: 8px; }

::-webkit-scrollbar-track { background: var(--bg-body); }

::-webkit-scrollbar-thumb { 

    background: #1f2937; 

    border-radius: 10px; 

}

::-webkit-scrollbar-thumb:hover { background: var(--accent); }



body {

    background-color: var(--bg-body);

    color: var(--text-primary);

    font-family: 'Inter', sans-serif;

    margin: 0;

    padding: 0;

    line-height: 1.6;

    overflow-x: hidden;

    -webkit-font-smoothing: antialiased;

}



/* 2. Layout */

.container, .ch-container {

    max-width: var(--container);

    margin: 0 auto;

    padding: 0 20px;

}



a {

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    color: inherit;

    text-decoration: none;

}



/* 3. Header & Nav */

.ch-header {

    position: fixed !important;

    top: 0; left: 0; width: 100%;

    height: var(--header-h);

    background: rgba(11, 15, 26, 0.85);

    backdrop-filter: blur(12px);

    -webkit-backdrop-filter: blur(12px);

    z-index: 999999 !important;

    display: flex;

    align-items: center;

    border-bottom: 1px solid rgba(255, 255, 255, 0.05);

    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

}



.ch-header.scrolled {

    height: 65px;

    background: rgba(11, 15, 26, 0.98);

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);

}



.ch-logo {

    font-family: 'Montserrat', sans-serif;

    font-size: 24px;

    font-weight: 800;

    letter-spacing: -1px;

    text-transform: uppercase;

}

.ch-logo span { color: var(--accent); }



.ch-nav-desktop { display: flex; gap: 25px; }



.ch-nav-link {

    font-size: 13px;

    font-weight: 600;

    color: var(--text-secondary);

    text-transform: uppercase;

    letter-spacing: 0.5px;

    position: relative;

    padding: 5px 0;

}



.ch-nav-link::after {

    content: '';

    position: absolute;

    bottom: 0; left: 0; width: 0;

    height: 2px;

    background: var(--accent);

    transition: width 0.3s ease;

}



.ch-nav-link:hover::after, 

.ch-nav-link.active::after { width: 100%; }



.ch-nav-link:hover, .ch-nav-link.active { color: #fff; }



/* 4. Footer */

.ch-footer {

    position: relative;

    background: var(--bg-body);

    padding: 60px 0 40px;

    border-top: 1px solid rgba(255, 255, 255, 0.05);

}



.ch-footer-line {

    position: absolute;

    top: 0; left: 0; width: 100%; height: 1px;

    background: linear-gradient(90deg, transparent, var(--accent), transparent);

    opacity: 0.3;

}



.ch-footer-content {

    display: grid;

    grid-template-columns: 1.2fr 2fr 1.2fr;

    gap: 40px;

    align-items: center;

}



.ch-footer-nav {

    display: flex;

    justify-content: center;

    gap: 20px;

    flex-wrap: wrap;

}



.ch-footer-nav a:hover { color: var(--accent); }



.ch-18 {

    display: inline-block;

    color: #ff4d4d;

    font-weight: 800;

    padding: 1px 6px;

    border: 1px solid rgba(255, 77, 77, 0.3);

    border-radius: 4px;

}



/* 5. Mobile Menu & Burger */

.ch-burger {

    display: none;

    border: none;

    background: none;

    padding: 10px;

    cursor: pointer;

    z-index: 1000001 !important;

}



.ch-burger .line {

    display: block;

    width: 26px; height: 2px;

    margin: 6px 0;

    background-color: #fff;

    transition: 0.3s;

}



.ch-mobile-menu {

    position: fixed;

    inset: 0;

    background: var(--bg-body);

    z-index: 1000000 !important;

    display: none;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    opacity: 0;

    transition: 0.3s ease;

}



.ch-mobile-menu.active {

    display: flex;

    opacity: 1;

}



/* 6. WP Clean Up & Hero Fix */

.entry-content, .site-main { 

    width: 100%; 

    max-width: none !important; 

    margin: 0 !important; 

    padding: 0 !important; 

}



/* ВИДАЛЯЄМО ЛІНІЮ / ВІДСТУП ЗВЕРХУ */

.content-wrapper > *:first-child,

.entry-content > *:first-child {

    margin-top: 0 !important;

    padding-top: 0 !important;

}



/* 7. Responsive Fixes */

@media (max-width: 992px) {

    .ch-nav-desktop { display: none; }

    .ch-burger { display: block; }

    .ch-footer-content {

        grid-template-columns: 1fr;

        text-align: center;

    }

}



/* 8. Системні фікси WordPress */

#wpadminbar { display: none !important; }

.admin-bar .ch-header { top: 0 !important; }