/* ===================================
   BPTP Website Custom Styles
   Font + Colors ONLY (No layout changes)
   =================================== */

/* Font Import */
@font-face {
    font-family: 'Overused Grotesk';
    src: url('/fonts/OverusedGrotesk-Light.woff2') format('woff2'),
        url('/fonts/OverusedGrotesk-Light.woff') format('woff'),
        url('/fonts/OverusedGrotesk-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Overused Grotesk';
    src: url('/fonts/OverusedGrotesk-Light.woff2') format('woff2'),
        url('/fonts/OverusedGrotesk-Light.woff') format('woff'),
        url('/fonts/OverusedGrotesk-Light.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Overused Grotesk';
    src: url('/fonts/OverusedGrotesk-Light.woff2') format('woff2'),
        url('/fonts/OverusedGrotesk-Light.woff') format('woff'),
        url('/fonts/OverusedGrotesk-Light.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Overused Grotesk';
    src: url('/fonts/OverusedGrotesk-Light.woff2') format('woff2'),
        url('/fonts/OverusedGrotesk-Light.woff') format('woff'),
        url('/fonts/OverusedGrotesk-Light.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Overused Grotesk';
    src: url('/fonts/OverusedGrotesk-Light.woff2') format('woff2'),
        url('/fonts/OverusedGrotesk-Light.woff') format('woff'),
        url('/fonts/OverusedGrotesk-Light.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* CSS Variables */
:root {
    --base-color: #93D55C !important;
    --alt-font: 'Overused Grotesk', sans-serif;
    --primary-font: 'Overused Grotesk', sans-serif;
}

/* ===================================
   Font Family Override
   =================================== */
body,
h1, h2, h3, h4, h5, h6,
p, span, a, li, div,
.alt-font, .primary-font,
label, input, select, textarea, button,
.btn, .nav-link {
    font-family: 'Overused Grotesk', sans-serif !important;
}

/* ===================================
   Base Color = Green (#93D55C)
   =================================== */
.text-base-color { color: #93D55C !important; }
.bg-base-color { background-color: #93D55C !important; }
.bg-base-color-transparent { background-color: rgba(147, 213, 92, 0.1) !important; }
.border-base-color, .border-color-base-color { border-color: #93D55C !important; }
.hover-text-base-color:hover { color: #93D55C !important; }
.hover-bg-base-color:hover { background-color: #93D55C !important; }

/* BPTP Clubs - Green bg with white icons */
.bg-gradient-base-color-transparent {
    background: #93D55C !important;
}
.bg-gradient-base-color-transparent i,
.bg-gradient-base-color-transparent [class*="bi-"] {
    color: #FFFFFF !important;
}

/* ===================================
   Buttons
   =================================== */
.btn-base-color {
    background-color: #93D55C !important;
    border-color: #93D55C !important;
    color: #FFFFFF !important;
}
.btn-base-color:hover {
    background-color: #FFFFFF !important;
    color: #93D55C !important;
    border-color: #93D55C !important;
}

/* Header dark button */
.header-button .btn-transparent-white-light {
    background: #1A1A1A !important;
    color: #FFFFFF !important;
    border-color: #1A1A1A !important;
}

/* ===================================
   Navigation - White background
   =================================== */
header nav,
header .navbar,
.navbar,
.header-transparent,
.bg-transparent,
.glass-effect {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
}

.navbar-nav .nav-link {
    color: #1A1A1A !important;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: #93D55C !important;
}

/* ===================================
   Swiper Pagination
   =================================== */
.swiper-pagination-bullet-active {
    background: #93D55C !important;
}

/* ===================================
   Form Focus
   =================================== */
.form-control:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: #93D55C !important;
    box-shadow: 0 0 0 2px rgba(147, 213, 92, 0.15) !important;
}

/* ===================================
   Link Hover
   =================================== */
a:hover {
    color: #93D55C !important;
}

/* ===================================
   Selection
   =================================== */
::selection {
    background-color: #93D55C;
    color: #FFFFFF;
}

/* ===================================
   Headings Consistency
   =================================== */
h1, h2, h3, h4, h5, h6 {
    color: #1A1A1A;
    font-family: 'Overused Grotesk', sans-serif !important;
}

/* Section titles/subtitles consistency */
section h2, section h3 {
    font-weight: 600;
    letter-spacing: -0.5px;
}

section h2.fw-600, section h3.fw-600 {
    font-weight: 600 !important;
}

section h2.fw-700, section h3.fw-700 {
    font-weight: 700 !important;
}

/* Subtitle consistency */
.text-base-color.text-uppercase {
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 16px;
}

/* Card/Box headings */
.box-shadow-large h5,
.box-shadow-extra-large h5,
.hover-box h5 {
    font-weight: 700;
    color: #1A1A1A;
}

/* Button text consistency */
.btn {
    font-weight: 600;
    font-family: 'Overused Grotesk', sans-serif !important;
}

/* Navigation font weight */
.navbar-nav .nav-link {
    font-weight: 500;
}

/* Header buttons consistency */
.header-button .btn {
    font-weight: 600;
    font-size: 14px;
}