/*
Theme Name: Stand 4Card
Theme URI: 
Author: Agilstore
Author URI: 
Description: Kinetic Monolith theme for Stand 4Card
Version: 1.0
Text Domain: stand-4card
*/

html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
}

@media (max-width: 768px) {
    html {
        scroll-padding-top: 80px;
    }
}

html, body {
    overflow-x: hidden;
    width: 100%;
    position: relative;
}

body {
    background-color: #131313;
    color: #e5e2e1;
    font-family: 'Manrope', sans-serif;
}

.kinetic-monolith-gradient {
    background: linear-gradient(135deg, #e30613 0%, #8e1210 100%);
}

.text-stroke-2 {
    -webkit-text-stroke: 2px rgba(229, 226, 225, 0.2);
    color: transparent;
}

/* Hamburger Animation */
.burger-line {
    transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.burger-active .line-1 {
    transform: rotate(45deg) translate(6px, 6px);
}

.burger-active .line-2 {
    opacity: 0;
}

.burger-active .line-3 {
    transform: rotate(-45deg) translate(6px, -6px);
}

/* Full Screen Menu */
#mobile-menu {
    transition: all 0.6s cubic-bezier(0.85, 0, 0.15, 1);
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    width: 100vw;
}

#mobile-menu.menu-open {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

#page-curtain {
    position: fixed;
    inset: 0;
    background: #131313;
    z-index: 9999;
    pointer-events: none;
    animation: curtainUp 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    animation-delay: 0.2s;
}

body.has-anchor #page-curtain {
    display: none !important;
}

@keyframes curtainUp {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-100%);
    }
}

@media (max-width: 768px) {
    .py-16 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-32 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .mb-12,
    .mb-16,
    .mb-20 {
        margin-bottom: 1.5rem !important;
    }

    section {
        overflow: hidden;
        width: 100%;
    }
}

/* Custom Kinetic Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #0e0e0e;
}

::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border: 2px solid #0e0e0e;
}

::-webkit-scrollbar-thumb:hover {
    background: #e30613;
}

/* Archive Specific Styles */
.custom-select { position: relative; }
.select-options { border-top: 2px solid #e30613; }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Pagination Styles */
ul.page-numbers { display: flex; gap: 1rem; align-items: center; }
ul.page-numbers li a, ul.page-numbers li span {
    display: flex; align-items: center; justify-content: center;
    height: 3rem; min-width: 3rem; padding: 0 1rem;
    border: 1px solid rgba(255,255,255,0.1);
    font-family: 'Space Grotesk', sans-serif; font-size: 0.875rem; font-weight: 700;
    transition: 0.3s; color: #fff; text-transform: uppercase;
}
ul.page-numbers li span.current { background: #e30613; border-color: #e30613; }
ul.page-numbers li a:hover { border-color: #e30613; color: #e30613; }