/* General page styles */
.dropdown__list { max-height: 205px; }
.footer .social-menu { padding: 30px; }
.cookie-cursor-pointer { display: none; }
.pw-oop-bottom_rail { display: none !important; }
body[data-active-series="nhra"] .hero-nav-bar { z-index: unset; }
.cookie-text-sm {
    font-size: 1.4rem !important;
    line-height: 1.9rem !important;
}
.cookie-text-gray-600 {
    font-size: 1.4rem !important;
}
.cookie-cookie-btn {
        font-size: 1.4rem !important;
}
.cookie-text-lg {
    font-size: 1.6rem !important;
    line-height: 2rem !important;
}
.cookie-text-xl {
    font-size: 1.8rem !important;
    line-height: 2rem !important;
}
.cookie-max-w-6xl {
    max-width: 110rem !important;
}


/* --- MODAL OVERLAY FIX --- */
#cookieSettingsModal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    z-index: 2147483647 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1;
    visibility: visible;
}

#cookieSettingsModal.cookie-hidden {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* --- Utility classes --- */
.cookie-fixed { position: fixed; }
.cookie-inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
.cookie-inset-x-0 { left: 0; right: 0; }
.cookie-bottom-0 { bottom: 0; }
.cookie-right-0 { right: 0; }
.cookie-m-4 { margin: 1rem; }
.cookie-p-3 { padding: 0.75rem; }
.cookie-p-4 { padding: 1rem; }
.cookie-p-6 { padding: 1.5rem; }
.cookie-pt-4 { padding-top: 1rem; }
.cookie-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.cookie-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }

/* Flex Utilities */
.cookie-hidden { display: none !important; }
.cookie-flex { display: flex; }
.cookie-flex-col { flex-direction: column; }
.cookie-flex-row { flex-direction: row; }
.cookie-flex-grow { flex-grow: 1; }
.cookie-flex-shrink-0 { flex-shrink: 0; }
.cookie-items-center { align-items: center; }
.cookie-items-start { align-items: flex-start; }
.cookie-justify-between { justify-content: space-between; }
.cookie-justify-center { justify-content: center; }
.cookie-justify-end { justify-content: flex-end; }

/* Spacing Utilities */
.cookie-gap-2 { gap: 0.5rem; }
.cookie-gap-4 { gap: 1rem; }
.cookie-space-y-4 > * + * { margin-top: 1rem; }
.cookie-space-y-6 > * + * { margin-top: 1.5rem; }
.cookie-mr-3 { margin-right: 0.75rem; }
.cookie-pr-4 { padding-right: 1rem; }

/* Sizing Utilities */
.cookie-w-6 { width: 1.5rem; }
.cookie-h-6 { height: 1.5rem; }
.cookie-w-full { width: 100%; }
.cookie-w-auto { width: auto; }
.cookie-max-w-6xl { max-width: 72rem; }
.cookie-mx-auto { margin-left: auto; margin-right: auto; }
.cookie-mx-4 { margin-left: 1rem; margin-right: 1rem; }

/* --- UPDATED: Modal Width (Larger) --- */
/* Increased from 42rem to 54rem (~28% larger) */
.cookie-max-w-2xl { max-width: 54rem; } 

/* --- UPDATED: Toggle Switch Size (Larger) --- */
.cookie-w-14 { width: 4rem; } /* Was 3.5rem */
.cookie-h-8 { height: 2.25rem; } /* Was 2rem */

/* Layout Utilities */
.cookie-relative { position: relative; }
.cookie-absolute { position: absolute; }
.cookie-left-1 { left: 0.25rem; }
.cookie-top-1 { top: 0.25rem; }
.cookie-overflow-hidden { overflow: hidden; }
.cookie-overflow-y-auto { overflow-y: auto; }

/* Z-INDEX UTILITIES */
.cookie-z-max { z-index: 1000; } 
.cookie-z-50 { z-index: 50; }
.cookie-z-40 { z-index: 40; }

/* Colors */
.cookie-bg-gray-800 { background-color: #1f2937; }
.cookie-bg-gray-900 { background-color: #111827; }
.cookie-bg-gray-900\/75 { background-color: rgba(17, 24, 39, 0.75); }
.cookie-bg-white { background-color: #ffffff; }
.cookie-bg-black { background-color: #000000; }
.cookie-bg-opacity-50 { background-color: rgba(0, 0, 0, 0.5); }
.cookie-bg-gray-50 { background-color: #f9fafb; }
.cookie-bg-gray-300 { background-color: #d1d5db; }
.cookie-bg-indigo-50 { background-color: #eef2ff; }
.cookie-bg-green-600 { background-color: #16a34a; }
.cookie-bg-indigo-600 { background-color: #3b82f6; } 
.cookie-hover\:bg-indigo-700:hover { background-color: #2563eb; }

.cookie-text-white { color: #ffffff; }
.cookie-text-gray-400 { color: #9ca3af; }
.cookie-text-gray-500 { color: #6b7280; }
.cookie-text-gray-600 { color: #4b5563; }
.cookie-text-gray-700 { color: #374151; }
.cookie-text-gray-800 { color: #1f2937; }
.cookie-text-gray-900 { color: #111827; }
.cookie-text-indigo-400 { color: #818cf8; }
.cookie-text-indigo-600 { color: #4f46e5; }
.cookie-hover\:text-gray-600:hover { color: #4b5563; }
.cookie-hover\:text-gray-700:hover { color: #374151; }
.cookie-hover\:text-indigo-300:hover { color: #a5b4fc; }

/* --- UPDATED: Typography (Larger Fonts ~25% increase) --- */
.cookie-text-sm { font-size: 1.1rem; line-height: 1.5rem; } /* Was 0.875rem */
.cookie-text-lg { font-size: 1.35rem; line-height: 1.85rem; } /* Was 1.125rem */
.cookie-text-xl { font-size: 1.5rem; line-height: 2rem; } /* Was 1.25rem */
.cookie-text-2xl { font-size: 1.875rem; line-height: 2.25rem; } /* Was 1.5rem */

.cookie-font-medium { font-weight: 500; }
.cookie-font-semibold { font-weight: 600; }
.cookie-font-bold { font-weight: 700; }
.cookie-underline { text-decoration: underline; }

/* Borders & Rounded */
.cookie-rounded-md { border-radius: 0.375rem; }
.cookie-rounded-lg { border-radius: 0.5rem; }
.cookie-rounded-xl { border-radius: 0.75rem; }
.cookie-rounded-full { border-radius: 9999px; }
.cookie-border { border-width: 1px; }
.cookie-border-b { border-bottom-width: 1px; }
.cookie-border-t { border-top-width: 1px; }
.cookie-border-gray-200 { border-color: #e5e7eb; }
.cookie-border-indigo-300 { border-color: #a5b4fc; }

/* Shadows & Transitions */
.cookie-shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }
.cookie-shadow-xl { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }
.cookie-shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }
.cookie-cursor-pointer { cursor: pointer; }
.cookie-transition-colors { transition-property: background-color, border-color, color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.cookie-transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.cookie-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }

/* --- BUTTON STYLES (Larger) --- */
.cookie-cookie-btn {
    padding: 0.85rem 1.5rem; /* Increased padding for larger feel */
    border-radius: 0.5rem;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
    border: 1px solid transparent;
    font-size: 1.1rem; /* Increased font size */
}

.cookie-cookie-btn-primary, .cookie-cookie-btn-save {
    background-color: #10b981;
    color: #ffffff;
    border-color: #10b981;
}
.cookie-cookie-btn-primary:hover, .cookie-cookie-btn-save:hover {
    background-color: #059669;
    border-color: #059669;
}

.cookie-cookie-btn-settings {
    background-color: #3b82f6;
    color: #ffffff;
    border-color: #3b82f6;
}
.cookie-cookie-btn-settings:hover {
    background-color: #2563eb;
    border-color: #2563eb;
}

/* Responsive adjustments */
@media (min-width: 640px) {
    .cookie-sm\:flex-row { flex-direction: row; }
}
@media (min-width: 768px) {
    .cookie-md\:flex-row { flex-direction: row; }
    .cookie-md\:w-auto { width: auto; }
    .cookie-md\:items-center { align-items: center; }
}