/* Force Poppins Font Globally */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Prevent Horizontal Scroll */
html,
body {
    overflow-x: hidden !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

* {
    font-family: 'Poppins', sans-serif !important;
    box-sizing: border-box;
    /* Ensure padding doesn't add to width */
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a,
li,
button,
input,
textarea,
select {
    font-family: 'Poppins', sans-serif !important;

    /* Match the red header's weight */
    letter-spacing: 1px !important;
    /* Increased spacing for uppercase readability */
    font-style: normal !important;
    /* Prevent unwanted italics */
    /*text-transform: uppercase !important;*/
    /* Force uppercase globally */
}

/* Specific fix for headers to match the red header's vibe exactly */
h1,
h2,
h3,
h4,
h5,
h6,
.section-title-large {
    font-weight: 700 !important;
    /* Slightly bolder for headers but not too heavy */
    letter-spacing: 1.5px !important;
    /* Slightly more spacing for headers */
    text-transform: uppercase !important;
    /* The red header is uppercase, user might like that */
}

/* Header Elements Color Override */
.header .nav-item,
.header .action-btn,
.header .action-btn svg,
.header .menu-toggle span {
    color: var(--color-primary) !important;
    /* Black by default */
    stroke: var(--color-primary) !important;
    fill: none !important;
}

/* Fix Mobile Menu Toggle Spans (Lines) */
.header .menu-toggle span {
    background-color: var(--color-primary) !important;
    /* Force black lines */
}

/* Fix Mobile Menu Z-Index to be above Overlay */


/* Ensure hover states are also handled or distinct */
.header .nav-item:hover,
.header .action-btn:hover,
.header .nav-item.active,
/* Assuming active class exists or is added by JS/PHP */
.header .action-btn.active {
    color: var(--color-primary) !important;
    /* Ruby red on hover/active */
    stroke: var(--color-primary) !important;
}

/* Remove Slider Overlay */
.slide::after,
.slide::before {
    content: none !important;
    background: none !important;
    display: none !important;
    opacity: 0 !important;
}

.slide img {
    filter: none !important;
    opacity: 1 !important;
}

/* Script Style for Subtitles (Red Titles) */
.section-subtitle {
    font-family: 'Poppins', cursive !important;
    text-transform: none !important;
    /* Allow mixed case for script font */
    font-size: 24px !important;
    /* Larger size for script readability */
    font-weight: 400 !important;
    /* Script fonts usually don't need bold */
    letter-spacing: normal !important;
    transform: rotate(-5deg) !important;
    display: inline-block !important;
    /* Needed for rotation */
    margin-bottom: 10px !important;
}

/* Force Sticky Header */
.header.stick,
.sticky-bar.stick {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    background-color: #ffffff !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
    animation: slideDown 0.5s ease-in-out;
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0);
    }
}