/*
Theme Name: Niriv
Description: A custom WordPress theme for Niriv, Nepal's premier search engine. Features modern design with search functionality, responsive layout, and integrated services.
Version: 1.0
Author: Niriv Team
Author URI: https://www.niriv.com
Theme URI: https://www.niriv.com
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: niriv-theme
Tags: search-engine, responsive, modern, nepal, custom-header, custom-menu, featured-images, threaded-comments, translation-ready
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
*/

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700;800&family=Work+Sans:wght@300;400;500;600;700&display=swap');

/* ===========================================
   Global Scrollbar Hiding - Start
   =========================================== */
/* Hide scrollbar for all elements */
* {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}

/* Hide scrollbar for Webkit browsers (Chrome, Safari, etc.) */
*::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    height: 0 !important;
    background: transparent;
}

/* Base HTML and Body Styles */
html {
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    background-color: #edf0f4 !important;
}

/* Reset all background colors for body and main containers */
body,
body.page-template-default,
body.page-template-template-fullwidth,
body.page-template-page-newhome,
body.single,
body.archive,
body.blog,
body.search,
body.error404,
body.page-template-*,
#page,
#main-content,
.site-content,
.entry-content,
.wp-site-blocks,
.wp-block-template-part,
main,
.home,
.front-page,
.wp-singular {
    background-color: #edf0f4 !important;
    min-height: 100vh;
    margin: 0;
    padding: 0;
}

/* Main content wrapper */
#main-content {
    background-color: transparent !important;
}

/* Reset background for full-width sections and containers */
.wp-block-cover,
.wp-block-group,
.wp-block-template-part,
.site-content .container,
.entry-content > *:not(.alignfull) {
    background-color: transparent !important;
}

/* Ensure content areas with white background maintain their style */
.masonry-card,
.bg-white,
.custom-shadow,
.widget,
footer,
footer *:not([style*="background-color:"]):not([class*="bg-"]):not(a) {
    background-color: #ffffff !important;
}

/* Ensure footer maintains white background */
footer,
#colophon,
.site-footer,
.footer-widgets,
.footer-widgets *:not(a) {
    background-color: #ffffff !important;
}

/* Override any inline styles that might be setting background colors */
[style*="background-color:"] {
    background-color: transparent !important;
}

/* Specific overrides for common elements */
.entry,
.entry-header,
.entry-content,
.entry-footer,
.comments-area,
.widget-area {
    background-color: transparent !important;
}

/* Ensure content areas are properly spaced */
.site-main {
    background-color: transparent !important;
    padding: 1rem 0;
}

/* Hide scrollbar for specific elements */
.overflow-auto,
.overflow-x-auto,
.overflow-y-auto,
.overflow-scroll,
.overflow-x-scroll,
.overflow-y-scroll,
.scrollbar-hide,
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.overflow-auto::-webkit-scrollbar,
.overflow-x-auto::-webkit-scrollbar,
.overflow-y-auto::-webkit-scrollbar,
.overflow-scroll::-webkit-scrollbar,
.overflow-x-scroll::-webkit-scrollbar,
.overflow-y-scroll::-webkit-scrollbar,
.scrollbar-hide::-webkit-scrollbar,
.no-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    height: 0 !important;
}

/* ===========================================
   Global Scrollbar Hiding - End
   =========================================== */


/* Featured images should have no border radius */
.wp-post-image {
    border-radius: 0 !important;
}

/* Keyframe Animations */
@keyframes bounce-slow {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

.animate-bounce-slow {
    animation: bounce-slow 2s infinite;
}

/* Universal Font Family */
* {
    font-family: 'Work Sans', sans-serif;
}

/* Headings Font Family */
h1, h2, h3, h4, h5, h6,
.section-heading,
.horoscope-title,
.press-content h1,
.press-content h2,
.press-content h3 {
    font-family: 'Urbanist', sans-serif;
}

/* Header Shadow - Subtle shadow for header bottom, excluding new home page */
header:not(.new-home-header) {
    position: relative;
}

header:not(.new-home-header)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.08) 50%, transparent 100%);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

/* New home page header - no shadow */
.new-home-header {
    box-shadow: none;
}

.new-home-header::after {
    display: none;
}

/* Base Styles */
body {
    font-family: 'Work Sans', sans-serif;
    background-color: #f5f6fa;
    overflow-y: scroll; /* Ensure vertical scrolling is enabled */
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Urbanist', sans-serif;
}

/* Search page styles */
.search-shadow { 
    box-shadow: 0 8px 30px rgba(0,0,0,.07); 
}

.search-input { 
    border: none; 
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); 
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.search-input:focus { 
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08),
                0 10px 25px -5px rgba(0, 0, 0, 0.15), 
                0 4px 6px -2px rgba(0, 0, 0, 0.08);
    transform: scale(1.01);
}

.search-category-btn {
    transition: all 0.2s ease-in-out;
}

.search-category-btn:hover {
    background-color: #e5e7eb;
    transform: translateY(-1px);
}

.search-category-btn.active { 
    background-color: #1847ea; 
    color: white; 
    box-shadow: 0 2px 6px rgba(24,71,234,.25); 
}

.search-category-btn.active:hover {
    background-color: #2563eb;
}

.fade-in {
    animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.grid-masonry {
    columns: 2;
    column-gap: 1rem;
}

@media (min-width: 768px) { 
    .grid-masonry { columns: 3; } 
}

@media (min-width: 1024px) { 
    .grid-masonry { columns: 4; } 
}

.masonry-item {
    break-inside: avoid;
    margin-bottom: 1rem;
}

.search-tab.active { 
    background-color: #eaf0ff; 
    color: #1847ea; 
    border: 1px solid #d6e0ff; 
}

.no-scrollbar::-webkit-scrollbar { 
    display: none; 
}

.no-scrollbar { 
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}

/* Styles for Carousels */
.carousel-container {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 1rem;
    padding-bottom: 1rem;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.carousel-container::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.carousel-item {
    flex: 0 0 auto;
    scroll-snap-align: start;
}

/* Image Modal styles */
#modal-thumbnails-container::-webkit-scrollbar {
    display: none;
}

.modal-thumbnail.active {
    border-color: #3b82f6;
    opacity: 1;
}

.border-white {
    --tw-border-opacity: 1;
    border-color: #ffffff !important;
}

.hover\:border-purple-200:hover {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / 0.5) !important;
}
.border-2 {
    border-width: 1.5px !important;
}

.max-w-3xl {
    max-width: 35rem !important;
}

.text-purple-700 {
    --tw-text-opacity: 1;
    color: #1847ea !important;
}

.group:hover .group-hover\:text-purple-700 {
    --tw-text-opacity: 1;
    color: #1847ea !important;
}

.bg-purple-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(24, 71, 234, 0.12) !important;
}

/* Custom Scrollbar */
.scrollbar-hide {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;  /* Chrome, Safari and Opera */
}

.scroll-smooth {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

/* Sticky Sidebar Styles */
.sticky-sidebar {
    position: sticky;
    top: 2rem;
    height: fit-content;
    max-height: calc(100vh - 4rem);
    overflow-y: auto;
}

.sticky-sidebar::-webkit-scrollbar {
    width: 4px;
}

.sticky-sidebar::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 2px;
}

.sticky-sidebar::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 2px;
}

.sticky-sidebar::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.25);
}

/* Responsive sticky sidebar */
@media (max-width: 1024px) {
    .sticky-sidebar {
        position: relative;
        top: auto;
        height: auto;
        max-height: none;
        overflow-y: visible;
    }
}

/* Sidebar container for profile pages */
.profile-sidebar {
    background: #ffffff;
    border-radius: 0.5rem; /* 8px to match theme standard */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    transition: all 0.2s ease;
    overflow: hidden; /* Ensure consistent overflow handling */
}

.profile-sidebar:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Author sidebar specific styles */
.author-sidebar .author-stats-card {
    background: #ffffff;
    border-radius: 0.5rem; /* 8px to match theme standard */
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    margin-bottom: 1.5rem;
    overflow: hidden; /* Ensure consistent overflow handling */
}

.author-sidebar .stat-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f1f5f9;
}

.author-sidebar .stat-item:last-child {
    border-bottom: none;
}

.author-sidebar .stat-label {
    font-size: 0.875rem;
    color: #64748b;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.author-sidebar .stat-value {
    font-size: 0.9375rem;
    color: #0f172a;
    font-weight: 600;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* User profile sidebar specific styles */
.user-profile-sidebar .profile-quick-actions {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.user-profile-sidebar .quick-action-btn {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border-radius: 0.75rem;
    color: #334155;
    font-size: 0.9375rem;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid #e2e8f0;
}

.user-profile-sidebar .quick-action-btn:hover {
    background: #f1f5f9;
    transform: translateX(4px);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

/* Edit profile sidebar specific styles */
.edit-profile-sidebar .form-sections-nav {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.5rem;
}

.edit-profile-sidebar .form-section-link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    color: #475569;
    font-size: 0.9375rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    border-radius: 0.75rem;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    font-weight: 500;
}

.edit-profile-sidebar .form-section-link:hover {
    background: #f8fafc;
    color: #1e40af;
    padding-left: 1.25rem;
}

.edit-profile-sidebar .form-section-link.active {
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 600;
    border-left: 3px solid #1d4ed8;
}

/* Sidebar widget styles */
.sidebar-widget {
    margin-bottom: 1.75rem;
    background: #ffffff;
    border-radius: 0.5rem; /* 8px to match theme standard */
    padding: 1.5rem;
    border: 1px solid #e2e8f0;
}

.sidebar-widget:last-child {
    margin-bottom: 0;
}

.sidebar-widget-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #0f172a;
    padding-bottom: 0.75rem;
    margin-bottom: 1.25rem;
    border-bottom: 2px solid #f1f5f9;
    font-family: 'Urbanist', sans-serif;
}

/* Global scrollbar styles */
html {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}

/* Hide scrollbar for Chrome, Safari and Opera */
html::-webkit-scrollbar {
    display: none;
}

/* Sticky sidebar adjustments */
.sticky-sidebar {
    position: sticky;
    top: 1.5rem;
    max-height: calc(100vh - 3rem);
    overflow-y: auto;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.sticky-sidebar::-webkit-scrollbar {
    display: none;
}

/* Responsive adjustments */
@media (max-width: 1023px) {
    .sticky-sidebar {
        position: static;
        max-height: none;
    }
    
    .profile-sidebar {
        margin-top: 1.5rem;
    }
}

/* Responsive adjustments for sticky sidebars */
@media (max-width: 1024px) {
    .profile-sidebar {
        margin-bottom: 2rem;
    }
    
    .author-sidebar,
    .user-profile-sidebar,
    .edit-profile-sidebar {
        margin-bottom: 2rem;
    }
}

.ring-purple-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: #d6e0ff !important;
}

.custom-shadow {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .03);
}

.search-shadow {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.service-icon-shadow {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.rounded-lg {
    border-radius: 8px;
}

.rounded-2xl {
    border-radius: 8px;
}

.rounded-3xl {
    border-radius: 8px;
}

/* Scrollbar Styles */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Global scrollbar hiding - Hide scrollbars but keep scrolling functionality */
::-webkit-scrollbar {
    display: none;
}

* {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Hide both vertical and horizontal scrollbars */
::-webkit-scrollbar,
::-webkit-scrollbar:horizontal,
::-webkit-scrollbar:vertical {
    display: none;
}

/* Ensure all scrollable elements hide their scrollbars */
*[style*="overflow"]:not(.show-scrollbar)::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbars for elements with overflow properties */
*[style*="overflow-x"]::-webkit-scrollbar,
*[style*="overflow-y"]::-webkit-scrollbar {
    display: none;
}

*[style*="overflow-x"],
*[style*="overflow-y"] {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Hide scrollbars for elements with overflow classes */
[class*="overflow-x"]::-webkit-scrollbar,
[class*="overflow-y"]::-webkit-scrollbar {
    display: none;
}

[class*="overflow-x"],
[class*="overflow-y"] {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Ensure all potentially scrollable elements hide scrollbars */
[class*="scroll"]::-webkit-scrollbar,
[style*="scroll"]::-webkit-scrollbar {
    display: none;
}

[class*="scroll"],
[style*="scroll"] {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Hide scrollbars for cast container and its children */
#movie-cast-container::-webkit-scrollbar,
#movie-cast-container *::-webkit-scrollbar {
    display: none;
}

#movie-cast-container,
#movie-cast-container * {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Hide scrollbars for all elements within movie details container */
#movie-details-container *::-webkit-scrollbar {
    display: none;
}

#movie-details-container * {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Hide scrollbar for notification dropdown */
.max-h-96.overflow-y-auto::-webkit-scrollbar {
    display: none;
}

.max-h-96.overflow-y-auto {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Hide scrollbar for movie details content */
#movie-details-content.overflow-y-auto::-webkit-scrollbar {
    display: none;
}

#movie-details-content.overflow-y-auto {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Search Input Styles - Updated */

/* Logo Styles */
.n-logo {
    background: linear-gradient(135deg, var(--brand-color) 0%, #1239b8 100%);
}

.brand-gradient {
    background-image: linear-gradient(135deg, var(--brand-color) 0%, #1239b8 100%);
}

/* Hero Gradient */
.hero-gradient {
    background: linear-gradient(135deg, var(--brand-color) 0%, #1239b8 100%);
}

/* Homepage Header - Fixed to ensure full gradient without white mix */
.homepage-header {
    background: linear-gradient(135deg, var(--brand-color) 0%, #1239b8 100%);
}

/* Consistent Button Styles for Tools */
.tool-button {
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    font-weight: 500;
    transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tool-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06),
                0 8px 24px rgba(0, 0, 0, 0.04);
}

.tool-button-blue {
    background-color: #3b82f6;
    color: white;
}

.tool-button-blue:hover {
    background-color: #2563eb;
}

.tool-button-green {
    background-color: #10b981;
    color: white;
}

.tool-button-green:hover {
    background-color: #059669;
}

.tool-button-amber {
    background-color: #f59e0b;
    color: white;
}

.tool-button-amber:hover {
    background-color: #d97706;
}

.tool-button-orange {
    background-color: #f97316;
    color: white;
}

.tool-button-orange:hover {
    background-color: #ea580c;
}

.tool-button-purple {
    background-color: #8b5cf6;
    color: white;
}

.tool-button-purple:hover {
    background-color: #7c3aed;
}

.tool-button-pink {
    background-color: #ec4899;
    color: white;
}

.tool-button-pink:hover {
    background-color: #db2777;
}

.tool-button-indigo {
    background-color: #6366f1;
    color: white;
}

.tool-button-indigo:hover {
    background-color: #4f46e5;
}

.tool-button-cyan {
    background-color: #06b6d4;
    color: white;
}

.tool-button-cyan:hover {
    background-color: #0891b2;
}

.tool-button-fuchsia {
    background-color: #d946ef;
    color: white;
}

.tool-button-fuchsia:hover {
    background-color: #c026d3;
}

.tool-button-red {
    background-color: #ef4444;
    color: white;
}

.tool-button-red:hover {
    background-color: #dc2626;
}

.tool-button-gray {
    background-color: #6b7280;
    color: white;
}

.tool-button-gray:hover {
    background-color: #4b5563;
}

/* Card Styles */
.card-bg-image {
    background-size: cover;
    background-position: center;
}

.card-hover-effect {
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 
                0 4px 8px rgba(0, 0, 0, 0.03);
}

.card-hover-effect:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08),
                0 12px 32px rgba(0, 0, 0, 0.05),
                0 24px 64px rgba(0, 0, 0, 0.03);
}

/* Search Category Buttons */
.search-category-btn {
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.search-category-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06),
                0 8px 24px rgba(0, 0, 0, 0.04);
}

/* Custom Shadow Utilities */
.custom-shadow {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 
                0 4px 8px rgba(0, 0, 0, 0.03);
}

.service-icon-shadow {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.n-logo {
    background: linear-gradient(135deg, var(--brand-color) 0%, #1239b8 100%);
}

.card-bg-image {
    background-size: cover;
    background-position: center;
}

.search-category-btn.active {
    background-color: var(--brand-color);
    color: white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* News Section */
.news-category-tab {
    transition: all 0.2s ease-in-out;
}

.news-category-tab.active {
    background-color: var(--brand-color);
    color: white;
}

.bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: #4f46e5 !important;
}

.search-overlay {
    transition: transform 0.3s ease-in-out;
}

.preview-notice {
    font-family: 'Work Sans', sans-serif;
    background: linear-gradient(90deg, #4f46e5, #818cf8, #a78bfa, #4f46e5);
    background-size: 200% 100%;
    animation: gradient-animation 5s linear infinite;
    color: white;
    text-align: center;
    padding: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.brand-gradient { 
    background-image: linear-gradient(135deg, var(--brand-color) 0%, #1239b8 100%); 
}

@keyframes gradient-animation {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}



/* Gemini AI Feature Styles */
.gemini-modal {
    transition: opacity 0.3s ease-in-out;
}

.gemini-modal-content {
    transform: scale(0.95);
    opacity: 0;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s;
}

.gemini-modal.active .gemini-modal-content {
    transform: scale(1);
    opacity: 1;
}

.chat-bubble-user {
    font-family: 'Work Sans', sans-serif;
    background-color: #1847ea;
    color: white;
}

.chat-bubble-ai {
    font-family: 'Work Sans', sans-serif;
    background-color: #e5e7eb;
    color: #1f2937;
}

.gemini-loader div {
    animation: gemini-bouncedelay 1.4s infinite ease-in-out both;
}

.gemini-loader .bounce1 { 
    animation-delay: -0.32s; 
}

.gemini-loader .bounce2 { 
    animation-delay: -0.16s; 
}

@keyframes gemini-bouncedelay {
    0%, 80%, 100% { 
        transform: scale(0); 
    }
    40% { 
        transform: scale(1.0); 
    }
}

/* Autocomplete */
.autocomplete-selected {
    background-color: #eef2ff;
}

/* Responsive Sidebar */
@media (max-width: 768px) {
    #sidebar {
        width: 100%;
    }
}

/* Background Colors */
.bg-\[\#eef2f9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(238 242 249 / var(--tw-bg-opacity, 1));
}

.search-category-btn.active {
    background-color: #1847ea;
    color: white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* News Category Tabs */
.news-category-tab {
    transition: all 0.2s ease-in-out;
}

.news-category-tab.active {
    background-color: #1847ea;
    color: white;
}

/* Purple Background Override */
.bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: #4f46e5 !important;
}

/* Search Overlay */
.search-overlay {
    transition: transform 0.3s ease-in-out;
}

/* Preview Notice */
.preview-notice {
    font-family: 'Fira Sans', sans-serif;
    background: linear-gradient(90deg, #4f46e5, #818cf8, #a78bfa, #4f46e5);
    background-size: 200% 100%;
    animation: gradient-animation 5s linear infinite;
    color: white;
    text-align: center;
    padding: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
}

@keyframes gradient-animation {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}



/* Gemini AI Feature Styles */
.gemini-modal {
    transition: opacity 0.3s ease-in-out;
}

.gemini-modal-content {
    transform: scale(0.95);
    opacity: 0;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s;
}

.gemini-modal.active .gemini-modal-content {
    transform: scale(1);
    opacity: 1;
}

.chat-bubble-user {
    font-family: 'Fira Sans', sans-serif;
    background-color: #1847ea;
    color: white;
}

.chat-bubble-ai {
    font-family: 'Fira Sans', sans-serif;
    background-color: #e5e7eb;
    color: #1f2937;
}

.gemini-loader div {
    animation: gemini-bouncedelay 1.4s infinite ease-in-out both;
}

.gemini-loader .bounce1 { 
    animation-delay: -0.32s; 
}

.gemini-loader .bounce2 { 
    animation-delay: -0.16s; 
}

@keyframes gemini-bouncedelay {
    0%, 80%, 100% { 
        transform: scale(0); 
    }
    40% { 
        transform: scale(1.0); 
    }
}

/* Autocomplete */
.autocomplete-selected {
    background-color: #eef2ff;
}

/* Privacy Content Styles */
.privacy-content h2, .privacy-content h3 {
    font-family: 'Fira Sans', sans-serif;
}

.privacy-content h2 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: #1f2937;
}

.privacy-content h3 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: #111827;
}

.privacy-content p, .privacy-content li {
    font-family: 'Fira Sans', sans-serif;
    color: #4b5563;
    line-height: 1.75;
}

.privacy-content ul {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin-bottom: 1.5rem;
}

.privacy-content li {
    margin-bottom: 0.5rem;
}

.privacy-content a {
    color: #1847ea;
    text-decoration: underline;
}

/* Press Content Styles */
.press-content h2, .press-content h3 {
    font-family: 'Fira Sans', sans-serif;
}

.press-content h2 {
    font-size: 1.875rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: #1f2937;
}

.press-content h3 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    color: #111827;
}

.press-content p, .press-content li {
    font-family: 'Work Sans', sans-serif;
    color: #4b5563;
    line-height: 1.75;
}

.press-content ul {
    list-style-type: none;
    padding-left: 0;
}

.press-content li {
    margin-bottom: 0.75rem;
    display: flex;
    align-items: flex-start;
}

.press-content li svg {
    flex-shrink: 0;
    margin-right: 0.75rem;
    margin-top: 5px;
    color: #16a34a;
}

.card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px -5px rgba(0,0,0,0.1);
}

/* Section Heading Styles */
.section-heading {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-heading i {
    color: #1847ea;
}

/* Consistent Container Styles */
.consistent-container {
    background-color: white;
    border-radius: 16px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
    padding: 1.5rem;
}

/* WordPress Specific Styles */
.wp-block-group {
    margin-bottom: 2rem;
}

.wp-block-image {
    margin-bottom: 1rem;
}

.wp-block-quote {
    border-left: 4px solid #1847ea;
    padding-left: 1rem;
    margin: 1.5rem 0;
    font-style: italic;
}

/* Post Content Styles */
.post-content {
    font-family: 'Fira Sans', sans-serif;
    line-height: 1.75;
    color: #4b5563;
}

.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
    color: #1f2937;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.post-content p {
    font-family: 'Fira Sans', sans-serif;
    margin-bottom: 1.5rem;
}

.post-content ul, .post-content ol {
    margin-bottom: 1.5rem;
    padding-left: 2rem;
}

.post-content li {
    font-family: 'Fira Sans', sans-serif;
    margin-bottom: 0.5rem;
}

.post-content a {
    color: #1847ea;
    text-decoration: underline;
}

.post-content a:hover {
    color: #1d4ed8;
}

/* Category and Tag Styles */
.category-header, .tag-header {
    background: linear-gradient(135deg, #1847ea 0%, #1239b8 100%);
    color: white;
    padding: 3rem 0;
    text-align: center;
}

.post-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

.post-card {
    background: white;
    border-radius: 0.75rem;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.post-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.post-card-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.post-card-content {
    padding: 1.5rem;
}

.post-card-title {
    font-family: 'Fira Sans', sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 0.75rem;
    line-height: 1.4;
}

.post-card-excerpt {
    font-family: 'Fira Sans', sans-serif;
    color: #6b7280;
    line-height: 1.6;
    margin-bottom: 1rem;
}

.post-card-meta {
    font-family: 'Fira Sans', sans-serif;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
    color: #9ca3af;
}

.post-card-date {
    margin-right: auto;
}

.post-card-categories {
    display: flex;
    gap: 0.5rem;
}

.post-card-category {
    font-family: 'Fira Sans', sans-serif;
    background: #eef2ff;
    color: #1847ea;
    padding: 0.125rem 0.375rem;
    border-radius: 0.375rem;
    font-size: 0.625rem;
    font-weight: 400;
}

/* Responsive Design */
@media (max-width: 768px) {
    .post-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .hero-gradient {
        padding: 2rem 0;
    }
    
    .hero-gradient h1 {
        font-size: 2rem;
    }
    
    .rounded-2xl {
        border-radius: 12px;
    }
    
    .rounded-3xl {
        border-radius: 16px;
    }
}

.chip {
    background: white !important;
    color: #1847ea !important;
}

@media (max-width: 768px) {
    #sidebar {
        width: 100%;
    }
}
/* ===========================================
   Global Site Max-Width - Start
   =========================================== */
/* Site-wide max-width constraint */
.site-max-width {
   max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}

/* Override existing max-width values to use 1100px */
[style*="max-width: 1050px"] {
    max-width: 1050px !important;
}

/* Ensure all main content containers use the new max-width */
.container,
.w-full.mx-auto,
div[style*="max-width"] {
   max-width: 1050px !important;
}
/* ===========================================
   Global Site Max-Width - End
   =========================================== */
.text-purple-700 {
    --tw-text-opacity: 1;
    color: #1847ea !important;
}

.group:hover .group-hover\:text-purple-700 {
    --tw-text-opacity: 1;
    color: #1847ea !important;
}

.bg-purple-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(24, 71, 234, 0.12) !important;
}

/* Custom Scrollbar */
.scrollbar-hide {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;  /* Chrome, Safari and Opera */
}

.scroll-smooth {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

/* Sticky Sidebar Styles */
.sticky-sidebar {
    position: sticky;
    top: 2rem;
    height: fit-content;
    max-height: calc(100vh - 4rem);
    overflow-y: auto;
}

.sticky-sidebar::-webkit-scrollbar {
    width: 4px;
}

.sticky-sidebar::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 2px;
}

.sticky-sidebar::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 2px;
}

.sticky-sidebar::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.25);
}

/* Responsive sticky sidebar */
@media (max-width: 1024px) {
    .sticky-sidebar {
        position: relative;
        top: auto;
        height: auto;
        max-height: none;
        overflow-y: visible;
    }
}

/* Sidebar container for profile pages */
.profile-sidebar {
    background: #ffffff;
    border-radius: 0.5rem; /* 8px to match theme standard */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    transition: all 0.2s ease;
    overflow: hidden; /* Ensure consistent overflow handling */
}

.profile-sidebar:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Author sidebar specific styles */
.author-sidebar .author-stats-card {
    background: #ffffff;
    border-radius: 0.5rem; /* 8px to match theme standard */
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    margin-bottom: 1.5rem;
    overflow: hidden; /* Ensure consistent overflow handling */
}

.author-sidebar .stat-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f1f5f9;
}

.author-sidebar .stat-item:last-child {
    border-bottom: none;
}

.author-sidebar .stat-label {
    font-size: 0.875rem;
    color: #64748b;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.author-sidebar .stat-value {
    font-size: 0.9375rem;
    color: #0f172a;
    font-weight: 600;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* User profile sidebar specific styles */
.user-profile-sidebar .profile-quick-actions {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.user-profile-sidebar .quick-action-btn {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border-radius: 0.75rem;
    color: #334155;
    font-size: 0.9375rem;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid #e2e8f0;
}

.user-profile-sidebar .quick-action-btn:hover {
    background: #f1f5f9;
    transform: translateX(4px);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

/* Edit profile sidebar specific styles */
.edit-profile-sidebar .form-sections-nav {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.5rem;
}

.edit-profile-sidebar .form-section-link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    color: #475569;
    font-size: 0.9375rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    border-radius: 0.75rem;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    font-weight: 500;
}

.edit-profile-sidebar .form-section-link:hover {
    background: #f8fafc;
    color: #1e40af;
    padding-left: 1.25rem;
}

.edit-profile-sidebar .form-section-link.active {
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 600;
    border-left: 3px solid #1d4ed8;
}

/* Sidebar widget styles */
.sidebar-widget {
    margin-bottom: 1.75rem;
    background: #ffffff;
    border-radius: 0.5rem; /* 8px to match theme standard */
    padding: 1.5rem;
    border: 1px solid #e2e8f0;
}

.sidebar-widget:last-child {
    margin-bottom: 0;
}

.sidebar-widget-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #0f172a;
    padding-bottom: 0.75rem;
    margin-bottom: 1.25rem;
    border-bottom: 2px solid #f1f5f9;
    font-family: Fira sans, sans-serif;
}

/* Global scrollbar styles */
html {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}

/* Hide scrollbar for Chrome, Safari and Opera */
html::-webkit-scrollbar {
    display: none;
}

/* Sticky sidebar adjustments */
.sticky-sidebar {
    position: sticky;
    top: 1.5rem;
    max-height: calc(100vh - 3rem);
    overflow-y: auto;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.sticky-sidebar::-webkit-scrollbar {
    display: none;
}

/* Responsive adjustments */
@media (max-width: 1023px) {
    .sticky-sidebar {
        position: static;
        max-height: none;
    }
    
    .profile-sidebar {
        margin-top: 1.5rem;
    }
}

/* Responsive adjustments for sticky sidebars */
@media (max-width: 1024px) {
    .profile-sidebar {
        margin-bottom: 2rem;
    }
    
    .author-sidebar,
    .user-profile-sidebar,
    .edit-profile-sidebar {
        margin-bottom: 2rem;
    }
}

.ring-purple-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: #d6e0ff !important;
}

.custom-shadow {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .03);
}

.search-shadow {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.service-icon-shadow {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.rounded-lg {
    border-radius: 8px;
}

.rounded-2xl {
    border-radius: 8px;
}

.rounded-3xl {
    border-radius: 8px;
}

/* Scrollbar Styles */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Global scrollbar hiding - Hide scrollbars but keep scrolling functionality */
::-webkit-scrollbar {
    display: none;
}

* {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Hide both vertical and horizontal scrollbars */
::-webkit-scrollbar,
::-webkit-scrollbar:horizontal,
::-webkit-scrollbar:vertical {
    display: none;
}

/* Ensure all scrollable elements hide their scrollbars */
*[style*="overflow"]:not(.show-scrollbar)::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbars for elements with overflow properties */
*[style*="overflow-x"]::-webkit-scrollbar,
*[style*="overflow-y"]::-webkit-scrollbar {
    display: none;
}

*[style*="overflow-x"],
*[style*="overflow-y"] {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Hide scrollbars for elements with overflow classes */
[class*="overflow-x"]::-webkit-scrollbar,
[class*="overflow-y"]::-webkit-scrollbar {
    display: none;
}

[class*="overflow-x"],
[class*="overflow-y"] {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Ensure all potentially scrollable elements hide scrollbars */
[class*="scroll"]::-webkit-scrollbar,
[style*="scroll"]::-webkit-scrollbar {
    display: none;
}

[class*="scroll"],
[style*="scroll"] {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Hide scrollbars for cast container and its children */
#movie-cast-container::-webkit-scrollbar,
#movie-cast-container *::-webkit-scrollbar {
    display: none;
}

#movie-cast-container,
#movie-cast-container * {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Hide scrollbars for all elements within movie details container */
#movie-details-container *::-webkit-scrollbar {
    display: none;
}

#movie-details-container * {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Hide scrollbar for notification dropdown */
.max-h-96.overflow-y-auto::-webkit-scrollbar {
    display: none;
}

.max-h-96.overflow-y-auto {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Hide scrollbar for movie details content */
#movie-details-content.overflow-y-auto::-webkit-scrollbar {
    display: none;
}

#movie-details-content.overflow-y-auto {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Search Input Styles - Updated */

/* Logo Styles */
.n-logo {
    background: linear-gradient(135deg, var(--brand-color) 0%, #1239b8 100%);
}

.brand-gradient {
    background-image: linear-gradient(135deg, var(--brand-color) 0%, #1239b8 100%);
}

/* Hero Gradient */
.hero-gradient {
    background: linear-gradient(135deg, var(--brand-color) 0%, #1239b8 100%);
}

/* Homepage Header - Fixed to ensure full gradient without white mix */
.homepage-header {
    background: linear-gradient(135deg, var(--brand-color) 0%, #1239b8 100%);
}

/* Consistent Button Styles for Tools */
.tool-button {
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    font-weight: 500;
    transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tool-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06),
                0 8px 24px rgba(0, 0, 0, 0.04);
}

.tool-button-blue {
    background-color: #3b82f6;
    color: white;
}

.tool-button-blue:hover {
    background-color: #2563eb;
}

.tool-button-green {
    background-color: #10b981;
    color: white;
}

.tool-button-green:hover {
    background-color: #059669;
}

.tool-button-amber {
    background-color: #f59e0b;
    color: white;
}

.tool-button-amber:hover {
    background-color: #d97706;
}

.tool-button-orange {
    background-color: #f97316;
    color: white;
}

.tool-button-orange:hover {
    background-color: #ea580c;
}

.tool-button-purple {
    background-color: #8b5cf6;
    color: white;
}

.tool-button-purple:hover {
    background-color: #7c3aed;
}

.tool-button-pink {
    background-color: #ec4899;
    color: white;
}

.tool-button-pink:hover {
    background-color: #db2777;
}

.tool-button-indigo {
    background-color: #6366f1;
    color: white;
}

.tool-button-indigo:hover {
    background-color: #4f46e5;
}

.tool-button-cyan {
    background-color: #06b6d4;
    color: white;
}

.tool-button-cyan:hover {
    background-color: #0891b2;
}

.tool-button-fuchsia {
    background-color: #d946ef;
    color: white;
}

.tool-button-fuchsia:hover {
    background-color: #c026d3;
}

.tool-button-red {
    background-color: #ef4444;
    color: white;
}

.tool-button-red:hover {
    background-color: #dc2626;
}

.tool-button-gray {
    background-color: #6b7280;
    color: white;
}

.tool-button-gray:hover {
    background-color: #4b5563;
}

/* Card Styles */
.card-bg-image {
    background-size: cover;
    background-position: center;
}

.card-hover-effect {
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 
                0 4px 8px rgba(0, 0, 0, 0.03);
}

.card-hover-effect:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08),
                0 12px 32px rgba(0, 0, 0, 0.05),
                0 24px 64px rgba(0, 0, 0, 0.03);
}

/* Search Category Buttons */
.search-category-btn {
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.search-category-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06),
                0 8px 24px rgba(0, 0, 0, 0.04);
}

/* Custom Shadow Utilities */
.custom-shadow {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 
                0 4px 8px rgba(0, 0, 0, 0.03);
}

.service-icon-shadow {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.n-logo {
    background: linear-gradient(135deg, var(--brand-color) 0%, #1239b8 100%