img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
/**
 * Blog Over Theme - Color Variables
 * 
 * Professional color system using industry-standard Tailwind CSS palette.
 * Light mode is the default, dark mode overrides are defined below.
 * 
 * Color Palette Reference:
 * - Gray palette for text hierarchy
 * - Blue palette for links and accents
 * - Follows WCAG accessibility guidelines
 * 
 * @package Blog_Over
 */

/* =========================================
   ROOT VARIABLES (Light Mode - Default)
   ========================================= */
:root {
    /* ===== Brand Colors ===== */
    --blog-over-primary: #3b82f6;
    /* Blue 500 - Primary accent */
    --blog-over-primary-hover: #2563eb;
    /* Blue 600 - Primary hover */
    --blog-over-primary-light: #60a5fa;
    /* Blue 400 - Light variant */
    --blog-over-secondary: #1e40af;
    /* Blue 800 - Secondary */
    --blog-over-secondary-hover: #1d4ed8;
    /* Blue 700 - Secondary hover */
    --blog-over-accent: #8b5cf6;
    /* Violet 500 - Accent color */

    /* ===== Background Colors ===== */
    --blog-over-bg-body: #f9fafb;
    /* Gray 50 - Page background */
    --blog-over-bg-card: #ffffff;
    /* White - Card backgrounds */
    --blog-over-bg-widget: #ffffff;
    /* White - Widget backgrounds */
    --blog-over-bg-header: #1f2937;
    /* Gray 800 - Header background */
    --blog-over-bg-topbar: #111827;
    /* Gray 900 - Topbar background */
    --blog-over-bg-footer: #1f2937;
    /* Gray 800 - Footer background */
    --blog-over-bg-input: #f3f4f6;
    /* Gray 100 - Input backgrounds */
    --blog-over-bg-input-focus: #e5e7eb;
    /* Gray 200 - Input focus */
    --blog-over-bg-overlay: rgba(0, 0, 0, 0.5);
    --blog-over-bg-code: #f3f4f6;
    /* Gray 100 - Code blocks */

    /* ===== Text Colors - Professional Gray Hierarchy ===== */
    --blog-over-text-body: #374151;
    /* Gray 700 - Main body text */
    --blog-over-text-primary: #111827;
    /* Gray 900 - Headings & emphasis */
    --blog-over-text-secondary: #4b5563;
    /* Gray 600 - Subtitles, widget text */
    --blog-over-text-muted: #9ca3af;
    /* Gray 400 - Captions, dates, placeholders */
    --blog-over-text-inverse: #f9fafb;
    /* Gray 50 - Text on dark backgrounds */

    /* ===== Link Colors ===== */
    --blog-over-text-link: var(--blog-over-primary);
    /* Linked */
    --blog-over-text-link-hover: var(--blog-over-secondary);
    /* Linked */
    --blog-over-text-link-visited: #4f46e5;
    /* Indigo 600 - Visited links (optional) */

    /* ===== Heading Colors ===== */
    --blog-over-heading-color: #111827;
    /* Gray 900 - All headings */
    --blog-over-heading-inverse: #f9fafb;
    /* Gray 50 - Headings on dark bg */

    /* ===== Border Colors ===== */
    --blog-over-border-color: #e5e7eb;
    /* Gray 200 - Default borders */
    --blog-over-border-light: #f3f4f6;
    /* Gray 100 - Light borders */
    --blog-over-border-dark: #d1d5db;
    /* Gray 300 - Darker borders */
    --blog-over-border-focus: var(--blog-over-primary);
    /* Linked */

    /* ===== Shadow Definitions ===== */
    --blog-over-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --blog-over-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    --blog-over-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --blog-over-shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
    --blog-over-shadow-card: 0 4px 12px rgba(0, 0, 0, 0.04);
    --blog-over-shadow-focus: 0 0 0 3px rgba(59, 130, 246, 0.2);

    /* ===== Gradient Backgrounds ===== */
    --blog-over-gradient-primary: linear-gradient(135deg, var(--blog-over-primary), var(--blog-over-primary-hover));
    --blog-over-gradient-secondary: linear-gradient(135deg, var(--blog-over-secondary), var(--blog-over-secondary-hover));
    --blog-over-gradient-dark: linear-gradient(135deg, #1f2937, #111827);
    --blog-over-gradient-light: linear-gradient(135deg, #f9fafb, #e5e7eb);

    /* ===== Error/Alert Colors ===== */
    --blog-over-error: #ef4444;
    /* Red 500 - Error color */
    --blog-over-error-bg: #fef2f2;
    /* Red 50 - Error background */
    --blog-over-error-dark: #dc2626;
    /* Red 600 - Error hover */

    /* ===== Alias Variables (for backward compatibility) ===== */
    --blog-over-link-color: var(--blog-over-primary);
    /* Alias for primary link color */
    --blog-over-card-bg: var(--blog-over-bg-card);
    /* Alias for card background */

    /* ===== Category Badge Colors ===== */
    --blog-over-badge-bg: var(--blog-over-primary);
    /* Linked */
    --blog-over-badge-text: #ffffff;
    --blog-over-badge-hover-bg: var(--blog-over-secondary);
    /* Linked */

    /* ===== Button Colors ===== */
    --blog-over-btn-primary-bg: var(--blog-over-primary);
    /* Linked */
    --blog-over-btn-primary-text: #ffffff;
    --blog-over-btn-primary-hover-bg: var(--blog-over-secondary);
    /* Linked */
    --blog-over-btn-secondary-bg: #4b5563;
    /* Gray 600 */
    --blog-over-btn-secondary-text: #ffffff;

    /* ===== Widget Colors ===== */
    --blog-over-widget-bg: #ffffff;
    --blog-over-widget-title-bg: transparent;
    --blog-over-widget-title-color: #111827;
    /* Gray 900 */
    --blog-over-widget-border: #e5e7eb;
    /* Gray 200 */
    --blog-over-widget-text: #4b5563;
    /* Gray 600 */
    --blog-over-widget-link: #4b5563;
    /* Gray 600 - Widget links */
    --blog-over-widget-link-hover: var(--blog-over-primary);
    /* Linked */

    /* ===== Meta Colors ===== */
    --blog-over-meta-color: #6b7280;
    /* Gray 500 */
    --blog-over-meta-icon: #9ca3af;
    /* Gray 400 */
    --blog-over-meta-link: #6b7280;
    /* Gray 500 */
    --blog-over-meta-link-hover: var(--blog-over-primary);
    /* Linked */

    /* ===== Form Colors ===== */
    --blog-over-input-bg: #ffffff;
    --blog-over-input-border: #d1d5db;
    /* Gray 300 */
    --blog-over-input-text: #374151;
    /* Gray 700 */
    --blog-over-input-placeholder: #9ca3af;
    /* Gray 400 */

    /* ===== Table Colors ===== */
    --blog-over-table-header-bg: #f3f4f6;
    /* Gray 100 */
    --blog-over-table-border: #e5e7eb;
    /* Gray 200 */
    --blog-over-table-stripe: #f9fafb;
    /* Gray 50 */

    /* ===== Blockquote ===== */
    --blog-over-blockquote-bg: #f3f4f6;
    /* Gray 100 */
    --blog-over-blockquote-border: var(--blog-over-primary);
    /* Linked */
    --blog-over-blockquote-text: #4b5563;
    /* Gray 600 */

    /* ===== Breadcrumb ===== */
    --blog-over-breadcrumb-bg: linear-gradient(135deg, #f9fafb 0%, #e5e7eb 100%);
    --blog-over-breadcrumb-text: #6b7280;
    /* Gray 500 */
    --blog-over-breadcrumb-link: var(--blog-over-primary);
    /* Linked */
    --blog-over-breadcrumb-current: #111827;
    /* Gray 900 */
    --blog-over-breadcrumb-separator: #9ca3af;
    /* Gray 400 */

    /* ===== Page Header ===== */
    --blog-over-page-header-bg: #f3f4f6;
    /* Gray 100 - Light background for light skin */
    --blog-over-page-header-text: #111827;
    /* Gray 900 - Dark text for light skin */
    --blog-over-page-header-link: #3b82f6;
    /* Blue 500 - Link color */
    --blog-over-page-header-link-hover: #1e40af;
    /* Blue 800 - Link hover */

    /* ===== Sidebar ===== */
    --blog-over-sidebar-widget-bg: #ffffff;
    --blog-over-sidebar-title-color: #111827;
    /* Gray 900 */
    --blog-over-sidebar-text: #4b5563;
    /* Gray 600 */
    --blog-over-sidebar-link: #4b5563;
    /* Gray 600 */
    --blog-over-sidebar-link-hover: var(--blog-over-primary);
    /* Linked */

    /* ===== Comments ===== */
    --blog-over-comment-bg: #f9fafb;
    /* Gray 50 */
    --blog-over-comment-border: #e5e7eb;
    /* Gray 200 */
    --blog-over-comment-author: #111827;
    /* Gray 900 */
    --blog-over-comment-text: #374151;
    /* Gray 700 */
    --blog-over-comment-meta: #6b7280;
    /* Gray 500 */

    /* ===== Tags ===== */
    --blog-over-tag-bg: #f3f4f6;
    /* Gray 100 */
    --blog-over-tag-text: #4b5563;
    /* Gray 600 */
    --blog-over-tag-hover-bg: var(--blog-over-primary);
    /* Linked */
    --blog-over-tag-hover-text: #ffffff;

    /* ===== Share Buttons ===== */
    --blog-over-share-bg: #f3f4f6;
    /* Gray 100 */
    --blog-over-share-icon: #6b7280;
    /* Gray 500 */
    --blog-over-share-hover-bg: var(--blog-over-primary);
    /* Linked */
    --blog-over-share-hover-icon: #ffffff;

    /* ===== Author Box ===== */
    --blog-over-author-bg: #ffffff;
    --blog-over-author-border: #e5e7eb;
    /* Gray 200 */
    --blog-over-author-name: #111827;
    /* Gray 900 */
    --blog-over-author-bio: #4b5563;
    /* Gray 600 */
    --blog-over-author-link: var(--blog-over-primary);
    /* Linked */

    /* ===== Related Posts ===== */
    --blog-over-related-bg: #ffffff;
    --blog-over-related-border: #e5e7eb;
    /* Gray 200 */
    --blog-over-related-title: #111827;
    /* Gray 900 */
    --blog-over-related-meta: #6b7280;
    /* Gray 500 */

    /* ===== Post Navigation ===== */
    --blog-over-postnav-bg: #f9fafb;
    /* Gray 50 */
    --blog-over-postnav-border: #e5e7eb;
    /* Gray 200 */
    --blog-over-postnav-label: #6b7280;
    /* Gray 500 */
    --blog-over-postnav-title: #111827;
    /* Gray 900 */
    --blog-over-postnav-hover: var(--blog-over-primary);
    /* Linked */

    /* ===== Scroll to Top ===== */
    --blog-over-scroll-top-bg: var(--blog-over-primary);
    /* Linked */
    --blog-over-scroll-top-icon: #ffffff;

    /* ===== Mobile Menu ===== */
    --blog-over-mobile-menu-bg: #1f2937;
    /* Gray 800 */
    --blog-over-mobile-menu-text: #f9fafb;
    /* Gray 50 */
    --blog-over-mobile-menu-border: #374151;
    /* Gray 700 */
    --blog-over-mobile-menu-link: #e5e7eb;
    /* Gray 200 */
    --blog-over-mobile-menu-link-hover: var(--blog-over-primary-light);
    /* Linked */

    /* ===== Search Modal ===== */
    --blog-over-search-modal-bg: #ffffff;
    --blog-over-search-input-bg: #f3f4f6;
    /* Gray 100 */
    --blog-over-search-btn-bg: var(--blog-over-primary);
    /* Linked */

    /* ===== Navigation Menu ===== */
    --blog-over-nav-text: #f9fafb;
    /* Gray 50 - Menu links on dark header */
    --blog-over-nav-text-hover: var(--blog-over-primary-light);
    /* Linked */
    --blog-over-submenu-bg: #ffffff;
    --blog-over-submenu-text: #374151;
    /* Gray 700 */
    --blog-over-submenu-text-hover: var(--blog-over-primary);
    /* Linked */
    --blog-over-submenu-border: #e5e7eb;
    /* Gray 200 */

    /* ===== Footer ===== */
    --blog-over-footer-bg: #1f2937;
    /* Gray 800 */
    --blog-over-footer-text: #9ca3af;
    /* Gray 400 */
    --blog-over-footer-heading: #f9fafb;
    /* Gray 50 */
    --blog-over-footer-link: #9ca3af;
    /* Gray 400 */
    --blog-over-footer-link-hover: var(--blog-over-primary-light);
    /* Linked */
    --blog-over-footer-border: #374151;
    /* Gray 700 */

    /* ===== Post Cards ===== */
    --blog-over-card-title: #111827;
    /* Gray 900 */
    --blog-over-card-title-hover: var(--blog-over-primary);
    /* Linked */
    --blog-over-card-excerpt: #4b5563;
    /* Gray 600 */
    --blog-over-card-meta: #6b7280;
    /* Gray 500 */

    /* ===== Entry Content ===== */
    --blog-over-content-text: #374151;
    /* Gray 700 */
    --blog-over-content-heading: #111827;
    /* Gray 900 */
    --blog-over-content-link: var(--blog-over-primary);
    /* Linked */
    --blog-over-content-link-hover: var(--blog-over-secondary);
    /* Linked */

    /* ===== Spacing Scale ===== */
    --blog-over-space-0: 0;
    --blog-over-space-1: 0.25rem;
    /* 4px */
    --blog-over-space-2: 0.5rem;
    /* 8px */
    --blog-over-space-3: 0.75rem;
    /* 12px */
    --blog-over-space-4: 1rem;
    /* 16px */
    --blog-over-space-5: 1.25rem;
    /* 20px */
    --blog-over-space-6: 1.5rem;
    /* 24px */
    --blog-over-space-7: 1.75rem;
    /* 28px */
    --blog-over-space-8: 2rem;
    /* 32px */
    --blog-over-space-10: 2.5rem;
    /* 40px */
    --blog-over-space-12: 3rem;
    /* 48px */
    --blog-over-space-16: 4rem;
    /* 64px */

    /* ===== Typography Scale ===== */
    --blog-over-font-xs: 0.75rem;
    /* 12px */
    --blog-over-font-sm: 0.8125rem;
    /* 13px */
    --blog-over-font-base: 0.875rem;
    /* 14px */
    --blog-over-font-md: 0.9375rem;
    /* 15px */
    --blog-over-font-lg: 1rem;
    /* 16px */
    --blog-over-font-xl: 1.125rem;
    /* 18px */
    --blog-over-font-2xl: 1.25rem;
    /* 20px */
    --blog-over-font-3xl: 1.5rem;
    /* 24px */
    --blog-over-font-4xl: 1.875rem;
    /* 30px */
    --blog-over-font-5xl: 2.25rem;
    /* 36px */

    /* ===== Line Height Scale ===== */
    --blog-over-leading-tight: 1.25;
    --blog-over-leading-snug: 1.375;
    --blog-over-leading-normal: 1.5;
    --blog-over-leading-relaxed: 1.625;
    --blog-over-leading-loose: 2;

    /* ===== Transition Utilities ===== */
    --blog-over-transition-base: all 0.3s ease;
    --blog-over-transition-fast: all 0.2s ease;
    --blog-over-transition-slow: all 0.4s ease;
    --blog-over-transition-color: color 0.2s ease;
    --blog-over-transition-transform: transform 0.2s ease;
    --blog-over-transition-opacity: opacity 0.3s ease;
}

/* =========================================
   DARK MODE VARIABLE OVERRIDES
   Applied when body has .blog-over-dark-mode class
   ========================================= */
body.blog-over-dark-mode {
    /* ===== Background Colors ===== */
    --blog-over-bg-body: #111827;
    /* Gray 900 */
    --blog-over-bg-card: #1f2937;
    /* Gray 800 */
    --blog-over-bg-widget: #1f2937;
    /* Gray 800 */
    --blog-over-bg-header: #0f172a;
    /* Slate 900 */
    --blog-over-bg-topbar: #030712;
    /* Gray 950 */
    --blog-over-bg-footer: #0f172a;
    /* Slate 900 */
    --blog-over-bg-input: #1f2937;
    /* Gray 800 */
    --blog-over-bg-input-focus: #374151;
    /* Gray 700 */
    --blog-over-bg-overlay: rgba(0, 0, 0, 0.75);
    --blog-over-bg-code: #1f2937;
    /* Gray 800 */

    /* ===== Text Colors - Dark Mode Hierarchy ===== */
    --blog-over-text-body: #d1d5db;
    /* Gray 300 - Main body text */
    --blog-over-text-primary: #f9fafb;
    /* Gray 50 - Headings & emphasis */
    --blog-over-text-secondary: #9ca3af;
    /* Gray 400 - Subtitles */
    --blog-over-text-muted: #6b7280;
    /* Gray 500 - Captions, dates */
    --blog-over-text-inverse: #111827;
    /* Gray 900 - Text on light backgrounds */

    /* ===== Link Colors - Dark Mode ===== */
    --blog-over-text-link: #60a5fa;
    /* Blue 400 - Links */
    --blog-over-text-link-hover: #93c5fd;
    /* Blue 300 - Link hover */

    /* ===== Heading Colors ===== */
    --blog-over-heading-color: #f9fafb;
    /* Gray 50 */
    --blog-over-heading-inverse: #111827;
    /* Gray 900 */

    /* ===== Border Colors ===== */
    --blog-over-border-color: #374151;
    /* Gray 700 */
    --blog-over-border-light: #1f2937;
    /* Gray 800 */
    --blog-over-border-dark: #4b5563;
    /* Gray 600 */
    --blog-over-border-focus: #60a5fa;
    /* Blue 400 */

    /* ===== Shadow Definitions - Darker for dark mode ===== */
    --blog-over-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --blog-over-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
    --blog-over-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
    --blog-over-shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
    --blog-over-shadow-card: 0 4px 12px rgba(0, 0, 0, 0.25);
    --blog-over-shadow-focus: 0 0 0 3px rgba(37, 99, 235, 0.3);

    /* ===== Gradient Backgrounds ===== */
    --blog-over-gradient-primary: linear-gradient(135deg, #2563eb, #1d4ed8);
    --blog-over-gradient-secondary: linear-gradient(135deg, #1e40af, #1e3a8a);
    --blog-over-gradient-dark: linear-gradient(135deg, #111827, #030712);
    --blog-over-gradient-light: linear-gradient(135deg, #1f2937, #374151);

    /* ===== Error/Alert Colors (Dark Mode) ===== */
    --blog-over-error: #f87171;
    /* Red 400 */
    --blog-over-error-bg: #450a0a;
    /* Red 950 */
    --blog-over-error-dark: #ef4444;
    /* Red 500 */

    /* ===== Alias Variables (Dark Mode) ===== */
    --blog-over-link-color: var(--blog-over-primary-light);
    /* Lighter blue for dark mode links */
    --blog-over-card-bg: var(--blog-over-bg-card);
    /* Alias for card background */

    /* ===== Category Badge Colors ===== */
    --blog-over-badge-bg: #2563eb;
    /* Blue 600 */
    --blog-over-badge-hover-bg: #3b82f6;
    /* Blue 500 */

    /* ===== Button Colors ===== */
    --blog-over-btn-primary-bg: #2563eb;
    /* Blue 600 */
    --blog-over-btn-primary-hover-bg: #3b82f6;
    /* Blue 500 */

    /* ===== Widget Colors ===== */
    --blog-over-widget-bg: #1f2937;
    /* Gray 800 */
    --blog-over-widget-title-color: #f9fafb;
    /* Gray 50 */
    --blog-over-widget-border: #374151;
    /* Gray 700 */
    --blog-over-widget-text: #9ca3af;
    /* Gray 400 */
    --blog-over-widget-link: #9ca3af;
    /* Gray 400 */
    --blog-over-widget-link-hover: #60a5fa;
    /* Blue 400 */

    /* ===== Meta Colors ===== */
    --blog-over-meta-color: #9ca3af;
    /* Gray 400 */
    --blog-over-meta-icon: #6b7280;
    /* Gray 500 */
    --blog-over-meta-link: #9ca3af;
    /* Gray 400 */
    --blog-over-meta-link-hover: #60a5fa;
    /* Blue 400 */

    /* ===== Form Colors ===== */
    --blog-over-input-bg: #1f2937;
    /* Gray 800 */
    --blog-over-input-border: #374151;
    /* Gray 700 */
    --blog-over-input-text: #f9fafb;
    /* Gray 50 */
    --blog-over-input-placeholder: #6b7280;
    /* Gray 500 */

    /* ===== Table Colors ===== */
    --blog-over-table-header-bg: #1f2937;
    /* Gray 800 */
    --blog-over-table-border: #374151;
    /* Gray 700 */
    --blog-over-table-stripe: #111827;
    /* Gray 900 */

    /* ===== Blockquote ===== */
    --blog-over-blockquote-bg: #1f2937;
    /* Gray 800 */
    --blog-over-blockquote-border: #60a5fa;
    /* Blue 400 */
    --blog-over-blockquote-text: #9ca3af;
    /* Gray 400 */

    /* ===== Breadcrumb ===== */
    --blog-over-breadcrumb-bg: linear-gradient(135deg, #1f2937 0%, #111827 100%);
    --blog-over-breadcrumb-text: #9ca3af;
    /* Gray 400 */
    --blog-over-breadcrumb-link: #60a5fa;
    /* Blue 400 */
    --blog-over-breadcrumb-current: #f9fafb;
    /* Gray 50 */
    --blog-over-breadcrumb-separator: #6b7280;
    /* Gray 500 */

    /* ===== Page Header ===== */
    --blog-over-page-header-bg: #0f172a;
    /* Slate 900 - Dark background for dark skin */
    --blog-over-page-header-text: #f9fafb;
    /* Gray 50 - Light text for dark skin */
    --blog-over-page-header-link: #60a5fa;
    /* Blue 400 - Link color in dark mode */
    --blog-over-page-header-link-hover: #93c5fd;
    /* Blue 300 - Link hover in dark mode */

    /* ===== Sidebar ===== */
    --blog-over-sidebar-widget-bg: #1f2937;
    /* Gray 800 */
    --blog-over-sidebar-title-color: #f9fafb;
    /* Gray 50 */
    --blog-over-sidebar-text: #9ca3af;
    /* Gray 400 */
    --blog-over-sidebar-link: #9ca3af;
    /* Gray 400 */
    --blog-over-sidebar-link-hover: #60a5fa;
    /* Blue 400 */

    /* ===== Comments ===== */
    --blog-over-comment-bg: #1f2937;
    /* Gray 800 */
    --blog-over-comment-border: #374151;
    /* Gray 700 */
    --blog-over-comment-author: #f9fafb;
    /* Gray 50 */
    --blog-over-comment-text: #d1d5db;
    /* Gray 300 */
    --blog-over-comment-meta: #9ca3af;
    /* Gray 400 */

    /* ===== Tags ===== */
    --blog-over-tag-bg: #374151;
    /* Gray 700 */
    --blog-over-tag-text: #9ca3af;
    /* Gray 400 */
    --blog-over-tag-hover-bg: #60a5fa;
    /* Blue 400 */
    --blog-over-tag-hover-text: #111827;
    /* Gray 900 */

    /* ===== Share Buttons ===== */
    --blog-over-share-bg: #374151;
    /* Gray 700 */
    --blog-over-share-icon: #9ca3af;
    /* Gray 400 */
    --blog-over-share-hover-bg: #60a5fa;
    /* Blue 400 */
    --blog-over-share-hover-icon: #111827;
    /* Gray 900 */

    /* ===== Author Box ===== */
    --blog-over-author-bg: #1f2937;
    /* Gray 800 */
    --blog-over-author-border: #374151;
    /* Gray 700 */
    --blog-over-author-name: #f9fafb;
    /* Gray 50 */
    --blog-over-author-bio: #9ca3af;
    /* Gray 400 */
    --blog-over-author-link: #60a5fa;
    /* Blue 400 */

    /* ===== Related Posts ===== */
    --blog-over-related-bg: #1f2937;
    /* Gray 800 */
    --blog-over-related-border: #374151;
    /* Gray 700 */
    --blog-over-related-title: #f9fafb;
    /* Gray 50 */
    --blog-over-related-meta: #9ca3af;
    /* Gray 400 */

    /* ===== Post Navigation ===== */
    --blog-over-postnav-bg: #1f2937;
    /* Gray 800 */
    --blog-over-postnav-border: #374151;
    /* Gray 700 */
    --blog-over-postnav-label: #9ca3af;
    /* Gray 400 */
    --blog-over-postnav-title: #f9fafb;
    /* Gray 50 */
    --blog-over-postnav-hover: #60a5fa;
    /* Blue 400 */

    /* ===== Mobile Menu ===== */
    --blog-over-mobile-menu-link: #d1d5db;
    /* Gray 300 */
    --blog-over-mobile-menu-link-hover: #60a5fa;
    /* Blue 400 */

    /* ===== Search Modal ===== */
    --blog-over-search-modal-bg: #1f2937;
    /* Gray 800 */
    --blog-over-search-input-bg: #111827;
    /* Gray 900 */

    /* ===== Navigation Menu ===== */
    --blog-over-nav-text: #f9fafb;
    /* Gray 50 */
    --blog-over-nav-text-hover: #60a5fa;
    /* Blue 400 */
    --blog-over-submenu-bg: #1f2937;
    /* Gray 800 */
    --blog-over-submenu-text: #d1d5db;
    /* Gray 300 */
    --blog-over-submenu-text-hover: #60a5fa;
    /* Blue 400 */
    --blog-over-submenu-border: #374151;
    /* Gray 700 */

    /* ===== Footer ===== */
    --blog-over-footer-bg: #0f172a;
    /* Slate 900 */
    --blog-over-footer-text: #9ca3af;
    /* Gray 400 */
    --blog-over-footer-heading: #f9fafb;
    /* Gray 50 */
    --blog-over-footer-link: #9ca3af;
    /* Gray 400 */
    --blog-over-footer-link-hover: #60a5fa;
    /* Blue 400 */
    --blog-over-footer-border: #1f2937;
    /* Gray 800 */

    /* ===== Post Cards ===== */
    --blog-over-card-title: #f9fafb;
    /* Gray 50 */
    --blog-over-card-title-hover: #60a5fa;
    /* Blue 400 */
    --blog-over-card-excerpt: #9ca3af;
    /* Gray 400 */
    --blog-over-card-meta: #6b7280;
    /* Gray 500 */

    /* ===== Entry Content ===== */
    --blog-over-content-text: #d1d5db;
    /* Gray 300 */
    --blog-over-content-heading: #f9fafb;
    /* Gray 50 */
    --blog-over-content-link: #60a5fa;
    /* Blue 400 */
    --blog-over-content-link-hover: #93c5fd;
    /* Blue 300 */
}/*
Theme Name: Blog Over
Theme URI: https://awplife.com/wordpress-themes/blog-over/
Author: AwordPressLife
Author URI: http://awplife.com/
Description: Blog Over is a fast, modern, and highly customizable WordPress theme crafted for news websites, blogs, online magazines, and all types of content-driven platforms. Designed with performance, readability, and SEO in mind, it delivers a seamless user experience across all devices. This versatile theme is ideal for a wide range of categories including personal blogs, tech blogs, lifestyle blogs, fashion blogs, travel blogs, food blogs, business websites, finance blogs, crypto news platforms, affiliate websites, review blogs, educational websites, and multi-author publishing platforms. Blog Over comes with multiple layout options such as grid and masonry styles, allowing you to showcase content in a visually appealing and structured way. With a clean and minimal design, customizable typography, color controls, and optimized loading speed, it ensures better engagement and lower bounce rates. Built with SEO-friendly coding standards and mobile-first design, Blog Over helps your website rank higher on search engines while delivering a smooth browsing experience. It is fully compatible with popular plugins and easy to customize without coding knowledge. Whether you're a blogger, journalist, marketer, or content creator, Blog Over is the perfect solution to build a professional, scalable, and high-performing website. your perfect choice for building a powerful online presence, so don’t go astray.
Version: 0.0.5
Tested up to: 6.9
Requires PHP: 7.4
Tags: blog, news, custom-background, custom-colors, custom-header, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, translation-ready, block-styles, block-patterns
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: blog-over
*/

/* =========================================
   Reset & Base
   ========================================= */
*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: var(--blog-over-text-body);
    background-color: var(--blog-over-bg-body);
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    line-height: 1.3;
    color: var(--blog-over-heading-color);
    margin: 0 0 1rem;
}

a {
    color: var(--blog-over-text-link);
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover {
    color: var(--blog-over-text-link-hover);
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* =========================================
   Layout
   ========================================= */
.blog-over-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Full Width Container - for Blog Section Width = Full Width */
.blog-over-container.blog-over-container-wide {
    max-width: 100%;
    padding: 0 40px;
}

/* Page Content Width Options (Full-width layout only) */
.blog-over-container.content-width-narrow {
    max-width: 800px;
}

.blog-over-container.content-width-default {
    max-width: 1200px;
}

.blog-over-container.content-width-wide {
    max-width: 1400px;
}

.blog-over-container.content-width-full {
    max-width: 100%;
}

/* Container Style Options */
/* Default: Uses existing theme styling (boxed/card look) */
/* Unboxed: Removes background, shadows, borders, padding for clean transparent look */
.blog-over-container.container-style-unboxed .blog-over-content-wrapper,
.blog-over-container.container-style-unboxed .blog-over-main-content,
.blog-over-container.container-style-unboxed .blog-over-page-content {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}

/* Boxed: Keeps default boxed styling (same as Default since theme is already boxed) */

.blog-over-main-layout {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 30px;
    margin: 40px auto;
}

@media (max-width: 992px) {
    .blog-over-main-layout {
        grid-template-columns: 1fr;
    }
}

/* =========================================
   Content & Posts
   ========================================= */
.site-main {
    min-width: 0;
}

.blog-over-post-card {
    background: var(--blog-over-bg-card);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--blog-over-shadow-sm);
    margin-bottom: var(--blog-over-space-8);
    transition: transform 0.2s, box-shadow 0.2s;
}

.blog-over-post-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--blog-over-shadow-lg);
}

.blog-over-post-thumbnail img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.blog-over-post-content {
    padding: var(--blog-over-space-5);
}

.entry-title {
    font-size: var(--blog-over-font-2xl);
    margin-bottom: var(--blog-over-space-3);
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
}

.entry-title a {
    color: var(--blog-over-card-title);
}

.entry-title a:hover {
    color: var(--blog-over-card-title-hover);
}

.entry-summary {
    color: var(--blog-over-card-excerpt);
    font-size: var(--blog-over-font-md);
}

/* =========================================
   Sidebar
   ========================================= */
.blog-over-sidebar {
    min-width: 0;
    flex-basis: 30%;
    flex-shrink: 0;
}

/* Sticky Sidebar */
.blog-over-sticky-sidebar,
.blog-over-sidebar.blog-over-sticky-sidebar {
    position: sticky;
    /*top: 100px;*/
    align-self: flex-start;
}

/* Widget Base Styles */
.blog-over-sidebar .widget {
    width: 100%;
    background: var(--blog-over-widget-bg);
    padding: var(--blog-over-space-5);
    border-radius: 8px;
    margin-bottom: var(--blog-over-space-6);
    box-sizing: border-box;
}

/* Widget Style: Bordered */
.blog-over-widget-style-bordered .blog-over-sidebar .widget {
    border: 1px solid var(--blog-over-widget-border);
    box-shadow: none;
}

/* Widget Style: Shadowed */
.blog-over-widget-style-shadowed .blog-over-sidebar .widget {
    box-shadow: var(--blog-over-shadow-card);
}

.blog-over-widget-style-shadowed .blog-over-sidebar .widget:hover {
    box-shadow: var(--blog-over-shadow-lg);
}

/* Widget Style: Modern */
.blog-over-widget-style-modern .blog-over-sidebar .widget {
    border-left: 4px solid var(--blog-over-secondary, #3b82f6);
    border-radius: 0 8px 8px 0;
    box-shadow: var(--blog-over-shadow-md);
}

/* Widget Title Base */
.blog-over-sidebar .widget-title {
    font-size: var(--blog-over-font-xl);
    margin-bottom: var(--blog-over-space-4);
    padding-bottom: var(--blog-over-space-3);
    color: var(--blog-over-widget-title-color);
}

/* Widget Title Style: Default (with underline) */
.blog-over-widget-title-default .blog-over-sidebar .widget-title {
    border-bottom: 2px solid var(--blog-over-primary, #3b82f6);
}

/* Widget Title Style: Underline */
.blog-over-widget-title-underline .blog-over-sidebar .widget-title {
    border-bottom: 1px solid var(--blog-over-border-color);
    position: relative;
}

.blog-over-widget-title-underline .blog-over-sidebar .widget-title::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 50px;
    height: 3px;
    background: var(--blog-over-primary, #3b82f6);
}

/* Widget Title Style: Accent Bar */
.blog-over-widget-title-accent-bar .blog-over-sidebar .widget-title {
    border-bottom: none;
    padding-left: 15px;
    padding-bottom: 0;
    position: relative;
}

.blog-over-widget-title-accent-bar .blog-over-sidebar .widget-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--blog-over-primary, #3b82f6);
    border-radius: 2px;
}

/* Widget Title Style: Background Filled */
.blog-over-widget-title-background .blog-over-sidebar .widget-title {
    background: var(--blog-over-primary, #3b82f6);
    color: var(--blog-over-text-inverse);
    padding: var(--blog-over-space-3) var(--blog-over-space-4);
    margin: -20px -20px 20px;
    border-radius: 8px 8px 0 0;
    border-bottom: none;
}

/* Widget Title Style: Bordered Bottom */
.blog-over-widget-title-bordered .blog-over-sidebar .widget-title {
    border: 1px solid var(--blog-over-border-color);
    border-width: 0 0 2px 0;
    padding-bottom: 15px;
}

/* Widget Lists */
.blog-over-sidebar .widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.blog-over-sidebar .widget ul li {
    padding: var(--blog-over-space-3) 0;
    border-bottom: 1px solid var(--blog-over-border-light);
}

.blog-over-sidebar .widget ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.blog-over-sidebar .widget ul li a {
    color: var(--blog-over-widget-link);
    transition: color 0.2s;
    display: flex;
    align-items: center;
    gap: var(--blog-over-space-2);
}

.blog-over-sidebar .widget ul li a::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid var(--blog-over-primary, #3b82f6);
    margin-right: 8px;
    transition: transform 0.2s;
}

/* Exclude social icons and pagination from before icons */
.blog-over-sidebar .widget ul.wp-block-social-links li a::before,
.blog-over-sidebar .widget ul.social-icons li a::before,
.blog-over-sidebar .widget .nav-links a::before,
.blog-over-sidebar .widget .page-numbers::before,
.blog-over-sidebar .widget ul li a[href*="facebook"]::before,
.blog-over-sidebar .widget ul li a[href*="twitter"]::before,
.blog-over-sidebar .widget ul li a[href*="instagram"]::before,
.blog-over-sidebar .widget ul li a[href*="linkedin"]::before,
.blog-over-sidebar .widget ul li a[href*="youtube"]::before {
    display: none;
}

.blog-over-sidebar .widget ul.wp-block-social-links li a,
.blog-over-sidebar .widget ul.social-icons li a {
    display: inline-flex;
    gap: 0;
}

.blog-over-sidebar .widget ul li a:hover {
    color: var(--blog-over-primary, #3b82f6);
}

.blog-over-sidebar .widget ul li a:hover::before {
    transform: translateX(3px);
}

/* Widget Tag Cloud - Pills with variable sizing (popular tags bigger) */
.blog-over-sidebar .widget .tagcloud,
.blog-over-sidebar .widget.widget_tag_cloud .tagcloud {
    display: flex;
    flex-wrap: wrap;
    gap: var(--blog-over-space-3);
    align-items: baseline;
}

.blog-over-sidebar .widget .tagcloud a,
.blog-over-sidebar .widget.widget_tag_cloud a {
    display: inline-flex;
    align-items: center;
    padding: 0.1em 0.5em;
    background: var(--blog-over-tag-bg);
    color: var(--blog-over-tag-text);
    border-radius: 20px;
    transition: all 0.2s;
    text-decoration: none;
    border: 1px solid var(--blog-over-border-color);
    line-height: 1.2;
}

.blog-over-sidebar .widget .tagcloud a:hover,
.blog-over-sidebar .widget.widget_tag_cloud a:hover {
    background: var(--blog-over-tag-hover-bg);
    color: var(--blog-over-tag-hover-text);
    border-color: var(--blog-over-tag-hover-bg);
}

.blog-over-sidebar .widget .tagcloud a::before,
.blog-over-sidebar .widget.widget_tag_cloud a::before {
    display: none;
}

/* Calendar Widget */
.blog-over-sidebar .widget.widget_calendar,
.blog-over-sidebar .widget_calendar {
    padding: var(--blog-over-space-5);
}

.blog-over-sidebar .widget_calendar .wp-calendar-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--blog-over-space-4);
}

.blog-over-sidebar .widget_calendar .wp-calendar-nav a {
    color: var(--blog-over-primary);
    font-weight: 600;
}

.blog-over-sidebar .widget_calendar table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.blog-over-sidebar .widget_calendar caption {
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--blog-over-heading-color);
    padding-bottom: 12px;
    text-transform: capitalize;
}

.blog-over-sidebar .widget_calendar thead th {
    padding: 10px 5px;
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--blog-over-text-muted);
    text-transform: uppercase;
    border-bottom: 2px solid var(--blog-over-border-color);
}

.blog-over-sidebar .widget_calendar tbody td {
    padding: 10px 5px;
    font-size: 0.9rem;
    color: var(--blog-over-widget-text);
    border-bottom: 1px solid var(--blog-over-border-light);
}

.blog-over-sidebar .widget_calendar tbody td a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: var(--blog-over-primary);
    color: var(--blog-over-text-inverse);
    border-radius: 50%;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
}

.blog-over-sidebar .widget_calendar tbody td a::before {
    display: none;
}

.blog-over-sidebar .widget_calendar tbody td a:hover {
    background: var(--blog-over-secondary);
    transform: scale(1.1);
}

.blog-over-sidebar .widget_calendar tbody td#today {
    background: var(--blog-over-bg-input);
    font-weight: 700;
    color: var(--blog-over-primary);
}

.blog-over-sidebar .widget_calendar tfoot td {
    padding: 10px 5px;
}

.blog-over-sidebar .widget_calendar tfoot a {
    color: var(--blog-over-primary);
    font-weight: 500;
}

/* Sidebar Search Widget */
.blog-over-sidebar .widget_search form,
.blog-over-sidebar .widget_search .wp-block-search,
.blog-over-sidebar .wp-block-search {
    position: relative;
    display: flex;
    align-items: center;
}

.blog-over-sidebar .widget_search input[type="search"],
.blog-over-sidebar .widget_search .wp-block-search__input,
.blog-over-sidebar .wp-block-search__input {
    width: 100%;
    padding: 12px 50px 12px 15px;
    font-size: 0.95rem;
    border: 2px solid var(--blog-over-input-border);
    border-radius: 25px;
    /*background: #1e293b;
    color: #e2e8f0;*/
    transition: all 0.3s ease;
}

.blog-over-sidebar .widget_search input[type="search"]:focus,
.blog-over-sidebar .widget_search .wp-block-search__input:focus,
.blog-over-sidebar .wp-block-search__input:focus {
    outline: none;
    border-color: var(--blog-over-primary);
    box-shadow: var(--blog-over-shadow-focus);
}

.blog-over-sidebar .widget_search input[type="search"]::placeholder,
.blog-over-sidebar .widget_search .wp-block-search__input::placeholder,
.blog-over-sidebar .wp-block-search__input::placeholder {
    color: var(--blog-over-input-placeholder);
}

.blog-over-sidebar .widget_search button[type="submit"],
.blog-over-sidebar .widget_search input[type="submit"],
.blog-over-sidebar .widget_search .wp-block-search__button,
.blog-over-sidebar .wp-block-search__button {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: var(--blog-over-primary);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='white'%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
    color: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    text-indent: -9999px;
    transition: all 0.3s ease;
}

.blog-over-sidebar .widget_search button[type="submit"]:hover,
.blog-over-sidebar .widget_search input[type="submit"]:hover,
.blog-over-sidebar .widget_search .wp-block-search__button:hover,
.blog-over-sidebar .wp-block-search__button:hover {
    background-color: var(--blog-over-secondary);
    transform: translateY(-50%) scale(1.05);
}

/* Sidebar Responsive */
@media (max-width: 992px) {
    .blog-over-sidebar {
        flex-basis: 100% !important;
        width: 100%;
        margin-top: var(--blog-over-space-10);
    }

    .blog-over-sidebar.blog-over-sticky-sidebar {
        position: static;
    }
}

@media (max-width: 768px) {
    .blog-over-sidebar .widget {
        padding: var(--blog-over-space-4);
    }

    .blog-over-sidebar .widget-title {
        font-size: var(--blog-over-font-lg);
    }

    .blog-over-sidebar .widget ul li {
        padding: var(--blog-over-space-2) 0;
    }
}

/* =========================================
   Author Bio Widget
   ========================================= */

/* Base */
.blog-over-author-widget {
    text-align: center;
}

/* Avatar */
.blog-over-author-widget-avatar {
    display: inline-block;
    margin-bottom: var(--blog-over-space-4);
}

.blog-over-author-widget-avatar img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border: 3px solid var(--blog-over-primary, #3b82f6);
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.blog-over-author-widget-avatar img:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.3);
}

/* Avatar Shape: Circle */
.blog-over-author-widget-avatar-circle .blog-over-author-widget-avatar img {
    border-radius: 50%;
}

/* Avatar Shape: Square (Rounded) */
.blog-over-author-widget-avatar-square .blog-over-author-widget-avatar img {
    border-radius: 12px;
}

/* Name */
.blog-over-author-widget-name {
    font-size: var(--blog-over-font-xl, 1.25rem);
    font-weight: 700;
    margin: 0 0 var(--blog-over-space-1, 4px);
    color: var(--blog-over-heading-color);
}

/* Designation */
.blog-over-author-widget-designation {
    display: inline-block;
    font-size: var(--blog-over-font-sm, 0.875rem);
    color: var(--blog-over-primary, #3b82f6);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--blog-over-space-3, 12px);
}

/* Bio */
.blog-over-author-widget-bio {
    font-size: var(--blog-over-font-md, 0.95rem);
    line-height: 1.7;
    color: var(--blog-over-text-muted);
    margin-bottom: var(--blog-over-space-4, 16px);
}

.blog-over-author-widget-bio p {
    margin: 0 0 var(--blog-over-space-2, 8px);
}

.blog-over-author-widget-bio p:last-child {
    margin-bottom: 0;
}

/* Website Link */
.blog-over-author-widget-website {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--blog-over-font-sm, 0.875rem);
    font-weight: 600;
    color: var(--blog-over-primary, #3b82f6);
    padding: 6px 16px;
    border: 1px solid var(--blog-over-primary, #3b82f6);
    border-radius: 20px;
    margin-bottom: var(--blog-over-space-4, 16px);
    transition: all 0.3s ease;
}

.blog-over-author-widget-website:hover {
    background: var(--blog-over-primary, #3b82f6);
    color: var(--blog-over-text-inverse, #fff);
}

.blog-over-author-widget-website i {
    font-size: 0.8em;
}

/* Social Icons */
.blog-over-author-widget-social {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: var(--blog-over-space-3, 12px);
}

.blog-over-author-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--blog-over-bg-input, #f1f5f9);
    color: var(--blog-over-text-muted, #64748b);
    font-size: 14px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.blog-over-author-social-link:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Social brand colors on hover */
.blog-over-social-facebook:hover {
    background: #1877f2;
    color: #fff;
}

.blog-over-social-twitter:hover {
    background: #000;
    color: #fff;
}

.blog-over-social-instagram:hover {
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
    color: #fff;
}

.blog-over-social-linkedin:hover {
    background: #0a66c2;
    color: #fff;
}

.blog-over-social-youtube:hover {
    background: #ff0000;
    color: #fff;
}

/* Remove default list arrow for social links inside widget */
.blog-over-author-social-link::before {
    display: none !important;
}

/* --- Layout: Side by Side --- */
.blog-over-author-widget-layout-side {
    display: flex;
    align-items: flex-start;
    gap: var(--blog-over-space-4, 16px);
    text-align: left;
}

.blog-over-author-widget-layout-side .blog-over-author-widget-avatar {
    flex-shrink: 0;
    margin-bottom: 0;
}

.blog-over-author-widget-layout-side .blog-over-author-widget-avatar img {
    width: 90px;
    height: 90px;
}

.blog-over-author-widget-layout-side .blog-over-author-widget-content {
    flex: 1;
    min-width: 0;
}

.blog-over-author-widget-layout-side .blog-over-author-widget-social {
    justify-content: flex-start;
}

.blog-over-author-widget-layout-side .blog-over-author-widget-website {
    margin-bottom: var(--blog-over-space-3, 12px);
}

/* --- Responsive --- */
@media (max-width: 480px) {
    .blog-over-author-widget-layout-side {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .blog-over-author-widget-layout-side .blog-over-author-widget-social {
        justify-content: center;
    }

    .blog-over-author-widget-layout-side .blog-over-author-widget-avatar img {
        width: 100px;
        height: 100px;
    }
}

/* =========================================
   Content Area Search Form (Search Page)
   ========================================= */
.blog-over-search-form,
.search-form {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 500px;
    margin: 0 auto var(--blog-over-space-8);
}

.blog-over-search-form .blog-over-search-input,
.blog-over-search-form .search-field,
.search-form .search-field {
    width: 100%;
    padding: var(--blog-over-space-3) 55px var(--blog-over-space-3) var(--blog-over-space-4);
    border: 2px solid rgba(59, 130, 246, 0.3);
    border-radius: 30px;
    /*background: rgba(30, 41, 59, 0.8);
    color: #e2e8f0;*/
    font-size: var(--blog-over-font-lg);
    transition: all 0.3s ease;
}

.blog-over-search-form .blog-over-search-input:focus,
.blog-over-search-form .search-field:focus,
.search-form .search-field:focus {
    outline: none;
    border-color: var(--blog-over-primary);
    box-shadow: var(--blog-over-shadow-focus);
}

.blog-over-search-form .blog-over-search-input::placeholder,
.blog-over-search-form .search-field::placeholder,
.search-form .search-field::placeholder {
    color: var(--blog-over-text-muted);
}

.blog-over-search-form .blog-over-search-submit,
.blog-over-search-form .search-submit,
.search-form .search-submit {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: var(--blog-over-space-10);
    height: var(--blog-over-space-10);
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: var(--blog-over-primary);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='white'%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    color: transparent;
    font-size: 0;
    text-indent: -9999px;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Hide Font Awesome icon if present */
.blog-over-search-form .blog-over-search-submit i,
.blog-over-search-form .search-submit i,
.search-form .search-submit i {
    display: none;
}

/* =========================================
   Global Icon Hover Visibility Fix
   Ensures all buttons/icons turn white on hover
   ========================================= */
button:hover i,
.btn:hover i,
a.btn:hover i,
.button:hover i,
.blog-over-btn:hover i,
.blog-over-search-toggle:hover i,
.blog-over-theme-toggle:hover i,
.blog-over-search-submit:hover i,
.blog-over-scroll-top:hover i,
.blog-over-topbar-social-link:hover i,
.widget button:hover i,
.wp-block-button a:hover i {
    color: var(--blog-over-text-inverse) !important;
}

/* Active state icons also white */
.blog-over-search-toggle.active i,
.blog-over-theme-toggle.active i {
    color: var(--blog-over-text-inverse) !important;
}

/* =========================================
   Fix 2: Remove underline from all buttons/pills/badges
   (WP Theme Review: underline reserved for text links only)
   ========================================= */
.blog-over-read-more,
.blog-over-btn,
.btn,
a.btn,
.button,
button,
input[type="submit"],
input[type="button"],
.blog-over-single-category a,
.blog-over-post-category a,
.blog-over-grid-category a,
.blog-over-cat-item,
.blog-over-single-tags a,
.comment-reply-link,
.blog-over-reply-link,
.wp-block-button__link,
.blog-over-scroll-top,
.blog-over-search-submit,
.blog-over-subscribe-btn,
.nav-links a,
.page-numbers,
.blog-over-topbar-social-link {
    text-decoration: none;
}

/* =========================================
   Footer
   ========================================= */
.blog-over-footer {
    background-color: var(--blog-over-footer-bg);
    color: var(--blog-over-footer-text);
    margin-top: var(--blog-over-space-16);
}

/* Footer Widgets Area */
.footer-widgets {
    padding: var(--blog-over-space-10) 0;
    position: relative;
    z-index: 1;
}

.footer-widgets-grid {
    display: grid;
    gap: 30px;
}

/* Column layout based on Customizer setting */
.footer-columns-1 {
    grid-template-columns: 1fr;
}

.footer-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.footer-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.footer-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.footer-widget .widget {
    color: var(--blog-over-footer-text);
}

.footer-widget .widget-title {
    font-size: var(--blog-over-font-lg);
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

/* Widget link styles */
.footer-widget a {
    color: var(--blog-over-footer-text);
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer-widget a:hover {
    color: #fff;
}

/* Widget list styles */
.footer-widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-widget ul li {
    padding: 6px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.footer-widget ul li:last-child {
    border-bottom: none;
}

/* Widget spacing for stacked widgets inside one column */
.footer-widget .widget+.widget {
    margin-top: 20px;
}

.blog-over-footer-bottom {
    padding: var(--blog-over-space-5) 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: var(--blog-over-font-base);
    text-align: center;
}

/* =========================================
   404 Page — Premium Design
   ========================================= */
.blog-over-404-section {
    position: relative;
    overflow: hidden;
    min-height: 70vh;
    display: flex;
    align-items: center;
    padding: 60px 0;
    background: linear-gradient(135deg,
            var(--blog-over-bg-body, #f8fafc) 0%,
            var(--blog-over-bg-card, #ffffff) 50%,
            var(--blog-over-bg-body, #f8fafc) 100%);
}

.blog-over-404-wrapper {
    display: flex;
    align-items: center;
    gap: 60px;
    max-width: 1100px;
    margin: 0 auto;
}

/* Floating Particles */
.blog-over-404-particles {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

.blog-over-particle {
    position: absolute;
    border-radius: 50%;
    opacity: 0.15;
    background: var(--blog-over-primary, #3b82f6);
    animation: blog-over-particle-float 12s infinite ease-in-out;
}

.blog-over-particle:nth-child(1) {
    width: 80px;
    height: 80px;
    top: 10%;
    left: 5%;
    animation-delay: 0s;
    animation-duration: 14s;
}

.blog-over-particle:nth-child(2) {
    width: 50px;
    height: 50px;
    top: 60%;
    left: 15%;
    animation-delay: -3s;
    animation-duration: 10s;
}

.blog-over-particle:nth-child(3) {
    width: 30px;
    height: 30px;
    top: 25%;
    right: 10%;
    animation-delay: -5s;
    animation-duration: 16s;
}

.blog-over-particle:nth-child(4) {
    width: 60px;
    height: 60px;
    bottom: 15%;
    right: 8%;
    animation-delay: -2s;
    animation-duration: 11s;
}

.blog-over-particle:nth-child(5) {
    width: 20px;
    height: 20px;
    top: 45%;
    left: 50%;
    animation-delay: -7s;
    animation-duration: 18s;
}

.blog-over-particle:nth-child(6) {
    width: 40px;
    height: 40px;
    bottom: 30%;
    left: 35%;
    animation-delay: -4s;
    animation-duration: 13s;
}

@keyframes blog-over-particle-float {

    0%,
    100% {
        transform: translateY(0) translateX(0) scale(1);
    }

    25% {
        transform: translateY(-30px) translateX(15px) scale(1.1);
    }

    50% {
        transform: translateY(10px) translateX(-10px) scale(0.9);
    }

    75% {
        transform: translateY(-15px) translateX(-20px) scale(1.05);
    }
}

/* Animated Globe Illustration */
.blog-over-404-illustration {
    flex: 0 0 380px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.blog-over-404-globe {
    position: relative;
    width: 320px;
    height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-over-404-globe-ring {
    position: absolute;
    border-radius: 50%;
    border: 2px solid transparent;
}

.blog-over-404-ring-1 {
    width: 100%;
    height: 100%;
    border-color: var(--blog-over-primary, #3b82f6);
    opacity: 0.2;
    animation: blog-over-ring-spin 20s linear infinite;
}

.blog-over-404-ring-2 {
    width: 80%;
    height: 80%;
    border-color: var(--blog-over-primary, #3b82f6);
    opacity: 0.15;
    border-style: dashed;
    animation: blog-over-ring-spin 15s linear infinite reverse;
}

.blog-over-404-ring-3 {
    width: 60%;
    height: 60%;
    border-color: var(--blog-over-primary, #3b82f6);
    opacity: 0.3;
    border-width: 3px;
    animation: blog-over-ring-spin 12s linear infinite;
}

@keyframes blog-over-ring-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* 404 Number */
.blog-over-404-number {
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative;
    z-index: 2;
}

.blog-over-404-num {
    font-size: 6rem;
    font-weight: 900;
    line-height: 1;
    background: linear-gradient(135deg,
            var(--blog-over-primary, #3b82f6) 0%,
            var(--blog-over-secondary, #1e40af) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: none;
    letter-spacing: -2px;
}

.blog-over-404-num-zero {
    animation: blog-over-zero-bounce 2s ease-in-out infinite;
    display: inline-block;
}

@keyframes blog-over-zero-bounce {

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

    50% {
        transform: translateY(-12px);
    }
}

/* Content Card */
.blog-over-404-card {
    flex: 1;
    position: relative;
    z-index: 1;
    background: var(--blog-over-bg-card, #ffffff);
    border: 1px solid var(--blog-over-border-color, rgba(0, 0, 0, 0.08));
    border-radius: 20px;
    padding: 48px 40px;
    box-shadow:
        0 4px 6px -1px rgba(0, 0, 0, 0.06),
        0 10px 15px -3px rgba(0, 0, 0, 0.08),
        0 20px 40px -10px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.4s ease;
}

.blog-over-404-card:hover {
    box-shadow:
        0 4px 6px -1px rgba(0, 0, 0, 0.06),
        0 10px 20px -3px rgba(0, 0, 0, 0.1),
        0 25px 50px -10px rgba(0, 0, 0, 0.08);
}

/* Error Badge */
.blog-over-404-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--blog-over-primary, #3b82f6);
    background: rgba(59, 130, 246, 0.08);
    border: 1px solid rgba(59, 130, 246, 0.15);
    margin-bottom: 20px;
}

.blog-over-404-badge i {
    font-size: 0.75rem;
}

/* Title */
.blog-over-404-card .blog-over-404-title {
    font-size: 2rem;
    font-weight: 800;
    color: var(--blog-over-heading-color, #1e293b);
    line-height: 1.2;
    margin: 0 0 16px;
}

/* Description */
.blog-over-404-card .blog-over-404-description {
    font-size: 1.05rem;
    color: var(--blog-over-text-muted, #64748b);
    line-height: 1.7;
    margin: 0 0 24px;
    max-width: 480px;
}

/* Suggestions */
.blog-over-404-suggestions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 28px;
}

.blog-over-404-suggestion-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.92rem;
    color: var(--blog-over-text-body, #334155);
}

.blog-over-404-suggestion-item i {
    font-size: 0.85rem;
    color: var(--blog-over-primary, #3b82f6);
    flex-shrink: 0;
}

/* Search */
.blog-over-404-search {
    margin-bottom: 28px;
}

.blog-over-404-search .search-form,
.blog-over-404-search .blog-over-search-form {
    max-width: 100%;
}

/* Action Buttons */
.blog-over-404-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.blog-over-404-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    font-size: 0.95rem;
    font-weight: 600;
    border-radius: 12px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid transparent;
}

.blog-over-404-btn i {
    font-size: 0.9rem;
    transition: transform 0.3s ease;
}

.blog-over-404-btn-primary {
    background: linear-gradient(135deg,
            var(--blog-over-primary, #3b82f6) 0%,
            var(--blog-over-secondary, #1e40af) 100%);
    color: #fff;
    box-shadow: 0 4px 14px rgba(59, 130, 246, 0.35);
}

.blog-over-404-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.45);
    color: #fff;
}

.blog-over-404-btn-primary:hover i {
    transform: scale(1.15);
}

.blog-over-404-btn-secondary {
    background: transparent;
    color: var(--blog-over-heading-color, #1e293b);
    border-color: var(--blog-over-border-color, rgba(0, 0, 0, 0.12));
}

.blog-over-404-btn-secondary:hover {
    background: var(--blog-over-bg-input, #f1f5f9);
    border-color: var(--blog-over-primary, #3b82f6);
    color: var(--blog-over-primary, #3b82f6);
    transform: translateY(-2px);
}

.blog-over-404-btn-secondary:hover i {
    transform: translateX(-3px);
}

/* ── 404 Responsive ── */
@media (max-width: 992px) {
    .blog-over-404-wrapper {
        flex-direction: column;
        text-align: center;
        gap: 40px;
    }

    .blog-over-404-illustration {
        flex: 0 0 auto;
    }

    .blog-over-404-globe {
        width: 240px;
        height: 240px;
    }

    .blog-over-404-num {
        font-size: 4.5rem;
    }

    .blog-over-404-card {
        padding: 36px 28px;
    }

    .blog-over-404-card .blog-over-404-title {
        font-size: 1.6rem;
    }

    .blog-over-404-card .blog-over-404-description {
        max-width: 100%;
    }

    .blog-over-404-suggestions {
        align-items: center;
    }

    .blog-over-404-actions {
        justify-content: center;
    }
}

@media (max-width: 600px) {
    .blog-over-404-section {
        padding: 40px 0;
        min-height: 50vh;
    }

    .blog-over-404-globe {
        width: 180px;
        height: 180px;
    }

    .blog-over-404-num {
        font-size: 3.5rem;
    }

    .blog-over-404-card {
        padding: 28px 20px;
        border-radius: 16px;
    }

    .blog-over-404-card .blog-over-404-title {
        font-size: 1.35rem;
    }

    .blog-over-404-card .blog-over-404-description {
        font-size: 0.95rem;
    }

    .blog-over-404-actions {
        flex-direction: column;
    }

    .blog-over-404-btn {
        justify-content: center;
        width: 100%;
    }
}

/* =========================================
   Forms
   ========================================= */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    display: block;
    width: 100%;
    padding: var(--blog-over-space-3) var(--blog-over-space-4);
    font-size: var(--blog-over-font-lg);
    border: 1px solid var(--blog-over-input-border);
    border-radius: 6px;
    background: var(--blog-over-input-bg);
    transition: border-color 0.2s, box-shadow 0.2s;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    outline: none;
    border-color: var(--blog-over-primary);
    box-shadow: var(--blog-over-shadow-focus);
}

button,
input[type="submit"] {
    display: inline-block;
    padding: var(--blog-over-space-3) var(--blog-over-space-6);
    font-size: var(--blog-over-font-lg);
    font-weight: 600;
    color: var(--blog-over-btn-primary-text);
    background: var(--blog-over-primary);
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s;
}

button:hover,
input[type="submit"]:hover {
    background: var(--blog-over-secondary);
}

/* =========================================
   Screen Reader Text
   ========================================= */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* =========================================
   Pagination
   ========================================= */
.pagination,
.nav-links {
    display: flex;
    justify-content: center;
    gap: var(--blog-over-space-2);
    margin: var(--blog-over-space-8) 0;
}

.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 var(--blog-over-space-3);
    background: var(--blog-over-bg-card);
    border: 1px solid var(--blog-over-border-color);
    border-radius: 6px;
    color: var(--blog-over-heading-color);
    font-weight: 500;
    transition: all 0.2s;
}

.page-numbers:hover,
.page-numbers.current {
    background: var(--blog-over-primary);
    border-color: var(--blog-over-primary);
    color: var(--blog-over-text-inverse);
}

/* =========================================
   Topbar
   ========================================= */
.blog-over-topbar {
    background: var(--blog-over-bg-topbar);
    font-size: var(--blog-over-font-base);
    min-height: 40px;
    display: flex;
    align-items: center;
    position: relative;
}

/* Topbar text elements - apply text color via CSS variable */
.blog-over-topbar-date,
.blog-over-topbar-text {
    color: var(--blog-over-topbar-text, #94a3b8);
}

/* Topbar Full Width (default) */
.blog-over-topbar>.blog-over-container,
.blog-over-topbar>.blog-over-container-full {
    width: 100%;
}

.blog-over-topbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--blog-over-space-5);
    min-height: inherit;
    padding: var(--blog-over-space-2) 0;
}

.blog-over-topbar-left {
    display: flex;
    align-items: center;
    gap: var(--blog-over-space-5);
}

.blog-over-topbar-right {
    display: flex;
    align-items: center;
    gap: var(--blog-over-space-3);
}

/* Desktop topbar collapse wrapper — must fill full width */
.blog-over-topbar-collapse {
    width: 100%;
}

.blog-over-topbar-date i {
    margin-right: 6px;
}

.blog-over-topbar-social {
    display: flex;
    align-items: center;
    gap: var(--blog-over-space-2);
}

.blog-over-topbar-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--blog-over-primary, #3b82f6);
    color: var(--blog-over-text-inverse);
    transition: all 0.3s ease;
}

.blog-over-topbar-social-link i {
    color: inherit !important;
}

.blog-over-topbar-social-link:hover {
    background: var(--blog-over-secondary, #1e40af);
    color: var(--blog-over-text-inverse) !important;
}

/* Topbar Width - Boxed */
/* Top Bar Width - Boxed */
.blog-over-topbar.blog-over-topbar-boxed {
    width: 100%;
    /* Background spans full width */
    max-width: none;
    margin: 0;
    border-radius: 0;
}

/* Inner Container - Constrained when Boxed */
.blog-over-topbar.blog-over-topbar-boxed>.blog-over-container,
.blog-over-topbar.blog-over-topbar-boxed>.blog-over-container-full {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* Top Bar Width - Full Width (Default) 
   Override default container width if user selects Full Width Top Bar 
*/
.blog-over-topbar:not(.blog-over-topbar-boxed)>.blog-over-container,
.blog-over-topbar:not(.blog-over-topbar-boxed)>.blog-over-container-full {
    max-width: 100%;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

/* Topbar Border */
.blog-over-topbar.blog-over-topbar-border {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--blog-over-border-dark);
}

/* Social Icons - Outline Style */
.blog-over-social-outline .blog-over-topbar-social-link {
    background: transparent;
    border: 1px solid var(--blog-over-primary, #3b82f6) !important;
    color: var(--blog-over-primary, #3b82f6) !important;
}

.blog-over-social-outline .blog-over-topbar-social-link:hover {
    background: var(--blog-over-secondary, #1e40af);
    border-color: var(--blog-over-secondary, #1e40af) !important;
    color: var(--blog-over-text-inverse) !important;
}

/* Social Icons - Filled Style */
.blog-over-social-filled .blog-over-topbar-social-link {
    background: var(--blog-over-primary, #3b82f6);
    color: var(--blog-over-text-inverse) !important;
}

.blog-over-social-filled .blog-over-topbar-social-link i {
    color: var(--blog-over-text-inverse) !important;
}

.blog-over-social-filled .blog-over-topbar-social-link:hover {
    background: var(--blog-over-secondary, #1e40af);
}

.blog-over-social-filled .blog-over-topbar-social-link:hover i {
    color: var(--blog-over-text-inverse) !important;
}

/* Social Icons - Rounded Style */
.blog-over-social-rounded .blog-over-topbar-social-link {
    border-radius: 6px;
}

.blog-over-social-rounded .blog-over-topbar-social-link:hover {
    background: var(--blog-over-secondary, #1e40af);
    color: var(--blog-over-text-inverse) !important;
}

/* ─────────────────────────────────────────────
   Mobile Top Bar — Two-Row Design
   Row 1: Text left · Info icon right
   Row 2: Dark mode · Search · Subscribe
   Popup: Social links only (bottom sheet)
   ───────────────────────────────────────────── */

/* Hidden on desktop */
.blog-over-topbar-mobile-row,
.blog-over-topbar-mobile-actions {
    display: none;
}

.blog-over-topbar-toggle {
    display: none;
}

/* Desktop: collapse wrapper is always visible, popup hidden */
.blog-over-topbar-collapse {
    display: block;
}

.blog-over-topbar-popup {
    display: none;
}

/* ── Phone-Only Styles (≤480px) ── */
@media (max-width: 480px) {

    /* ── Row 1: [Text ········ ℹ️] ── */
    .blog-over-topbar {
        flex-direction: column;
        align-items: stretch;
    }

    .blog-over-topbar-mobile-row {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
        padding: 7px 15px;
        box-sizing: border-box;
        position: relative;
        z-index: 2;
    }

    /* Topbar text on the left */
    .blog-over-topbar-mobile-text {
        display: flex;
        align-items: center;
        gap: 6px;
        color: var(--blog-over-topbar-text, #94a3b8);
        font-size: 0.8rem;
        font-weight: 400;
        letter-spacing: 0.2px;
        line-height: 1.3;
        opacity: 0.85;
    }

    .blog-over-topbar-mobile-text i {
        font-size: 0.75rem;
        opacity: 0.6;
    }

    /* ── Info Toggle Button (far right of Row 1) ── */
    .blog-over-topbar-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        padding: 0;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 50%;
        background: linear-gradient(135deg,
                rgba(255, 255, 255, 0.08) 0%,
                rgba(255, 255, 255, 0.02) 100%);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        color: var(--blog-over-topbar-text, #94a3b8);
        font-size: 0.85rem;
        cursor: pointer;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        flex-shrink: 0;
    }

    .blog-over-topbar-toggle:hover,
    .blog-over-topbar-toggle:focus-visible {
        background: linear-gradient(135deg,
                rgba(255, 255, 255, 0.14) 0%,
                rgba(255, 255, 255, 0.06) 100%);
        border-color: rgba(var(--blog-over-primary-rgb, 59, 130, 246), 0.5);
        color: var(--blog-over-primary, #3b82f6);
        box-shadow: 0 0 0 3px rgba(var(--blog-over-primary-rgb, 59, 130, 246), 0.25);
        outline: none;
    }

    .blog-over-topbar-toggle[aria-expanded="true"] {
        background: linear-gradient(135deg,
                rgba(var(--blog-over-primary-rgb, 59, 130, 246), 0.15) 0%,
                rgba(var(--blog-over-primary-rgb, 59, 130, 246), 0.05) 100%);
        border-color: rgba(var(--blog-over-primary-rgb, 59, 130, 246), 0.5);
        color: var(--blog-over-primary, #3b82f6);
    }

    /* ── Row 2: Action Bar (directly below Row 1) ── */
    /* ── Row 2: Action Bar (directly below Row 1) ── */
    .blog-over-topbar-mobile-actions {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        width: 100%;
        padding: 6px 15px 8px;
        box-sizing: border-box;
        position: relative;
    }

    /* Subtle separator */
    .blog-over-topbar-mobile-actions::before {
        content: '';
        position: absolute;
        top: 0;
        left: 15px;
        right: 15px;
        height: 1px;
        background: linear-gradient(90deg,
                transparent 0%,
                rgba(var(--blog-over-primary-rgb, 59, 130, 246), 0.3) 50%,
                transparent 100%);
    }

    /* Mobile Action Buttons (Search, Theme Toggle, Subscribe) */
    .blog-over-topbar-mobile-actions .blog-over-theme-toggle,
    .blog-over-topbar-mobile-actions .blog-over-search-toggle,
    .blog-over-topbar-mobile-actions .blog-over-subscribe-btn {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        padding: 0;
        line-height: 1;

        /* Primary Color Bubble Style (Matches Desktop) */
        background: var(--blog-over-primary, #3b82f6);
        color: #ffffff !important;
        border: none;
        box-shadow: none;
        transition: all 0.3s ease;
    }

    /* Subscribe Button - Icon Only on Mobile */
    .blog-over-topbar-mobile-actions .blog-over-subscribe-btn {
        min-width: 40px;
        font-size: 0;
        /* Hide text text node if any */
    }

    .blog-over-topbar-mobile-actions .blog-over-subscribe-btn span {
        display: none;
    }

    .blog-over-topbar-mobile-actions .blog-over-subscribe-btn i {
        font-size: 18px;
        margin: 0;
    }

    .blog-over-topbar-mobile-actions .blog-over-theme-toggle i,
    .blog-over-topbar-mobile-actions .blog-over-search-toggle i {
        font-size: 18px;
    }

    /* Hover States */
    .blog-over-topbar-mobile-actions .blog-over-theme-toggle:hover,
    .blog-over-topbar-mobile-actions .blog-over-search-toggle:hover,
    .blog-over-topbar-mobile-actions .blog-over-subscribe-btn:hover {
        background: var(--blog-over-secondary, #1e40af);
        color: #ffffff !important;
        transform: translateY(-2px);
    }

    /* Remove text decoration/underlines */
    .blog-over-topbar-mobile-actions a {
        text-decoration: none;
    }

    /* Hide desktop topbar content on mobile */
    .blog-over-topbar-collapse {
        display: none !important;
    }

    /* ── Dropdown Popup — Below Topbar ── */
    .blog-over-topbar-popup {
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 99999;
        max-height: 0;
        overflow: hidden;
        pointer-events: none;
        transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .blog-over-topbar-popup.blog-over-popup-open {
        max-height: 400px;
        pointer-events: auto;
    }

    /* Backdrop overlay — covers content below topbar */
    .blog-over-topbar-popup-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.4);
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        z-index: -1;
    }

    .blog-over-topbar-popup.blog-over-popup-open .blog-over-topbar-popup-overlay {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    /* Panel — dropdown style */
    .blog-over-topbar-popup-panel {
        position: relative;
        z-index: 1;
        background: var(--blog-over-bg, #0f172a);
        border-top: 1px solid rgba(var(--blog-over-primary-rgb, 59, 130, 246), 0.2);
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
        padding: 0;
    }

    /* Remove the drag handle (not needed for dropdown) */
    .blog-over-topbar-popup-panel::before {
        display: none;
    }

    /* Popup Header */
    .blog-over-topbar-popup-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 20px 10px;
    }

    .blog-over-topbar-popup-title {
        font-size: 0.9rem;
        font-weight: 600;
        color: var(--blog-over-topbar-text, #e2e8f0);
        letter-spacing: 0.3px;
    }

    /* Close button */
    .blog-over-topbar-popup-close {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        padding: 0;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.06);
        color: var(--blog-over-topbar-text, #94a3b8);
        font-size: 0.9rem;
        cursor: pointer;
        transition: all 0.2s ease;
    }

    .blog-over-topbar-popup-close:hover,
    .blog-over-topbar-popup-close:focus-visible {
        background: rgba(239, 68, 68, 0.15);
        border-color: rgba(239, 68, 68, 0.4);
        color: #ef4444;
        box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
        outline: none;
    }

    /* Popup Body */
    .blog-over-topbar-popup-body {
        padding: 0 20px 24px;
    }

    /* Section labels */
    .blog-over-topbar-popup-label {
        display: block;
        font-size: 0.65rem;
        font-weight: 600;
        color: var(--blog-over-primary, #3b82f6);
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-bottom: 10px;
        opacity: 0.8;
    }

    /* Social icons grid */
    .blog-over-topbar-popup-social {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
    }

    .blog-over-topbar-popup-social .blog-over-topbar-social-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.08);
        color: var(--blog-over-topbar-text, #94a3b8);
        font-size: 0.8rem;
        transition: all 0.25s ease;
    }

    .blog-over-topbar-popup-social .blog-over-topbar-social-link:hover,
    .blog-over-topbar-popup-social .blog-over-topbar-social-link:focus-visible {
        background: rgba(var(--blog-over-primary-rgb, 59, 130, 246), 0.15);
        border-color: rgba(var(--blog-over-primary-rgb, 59, 130, 246), 0.4);
        color: var(--blog-over-primary, #3b82f6);
        transform: translateY(-2px);
        box-shadow: 0 0 0 3px rgba(var(--blog-over-primary-rgb, 59, 130, 246), 0.15);
        outline: none;
    }
}


.blog-over-theme-toggle,
.blog-over-search-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: var(--blog-over-primary, #3b82f6);
    color: #eeeeee;
    cursor: pointer;
    transition: all 0.3s ease;
}

.blog-over-theme-toggle:hover,
.blog-over-search-toggle:hover {
    background: var(--blog-over-secondary, #1e40af);
    color: var(--blog-over-text-inverse) !important;
}

.blog-over-theme-toggle:hover i,
.blog-over-search-toggle:hover i {
    color: var(--blog-over-text-inverse) !important;
}

/* Search toggle active state (when popup is open) */
.blog-over-search-toggle.active {
    background: var(--blog-over-primary, #3b82f6);
    color: var(--blog-over-text-inverse);
}

.blog-over-search-toggle.active:hover {
    background: var(--blog-over-secondary, #1e40af);
}

.blog-over-search-toggle.active i,
.blog-over-search-toggle.active:hover i {
    color: var(--blog-over-text-inverse);
}

/* Subscribe Button */
.blog-over-subscribe-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    background: var(--blog-over-primary);
    color: var(--blog-over-btn-primary-text);
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.blog-over-subscribe-btn:hover {
    background: var(--blog-over-secondary);
    color: var(--blog-over-btn-primary-text);
    transform: translateY(0px);
    box-shadow: var(--blog-over-shadow-card);
}

.blog-over-subscribe-btn i {
    font-size: 0.85rem;
}

/* =========================================
   Scroll to Top Button
   ========================================= */
.blog-over-scroll-top {
    position: fixed;
    bottom: var(--blog-over-scroll-offset-y, 30px);
    /* Default Right if no class present, overridden by modifiers */
    right: var(--blog-over-scroll-offset-x, 30px);
    width: var(--blog-over-scroll-size, 45px);
    height: var(--blog-over-scroll-size, 45px);
    background: var(--blog-over-primary);
    color: var(--blog-over-scroll-top-icon);
    border: var(--blog-over-scroll-border-width, 0px) solid var(--blog-over-scroll-border-color, transparent);
    border-radius: var(--blog-over-scroll-radius, 50%);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--blog-over-scroll-icon-size, 1.1rem);
    padding: var(--blog-over-scroll-padding, 0);
    box-shadow: var(--blog-over-shadow-card);
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    /* Smooth transition for hover up/down effect */
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 0.35s ease,
        background-color 0.3s ease,
        opacity 0.3s ease,
        visibility 0.3s ease;
    z-index: 999;
}

.blog-over-scroll-top.blog-over-scroll-pos-left {
    right: auto;
    left: var(--blog-over-scroll-offset-x, 30px);
}

.blog-over-scroll-top.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    bottom: var(--blog-over-scroll-offset-y, 30px);
    /* Ensure it stays at offset */
}

.blog-over-scroll-top:hover {
    transform: translateY(-8px);
    /* Rises up smoothly */
    box-shadow: var(--blog-over-shadow-lg), 0 10px 25px rgba(0, 0, 0, 0.15);
    background: var(--blog-over-secondary);
    /* Change background on hover */
}

/* Show Scroll to Top in Customizer Preview for Edit Shortcut */
.customize-partial-edit-shortcut-blog_over_scroll_top_shortcut,
body.wp-customizer .blog-over-scroll-top,
body.customize-preview .blog-over-scroll-top {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* =========================================
   Mobile Responsive Styles
   ========================================= */

/* ─────────────────────────────────────────
   TABLET (max-width: 768px)
   ───────────────────────────────────────── */
@media (max-width: 768px) {

    /* Container */
    .blog-over-container {
        padding: 0 15px;
    }

    /* Topbar */
    .blog-over-topbar-inner {
        flex-wrap: wrap;
        gap: 10px;
        padding: 6px 0;
    }

    .blog-over-topbar-left {
        gap: 10px;
    }

    .blog-over-topbar-right {
        gap: 10px;
    }

    .blog-over-topbar-social-link {
        width: 28px;
        height: 28px;
        font-size: 0.8rem;
        min-width: 28px;
        min-height: 28px;
    }

    .blog-over-theme-toggle,
    .blog-over-search-toggle {
        width: 28px;
        height: 28px;
        min-width: 28px;
        min-height: 28px;
    }

    .blog-over-subscribe-btn {
        padding: 5px 12px;
        font-size: 0.7rem;
        min-width: auto;
        min-height: auto;
    }

    /* Footer Widgets — tablet: max 2 columns */
    .footer-columns-3,
    .footer-columns-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-widgets {
        padding: 30px 0;
    }

    /* Scroll to Top */
    .blog-over-scroll-top {
        width: 40px;
        height: 40px;
        right: 20px;
        bottom: 20px;
    }
}

/* ─────────────────────────────────────────
   MOBILE (max-width: 576px)
   ───────────────────────────────────────── */
@media (max-width: 576px) {

    /* Container */
    .blog-over-container {
        padding: 0 12px;
    }

    /* Main Layout */
    .blog-over-main-layout {
        margin: 20px auto;
        gap: 20px;
    }

    /* Topbar */
    .blog-over-topbar {
        font-size: 0.8rem;
    }

    .blog-over-topbar-inner {
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 8px;
    }

    .blog-over-topbar-left {
        order: 1;
        width: auto;
        gap: 6px;
    }

    .blog-over-topbar-right {
        order: 2;
        width: auto;
        gap: 8px;
    }

    .blog-over-topbar-date {
        font-size: 0.75rem;
    }

    .blog-over-topbar-social {
        gap: 5px;
    }

    .blog-over-topbar-social-link {
        width: 26px;
        height: 26px;
        font-size: 0.75rem;
        min-width: 26px;
        min-height: 26px;
    }

    .blog-over-theme-toggle,
    .blog-over-search-toggle {
        width: 26px;
        height: 26px;
        min-width: 26px;
        min-height: 26px;
    }

    .blog-over-subscribe-btn {
        padding: 4px 10px;
        font-size: 0.65rem;
        letter-spacing: 0;
        min-width: auto;
        min-height: auto;
    }

    /* Sidebar Widgets */
    .blog-over-sidebar .widget {
        padding: 12px;
    }

    .blog-over-sidebar .widget ul li {
        padding: 6px 0;
        font-size: 0.9rem;
    }

    /* Footer Widgets — mobile: single column */
    .footer-widgets-grid {
        grid-template-columns: 1fr !important;
        gap: 25px;
    }

    .footer-widgets {
        padding: 25px 0;
    }

    .footer-widget {
        text-align: center;
    }

    .footer-widget .widget-title {
        font-size: 0.9rem;
    }

    .blog-over-footer-bottom {
        padding: 15px 0;
        font-size: 0.8rem;
    }

    .blog-over-footer-social-icons {
        gap: 8px;
    }

    .blog-over-social-icon {
        width: 36px;
        height: 36px;
    }

    /* Posts */
    .blog-over-post-content {
        padding: 18px;
    }

    .blog-over-post-title {
        font-size: 1.15rem;
    }

    .blog-over-post-meta .blog-over-meta-info {
        gap: 10px;
        font-size: 0.8rem;
    }

    .blog-over-post-excerpt {
        font-size: 0.9rem;
    }

    .blog-over-read-more {
        padding: 8px 16px;
        font-size: 0.8rem;
    }

    /* Grid Items */
    .blog-over-grid-content {
        padding: 15px;
    }

    .blog-over-grid-title {
        font-size: 1rem;
    }

    /* Scroll Button */
    .blog-over-scroll-top {
        width: 38px;
        height: 38px;
        right: 15px;
        bottom: 15px;
        font-size: 1rem;
    }

    /* Comments */
    .comments-area {
        padding: 20px;
    }

    .comments-title {
        font-size: 1.25rem;
    }

    .comment-body {
        flex-direction: column;
        gap: 12px;
    }

    .comment-body .avatar {
        width: 50px;
        height: 50px;
    }

    .comment .children {
        margin-left: 15px;
        padding-left: 15px;
    }
}

/* ─────────────────────────────────────────
   SMALL MOBILE (max-width: 480px)
   ───────────────────────────────────────── */
@media (max-width: 480px) {

    /* Topbar - Compact mode */
    .blog-over-topbar-date {
        display: none;
    }

    .blog-over-topbar-text {
        display: none;
    }

    /* Sidebar */
    .blog-over-sidebar .widget {
        padding: 10px;
    }

    .blog-over-sidebar .widget-title {
        font-size: 0.95rem;
        margin-bottom: 12px;
    }

    /* Posts */
    .blog-over-post-content {
        padding: 15px;
    }

    .blog-over-post-title {
        font-size: 1.1rem;
        line-height: 1.35;
    }

    .blog-over-post-category a {
        font-size: 0.6rem;
        padding: 4px 10px;
    }

    /* Single Post */
    .blog-over-single-post {
        padding: 18px;
    }

    .blog-over-single-title {
        font-size: 1.35rem;
    }

    .blog-over-single-meta {
        font-size: 0.8rem;
        gap: 12px;
    }

    .blog-over-single-content {
        font-size: 0.95rem;
    }

    /* Comments */
    .comments-area {
        padding: 15px;
        margin-top: 30px;
    }

    .comments-title {
        font-size: 1.1rem;
        margin-bottom: 20px;
    }

    .comment-form input,
    .comment-form textarea {
        font-size: 0.9rem;
    }
}

/* =========================================
   Dark Mode
   ========================================= */
body.blog-over-dark-mode {
    background-color: var(--blog-over-bg-body);
    color: var(--blog-over-text-body);
}

body.blog-over-dark-mode h1,
body.blog-over-dark-mode h2,
body.blog-over-dark-mode h3,
body.blog-over-dark-mode h4,
body.blog-over-dark-mode h5,
body.blog-over-dark-mode h6 {
    color: var(--blog-over-heading-color);
}

/* =========================================
   Footer Enhancements
   ========================================= */
.blog-over-footer {
    position: relative;
    background-size: cover;
    background-position: center;
}

.blog-over-footer-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    pointer-events: none;
}

/* Column rules moved to base .footer-columns-N above */

.blog-over-footer-social {
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    z-index: 1;
}

.blog-over-footer-social-icons {
    display: flex;
    justify-content: center;
    gap: 12px;
}

.blog-over-social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    color: var(--blog-over-footer-heading);
    transition: all 0.3s ease;
}

.blog-over-social-icon:hover {
    background: var(--blog-over-primary);
    transform: translateY(-3px);
}



/* =========================================
   Search Styles - Common
   ========================================= */
.blog-over-search-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.blog-over-search-close {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.blog-over-search-close span {
    font-size: 2rem;
    line-height: 1;
    color: var(--blog-over-text-muted);
}

.blog-over-search-close:hover span {
    color: var(--blog-over-primary);
}

.blog-over-search-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.blog-over-search-input {
    width: 100%;
    padding: 16px 60px 16px 20px;
    font-size: 1.1rem;
    border: 2px solid var(--blog-over-border-color);
    border-radius: 50px;
    background: var(--blog-over-bg-input);
    transition: all 0.3s ease;
}

.blog-over-search-input:focus {
    outline: none;
    border-color: var(--blog-over-primary);
    background: var(--blog-over-bg-card);
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
}

.blog-over-search-submit {
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: var(--blog-over-primary);
    color: var(--blog-over-text-inverse);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

/*
.blog-over-search-submit:hover {
    background: #1e40af;
    transform: translateY(-50%) scale(1.05);
}*/

/* =========================================
   Style 1: Popup Modal Search
   ========================================= */
.blog-over-search-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.blog-over-search-modal[aria-hidden="false"] {
    opacity: 1;
    visibility: visible;
}

.blog-over-search-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(4px);
}

.blog-over-search-modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    width: 90%;
    max-width: 650px;
    padding: 40px;
    background: var(--blog-over-bg-card);
    border-radius: 16px;
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

.blog-over-search-modal[aria-hidden="false"] .blog-over-search-modal-content {
    transform: translate(-50%, -50%) scale(1);
}

.blog-over-search-modal .blog-over-search-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 40px;
    height: 40px;
    background: var(--blog-over-bg-input);
    border-radius: 50%;
}

.blog-over-search-modal .blog-over-search-close:hover {
    background: var(--blog-over-border-color);
}

/* Modal Search Form - Full Width */
.blog-over-search-modal .blog-over-search-form {
    max-width: 100%;
    margin: 0;
}

.blog-over-search-modal .blog-over-search-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.blog-over-search-modal .blog-over-search-input {
    width: 100%;
    flex: 1;
    padding: 15px 60px 15px 20px;
    border: 2px solid var(--blog-over-border-color);
    border-radius: 30px;
    background: var(--blog-over-bg-input);
    color: var(--blog-over-text-body);
    font-size: 16px;
    transition: all 0.3s ease;
}

.blog-over-search-modal .blog-over-search-input:focus {
    outline: none;
    border-color: var(--blog-over-primary, #3b82f6);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

.blog-over-search-modal .blog-over-search-input::placeholder {
    color: var(--blog-over-input-placeholder);
}

.blog-over-search-modal .blog-over-search-submit {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: var(--blog-over-primary, #3b82f6);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='white'%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    color: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
}

.blog-over-search-modal .blog-over-search-submit i {
    display: none;
}

.blog-over-search-modal .blog-over-search-submit:hover {
    background-color: var(--blog-over-secondary, #2563eb);
    transform: translateY(-50%) scale(1.05);
}

/* =========================================
   Style 2: Inline Expand Search (Dropdown)
   Uses position:fixed — JS sets top/right dynamically
   ========================================= */
.blog-over-search-inline {
    position: fixed;
    width: 340px;
    z-index: 999999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transform-origin: top right;
    transition: opacity 0.22s ease, visibility 0.22s ease, transform 0.22s ease;
    pointer-events: none;
}

.blog-over-search-inline[aria-hidden="false"] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* Arrow pointer */
.blog-over-search-inline::before {
    content: '';
    position: absolute;
    top: -6px;
    right: 18px;
    width: 12px;
    height: 12px;
    background: #ffffff;
    border-top: 1px solid #e2e8f0;
    border-left: 1px solid #e2e8f0;
    transform: rotate(45deg);
    border-radius: 2px 0 0 0;
    z-index: 2;
}

/* Card container */
.blog-over-search-inline form {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 10px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12),
        0 2px 8px rgba(0, 0, 0, 0.06);
    z-index: 1;
}

/* Search Input */
.blog-over-search-inline .blog-over-search-input {
    flex: 1;
    min-width: 0;
    padding: 10px 14px;
    border: 2px solid #e2e8f0;
    background: #f8fafc;
    border-radius: 10px;
    font-size: 0.92rem;
    color: #334155;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.blog-over-search-inline .blog-over-search-input::placeholder {
    color: #94a3b8;
}

.blog-over-search-inline .blog-over-search-input:hover:not(:focus) {
    border-color: #e2e8f0;
    /* Prevent blue border on hover */
}

.blog-over-search-inline .blog-over-search-input:focus {
    outline: none;
    border-color: #e2e8f0;
    /* Keep default grey border on click */
    background: #ffffff;
    box-shadow: none !important;
    /* Remove any global double-ring shadows */
}

/* Only show blue border when navigating via keyboard (Tab focus) */
.blog-over-search-inline .blog-over-search-input:focus-visible {
    outline: none;
    border-color: var(--blog-over-primary, #3b82f6) !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}

/* Submit Button */
.blog-over-search-inline .blog-over-search-submit {
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    margin-left: 0;
    border-radius: 10px;
    background: var(--blog-over-primary, #3b82f6);
    color: #fff;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-indent: 0;
    transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

/* Show the search icon (overriding global display: none) */
.blog-over-search-inline .blog-over-search-submit i {
    display: inline-block !important;
    font-size: 1rem;
    color: #ffffff;
    line-height: 1;
}

.blog-over-search-inline .blog-over-search-submit:hover {
    background: var(--blog-over-secondary, #2563eb);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.blog-over-search-inline .blog-over-search-submit:hover i {
    color: #ffffff;
}

.blog-over-search-inline .blog-over-search-submit:active {
    transform: translateY(0);
    box-shadow: none;
}


/* =========================================
   Style 3: Slide Panel Search
   ========================================= */
.blog-over-search-panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.blog-over-search-panel[aria-hidden="false"] {
    opacity: 1;
    visibility: visible;
}

.blog-over-search-panel-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.blog-over-search-panel[aria-hidden="false"] .blog-over-search-panel-overlay {
    opacity: 1;
}

.blog-over-search-panel-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 400px;
    height: 100%;
    background: var(--blog-over-bg-card);
    box-shadow: 4px 0 30px rgba(0, 0, 0, 0.2);
    transform: translateX(-100%);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
}

.blog-over-search-panel[aria-hidden="false"] .blog-over-search-panel-inner {
    transform: translateX(0);
}

.blog-over-search-panel .blog-over-search-close {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 44px;
    height: 44px;
    background: var(--blog-over-bg-input, #f1f5f9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    color: var(--blog-over-text-muted, #64748b);
    font-size: 1.1rem;
    transition: all 0.2s ease;
}

.blog-over-search-panel .blog-over-search-close:hover {
    background: var(--blog-over-error-bg, #fee2e2);
    color: var(--blog-over-error, #ef4444);
    transform: rotate(90deg);
}

.blog-over-search-panel .blog-over-search-close:hover span {
    color: var(--blog-over-error, #ef4444);
}

.blog-over-search-panel-content {
    padding: 100px 30px 40px;
    max-width: 100%;
}

.blog-over-search-panel-title {
    font-size: 1.75rem;
    margin-bottom: 25px;
    font-weight: 700;
    color: var(--blog-over-heading-color);
}

.blog-over-search-panel form {
    display: flex;
    align-items: stretch;
    gap: 12px;
    width: 100%;
}

.blog-over-search-panel .blog-over-search-input {
    flex: 1;
    min-width: 0;
    padding: 0 18px;
    height: 52px;
    border-radius: 12px;
    border: 2px solid var(--blog-over-border-color, #e2e8f0);
    background: transparent;
    font-size: 1rem;
    color: var(--blog-over-text-color);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.blog-over-search-panel .blog-over-search-input:focus {
    outline: none;
    border-color: var(--blog-over-primary, #3b82f6);
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}

.blog-over-search-panel .blog-over-search-submit {
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    width: 60px;
    height: 52px;
    flex-shrink: 0;
    border-radius: 12px;
    margin: 0;
    background: var(--blog-over-primary, #3b82f6);
    color: #fff;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-indent: 0;
    transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

/* Force showing icon properly due to global overrides */
.blog-over-search-panel .blog-over-search-submit i {
    display: inline-block !important;
    font-size: 1.1rem;
    color: #ffffff;
    line-height: 1;
}

.blog-over-search-panel .blog-over-search-submit:hover {
    background: var(--blog-over-secondary, #2563eb);
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(59, 130, 246, 0.3);
}

.blog-over-search-panel .blog-over-search-submit:active {
    transform: translateY(0);
    box-shadow: none;
}

/* Body scroll lock when search panel is open */
body.blog-over-search-open {
    overflow: hidden;
}

/* Style 4: Slide Panel Search (Right to Left) */
.blog-over-search-panel-rtl .blog-over-search-panel-inner {
    left: auto;
    right: 0;
    transform: translateX(100%);
    box-shadow: -4px 0 30px rgba(0, 0, 0, 0.2);
}

.blog-over-search-panel-rtl[aria-hidden="false"] .blog-over-search-panel-inner {
    transform: translateX(0);
}

.blog-over-search-panel-rtl .blog-over-search-close {
    right: auto;
    left: 20px;
}

/* =========================================
   Search Styles - Responsive
   ========================================= */
@media (max-width: 576px) {
    .blog-over-search-modal-content {
        padding: 30px 20px;
    }

    .blog-over-search-modal .blog-over-search-close {
        top: 10px;
        right: 10px;
        width: 36px;
        height: 36px;
    }

    .blog-over-search-input {
        font-size: 1rem;
        padding: 14px 55px 14px 16px;
    }

    .blog-over-search-submit {
        width: 38px;
        height: 38px;
    }

    .blog-over-search-inline {
        width: calc(100vw - 30px);
        max-width: 320px;
        right: -10px;
    }

    .blog-over-search-panel-inner {
        max-width: 100%;
    }
}

/* =========================================
   Content Wrapper & Sidebar Layout
   ========================================= */
.blog-over-content-wrapper {
    display: flex;
    gap: 25px;
    margin: 30px 0;
}

.blog-over-content-wrapper.no-sidebar {
    justify-content: center;
}

.blog-over-content-wrapper.no-sidebar .blog-over-main-content {
    max-width: 800px;
    width: 100%;
}

/* Full width container - Blog Grid template with no sidebar */
.blog-over-container-wide .blog-over-content-wrapper.no-sidebar .blog-over-main-content {
    max-width: 100%;
}

/* Center grid in full-width layouts */
.blog-over-container-wide .blog-over-posts-grid,
.blog-over-container-wide .blog-over-modern-grid {
    margin: 0 auto;
}

/* List view in no-sidebar: stretch image to full card height */
.blog-over-content-wrapper.no-sidebar .blog-over-posts-list.list-view .blog-over-post-item {
    display: flex;
    align-items: stretch;
}

.blog-over-content-wrapper.no-sidebar .blog-over-posts-list.list-view .blog-over-post-thumbnail {
    flex-shrink: 0;
}

.blog-over-content-wrapper.has-sidebar .blog-over-main-content {
    flex: 1;
    min-width: 0;
}

.blog-over-content-wrapper.has-sidebar .blog-over-sidebar {
    width: auto;
    flex-shrink: 0;
}

/* Full width container with sidebar - use full available width */
.blog-over-container-wide .blog-over-content-wrapper.has-sidebar {
    width: 100%;
}

/* Ensure main content fills available space in wide layouts */
.blog-over-container-wide .blog-over-content-wrapper.has-sidebar .blog-over-main-content {
    flex: 1;
    min-width: 0;
}

/* Left sidebar layout - HTML already places sidebar first, no CSS reordering needed */

@media (max-width: 992px) {
    .blog-over-content-wrapper {
        flex-direction: column;
    }

    .blog-over-content-wrapper.sidebar-left {
        flex-direction: column;
    }

    .blog-over-content-wrapper.has-sidebar .blog-over-sidebar {
        width: 100%;
    }
}

/* =========================================
   Breadcrumb Styles
   ========================================= */
.blog-over-breadcrumb-wrapper {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    padding: 15px 0;
    border-bottom: 1px solid var(--blog-over-border-color);
}

.blog-over-breadcrumb {
    font-size: 0.875rem;
}

/* Breadcrumb Alignment */
.blog-over-breadcrumb-align-left .blog-over-breadcrumb-list,
.blog-over-breadcrumb-align-left .blog-over-breadcrumb-inner {
    justify-content: flex-start;
}

.blog-over-breadcrumb-align-center .blog-over-breadcrumb-list,
.blog-over-breadcrumb-align-center .blog-over-breadcrumb-inner {
    justify-content: center;
}

.blog-over-breadcrumb-align-right .blog-over-breadcrumb-list,
.blog-over-breadcrumb-align-right .blog-over-breadcrumb-inner {
    justify-content: flex-end;
}

.blog-over-breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.blog-over-breadcrumb-item {
    display: flex;
    align-items: center;
    color: var(--blog-over-text-muted);
}

.blog-over-breadcrumb-item a {
    color: var(--blog-over-primary);
    transition: color 0.2s ease;
}

.blog-over-breadcrumb-item a:hover {
    color: var(--blog-over-secondary);
    text-decoration: underline;
}

/* Separator - using data attribute for dynamic content */
.blog-over-breadcrumb-item:not(:last-child)::after {
    content: attr(data-sep);
    margin-left: 8px;
    color: var(--blog-over-meta-color);
}

/* Fallback separator when data-sep not set */
.blog-over-breadcrumb-list[data-separator="chevron"] .blog-over-breadcrumb-item:not(:last-child)::after {
    content: '›';
}

.blog-over-breadcrumb-list[data-separator="arrow"] .blog-over-breadcrumb-item:not(:last-child)::after {
    content: '→';
}

.blog-over-breadcrumb-list[data-separator="slash"] .blog-over-breadcrumb-item:not(:last-child)::after {
    content: '/';
}

.blog-over-breadcrumb-list[data-separator="pipe"] .blog-over-breadcrumb-item:not(:last-child)::after {
    content: '|';
}

.blog-over-breadcrumb-item.current {
    color: var(--blog-over-heading-color);
    font-weight: 500;
}

.blog-over-breadcrumb-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    color: var(--blog-over-text-muted);
    font-size: 0.875rem;
}

.blog-over-breadcrumb-inner a {
    color: var(--blog-over-primary);
}

.blog-over-breadcrumb-inner a:hover {
    text-decoration: underline;
}

/* =========================================
   Archive Page Styles
   ========================================= */
.blog-over-archive-header {
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid var(--blog-over-border-color);
}

.blog-over-archive-title {
    font-size: 1.75rem;
    margin-bottom: 10px;
    color: var(--blog-over-heading-color);
}

.blog-over-archive-description {
    color: var(--blog-over-text-muted);
    font-size: 1rem;
    line-height: 1.6;
}

.blog-over-archive-description p {
    margin: 0;
}

/* Posts List Views */
.blog-over-posts-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.blog-over-posts-list.grid-view {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

@media (max-width: 768px) {
    .blog-over-posts-list.grid-view {
        grid-template-columns: 1fr;
    }
}

/* Blog Grid Template - Column Classes */
.blog-over-posts-grid {
    display: grid;
    gap: 30px;
    width: 100%;
}

/* Fix overflow for grid items with long content */
.blog-over-posts-grid>* {
    min-width: 0;
}

.blog-over-posts-grid.blog-over-grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
}

.blog-over-posts-grid.blog-over-grid-cols-3 {
    grid-template-columns: repeat(3, 1fr);
}

.blog-over-posts-grid.blog-over-grid-cols-4 {
    grid-template-columns: repeat(4, 1fr);
}

.blog-over-modern-grid.blog-over-grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
}

.blog-over-modern-grid.blog-over-grid-cols-3 {
    grid-template-columns: repeat(3, 1fr);
}

.blog-over-modern-grid.blog-over-grid-cols-4 {
    grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1200px) {

    .blog-over-posts-grid.blog-over-grid-cols-4,
    .blog-over-modern-grid.blog-over-grid-cols-4 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 992px) {

    .blog-over-posts-grid.blog-over-grid-cols-3,
    .blog-over-posts-grid.blog-over-grid-cols-4,
    .blog-over-modern-grid.blog-over-grid-cols-3,
    .blog-over-modern-grid.blog-over-grid-cols-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {

    .blog-over-posts-grid,
    .blog-over-modern-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Post Item */
.blog-over-post-item {
    background: var(--blog-over-bg-card);
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
    min-height: 260px;
}

.blog-over-posts-list.list-view .blog-over-post-item {
    display: flex;
    align-items: stretch;
}

.blog-over-posts-list.list-view .blog-over-post-thumbnail {
    width: 42%;
    flex-shrink: 0;
}

.blog-over-posts-list.list-view .blog-over-post-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 768px) {
    .blog-over-posts-list.list-view .blog-over-post-item {
        flex-direction: column;
        min-height: auto;
    }

    .blog-over-posts-list.list-view .blog-over-post-thumbnail {
        width: 100%;
        height: 200px;
    }
}

/* Card hover removed - effects now only on thumbnail */

.blog-over-post-thumbnail {
    position: relative;
    overflow: hidden;
}

/* Blog Image System */
.blog-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ratio-full {
    height: 100%;
}

.blog-over-post-thumbnail img {
    transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
    will-change: transform;
}

.blog-over-post-item:hover .blog-over-post-thumbnail img {
    transform: scale(1.04);
}

/* Thumbnail Overlay Effect on Hover */
.blog-over-post-thumbnail::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 2;
    pointer-events: none;
    transition: background 0.3s ease;
}

.blog-over-post-item:hover .blog-over-post-thumbnail::before {
    background: rgba(0, 0, 0, 0.15);
}

/* Category Badge - in content flow with normal hover */
.blog-over-post-category {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.blog-over-post-category a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 14px;
    background: var(--blog-over-secondary, #1e40af);
    color: var(--blog-over-text-inverse);
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 50px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.blog-over-post-category a:hover {
    background: var(--blog-over-primary, #3b82f6);
    color: var(--blog-over-text-inverse);
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.35);
    transform: translateY(0px);
}

/* Post Content Area */
.blog-over-post-content {
    padding: 24px;
}

/* Post Header */
.blog-over-post-header {
    margin-bottom: 12px;
}

.blog-over-post-title {
    font-size: 1.3rem;
    margin: 0;
    line-height: 1.45;
    font-weight: 700;
}

.blog-over-post-title a {
    color: var(--blog-over-heading-color);
    transition: color 0.2s ease;
    text-decoration: none;
}

.blog-over-post-title a:hover {
    color: var(--blog-over-primary);
}

/* Post Meta */
.blog-over-post-meta {
    margin-bottom: 16px;
}

.blog-over-post-meta .blog-over-meta-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    font-size: 0.85rem;
    color: var(--blog-over-text-muted);
}

.blog-over-post-meta .blog-over-meta-info span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.blog-over-post-meta .blog-over-meta-info i {
    color: var(--blog-over-meta-color);
    font-size: 0.8rem;
}

.blog-over-post-meta .blog-over-meta-info a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.blog-over-post-meta .blog-over-meta-info a:hover {
    color: var(--blog-over-primary);
}

/* Post Excerpt */
.blog-over-post-excerpt {
    color: var(--blog-over-text-muted);
    font-size: 0.95rem;
    line-height: 1.7;
    margin-bottom: 20px;
}

.blog-over-post-excerpt p {
    margin: 0;
    /* Line-clamp removed - excerpt length controlled by Customizer word count setting */
}

.blog-over-read-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: var(--blog-over-primary);
    color: var(--blog-over-btn-primary-text);
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.blog-over-read-more:hover {
    background: var(--blog-over-secondary);
    color: var(--blog-over-btn-primary-text);
    transform: translateX(4px);
}

.blog-over-read-more i {
    font-size: 0.75rem;
    transition: transform 0.3s ease;
}

.blog-over-read-more:hover i {
    transform: translateX(4px);
}

/* =========================================
   Grid Layout (content-grid.php)
   ========================================= */
.blog-over-grid-item {
    margin-bottom: 0;
}

.blog-over-grid-card {
    background: var(--blog-over-bg-card);
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Fix overflow for flex children */
.blog-over-grid-card>* {
    min-width: 0;
}

/* Classic Card Hover: Elegant lift with border glow */
.blog-over-grid-card:hover {
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12), inset 0px 0px 20px 10px rgba(59, 130, 246, 0.15)
}

.blog-over-grid-thumbnail {
    position: relative;
    overflow: hidden;
}

.blog-over-grid-thumbnail.fixed-height {
    height: 200px;
}

/* Classic Image: Grayscale to color on hover */
.blog-over-grid-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease, filter 0.5s ease;
    filter: grayscale(30%) brightness(0.95);
}

.blog-over-grid-card:hover .blog-over-grid-thumbnail img {
    transform: scale(1.02);
    filter: grayscale(0%) brightness(1);
}

/* Classic Category: Pill-shaped solid badge */
.blog-over-grid-category {
    margin-bottom: 10px;
}

.blog-over-grid-category a {
    display: inline-block;
    padding: 5px 14px;
    background: var(--blog-over-primary);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.blog-over-grid-category a:hover {
    background: var(--blog-over-secondary);
}

.blog-over-grid-content {
    padding: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.blog-over-grid-title {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 10px;
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
}

.blog-over-grid-title a {
    color: var(--blog-over-heading-color);
    text-decoration: none;
    transition: color 0.2s ease;
}

.blog-over-grid-title a:hover {
    color: var(--blog-over-primary);
}

.blog-over-grid-meta {
    margin-bottom: 12px;
}

.blog-over-grid-meta .blog-over-meta-info {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 0.8rem;
    color: var(--blog-over-text-muted);
}

.blog-over-grid-meta .blog-over-meta-info span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.blog-over-grid-meta .blog-over-meta-info i {
    color: var(--blog-over-meta-color);
    font-size: 0.7rem;
}

.blog-over-grid-meta .blog-over-meta-info a {
    color: inherit;
    text-decoration: none;
}

.blog-over-grid-excerpt {
    color: var(--blog-over-text-muted);
    font-size: 0.9rem;
    line-height: 1.6;
    margin-bottom: 15px;
    flex-grow: 1;
}

.blog-over-grid-excerpt p {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-over-grid-footer {
    margin-top: auto;
}

.blog-over-grid-readmore {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    background: transparent;
    color: var(--blog-over-primary);
    font-size: 0.85rem;
    font-weight: 600;
    border: 1px solid var(--blog-over-primary);
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.25s ease;
}

.blog-over-grid-readmore:hover {
    background: var(--blog-over-primary);
    color: #ececec;
}

.blog-over-no-posts {
    text-align: center;
    padding: 60px 20px;
    background: var(--blog-over-bg-input);
    border-radius: 12px;
}

/* Pagination */
.blog-over-pagination {
    margin-top: 40px;
}

/* =========================================
   Single Post Styles
   ========================================= */
.blog-over-single-post {
    background: var(--blog-over-bg-card);
    border-radius: 12px;
    padding: 40px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.blog-over-single-category {
    margin-bottom: 15px;
}

.blog-over-single-category a {
    display: inline-block;
    padding: 5px 14px;
    background: var(--blog-over-primary);
    color: var(--blog-over-text-inverse);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
    margin-right: 8px;
    transition: background 0.2s;
}

.blog-over-single-category a:hover {
    background: var(--blog-over-secondary);
    color: #fafafa;
}

.blog-over-single-header {
    margin-bottom: 25px;
}

.blog-over-single-title {
    font-size: 2rem;
    line-height: 1.3;
    margin-bottom: 20px;
    color: var(--blog-over-heading-color);
}

.blog-over-single-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    color: var(--blog-over-text-muted);
    font-size: 0.9rem;
}

.blog-over-single-meta .blog-over-meta-author {
    display: flex;
    align-items: center;
    gap: 10px;
}

.blog-over-single-meta .blog-over-meta-author img {
    border-radius: 50%;
}

.blog-over-single-meta .blog-over-meta-author a {
    color: var(--blog-over-heading-color);
    font-weight: 500;
}

.blog-over-single-meta .blog-over-meta-author a:hover {
    color: var(--blog-over-primary);
}

.blog-over-single-meta span {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-over-single-thumbnail {
    margin-bottom: 30px;
    border-radius: 8px;
    overflow: hidden;
}

.blog-over-single-thumbnail img {
    width: 100%;
    height: auto;
}

.blog-over-single-content {
    font-size: 1.05rem;
    line-height: 1.8;
    color: var(--blog-over-text-body);
}

.blog-over-single-content p {
    margin-bottom: 1.5rem;
}

.blog-over-single-content h2,
.blog-over-single-content h3,
.blog-over-single-content h4 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.blog-over-single-content img {
    border-radius: 8px;
    margin: 1.5rem 0;
}

.blog-over-single-content blockquote {
    margin: 2rem 0;
    padding: 1.5rem 2rem;
    background: var(--blog-over-bg-input);
    border-left: 4px solid var(--blog-over-primary);
    font-style: italic;
    color: var(--blog-over-text-muted);
}

/* Drop Caps */
.has-drop-cap>p:first-of-type::first-letter {
    float: left;
    font-size: 4.5rem;
    line-height: 1;
    font-weight: 700;
    margin-right: 10px;
    margin-top: 5px;
    color: var(--blog-over-primary);
}

/* Tags */
.blog-over-single-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
    padding-top: 25px;
    border-top: 1px solid var(--blog-over-border-color);
}

.blog-over-single-tags .tags-label {
    font-weight: 600;
    color: var(--blog-over-heading-color);
}

.blog-over-single-tags a {
    display: inline-block;
    padding: 6px 14px;
    background: var(--blog-over-tag-bg);
    color: var(--blog-over-tag-text);
    font-size: 0.85rem;
    border-radius: 4px;
    transition: all 0.2s;
}

.blog-over-single-tags a:hover {
    background: var(--blog-over-tag-hover-bg);
    color: var(--blog-over-tag-hover-text);
}

/* Share Buttons */
.blog-over-share-buttons {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 25px;
    padding: 20px;
    background: var(--blog-over-bg-input);
    border-radius: 8px;
}

.blog-over-share-buttons .share-label {
    font-weight: 600;
    color: var(--blog-over-heading-color);
}

/* Author Box */
.blog-over-author-box {
    display: flex;
    gap: 20px;
    margin-top: 40px;
    padding: 30px;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    border-radius: 12px;
}

.blog-over-author-avatar img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
}

.blog-over-author-info {
    flex: 1;
}

.blog-over-author-name {
    font-size: 1.25rem;
    margin-bottom: 10px;
}

.blog-over-author-name a {
    color: var(--blog-over-heading-color);
}

.blog-over-author-name a:hover {
    color: var(--blog-over-primary);
}

.blog-over-author-bio {
    color: var(--blog-over-text-muted);
    line-height: 1.6;
    margin: 0;
}

@media (max-width: 576px) {
    .blog-over-author-box {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}

/* Post Navigation */
.post-navigation {
    margin-top: 40px;
}



.post-navigation .nav-subtitle {
    display: block;
    font-size: 0.8rem;
    color: var(--blog-over-text-muted);
    margin-bottom: 5px;
}

.post-navigation .nav-title {
    display: block;
    font-weight: 600;
    color: var(--blog-over-heading-color);
    line-height: 1.4;
}

.post-navigation .nav-next {
    text-align: right;
}

@media (max-width: 576px) {
    .post-navigation .nav-links {
        grid-template-columns: 1fr;
    }

    .post-navigation .nav-next {
        text-align: left;
    }

    .blog-over-single-post {
        padding: 25px;
    }

    .blog-over-single-title {
        font-size: 1.5rem;
    }
}

/* =========================================
   Page Styles
   ========================================= */
.blog-over-page-main .blog-over-single-post {
    padding: 40px;
}

.blog-over-page-title {
    font-size: 2rem;
    margin-bottom: 30px;
    color: var(--blog-over-heading-color);
}

/* Comments */
.comments-area {
    margin-top: 50px;
    padding: 40px;
    background: var(--blog-over-bg-card);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.comments-title {
    font-size: 1.5rem;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--blog-over-primary);
}

.comment-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.comment {
    padding: 25px 0;
    border-bottom: 1px solid var(--blog-over-border-color);
}

.comment:last-child {
    border-bottom: none;
}

.comment-body {
    display: flex;
    gap: 20px;
}

.comment-body .avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    flex-shrink: 0;
}

.comment-content {
    flex: 1;
}

.comment-author {
    font-weight: 600;
    color: var(--blog-over-heading-color);
    margin-bottom: 5px;
}

.comment-meta {
    font-size: 0.85rem;
    color: var(--blog-over-text-muted);
    margin-bottom: 10px;
}

.comment-text {
    color: var(--blog-over-text-body);
    line-height: 1.7;
}

.comment .children {
    margin-left: 40px;
    padding-left: 20px;
    border-left: 2px solid var(--blog-over-border-color);
}

/* Comment Form */
.comment-respond {
    margin-top: 40px;
}

.comment-reply-title {
    font-size: 1.25rem;
    margin-bottom: 20px;
}

.comment-form label {
    display: block;
    font-weight: 500;
    margin-bottom: 5px;
    color: var(--blog-over-heading-color);
}

.comment-form input,
.comment-form textarea {
    margin-bottom: 20px;
}

.comment-form .form-submit {
    margin-top: 10px;
}

/* =========================================
   Full-Width No-Sidebar Layout
   ========================================= */

/* Remove max-width constraint for no-sidebar full-width layouts */
.blog-over-content-wrapper.no-sidebar .blog-over-main-content {
    max-width: 100%;
    width: 100%;
}

/* 3-column grid for no-sidebar layout */
.blog-over-content-wrapper.no-sidebar .blog-over-posts-list.grid-view {
    grid-template-columns: repeat(3, 1fr);
}


/* Responsive: 2 columns on tablets */
@media (max-width: 992px) {

    .blog-over-content-wrapper.no-sidebar .blog-over-posts-list.grid-view {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Responsive: 1 column on mobile */
@media (max-width: 768px) {

    .blog-over-content-wrapper.no-sidebar .blog-over-posts-list.grid-view {
        grid-template-columns: 1fr;
    }
}

/* =========================================
   Page Title Styles
   ========================================= */

/* Page Header Base */
.blog-over-page-header {
    margin-bottom: 30px;
}

.blog-over-page-title {
    font-size: 2.25rem;
    font-weight: 700;
    color: var(--blog-over-heading-color);
    margin: 0;
    line-height: 1.3;
}

/* Page Title Style: Centered */
.blog-over-page-header-centered {
    text-align: center;
}

.blog-over-page-header-centered .blog-over-page-title,
.blog-over-title-centered {
    text-align: center;
}

/* Page Title Style: With Banner Background */
.blog-over-page-header-banner {
    position: relative;
    min-height: 300px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background-size: cover;
    background-position: center;
    margin: -20px -20px 30px -20px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

/* Banner Fallback - when no featured image is set */
.blog-over-page-header-banner.blog-over-banner-fallback {
    background: var(--blog-over-primary);
}

.blog-over-page-header-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 30px 30px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    text-align: center;
}

.blog-over-page-header-banner .blog-over-page-title,
.blog-over-title-banner {
    color: var(--blog-over-text-inverse);
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

/* Page Content Area */
.blog-over-page-content {
    background: var(--blog-over-bg-card);
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.blog-over-page-thumbnail {
    margin-bottom: 30px;
    border-radius: 8px;
    overflow: hidden;
}

.blog-over-page-thumbnail img {
    width: 100%;
    height: auto;
}

.blog-over-page-body {
    color: var(--blog-over-text-body);
    line-height: 1.8;
}

/* Fix 1: Underline links in page body (Theme Review Req.) */
.blog-over-page-body a {
    text-decoration: underline;
}

.blog-over-page-body p {
    margin-bottom: 1.5rem;
}

.blog-over-page-footer {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid var(--blog-over-border-color);
}

.blog-over-page-links {
    margin-top: 20px;
    padding: 15px;
    background: var(--blog-over-bg-input);
    border-radius: 6px;
}

/* Page Responsive */
@media (max-width: 768px) {
    .blog-over-page-content {
        padding: 20px;
    }

    .blog-over-page-title {
        font-size: 1.75rem;
    }

    .blog-over-page-header-banner {
        min-height: 200px;
        margin: -20px -20px 20px -20px;
    }

    .blog-over-page-header-overlay {
        padding: 40px 20px 20px;
    }
}

/* =========================================
   Page Content Width Settings
   ========================================= */

/* Boxed Mode - Default (limit text width for readability) */
body.blog-over-page-width-boxed .blog-over-page-body {
    max-width: 800px !important;
}

/* Full Width Mode (no width restrictions) */
body.blog-over-page-width-full-width .blog-over-page-content {
    max-width: 100% !important;
}

body.blog-over-page-width-full-width .blog-over-page-body {
    max-width: 100% !important;
}

/* =========================================
   Breadcrumb Styles
   ========================================= */

/* Breadcrumb Wrapper - Kirki outputs padding/background here via inline styles */
.blog-over-breadcrumb-wrapper {
    padding: 15px 0;
}

/* Breadcrumb Navigation */
.blog-over-breadcrumb {
    font-size: 13px;
    line-height: 1.5;
}

/* Breadcrumb Inner (for third-party breadcrumbs) */
.blog-over-breadcrumb-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/* Breadcrumb List */
.blog-over-breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0;
}

/* Breadcrumb Items */
.blog-over-breadcrumb-item {
    display: inline-flex;
    align-items: center;
    color: var(--blog-over-text-muted);
}

/* Separator using ::after pseudo-element */
.blog-over-breadcrumb-item:not(:last-child)::after {
    content: attr(data-separator);
    margin: 0 10px;
    color: var(--blog-over-meta-color);
    font-size: 0.9em;
}

/* Use data-separator from parent ol for consistent separators */
.blog-over-breadcrumb-list[data-separator="›"] .blog-over-breadcrumb-item:not(:last-child)::after {
    content: '›';
}

.blog-over-breadcrumb-list[data-separator="→"] .blog-over-breadcrumb-item:not(:last-child)::after {
    content: '→';
}

.blog-over-breadcrumb-list[data-separator="/"] .blog-over-breadcrumb-item:not(:last-child)::after {
    content: '/';
}

.blog-over-breadcrumb-list[data-separator="|"] .blog-over-breadcrumb-item:not(:last-child)::after {
    content: '|';
}

/* Breadcrumb Links */
.blog-over-breadcrumb-item a {
    color: var(--blog-over-primary);
    text-decoration: none;
    transition: color 0.2s ease;
}

.blog-over-breadcrumb-item a:hover {
    color: var(--blog-over-secondary);
    text-decoration: underline;
}

/* Current Item (last breadcrumb) */
.blog-over-breadcrumb-item.current {
    color: var(--blog-over-text-muted);
    font-weight: 500;
}

/* Alignment Options */
.blog-over-breadcrumb-align-left .blog-over-breadcrumb-list,
.blog-over-breadcrumb-align-left .blog-over-breadcrumb-inner {
    justify-content: flex-start;
}

.blog-over-breadcrumb-align-center .blog-over-breadcrumb-list,
.blog-over-breadcrumb-align-center .blog-over-breadcrumb-inner {
    justify-content: center;
}

.blog-over-breadcrumb-align-right .blog-over-breadcrumb-list,
.blog-over-breadcrumb-align-right .blog-over-breadcrumb-inner {
    justify-content: flex-end;
}

/* Responsive Breadcrumbs */
@media (max-width: 768px) {
    .blog-over-breadcrumb-wrapper {
        padding: 10px 0;
    }

    .blog-over-breadcrumb {
        font-size: 12px;
    }

    .blog-over-breadcrumb-item:not(:last-child)::after {
        margin: 0 6px;
    }
}

/* ========================================
   Page Header Section
   ======================================== */

.blog-over-page-header {
    position: relative;
    background-color: var(--blog-over-page-header-bg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 40px 0;
}

/* Background overlay for image backgrounds */
.blog-over-page-header.blog-over-page-header-has-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.blog-over-page-header.blog-over-page-header-has-bg .blog-over-container {
    position: relative;
    z-index: 2;
}

/* Page title text on image background - color controlled by Customizer */
/* Note: Title color is set via Customizer "blog_over_page_header_text_color" setting */

.blog-over-page-header.blog-over-page-header-has-bg .blog-over-breadcrumb-item,
.blog-over-page-header.blog-over-page-header-has-bg .blog-over-breadcrumb-item::after {
    color: rgba(255, 255, 255, 0.75);
}

.blog-over-page-header.blog-over-page-header-has-bg .blog-over-breadcrumb-item a {
    color: rgba(255, 255, 255, 0.9);
}

.blog-over-page-header.blog-over-page-header-has-bg .blog-over-breadcrumb-item a:hover {
    color: #ffffff;
}

.blog-over-page-header.blog-over-page-header-has-bg .blog-over-breadcrumb-item.current {
    color: rgba(255, 255, 255, 0.85);
}

/* Page Header Wrapper */
.blog-over-page-header-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Page Title */
.blog-over-page-title {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    color: var(--blog-over-page-header-text);
    line-height: 1.3;
}

/* Alignment Classes */
.blog-over-page-header-align-left .blog-over-page-header-wrapper {
    text-align: left;
    align-items: flex-start;
}

.blog-over-page-header-align-center .blog-over-page-header-wrapper {
    text-align: center;
    align-items: center;
}

.blog-over-page-header-align-right .blog-over-page-header-wrapper {
    text-align: right;
    align-items: flex-end;
}

/* Breadcrumb inside page header alignment */
.blog-over-page-header-align-left .blog-over-breadcrumb-list,
.blog-over-page-header-align-left .blog-over-breadcrumb-inner {
    justify-content: flex-start;
}

.blog-over-page-header-align-center .blog-over-breadcrumb-list,
.blog-over-page-header-align-center .blog-over-breadcrumb-inner {
    justify-content: center;
}

.blog-over-page-header-align-right .blog-over-breadcrumb-list,
.blog-over-page-header-align-right .blog-over-breadcrumb-inner {
    justify-content: flex-end;
}

/* Breadcrumb inside page header - no wrapper padding */
.blog-over-page-header .blog-over-breadcrumb {
    padding: 0;
    background-color: transparent;
    /*margin-top: 8px;*/
}

/* Responsive Page Header */
@media (max-width: 768px) {
    .blog-over-page-header {
        padding: 25px 0;
    }

    .blog-over-page-title {
        font-size: 1.5rem;
    }
}

/* =========================================
   Page Header - Single Post Category & Meta Alignment
   ========================================= */

/* Remove bottom margin from category in page header */
.blog-over-page-header .blog-over-single-category {
    margin-bottom: 0;
}

/* Alignment for category and meta within page header */
.blog-over-page-header-align-left .blog-over-single-category,
.blog-over-page-header-align-left .blog-over-single-meta {
    justify-content: flex-start;
}

.blog-over-page-header-align-center .blog-over-single-category,
.blog-over-page-header-align-center .blog-over-single-meta {
    justify-content: center;
}

.blog-over-page-header-align-right .blog-over-single-category,
.blog-over-page-header-align-right .blog-over-single-meta {
    justify-content: flex-end;
}

/* Page Header meta styling */
.blog-over-page-header .blog-over-single-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-top: 0px;
    color: var(--blog-over-page-header-text);
}

/* Page Header author */
.blog-over-page-header .blog-over-meta-author {
    display: flex;
    align-items: center;
    gap: 10px;
}

.blog-over-page-header .blog-over-meta-author img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

.blog-over-page-header .blog-over-meta-author a {
    font-weight: 500;
    color: inherit;
}

/* Page Header with background image - ensure light text */
.blog-over-page-header.blog-over-page-header-has-bg .blog-over-single-meta,
.blog-over-page-header.blog-over-page-header-has-bg .blog-over-single-meta a {
    color: var(--blog-over-text-inverse);
}

.blog-over-page-header.blog-over-page-header-has-bg .blog-over-page-title {
    color: var(--blog-over-text-inverse);
}

/* =========================================
   Single Post Styles
   ========================================= */

/* Single Post Article */
.blog-over-single-post {
    background: var(--blog-over-bg-card);
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* Single Post Title (in content) */
.blog-over-single-title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--blog-over-heading-color, #1e293b);
    margin: 0 0 20px;
}

/* Single Post Header */
.blog-over-single-header {
    margin-bottom: 25px;
}

/* Single Post Category */
.blog-over-single-category {
    margin-bottom: 12px;
}

.blog-over-single-category a {
    display: inline-block;
    background: var(--blog-over-primary);
    color: #f8f8f8;
    padding: 5px 14px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 6px;
    transition: all 0.2s ease;
}

.blog-over-single-category a:hover {
    background: var(--blog-over-secondary);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

/* Single Post Meta */
.blog-over-single-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    color: var(--blog-over-text-muted);
    font-size: 0.875rem;
}

.blog-over-single-meta span {
    display: flex;
    align-items: center;
    gap: 8px;
}

.blog-over-single-meta i {
    color: var(--blog-over-meta-color);
    font-size: 0.875rem;
}

.blog-over-meta-author {
    display: flex;
    align-items: center;
    gap: 10px;
}

.blog-over-meta-author img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
}

.blog-over-meta-author a {
    color: var(--blog-over-heading-color);
    font-weight: 500;
}

.blog-over-meta-author a:hover {
    color: var(--blog-over-primary);
}

/* Single Post Meta - Date & Comments Links */
.blog-over-meta-date {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.blog-over-meta-date svg {
    width: 14px;
    height: 14px;
    margin-top: -1px;
}

.blog-over-single-meta .blog-over-meta-date a,
.blog-over-single-meta .blog-over-meta-comments a {
    color: #1e2954;
    text-decoration: none;
    transition: color 0.2s;
}

.blog-over-single-meta .blog-over-meta-date a:hover,
.blog-over-single-meta .blog-over-meta-comments a:hover {
    color: var(--blog-over-primary);
}

/* Single Post Thumbnail */
.blog-over-single-thumbnail {
    margin: 25px 0;
    border-radius: 12px;
    overflow: hidden;
}

.blog-over-single-thumbnail img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Single Post Content */
.blog-over-single-content {
    font-size: 1.0625rem;
    line-height: 1.8;
    color: var(--blog-over-text-color, #334155);
    min-width: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Paragraphs & Text Elements - Safe Word Breaking */
.blog-over-single-content p {
    margin-bottom: 1.5rem;
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
}

.blog-over-single-content h2,
.blog-over-single-content h3,
.blog-over-single-content h4 {
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: var(--blog-over-heading-color, #1e293b);
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Images - Responsive Constraint */
.blog-over-single-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 1.5rem 0;
}

/* Links - Underline + Break Long URLs (Theme Review Req.) */
.blog-over-single-content a {
    text-decoration: underline;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Buttons inside content should NOT be underlined */
.blog-over-single-content a.blog-over-read-more,
.blog-over-single-content a.blog-over-btn,
.blog-over-single-content a.button,
.blog-over-single-content a.blog-over-cat-item,
.blog-over-single-content .blog-over-post-category a,
.blog-over-single-content .blog-over-single-category a,
.blog-over-single-content .blog-over-single-tags a,
.blog-over-single-content .wp-block-button__link {
    text-decoration: none;
}

/* Preformatted Text - Allow Wrapping While Preserving Format */
.blog-over-single-content pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    overflow-x: auto;
    max-width: 100%;
    margin: 1.5rem 0;
    padding: 1rem;
    background: var(--blog-over-bg-code);
    border-radius: 6px;
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.875rem;
    line-height: 1.6;
}

/* Code Blocks - Break Long Strings */
.blog-over-single-content code {
    word-wrap: break-word;
    overflow-wrap: anywhere;
    background: var(--blog-over-bg-code);
    padding: 0.2rem 0.4rem;
    border-radius: 3px;
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.875rem;
}

.blog-over-single-content pre code {
    white-space: pre-wrap;
    background: transparent;
    padding: 0;
}

/* Blockquotes - Prevent Overflow */
.blog-over-single-content blockquote {
    margin: 1.5rem 0;
    padding: 1rem 1.5rem;
    border-left: 4px solid var(--blog-over-primary);
    background: var(--blog-over-bg-input);
    font-style: italic;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.blog-over-single-content blockquote p {
    margin-bottom: 0.5rem;
}

.blog-over-single-content blockquote p:last-child {
    margin-bottom: 0;
}

/* Tables - Responsive with Horizontal Scroll */
.blog-over-single-content table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.blog-over-single-content th,
.blog-over-single-content td {
    padding: 0.75rem;
    border: 1px solid var(--blog-over-border-color);
    text-align: left;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.blog-over-single-content th {
    background: var(--blog-over-bg-input);
    font-weight: 600;
}

/* Definition Lists */
.blog-over-single-content dl {
    margin: 1.5rem 0;
}

.blog-over-single-content dt {
    font-weight: 700;
    margin-bottom: 0.5rem;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.blog-over-single-content dd {
    margin-left: 2rem;
    margin-bottom: 1rem;
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* Lists - Prevent Overflow */
.blog-over-single-content ul,
.blog-over-single-content ol {
    margin: 1rem 0;
    padding-left: 2rem;
}

.blog-over-single-content li {
    margin-bottom: 0.5rem;
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* Horizontal Rule */
.blog-over-single-content hr {
    margin: 2rem 0;
    border: 0;
    border-top: 1px solid var(--blog-over-border-color);
}

/* Drop Caps */
.has-drop-cap p:first-of-type::first-letter {
    float: left;
    font-size: 4rem;
    line-height: 1;
    font-weight: 700;
    margin-right: 12px;
    margin-top: 4px;
    color: var(--blog-over-primary);
}

/* Single Post Tags */
.blog-over-single-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--blog-over-space-3);
    margin-top: var(--blog-over-space-8);
    padding-top: var(--blog-over-space-6);
    border-top: 1px solid var(--blog-over-border-color);
}

.blog-over-single-tags .tags-label {
    font-weight: 600;
    color: var(--blog-over-text-body);
}

.blog-over-single-tags .tags-label i {
    margin-right: 5px;
    color: var(--blog-over-meta-color);
}

.blog-over-single-tags a {
    display: inline-block;
    background: var(--blog-over-tag-bg);
    color: var(--blog-over-tag-text);
    padding: 6px var(--blog-over-space-3);
    border-radius: 6px;
    font-size: var(--blog-over-font-sm);
    font-weight: 500;
    transition: all 0.2s;
}

.blog-over-single-tags a:hover {
    background: var(--blog-over-tag-hover-bg);
    color: var(--blog-over-tag-hover-text);
}

/* Share Buttons */
.blog-over-share-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--blog-over-space-3);
    margin-top: var(--blog-over-space-6);
    padding-top: var(--blog-over-space-5);
    border-top: 1px solid var(--blog-over-border-color);
}

.blog-over-share-buttons .share-label {
    font-weight: 600;
    color: var(--blog-over-text-body);
    margin-right: 5px;
}

.blog-over-share-buttons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    font-size: var(--blog-over-font-lg);
    color: var(--blog-over-text-inverse);
    transition: transform 0.2s, box-shadow 0.2s;
}

.blog-over-share-buttons a:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.blog-over-share-buttons a.facebook {
    background: #1877f2;
}

.blog-over-share-buttons a.twitter {
    background: #000;
}

.blog-over-share-buttons a.linkedin {
    background: #0a66c2;
}

.blog-over-share-buttons a.pinterest {
    background: #e60023;
}

.blog-over-share-buttons a.whatsapp {
    background: #25d366;
}

/* Share Icons (inside blog-over-share-buttons) */
.blog-over-share-icons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.blog-over-share-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    font-size: 0.9375rem;
    color: var(--blog-over-text-inverse);
    transition: transform 0.2s, box-shadow 0.2s;
}

.blog-over-share-icons a:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.blog-over-share-icons .blog-over-share-facebook {
    background: #1877f2;
}

.blog-over-share-icons .blog-over-share-twitter {
    background: #000;
}

.blog-over-share-icons .blog-over-share-linkedin {
    background: #0a66c2;
}

.blog-over-share-icons .blog-over-share-pinterest {
    background: #e60023;
}

.blog-over-share-icons .blog-over-share-email {
    background: #6366f1;
}

/* =========================================
   Comments Section Styles
   ========================================= */
.comments-area {
    margin-top: var(--blog-over-space-10);
    padding: var(--blog-over-space-8);
    background: var(--blog-over-bg-input);
    border-radius: 12px;
    border: 1px solid var(--blog-over-border-color);
}

.comments-title {
    font-size: var(--blog-over-font-3xl);
    font-weight: 700;
    color: var(--blog-over-heading-color, #1e293b);
    margin-bottom: var(--blog-over-space-6);
}

.comment-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.comment-list li {
    margin-bottom: var(--blog-over-space-6);
    padding-bottom: var(--blog-over-space-6);
    border-bottom: 1px solid var(--blog-over-border-color);
}

.comment-list li:last-child {
    border-bottom: none;
}

.comment-body {
    display: flex;
    gap: var(--blog-over-space-4);
}

.comment-avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.comment-content {
    flex: 1;
}

.comment-author {
    font-weight: 600;
    color: var(--blog-over-heading-color, #1e293b);
    margin-bottom: 4px;
}

.comment-author a {
    color: inherit;
}

.comment-author a:hover {
    color: var(--blog-over-primary);
}

.comment-meta {
    font-size: var(--blog-over-font-sm);
    color: var(--blog-over-text-muted);
    margin-bottom: var(--blog-over-space-3);
}

.comment-text {
    color: var(--blog-over-text-color, #475569);
    line-height: 1.7;
}

.comment-text p {
    margin: 0 0 var(--blog-over-space-3);
}

.comment-reply-link,
.comment-edit-link {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--blog-over-primary);
    margin-right: 15px;
    text-decoration: none;
    transition: color 0.3s ease;
}

.comment-reply-link:hover,
.comment-edit-link:hover {
    color: var(--blog-over-secondary);
}

/* Comments Area Links - Primary color with secondary on hover */
.comments-area a,
.blog-over-comments-area a {
    color: var(--blog-over-primary);
    text-decoration: none;
    transition: color 0.3s ease;
}

.comments-area a:hover,
.blog-over-comments-area a:hover {
    color: var(--blog-over-secondary);
}

/* Comment Author Name Link */
.comment-author a,
.comment-author-link {
    color: var(--blog-over-heading-color, #1e293b);
    text-decoration: none;
    transition: color 0.3s ease;
}

.comment-author a:hover,
.comment-author-link:hover {
    color: var(--blog-over-primary);
}

/* Comment Meta Links (time, edit) */
.comment-meta a,
.comment-metadata a {
    color: var(--blog-over-primary);
    text-decoration: none;
    transition: color 0.3s ease;
}

.comment-meta a:hover,
.comment-metadata a:hover {
    color: var(--blog-over-secondary);
}

.comment-awaiting-moderation {
    font-style: italic;
    color: #f59e0b;
    font-size: 0.875rem;
}

/* Child Comments */
.children {
    list-style: none;
    padding: 0;
    margin-left: 40px;
    margin-top: 20px;
}

/* Comment Form */
.comment-respond {
    margin-top: var(--blog-over-space-8);
    padding-top: var(--blog-over-space-6);
    border-top: 1px solid var(--blog-over-border-color);
}

.comment-reply-title {
    font-size: var(--blog-over-font-2xl);
    font-weight: 700;
    color: var(--blog-over-heading-color, #1e293b);
    margin-bottom: var(--blog-over-space-5);
}

.comment-form {
    display: grid;
    gap: 20px;
}

.comment-form label {
    display: block;
    font-weight: 500;
    color: var(--blog-over-heading-color, #1e293b);
    margin-bottom: var(--blog-over-space-2);
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    width: 100%;
    padding: var(--blog-over-space-3) var(--blog-over-space-4);
    border: 1px solid var(--blog-over-border-color);
    border-radius: 8px;
    font-size: var(--blog-over-font-lg);
    color: var(--blog-over-text-color, #334155);
    background: var(--blog-over-bg-card);
    transition: border-color 0.2s, box-shadow 0.2s;
}

.comment-form input:focus,
.comment-form textarea:focus {
    outline: none;
    border-color: var(--blog-over-primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.comment-form textarea {
    min-height: 150px;
    resize: vertical;
}

.comment-form .submit {
    display: inline-block;
    padding: var(--blog-over-space-3) var(--blog-over-space-7);
    background: var(--blog-over-primary);
    color: var(--blog-over-text-inverse);
    font-weight: 600;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.comment-form .submit:hover {
    background: var(--blog-over-secondary);
    transform: translateY(-1px);
    box-shadow: 0 5px 15px rgba(59, 130, 246, 0.3);
}


/* Author Box */
.blog-over-author-box {
    display: flex;
    gap: var(--blog-over-space-6);
    margin-top: 35px;
    padding: var(--blog-over-space-8);
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 12px;
    border: 1px solid var(--blog-over-primary);
    transition: border-color 0.3s ease;
}

.blog-over-author-box:hover {
    border-color: var(--blog-over-secondary);
}

.blog-over-author-avatar img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--blog-over-bg-card);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.blog-over-author-info {
    flex: 1;
}

.blog-over-author-name {
    font-size: var(--blog-over-font-xl);
    font-weight: 600;
    margin-bottom: var(--blog-over-space-2);
    color: var(--blog-over-heading-color, #1e293b);
}

.blog-over-author-name a {
    color: inherit;
}

.blog-over-author-name a:hover {
    color: var(--blog-over-primary);
}

.blog-over-author-bio {
    color: var(--blog-over-text-muted);
    font-size: 0.9375rem;
    line-height: 1.7;
    margin: 0;
}

/* Post Navigation */
.post-navigation {
    margin-top: 35px;
}

.post-navigation .nav-links {
    display: flex;
    justify-content: space-between;
    gap: var(--blog-over-space-5);
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
    flex: 0 1 auto;
    max-width: 50%;
}

/* When only next exists (first post), push it to the right */
.post-navigation .nav-next:only-child {
    margin-left: auto;
}



.post-navigation .nav-next {
    text-align: right;
}

.post-navigation a {
    display: block;
    color: var(--blog-over-primary);
}

.post-navigation a:hover {
    color: var(--blog-over-secondary);
}

.post-navigation .nav-subtitle {
    display: block;
    font-size: var(--blog-over-font-sm);
    color: inherit;
    margin-bottom: var(--blog-over-space-2);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.8;
}

.post-navigation .nav-subtitle i {
    font-size: 0.75rem;
}

.post-navigation .nav-title {
    display: block;
    font-weight: 600;
    color: inherit;
    font-size: 1rem;
    line-height: 1.4;
    transition: color 0.2s;
}

.post-navigation a:hover .nav-title {
    color: var(--blog-over-secondary);
}


/* =========================================
   Related Posts - Light Theme (Default)
   ========================================= */
.blog-over-related-posts {
    margin-top: 35px;
    padding: 30px;
    background: var(--blog-over-bg-card, #ffffff);
    border-radius: 12px;
    border: 1px solid var(--blog-over-border-color, #e2e8f0);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.blog-over-related-title {
    font-size: var(--blog-over-font-3xl, 1.5rem);
    font-weight: 700;
    margin-bottom: var(--blog-over-space-6, 1.5rem);
    color: #1e293b;
    /* Dark color for light theme */
}

.blog-over-related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--blog-over-space-6, 1.5rem);
}

/* Column Options */
.blog-over-related-grid.blog-over-cols-2 {
    grid-template-columns: repeat(2, 1fr);
}

.blog-over-related-grid.blog-over-cols-3 {
    grid-template-columns: repeat(3, 1fr);
}

.blog-over-related-grid.blog-over-cols-4 {
    grid-template-columns: repeat(4, 1fr);
}

.blog-over-related-item {
    background: var(--blog-over-bg-card, #ffffff);
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--blog-over-border-color, #e2e8f0);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: transform 0.2s, box-shadow 0.2s;
}

.blog-over-related-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.blog-over-related-item .blog-over-related-thumbnail {
    aspect-ratio: 16/10;
    overflow: hidden;
}

.blog-over-related-item .blog-over-related-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.blog-over-related-item:hover .blog-over-related-thumbnail img {
    transform: scale(1.05);
}

.blog-over-related-item .blog-over-related-content {
    padding: var(--blog-over-space-5, 1.25rem);
}

/* Related Post Title - Light Theme */
.blog-over-related-item .blog-over-related-post-title,
.blog-over-related-item .blog-over-related-item-title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 8px;
}

.blog-over-related-item .blog-over-related-post-title a,
.blog-over-related-item .blog-over-related-item-title a {
    color: #1e293b;
    /* Dark title for light theme */
    text-decoration: none;
    transition: color 0.2s ease;
}

.blog-over-related-item .blog-over-related-post-title a:hover,
.blog-over-related-item .blog-over-related-item-title a:hover {
    color: var(--blog-over-primary, #3b82f6);
    /* Primary color on hover */
}

/* Related Posts Meta Info - Light Theme */
.blog-over-related-content .blog-over-meta-info,
.blog-over-related-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--blog-over-space-3, 0.75rem);
    font-size: var(--blog-over-font-sm, 0.875rem);
    color: #64748b;
    /* Muted text for light theme */
    margin: var(--blog-over-space-2, 0.5rem) 0;
}

.blog-over-related-content .blog-over-meta-info span,
.blog-over-related-meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.blog-over-related-content .blog-over-meta-info i,
.blog-over-related-meta i {
    color: #94a3b8;
    /* Muted icon color for light theme */
    font-size: 0.75rem;
}

.blog-over-related-content .blog-over-meta-info a,
.blog-over-related-meta a {
    color: #64748b;
    text-decoration: none;
    transition: color 0.2s ease;
}

.blog-over-related-content .blog-over-meta-info a:hover,
.blog-over-related-meta a:hover {
    color: var(--blog-over-primary, #3b82f6);
}

/* Related Posts Date - Light Theme */
.blog-over-related-date {
    color: #64748b;
    font-size: 0.875rem;
}

/* Related Posts Excerpt - Light Theme */
.blog-over-related-excerpt {
    color: #64748b;
    /* Muted text for light theme */
    font-size: 0.875rem;
    line-height: 1.6;
    margin: 8px 0px;

}

/* Related Posts Responsive */
@media (max-width: 991px) {
    .blog-over-related-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .blog-over-related-grid {
        grid-template-columns: 1fr;
    }

    .blog-over-related-title {
        font-size: 1.25rem;
    }
}


/* =========================================
   Responsive Single Post
   ========================================= */
@media (max-width: 992px) {
    .blog-over-related-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .blog-over-single-post {
        padding: 20px;
    }

    .blog-over-single-title {
        font-size: 1.75rem;
    }

    .blog-over-single-meta {
        gap: 15px;
    }

    .blog-over-author-box {
        flex-direction: column;
        text-align: center;
        padding: 25px;
    }

    .blog-over-author-avatar {
        display: flex;
        justify-content: center;
    }

    .post-navigation .nav-links {
        flex-direction: column;
    }

    .post-navigation .nav-previous,
    .post-navigation .nav-next {
        max-width: 100%;
        text-align: left;
    }

    .post-navigation .nav-next {
        padding-top: 20px;
    }

    .blog-over-related-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================
   Enhanced Single Post Layout - Premium Design
   ========================================= */

/* Section Spacing Enhancement 
.blog-over-single-tags,
.blog-over-share-buttons,
.blog-over-author-box,
.post-navigation,
.blog-over-related-posts,
.comments-area {
    margin-bottom: 45px !important;
    margin-top: 0 !important;
}*/

/* Enhanced Share Buttons */
.blog-over-share-buttons {
    display: flex;
    align-items: center;
    gap: var(--blog-over-space-4);
    padding: var(--blog-over-space-6);
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 16px;
    border: none !important;
}

.blog-over-share-buttons a {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    color: #f8f8f8;
    font-size: 1.1rem;
}

.blog-over-share-buttons a:hover {
    transform: translateY(-5px) scale(1.1);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);
}

/* Enhanced Author Box */
.blog-over-author-box {
    display: flex;
    gap: var(--blog-over-space-8);
    padding: var(--blog-over-space-10);
    background: var(--blog-over-bg-card);
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.04);
    align-items: flex-start;
    position: relative;
    overflow: hidden;
}

.blog-over-author-box::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: var(--blog-over-primary);
}

.blog-over-author-avatar img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 4px solid var(--blog-over-bg-card);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
    object-fit: cover;
}

.blog-over-author-name {
    font-size: var(--blog-over-font-3xl);
    font-weight: 800;
    margin-bottom: var(--blog-over-space-3);
    color: var(--blog-over-heading-color);
}

.blog-over-author-name a {
    color: var(--blog-over-primary);
}

.blog-over-author-bio {
    color: var(--blog-over-text-muted);
    font-size: 1rem;
    line-height: 1.75;
    margin: 0;
}


/* Modern Related Posts */
.blog-over-related-posts {
    padding: var(--blog-over-space-12) 0;
    border-top: 2px solid var(--blog-over-border-light);
    margin-top: var(--blog-over-space-12) !important;
}

.blog-over-related-title {
    font-size: var(--blog-over-font-4xl);
    margin-bottom: var(--blog-over-space-8);
    position: relative;
    padding-left: 22px;
}

.blog-over-related-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 32px;
    background: var(--blog-over-primary);
    border-radius: 4px;
}

.blog-over-related-grid {
    gap: 30px;
}

.blog-over-related-item {
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.04);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.blog-over-related-item:hover {
    transform: translateY(-1px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12);
}

/*.blog-over-related-content {
    padding: 25px !important;
}*/

.blog-over-related-item-title {
    font-weight: 700 !important;
    margin-bottom: 10px !important;
}

/* Styled Comments Section */
.comments-area {
    padding: var(--blog-over-space-12);
    background: var(--blog-over-bg-card);
    border-radius: 24px;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.04);
}

.comments-title,
.comment-reply-title {
    font-size: var(--blog-over-font-4xl);
    font-weight: 800;
    margin-bottom: var(--blog-over-space-8);
    padding-bottom: var(--blog-over-space-5);
    border-bottom: 2px solid var(--blog-over-border-light);
    display: flex;
    align-items: center;
    gap: 12px;
}

.comments-title::before,
.comment-reply-title::before {
    content: '';
    width: 6px;
    height: 28px;
    background: var(--blog-over-primary);
    border-radius: 3px;
}

/* Comment Form Inputs */
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    background: #f8fafc !important;
    border: 2px solid #e2e8f0 !important;
    padding: var(--blog-over-space-4) var(--blog-over-space-5) !important;
    border-radius: 14px !important;
    font-size: 1rem;
    transition: all 0.3s ease !important;
    width: 100%;
    margin-bottom: 15px;
}

.comment-form input:focus,
.comment-form textarea:focus {
    background: #fff !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12) !important;
    outline: none;
}

.comment-form .submit {
    background: var(--blog-over-primary) !important;
    color: var(--blog-over-text-inverse) !important;
    padding: var(--blog-over-space-4) var(--blog-over-space-8) !important;
    border-radius: 14px !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    border: none !important;
    cursor: pointer;
    transition: all 0.3s ease !important;
}

.comment-form .submit:hover {
    background: var(--blog-over-secondary) !important;
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3) !important;
}

/* Comment List Styling */
.comment-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Nova custom comment layout - uses flex instead of absolute positioning */
.blog-over-comment-body {
    display: flex;
    gap: 20px;
    padding: 25px;
    background: var(--blog-over-bg-card);
    border-radius: 16px;
    margin-bottom: 20px;
    border: 1px solid var(--blog-over-border-color);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

.blog-over-comment-body:hover {
    box-shadow: 0 8px 15px -3px rgba(0, 0, 0, 0.1);
}

.blog-over-comment-content {
    flex: 1;
    min-width: 0;
}

.blog-over-comment-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
}

.blog-over-comment-author {
    font-weight: 700;
    color: var(--blog-over-heading-color);
}

.blog-over-comment-date {
    font-size: 0.8rem;
    color: var(--blog-over-meta-color);
}

.blog-over-comment-text {
    color: var(--blog-over-text-body);
    line-height: 1.7;
}

.blog-over-comment-text p:last-child {
    margin-bottom: 0;
}

.blog-over-comment-actions {
    margin-top: 12px;
    display: flex;
    gap: 10px;
}

.blog-over-comment-awaiting {
    color: #f59e0b;
    font-size: 0.875rem;
    font-style: italic;
    margin-bottom: 10px;
}

.comment-body {
    padding: 30px;
    padding-left: 100px;
    /* Space for avatar */
    background: var(--blog-over-bg-card);
    border-radius: 16px;
    margin-bottom: 25px;
    position: relative;
    border: 1px solid var(--blog-over-border-color);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.comment-body:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.comment-author img {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0;
    border: 3px solid var(--blog-over-bg-card);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Nova custom comment avatar - uses flex layout, not absolute */
.blog-over-comment-avatar {
    flex-shrink: 0;
}

.blog-over-comment-avatar img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--blog-over-bg-card);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.comment-author .fn {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--blog-over-heading-color);
    font-style: normal;
    margin-right: 8px;
}

.comment-author .fn a {
    color: inherit;
    text-decoration: none;
}

.comment-metadata,
.blog-over-comment-metadata {
    display: inline-block;
    font-size: 0.75rem;
    color: var(--blog-over-meta-color);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.comment-metadata a,
.blog-over-comment-metadata a {
    color: inherit;
    text-decoration: none;
}

.comment-metadata a:hover,
.blog-over-comment-metadata a:hover {
    color: var(--blog-over-primary);
}

.comment-content,
.blog-over-comment-content {
    margin-top: 12px;
    color: var(--blog-over-text-body);
    line-height: 1.7;
    font-size: 0.95rem;
}

/* Fix 3: Underline links inside comment content (Theme Review Req.) */
.comment-content a,
.blog-over-comment-content a,
.blog-over-comment-text a {
    text-decoration: underline;
}

.comment-content p:last-child {
    margin-bottom: 0;
}

.reply,
.blog-over-reply {
    margin-top: 15px;
}

.comment-reply-link,
.blog-over-reply-link {
    display: inline-flex;
    align-items: center;
    padding: 6px 16px;
    background: var(--blog-over-tag-bg);
    color: var(--blog-over-tag-text);
    font-size: 0.75rem;
    font-weight: 700;
    border-radius: 100px;
    text-decoration: none;
    transition: all 0.2s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.comment-reply-link:hover,
.blog-over-reply-link:hover {
    background: var(--blog-over-primary);
    color: var(--blog-over-text-inverse);
    transform: translateY(-1px);
}

/* Note: blog-over-reply-link uses inline <i> icon from template, so no ::before needed */
.comment-reply-link::before {
    content: '\f3e5';
    /* FontAwesome Reply */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 6px;
    font-size: 0.7rem;
}

/* Nested Comments */
.children {
    list-style: none;
    padding-left: 0;
    margin-left: 30px;
}

@media (max-width: 768px) {
    .comment-body {
        padding: 20px;
        padding-left: 70px;
    }

    .comment-author img {
        left: 20px;
        top: 20px;
        width: 35px;
        height: 35px;
    }

    .children {
        margin-left: 15px;
    }

    /* Nova comment responsive */
    .blog-over-comment-body {
        flex-direction: column;
        gap: 15px;
        padding: 20px;
    }

    .blog-over-comment-avatar img {
        width: 45px;
        height: 45px;
    }
}

/* Enhanced Tags */
.blog-over-single-tags a {
    background: var(--blog-over-tag-bg);
    padding: 10px 20px;
    font-weight: 600;
    border-radius: 100px;
    font-size: 0.8125rem;
    transition: all 0.3s ease;
}

.blog-over-single-tags a:hover {
    background: var(--blog-over-secondary);
    color: var(--blog-over-text-inverse);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.25);
}

/* Responsive Enhancement for Enhanced Styles */
@media (max-width: 768px) {
    .blog-over-author-box {
        padding: 30px;
    }

    .blog-over-author-box::before {
        width: 100%;
        height: 4px;
        left: 0;
        top: 0;
        bottom: auto;
    }

    .post-navigation .nav-links {
        grid-template-columns: 1fr;
    }



    .comments-area {
        padding: 30px;
    }

    .blog-over-related-posts {
        padding: 40px 0;
    }
}

/* =========================================
   Page Header Category & Meta Styles (Single Posts)
   ========================================= */

/* Category Badges in Page Header */
.blog-over-page-header-category {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-bottom: 15px;
}

.blog-over-page-header-align-left .blog-over-page-header-category {
    justify-content: flex-start;
}

.blog-over-page-header-align-right .blog-over-page-header-category {
    justify-content: flex-end;
}

.blog-over-page-header-category .blog-over-category-badge {
    display: inline-block;
    background: var(--blog-over-gradient-primary);
    color: var(--blog-over-badge-text);
    padding: 6px 16px;
    border-radius: 100px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.blog-over-page-header-category .blog-over-category-badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.3);
}

/* Meta in Page Header */
.blog-over-page-header-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin-top: 20px;
    font-size: 0.9rem;
}

.blog-over-page-header-align-left .blog-over-page-header-meta {
    justify-content: flex-start;
}

.blog-over-page-header-align-right .blog-over-page-header-meta {
    justify-content: flex-end;
}

.blog-over-page-header-meta span {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.85);
}

.blog-over-page-header-meta a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.blog-over-page-header-meta a:hover {
    color: var(--blog-over-text-inverse);
}

/* Author Avatar in Meta */
.blog-over-author-avatar-small {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

/* Separator between meta items */
.blog-over-page-header-meta span:not(:last-child)::after {
    content: '•';
    margin-left: 12px;
    opacity: 0.5;
}

/* Light mode page header meta */
.blog-over-page-header:not(.blog-over-page-header-has-bg) .blog-over-page-header-meta span {
    color: var(--blog-over-text-muted);
}

.blog-over-page-header:not(.blog-over-page-header-has-bg) .blog-over-page-header-meta a:hover {
    color: var(--blog-over-primary);
}

/* Responsive */
@media (max-width: 768px) {
    .blog-over-page-header-category {
        justify-content: center !important;
    }

    .blog-over-page-header-meta {
        justify-content: center !important;
        gap: 15px;
    }
}

/* =========================================
   Boxed Layout Strings (Single Post)
   ========================================= */

/* Common Card Style */
.blog-over-box-style,
.blog-over-author-box,
.post-navigation,
#comments,
.blog-over-related-posts {
    background: var(--blog-over-bg-card);
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    border: 1px solid var(--blog-over-border-color);
}

/* Adjustments for specific boxes */
.blog-over-author-box {
    display: flex;
    /* Ensure flex layout is kept if it was flex */
    background-image: none !important;
    /* Override potential gradient */
}

/* Related Posts Container - Only if we want the SECTION to be a card. 
   If not, remove .blog-over-related-posts from the group above. 
   User said "related post" in the list of differentiation. */

/* Ensure internal spacing */
.blog-over-single-content-box {
    margin-bottom: 30px;
}

/* Remove old margins/borders that might conflict */
.blog-over-single-post {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Responsive */
@media (max-width: 768px) {

    .blog-over-box-style,
    .blog-over-author-box,
    .post-navigation,
    #comments,
    .blog-over-related-posts {
        padding: 25px;
    }
}

.post-navigation .nav-links a,
.post-navigation .nav-previous,
.post-navigation .nav-next {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Hover effect for Post Navigation */
.post-navigation a:hover .nav-title,
.post-navigation a:hover .nav-subtitle,
.post-navigation a:hover i {
    color: var(--blog-over-primary) !important;
    transition: color 0.2s ease;
}

/* =====================================================
   AUTHOR BOX - Modern Styles
   ===================================================== */
.blog-over-author-box {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    padding: 30px;
    margin-top: 35px;
    background: var(--blog-over-card-bg, #fff);
    border-radius: 16px;
    border: 1px solid var(--blog-over-border-color, #e2e8f0);
    position: relative;
    overflow: hidden;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.blog-over-author-box:hover {
    box-shadow: 0 10px 30px -10px rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.3);
}

.blog-over-author-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--blog-over-primary);
    transition: width 0.3s ease;
}

.blog-over-author-box:hover::before {
    width: 6px;
}

.blog-over-author-avatar img {
    border-radius: 50%;
    border: 4px solid var(--blog-over-bg-card);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
}

.blog-over-author-box:hover .blog-over-author-avatar img {
    box-shadow: 0 10px 25px rgba(59, 130, 246, 0.15);
}

.blog-over-author-info {
    flex: 1;
}

.blog-over-author-name {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 6px;
    color: var(--blog-over-heading-color, #1e293b);
}

.blog-over-author-name a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
}

.blog-over-author-name a:hover {
    color: #3b82f6;
}

.blog-over-author-posts-count {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
    color: #64748b;
    background: rgba(59, 130, 246, 0.1);
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 12px;
}

.blog-over-author-posts-count i {
    color: var(--blog-over-primary);
    font-size: 0.75rem;
}

.blog-over-author-bio {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #64748b;
    margin: 0 0 15px;
}

.blog-over-author-view-all {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--blog-over-primary);
    text-decoration: none;
    padding: 10px 20px;
    background: var(--blog-over-bg-card);
    border: 2px solid var(--blog-over-primary);
    border-radius: 8px;
    transition: all 0.3s ease;
}

.blog-over-author-view-all:hover {
    background: var(--blog-over-secondary);
    border-color: var(--blog-over-secondary);
    color: #fdfdfd;
}

.blog-over-author-view-all i {
    transition: transform 0.3s ease;
}

.blog-over-author-view-all:hover i {
    transform: translateX(4px);
}

/* Author Box - Centered Style */
.blog-over-author-box.blog-over-author-style-centered {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 40px 30px;
}

.blog-over-author-box.blog-over-author-style-centered::before {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
    background: var(--blog-over-primary);
}

.blog-over-author-box.blog-over-author-style-centered:hover::before {
    height: 6px;
    width: 100%;
}

.blog-over-author-box.blog-over-author-style-centered .blog-over-author-avatar {
    margin-bottom: 5px;
    position: relative;
}

.blog-over-author-box.blog-over-author-style-centered .blog-over-author-avatar::after {
    content: '';
    position: absolute;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px;
    border: 2px dashed rgba(59, 130, 246, 0.3);
    border-radius: 50%;
    animation: blog-over-rotate-border 15s linear infinite;
    pointer-events: none;
}

@keyframes blog-over-rotate-border {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.blog-over-author-box.blog-over-author-style-centered .blog-over-author-info {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Author Box - Classic Style */
.blog-over-author-box.blog-over-author-style-classic {
    background: #fff;
    border: 2px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-over-author-box.blog-over-author-style-classic:hover {
    border-color: #3b82f6;
    box-shadow: 0 10px 30px rgba(59, 130, 246, 0.12);
}

.blog-over-author-box.blog-over-author-style-classic::before {
    display: none;
}

.blog-over-author-box.blog-over-author-style-classic .blog-over-author-avatar {
    border: 3px solid var(--blog-over-primary);
    border-radius: 50%;
    padding: 3px;
    transition: transform 0.3s ease;
}

.blog-over-author-box.blog-over-author-style-classic:hover .blog-over-author-avatar {
    transform: scale(1.05);
}

.blog-over-author-box.blog-over-author-style-classic .blog-over-author-avatar img {
    border: 3px solid #fff;
}

.blog-over-author-box.blog-over-author-style-classic .blog-over-author-name a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: var(--blog-over-primary);
    transition: width 0.3s ease;
}

.blog-over-author-box.blog-over-author-style-classic .blog-over-author-name a:hover::after {
    width: 100%;
}

/* Author Box - Minimal Style */
.blog-over-author-box.blog-over-author-style-minimal {
    background: transparent;
    border: none;
    padding: 30px 20px;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    border-radius: 0;
    position: relative;
}

.blog-over-author-box.blog-over-author-style-minimal::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--blog-over-primary);
    transition: width 0.5s ease;
}

.blog-over-author-box.blog-over-author-style-minimal::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--blog-over-primary);
    transition: width 0.5s ease;
}

.blog-over-author-box.blog-over-author-style-minimal:hover::before,
.blog-over-author-box.blog-over-author-style-minimal:hover::after {
    width: 100%;
}

.blog-over-author-box.blog-over-author-style-minimal:hover {
    transform: none;
    box-shadow: none;
}

.blog-over-author-box.blog-over-author-style-minimal .blog-over-author-avatar img {
    border: 2px solid #e2e8f0;
    box-shadow: none;
    transition: all 0.3s ease;
}

.blog-over-author-box.blog-over-author-style-minimal:hover .blog-over-author-avatar img {
    border-color: #3b82f6;
    transform: scale(1.05);
}

.blog-over-author-box.blog-over-author-style-minimal .blog-over-author-view-all {
    background: transparent;
    border: none;
    padding: 0;
    color: #3b82f6;
    font-weight: 600;
    position: relative;
}

.blog-over-author-box.blog-over-author-style-minimal .blog-over-author-view-all::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #3b82f6;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.blog-over-author-box.blog-over-author-style-minimal .blog-over-author-view-all:hover {
    background: transparent;
    color: #2563eb;
}

.blog-over-author-box.blog-over-author-style-minimal .blog-over-author-view-all:hover::after {
    transform: scaleX(1);
}

/* Avatar Size Support */
.blog-over-author-avatar {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
}

.blog-over-author-avatar img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover;
}

/* =====================================================
   AUTHOR BOX - Glassmorphism Style
   ===================================================== */
.blog-over-author-box.blog-over-author-style-glassmorphism {
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.15);
    position: relative;
    overflow: hidden;
}

.blog-over-author-box.blog-over-author-style-glassmorphism::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, 0.3),
            transparent);
    animation: blog-over-shimmer-slide 3s ease-in-out infinite;
    pointer-events: none;
    z-index: 0;
}

@keyframes blog-over-shimmer-slide {
    0% {
        left: -50%;
    }

    50% {
        left: 100%;
    }

    100% {
        left: 100%;
    }
}

.blog-over-author-box.blog-over-author-style-glassmorphism .blog-over-author-avatar img {
    border: 3px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.25);
}

.blog-over-author-box.blog-over-author-style-glassmorphism .blog-over-author-name {
    position: relative;
    z-index: 1;
}

.blog-over-author-box.blog-over-author-style-glassmorphism .blog-over-author-info {
    position: relative;
    z-index: 1;
}

.blog-over-author-box.blog-over-author-style-glassmorphism .blog-over-author-posts-count {
    background: rgba(59, 130, 246, 0.2);
    border: 1px solid rgba(59, 130, 246, 0.3);
}

.blog-over-author-box.blog-over-author-style-glassmorphism .blog-over-author-view-all {
    background: rgba(59, 130, 246, 0.15);
    border: 1px solid rgba(59, 130, 246, 0.4);
    color: #3b82f6;
}

.blog-over-author-box.blog-over-author-style-glassmorphism .blog-over-author-view-all:hover {
    background: rgba(59, 130, 246, 0.3);
    border-color: rgba(59, 130, 246, 0.6);
    color: #2563eb;
}

/* =====================================================
   AUTHOR BOX - Gradient Card Style
   ===================================================== */
.blog-over-author-box.blog-over-author-style-gradient {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    padding: 35px;
    position: relative;
    overflow: hidden;
}

.blog-over-author-box.blog-over-author-style-gradient::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
    pointer-events: none;
}

.blog-over-author-box.blog-over-author-style-gradient::after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(135deg, #667eea, #764ba2, #f093fb, #667eea);
    background-size: 300% 300%;
    border-radius: 18px;
    z-index: -1;
    animation: blog-over-gradient-rotate 4s ease infinite;
    animation-play-state: paused;
}

.blog-over-author-box.blog-over-author-style-gradient:hover::after {
    animation-play-state: running;
}

@keyframes blog-over-gradient-rotate {

    0%,
    100% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }
}

.blog-over-author-box.blog-over-author-style-gradient .blog-over-author-avatar img {
    border: 4px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.blog-over-author-box.blog-over-author-style-gradient .blog-over-author-name,
.blog-over-author-box.blog-over-author-style-gradient .blog-over-author-name a {
    color: #fff;
}

.blog-over-author-box.blog-over-author-style-gradient .blog-over-author-name a:hover {
    color: rgba(255, 255, 255, 0.8);
}

.blog-over-author-box.blog-over-author-style-gradient .blog-over-author-bio {
    color: rgba(255, 255, 255, 0.85);
}

.blog-over-author-box.blog-over-author-style-gradient .blog-over-author-posts-count {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.blog-over-author-box.blog-over-author-style-gradient .blog-over-author-posts-count i {
    color: #fff;
}

.blog-over-author-box.blog-over-author-style-gradient .blog-over-author-view-all {
    background: #fff;
    border: none;
    color: #667eea;
    font-weight: 700;
}

.blog-over-author-box.blog-over-author-style-gradient .blog-over-author-view-all:hover {
    background: rgba(255, 255, 255, 0.9);
    color: #764ba2;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* =====================================================
   AUTHOR BOX - Boxed Signature Style
   ===================================================== */
.blog-over-author-box.blog-over-author-style-signature {
    background: #fff;
    border: 2px solid #1e293b;
    border-radius: 0;
    padding: 40px;
    position: relative;
}

.blog-over-author-box.blog-over-author-style-signature::before {
    content: 'AUTHOR';
    position: absolute;
    top: -12px;
    left: 30px;
    background: #fff;
    padding: 0 15px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 3px;
    color: #64748b;
}

.blog-over-author-box.blog-over-author-style-signature::after {
    content: '';
    position: absolute;
    bottom: 15px;
    right: 20px;
    width: 80px;
    height: 3px;
    background: var(--blog-over-primary);
}

.blog-over-author-box.blog-over-author-style-signature .blog-over-author-avatar {
    position: relative;
}

.blog-over-author-box.blog-over-author-style-signature .blog-over-author-avatar::after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    right: -5px;
    bottom: -5px;
    border: 2px solid #1e293b;
    border-radius: 50%;
    pointer-events: none;
}

.blog-over-author-box.blog-over-author-style-signature .blog-over-author-avatar img {
    border: none;
    box-shadow: none;
}

.blog-over-author-box.blog-over-author-style-signature .blog-over-author-name {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.5rem;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 1px;
}

.blog-over-author-box.blog-over-author-style-signature .blog-over-author-posts-count {
    background: transparent;
    color: #64748b;
    padding-left: 0;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.blog-over-author-box.blog-over-author-style-signature .blog-over-author-view-all {
    background: #1e293b;
    color: #fff;
    border: none;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.8rem;
}

.blog-over-author-box.blog-over-author-style-signature .blog-over-author-view-all:hover {
    background: #3b82f6;
}

/* =====================================================
   AUTHOR BOX - Floating Card Style
   ===================================================== */
.blog-over-author-box.blog-over-author-style-floating {
    background: #fff;
    border: none;
    border-radius: 20px;
    padding: 35px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.12),
        0 0 0 1px rgba(0, 0, 0, 0.02);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform: perspective(1000px) rotateX(0deg);
    transform-style: preserve-3d;
}

.blog-over-author-box.blog-over-author-style-floating::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, #f43f5e, #ec4899, #8b5cf6, #3b82f6);
    border-radius: 20px 20px 0 0;
}

.blog-over-author-box.blog-over-author-style-floating:hover {
    transform: perspective(1000px) rotateX(2deg) translateY(-8px);
    box-shadow: 0 35px 60px -15px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(0, 0, 0, 0.02);
}

.blog-over-author-box.blog-over-author-style-floating .blog-over-author-avatar {
    position: relative;
    transform: translateZ(30px);
}

.blog-over-author-box.blog-over-author-style-floating .blog-over-author-avatar img {
    border: 5px solid #fff;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
    transition: transform 0.4s ease;
}

.blog-over-author-box.blog-over-author-style-floating:hover .blog-over-author-avatar img {
    transform: scale(1.08) rotate(-3deg);
}

.blog-over-author-box.blog-over-author-style-floating .blog-over-author-name {
    font-size: 1.4rem;
    font-weight: 800;
    background: linear-gradient(135deg, #1e293b 0%, #475569 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.blog-over-author-box.blog-over-author-style-floating .blog-over-author-posts-count {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(139, 92, 246, 0.1));
    border: 1px solid transparent;
    background-clip: padding-box;
}

.blog-over-author-box.blog-over-author-style-floating .blog-over-author-view-all {
    background: var(--blog-over-primary);
    border: none;
    color: var(--blog-over-text-inverse);
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
    transition: all 0.3s ease;
}

.blog-over-author-box.blog-over-author-style-floating .blog-over-author-view-all:hover {
    background: var(--blog-over-secondary);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4);
}

/* =====================================================
   AUTHOR BOX - Responsive for New Styles
   ===================================================== */
@media (max-width: 767px) {

    .blog-over-author-box.blog-over-author-style-glassmorphism,
    .blog-over-author-box.blog-over-author-style-gradient,
    .blog-over-author-box.blog-over-author-style-signature,
    .blog-over-author-box.blog-over-author-style-floating {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 25px 20px;
    }

    .blog-over-author-box.blog-over-author-style-signature::before {
        left: 50%;
        transform: translateX(-50%);
    }

    .blog-over-author-box.blog-over-author-style-signature::after {
        right: 50%;
        transform: translateX(50%);
    }

    .blog-over-author-box.blog-over-author-style-glassmorphism .blog-over-author-info,
    .blog-over-author-box.blog-over-author-style-gradient .blog-over-author-info,
    .blog-over-author-box.blog-over-author-style-signature .blog-over-author-info,
    .blog-over-author-box.blog-over-author-style-floating .blog-over-author-info {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

/* =====================================================
   POST NAVIGATION - Modern Styles
   ===================================================== */
.blog-over-post-navigation {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 25px 0px;
}

/* Cards Style - Default */
.blog-over-postnav-cards {
    background: transparent;
    border: none;
    padding: 0;
}

.blog-over-nav-prev,
.blog-over-nav-next {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    text-decoration: none;
    transition: all 0.3s ease;
}

.blog-over-nav-prev:hover,
.blog-over-nav-next:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    border-color: var(--blog-over-primary, #3b82f6);
}

.blog-over-nav-next {
    text-align: right;
}

.blog-over-nav-empty {
    visibility: hidden;
}

.blog-over-nav-thumb {
    flex-shrink: 0;
    width: 65px;
    height: 65px;
    border-radius: 8px;
    overflow: hidden;
}

.blog-over-nav-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.blog-over-nav-prev:hover .blog-over-nav-thumb img,
.blog-over-nav-next:hover .blog-over-nav-thumb img {
    transform: scale(1.1);
}

.blog-over-nav-content {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.blog-over-nav-label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--blog-over-primary, #3b82f6);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 5px;
}

.blog-over-nav-next .blog-over-nav-label {
    justify-content: flex-end;
}

.blog-over-nav-label i {
    transition: transform 0.2s;
}

.blog-over-nav-prev:hover .blog-over-nav-label i {
    transform: translateX(-3px);
}

.blog-over-nav-next:hover .blog-over-nav-label i {
    transform: translateX(3px);
}

.blog-over-nav-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--blog-over-heading-color, #1e293b);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Post Navigation - Simple Style */
.blog-over-postnav-simple .blog-over-nav-prev,
.blog-over-postnav-simple .blog-over-nav-next {
    background: transparent;
    border: none;
    padding: 15px 15px;
}

.blog-over-postnav-simple .blog-over-nav-thumb {
    display: none;
}

.blog-over-postnav-simple .blog-over-nav-prev:hover,
.blog-over-postnav-simple .blog-over-nav-next:hover {
    transform: none;
    box-shadow: none;
}

/* Post Navigation - Full Width Style */
.blog-over-postnav-full_width {
    grid-template-columns: 1fr;
}

.blog-over-postnav-full_width .blog-over-nav-prev,
.blog-over-postnav-full_width .blog-over-nav-next {
    padding: 25px;
}

.blog-over-postnav-full_width .blog-over-nav-thumb {
    width: 100px;
    height: 80px;
}

.blog-over-postnav-full_width .blog-over-nav-title {
    white-space: normal;
}

/* Post Navigation - Minimal Style */
.blog-over-postnav-minimal {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    padding: 20px;
}

.blog-over-postnav-minimal .blog-over-nav-prev,
.blog-over-postnav-minimal .blog-over-nav-next {
    background: transparent;
    border: none;
    padding: 0;
    justify-content: flex-start;
}

.blog-over-postnav-minimal .blog-over-nav-next {
    justify-content: flex-end;
}

.blog-over-postnav-minimal .blog-over-nav-prev:hover,
.blog-over-postnav-minimal .blog-over-nav-next:hover {
    transform: none;
    box-shadow: none;
}

/* Responsive */
@media (max-width: 768px) {
    .blog-over-author-box {
        flex-direction: column;
        text-align: center;
        padding: 25px;
    }

    .blog-over-author-box::before {
        width: 100%;
        height: 4px;
        left: 0;
        top: 0;
    }

    .blog-over-author-info {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .blog-over-post-navigation {
        grid-template-columns: 1fr;
    }

    .blog-over-nav-next {
        flex-direction: row;
        text-align: left;
    }

    .blog-over-nav-next .blog-over-nav-label {
        justify-content: flex-start;
    }
}

/* =====================================================
   POST NAVIGATION - Gradient Style
   ===================================================== */
.blog-over-postnav-gradient .blog-over-nav-prev,
.blog-over-postnav-gradient .blog-over-nav-next {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    position: relative;
    overflow: hidden;
}

.blog-over-postnav-gradient .blog-over-nav-prev::before,
.blog-over-postnav-gradient .blog-over-nav-next::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
    pointer-events: none;
}

.blog-over-postnav-gradient .blog-over-nav-label {
    color: rgba(255, 255, 255, 0.9);
}

.blog-over-postnav-gradient .blog-over-nav-title {
    color: #fff;
}

.blog-over-postnav-gradient .blog-over-nav-prev:hover,
.blog-over-postnav-gradient .blog-over-nav-next:hover {
    background: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%);
    border-color: transparent;
    box-shadow: 0px 0px 10px 5px rgba(102, 126, 234, 0.4);
}

.blog-over-postnav-gradient .blog-over-nav-thumb {
    position: relative;
    z-index: 1;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
}

/* =====================================================
   POST NAVIGATION - Glassmorphism Style (hover only)
   ===================================================== */
.blog-over-postnav-glassmorphism .blog-over-nav-prev,
.blog-over-postnav-glassmorphism .blog-over-nav-next {
    background: #fff;
    border: 1px solid #e2e8f0;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
}

.blog-over-postnav-glassmorphism .blog-over-nav-prev::before,
.blog-over-postnav-glassmorphism .blog-over-nav-next::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, 0.4),
            transparent);
    transition: left 0.6s ease;
    pointer-events: none;
    z-index: 0;
}

.blog-over-postnav-glassmorphism .blog-over-nav-prev:hover,
.blog-over-postnav-glassmorphism .blog-over-nav-next:hover {
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.15);
}

.blog-over-postnav-glassmorphism .blog-over-nav-prev:hover::before,
.blog-over-postnav-glassmorphism .blog-over-nav-next:hover::before {
    left: 100%;
}

.blog-over-postnav-glassmorphism .blog-over-nav-thumb {
    position: relative;
    z-index: 1;
}

.blog-over-postnav-glassmorphism .blog-over-nav-content {
    position: relative;
    z-index: 1;
}

/* =====================================================
   POST NAVIGATION - Z-Index Fix for Chevron Icons
   ===================================================== */
.blog-over-nav-label {
    position: relative;
    z-index: 2;
}

.blog-over-nav-label i {
    position: relative;
    z-index: 2;
}

/* =========================================
   WordPress Required CSS Classes
   ========================================= */

/* Sticky Posts */
.sticky {
    position: relative;
}

.sticky .blog-over-post-card::before {
    content: '\f08d';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    top: 10px;
    right: 10px;
    background: #3b82f6;
    color: #fff;
    padding: 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    z-index: 10;
}

/* Image Captions */
.wp-caption {
    max-width: 100%;
    margin-bottom: 1.5em;
}

.wp-caption img {
    display: block;
    max-width: 100%;
    height: auto;
}

.wp-caption-text {
    font-size: 0.875em;
    color: #64748b;
    text-align: center;
    padding: 0.5em 0;
}

/* Gallery Captions */
.gallery-caption {
    font-size: 0.875em;
    color: #64748b;
    text-align: center;
    padding: 0.5em;
}

/* Comment Author Highlight */
.bypostauthor {
    position: relative;
}

.bypostauthor>.blog-over-comment-body {
    border-left: 3px solid #3b82f6;
}

/* Alignment Classes */
.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1em;
}

.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1em;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
}

/* Block Editor Alignment */
/* Block Editor Alignment */
.alignwide {
    margin-left: -80px;
    margin-right: -80px;
    max-width: calc(100% + 160px);
    width: calc(100% + 160px);
}

.alignfull {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    max-width: 100vw;
    width: 100vw;
}

/* Prevent alignfull/narrow from breaking out when sidebar is present */
.blog-over-layout-single-right .alignfull,
.blog-over-layout-single-right .alignwide,
.blog-over-layout-single-left .alignfull,
.blog-over-layout-single-left .alignwide,
.blog-over-layout-right .alignfull,
.blog-over-layout-right .alignwide,
.blog-over-layout-left .alignfull,
.blog-over-layout-left .alignwide {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    width: 100%;
}

/* Fix for Overflowing Text in Narrow Columns */
.entry-content .wp-block-columns {
    overflow-wrap: break-word;
    word-break: break-word;
}

.wp-block-column {
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
    min-width: 0;
    /* Critical for flex containers to allow wrapping */
}

/* WordPress Block Styles */
.wp-block-button__link {
    background: #3b82f6;
    color: #fff;
    padding: 0.75em 1.5em;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    transition: background 0.2s ease;
}

.wp-block-button__link:hover {
    background: #2563eb;
    color: #fff;
}

.wp-block-quote {
    border-left: 4px solid #3b82f6;
    padding-left: 1.5em;
    margin: 1.5em 0;
    font-style: italic;
}

.wp-block-quote cite {
    font-size: 0.875em;
    color: #64748b;
    font-style: normal;
}

.wp-block-code {
    background: #f1f5f9;
    padding: 1em;
    border-radius: 4px;
    overflow-x: auto;
}

.wp-block-preformatted {
    background: #f1f5f9;
    padding: 1em;
    border-radius: 4px;
    overflow-x: auto;
    white-space: pre-wrap;
}

.wp-block-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.5em;
}

.wp-block-table th,
.wp-block-table td {
    border: 1px solid #e2e8f0;
    padding: 0.75em;
    text-align: left;
}

.wp-block-table th {
    background: #f8fafc;
    font-weight: 600;
}

/* Responsive Embeds */
.wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Screen Reader Text */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* =========================================
   Mobile Responsive Fixes
   ========================================= */

/* Small Devices - 576px and below */
@media (max-width: 576px) {

    /* Topbar - Hide non-essential elements */
    .blog-over-topbar {
        padding: 8px 0;
    }

    .blog-over-topbar-inner {
        flex-wrap: wrap;
        gap: 8px;
    }

    .blog-over-topbar-left {
        display: none;
        /* Hide date on very small screens */
    }

    .blog-over-topbar-right {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
        gap: 6px;
    }

    .blog-over-topbar-social {
        gap: 4px;
    }

    .blog-over-topbar-social-link {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }

    /* Limit social icons shown on mobile */
    .blog-over-topbar-social-link:nth-child(n+6) {
        display: none;
    }

    .blog-over-subscribe-btn {
        padding: 6px 12px;
        font-size: 12px;
    }

    /* Header adjustments */
    .blog-over-header .blog-over-container,
    .blog-over-header .blog-over-container-full {
        padding: 10px 15px;
    }

    .blog-over-site-title {
        font-size: 1.25rem;
    }

    /* Mobile Menu Toggle - Make visible */
    .blog-over-mobile-toggle {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 8px;
        z-index: 1000;
    }

    .blog-over-mobile-toggle span,
    .blog-over-mobile-toggle .hamburger-line {
        display: block;
        width: 24px;
        height: 3px;
        background: #e2e8f0;
        border-radius: 2px;
        transition: all 0.3s ease;
    }

    .blog-over-mobile-toggle::before,
    .blog-over-mobile-toggle::after {
        content: '';
        display: block;
        width: 24px;
        height: 3px;
        background: #e2e8f0;
        border-radius: 2px;
        transition: all 0.3s ease;
    }

    /* Hide desktop nav */
    .blog-over-main-nav,
    .blog-over-primary-nav {
        display: none !important;
    }

    /* Search form on mobile */
    .blog-over-search-form,
    .search-form {
        max-width: 100%;
        margin: 0 15px 20px;
    }

    .blog-over-search-form .blog-over-search-input,
    .search-form .search-field {
        padding: 10px 50px 10px 15px;
        font-size: 14px;
    }

    /* Page header */
    .blog-over-page-header {
        padding: 30px 15px;
    }

    .blog-over-page-header .blog-over-page-title {
        font-size: 1.5rem;
    }

    /* Featured Links */
    .blog-over-featured-links {
        flex-direction: column;
        padding: 20px 15px;
    }

    .blog-over-featured-link {
        width: 100%;
    }

    /* Post cards */
    .blog-over-post-card {
        margin-bottom: 20px;
    }

    .blog-over-post-card-title {
        font-size: 1.1rem;
    }

    /* Footer */
    .footer-widgets-grid {
        grid-template-columns: 1fr !important;
        gap: 25px;
    }

    .footer-widget {
        text-align: center;
    }

    /* Scroll to top */
    .blog-over-scroll-top {
        bottom: 15px;
        right: 15px;
        width: 40px;
        height: 40px;
    }
}

/* Medium Small Devices - 768px and below */
@media (max-width: 768px) {

    /* Topbar simplification */
    .blog-over-topbar-left {
        flex: 0 0 auto;
    }

    .blog-over-topbar-social-link:nth-child(n+8) {
        display: none;
    }

    /* CRITICAL: Keep nav wrapper visible so mobile toggle is shown */
    .blog-over-header-nav,
    .blog-over-header-nav.main-navigation,
    nav.main-navigation {
        display: flex !important;
        align-items: center;
    }

    /* Mobile Menu Toggle - MUST BE VISIBLE */
    .blog-over-mobile-toggle {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        width: 44px;
        height: 44px;
        background: rgba(255, 255, 255, 0.1);
        border: none;
        border-radius: 8px;
        cursor: pointer;
        padding: 8px;
        z-index: 1000;
    }

    /* Mobile toggle bars (hamburger icon) */
    .blog-over-mobile-toggle .bar {
        display: block;
        width: 22px;
        height: 3px;
        background: #e2e8f0;
        border-radius: 2px;
        transition: all 0.3s ease;
    }

    /* Hide only the desktop menu container, NOT the nav wrapper or toggle */
    .blog-over-primary-menu-container,
    .blog-over-menu-left,
    .blog-over-menu-right {
        display: none !important;
    }

    /* Header inline search - hide on mobile */
    .blog-over-header-search-inline {
        display: none;
    }

    /* Mobile search popup should work */
    .blog-over-search-popup,
    .blog-over-search-modal {
        width: 95%;
        max-width: none;
    }

    /* Sidebar on mobile - stack below content */
    .blog-over-sidebar {
        width: 100% !important;
        flex: 0 0 100%;
        margin-top: 40px;
    }

    /* Content area full width */
    .blog-over-content-area,
    .blog-over-main-content {
        width: 100% !important;
        flex: 0 0 100%;
    }

    /* Featured section */
    .blog-over-featured-links {
        flex-wrap: wrap;
    }

    .blog-over-featured-link {
        flex: 0 0 100%;
        margin-bottom: 15px;
    }
}

/* Prevent horizontal scroll */
html,
body {
    overflow-x: hidden;
    max-width: 100vw;
}

/* Ensure containers don't overflow */
.blog-over-container,
.blog-over-container-full {
    max-width: 100%;
    overflow: hidden;
}

/* Prevent scrollbars in topbar and header */
.blog-over-topbar,
.blog-over-topbar>.blog-over-container,
.blog-over-topbar>.blog-over-container-full,
.blog-over-topbar-inner,
.blog-over-header,
.blog-over-header>.blog-over-container,
.blog-over-header>.blog-over-container-full,
.blog-over-header-inner,
.blog-over-header-nav,
.blog-over-header-nav>.blog-over-container,
.blog-over-header-nav>.blog-over-container-full {
    overflow: visible !important;
}

/* Mobile menu panel */
.blog-over-mobile-menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 280px;
    max-width: 85%;
    height: 100vh;
    background: #1e293b;
    z-index: 99999;
    transition: left 0.3s ease;
    overflow-y: auto;
    padding: 20px;
}

.blog-over-mobile-menu.active {
    left: 0;
}

.blog-over-mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.blog-over-mobile-menu-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Accessibility - Focus states for mobile */
@media (max-width: 768px) {

    a:focus,
    button:focus,
    input:focus,
    select:focus,
    textarea:focus {
        outline: 2px solid #3b82f6;
        outline-offset: 2px;
    }

    /* Touch targets - minimum 44px */
    .blog-over-topbar-social-link,
    .blog-over-subscribe-btn,
    .blog-over-mobile-toggle,
    .blog-over-search-submit,
    button,
    .button,
    input[type="submit"] {
        min-width: 44px;
        min-height: 44px;
    }
}

/* =========================================
   Global Accessibility Improvements
   ========================================= */

/* Global Focus States (WCAG 2.4.7) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: 2px solid #3b82f6 !important;
    outline-offset: 2px !important;
}

/* Fallback for browsers without focus-visible */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

/* Skip to Content Link - Hidden by Default */
.skip-link {
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 999999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

/* Skip to Content Link - Visible ONLY on Keyboard Focus (not after click) */
.skip-link:focus-visible,
.screen-reader-text:focus-visible,
a.skip-link:focus-visible {
    position: fixed !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 999999 !important;
    background: #1e293b !important;
    color: #fff !important;
    padding: 15px 20px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
    min-width: 150px !important;
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    clip: auto !important;
    clip-path: none !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Fallback for older browsers - hide on blur immediately */
.skip-link:focus:not(:focus-visible) {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Remove focus outline on mouse click (better UX) */
:focus:not(:focus-visible) {
    outline: none;
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {

    a:focus,
    button:focus,
    input:focus {
        outline: 3px solid currentColor !important;
        outline-offset: 3px !important;
    }

    .blog-over-post-card,
    .blog-over-sidebar .widget {
        border: 2px solid currentColor;
    }
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* Improved Color Contrast for Key Elements */
.blog-over-menu-link,
.blog-over-main-nav a {
    color: #e2e8f0;
}

.blog-over-cat-item,
.blog-over-post-card-category a {
    background: #2563eb;
    color: #ffffff;
}

/* Ensure Link Visibility */
.blog-over-post-card a,
.blog-over-sidebar a {
    text-decoration-skip-ink: auto;
}

.blog-over-post-card a:hover,
.blog-over-sidebar a:hover {
    text-decoration: underline;
}

/* =========================================
   Keyboard Accessible Dropdown Menus
   ========================================= */

/* Dropdown toggle button (chevron) - ensure visibility and accessibility */
.blog-over-dropdown-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    margin-left: 4px;
    background: transparent;
    border: none;
    cursor: pointer;
    vertical-align: middle;
    transition: background-color 0.2s ease;
}

.blog-over-dropdown-toggle:hover,
.blog-over-dropdown-toggle:focus {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}

.blog-over-dropdown-toggle:focus {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

.blog-over-dropdown-toggle:focus-visible {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

/* Chevron icon */
.blog-over-dropdown-icon {
    display: block;
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
}

/* Rotate chevron when submenu is open */
.submenu-open>.blog-over-dropdown-toggle .blog-over-dropdown-icon {
    transform: rotate(-135deg);
}

/* Submenu hidden by default for keyboard navigation */
.blog-over-has-dropdown>.blog-over-sub-menu,
.menu-item-has-children>.sub-menu:not(.toggled),
.blog-over-has-dropdown>ul.sub-menu {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

/* Submenu visible when parent has .submenu-open class */
.blog-over-has-dropdown.submenu-open>.blog-over-sub-menu,
.menu-item-has-children.submenu-open>.sub-menu,
.blog-over-has-dropdown.submenu-open>ul.sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* Desktop hover shows submenu (mouse users only) */
@media (min-width: 992px) {

    .blog-over-has-dropdown:hover>.blog-over-sub-menu,
    .menu-item-has-children:hover>.sub-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}


/* Items with tabindex=-1 should not show focus rings when clicked */
[tabindex="-1"]:focus {
    outline: none;
}

/* Submenu focus states */
.blog-over-sub-menu a:focus,
.sub-menu a:focus {
    outline: 2px solid #3b82f6;
    outline-offset: -2px;
    background-color: rgba(59, 130, 246, 0.1);
}

/* Mobile: Stack menu items with toggle */
@media (max-width: 991px) {
    .blog-over-dropdown-toggle {
        width: 44px;
        height: 44px;
    }

    .blog-over-menu-item {
        position: relative;
    }

    .blog-over-menu-item>.blog-over-menu-link {
        display: inline-block;
        max-width: calc(100% - 50px);
    }

    /* Keep toggle at top of menu item, not centered in expanding parent */
    .blog-over-has-dropdown>.blog-over-dropdown-toggle {
        position: absolute;
        right: 0;
        top: 0;
        transform: none;
    }
}

/* =========================================
   MOBILE LAYOUT FIXES (Phase 5)
   Critical fixes for small device layouts
   ========================================= */

/* 
 * FIX 1: Sidebar Order on Mobile
 * Ensures main content ALWAYS appears before sidebar on mobile,
 * regardless of left/right sidebar layout in desktop.
 */
@media (max-width: 992px) {
    .blog-over-content-wrapper.has-sidebar {
        display: flex !important;
        flex-direction: column !important;
    }

    .blog-over-content-wrapper.has-sidebar .blog-over-main-content {
        order: 1 !important;
    }

    .blog-over-content-wrapper.has-sidebar .blog-over-sidebar {
        order: 2 !important;
        width: 100% !important;
        margin-top: 40px;
    }

    /* Explicitly handle left sidebar layout */
    .blog-over-content-wrapper.sidebar-left .blog-over-main-content {
        order: 1 !important;
    }

    .blog-over-content-wrapper.sidebar-left .blog-over-sidebar {
        order: 2 !important;
    }
}

/* 
 * FIX 2: Related Posts Grid on Mobile
 * Using 1 column on small screens for better readability
 */
@media (max-width: 768px) {
    .blog-over-related-grid {
        grid-template-columns: 1fr !important;
        gap: 20px;
    }

    .blog-over-related-posts {
        padding: 20px;
        margin-top: 25px;
    }

    .blog-over-related-title {
        font-size: 1.25rem;
        margin-bottom: 20px;
    }
}

/* 
 * FIX 3: Post Navigation on Mobile
 * Stack Previous/Next vertically with proper spacing
 */
@media (max-width: 768px) {
    .blog-over-post-navigation {
        flex-direction: column;
        gap: 15px;
    }

    .blog-over-post-navigation .blog-over-nav-prev,
    .blog-over-post-navigation .blog-over-nav-next {
        width: 100%;
        flex-direction: row;
    }

    .blog-over-post-navigation .blog-over-nav-next {
        flex-direction: row-reverse;
    }

    .blog-over-nav-thumb {
        width: 80px;
        height: 60px;
        flex-shrink: 0;
    }

    .blog-over-nav-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .blog-over-nav-title {
        font-size: 0.9rem;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

/* 
 * FIX 4: Author Box on Mobile
 * Centered layout with proper spacing
 */
@media (max-width: 576px) {
    .blog-over-author-box {
        padding: 20px;
        text-align: center;
    }

    .blog-over-author-box .blog-over-author-avatar {
        margin: 0 auto 15px;
    }

    .blog-over-author-info {
        text-align: center;
    }

    .blog-over-author-bio {
        font-size: 0.9rem;
        line-height: 1.6;
    }

    .blog-over-author-view-all {
        margin-top: 15px;
        display: inline-flex;
    }
}

/* 
 * FIX 5: Comments Section on Mobile
 * Better form layout for touch devices
 */
@media (max-width: 576px) {

    .blog-over-comment-form .comment-form-author,
    .blog-over-comment-form .comment-form-email,
    .blog-over-comment-form .comment-form-url {
        width: 100%;
    }

    .blog-over-comment-form textarea {
        min-height: 120px;
    }

    .blog-over-comment-form .form-submit input[type="submit"] {
        width: 100%;
        padding: 14px;
    }
}

/* 
 * FIX 6: Tags & Share Buttons on Mobile
 * Better wrapping and touch-friendly sizing
 */
@media (max-width: 576px) {
    .blog-over-single-tags {
        flex-wrap: wrap;
        gap: 8px;
    }

    .blog-over-single-tags a {
        padding: 6px 12px;
        font-size: 0.8rem;
    }

    .blog-over-share-buttons {
        flex-wrap: wrap;
        gap: 10px;
    }

    .blog-over-share-buttons a {
        width: 40px;
        height: 40px;
    }
}

/* Footer Widgets on Mobile — handled in main responsive sections above */

/* 
 * FIX 8: You Missed Section on Mobile
 * Single column with proper spacing
 */
@media (max-width: 576px) {
    .blog-over-missed-grid {
        grid-template-columns: 1fr !important;
        gap: 20px;
    }

    .blog-over-missed-item {
        margin-bottom: 0;
    }
}
:root {--blog-over-primary: #8224e3;--blog-over-secondary: #8224e3;--blog-over-text-body: #000000;--blog-over-heading-color: #8224e3;--blog-over-topbar-text: #eeee22;--blog-over-footer-bg: #1e293b;--blog-over-footer-text: #ffffff;--blog-over-copyright-bg: #000000;--blog-over-copyright-text: #ffffff;}.blog-over-topbar { min-height: 30px; }.blog-over-topbar { background: linear-gradient(135deg, #1d4e9d 0%, #4c5432 100%); }.blog-over-topbar-date, .blog-over-topbar-text { color: #eeee22; }

        /* ======================================== 
           Customizer Edit Shortcuts (Pencil Icons)
           Position them near specific content elements
           ======================================== */
        
        /* Base positioning for all edit shortcuts */
        .customize-partial-edit-shortcut {
            z-index: 999 !important;
        }
        
        /* Ticker Section - near ticker-title label */
        .ticker-title .customize-partial-edit-shortcut {
            position: absolute !important;
            right: 10px !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
            left: auto !important;
        }
        
        /* Hero Section - near wrapper content */
        .blog-over-hero-wrapper .customize-partial-edit-shortcut {
            position: absolute !important;
            left: 20px !important;
            top: 20px !important;
            right: auto !important;
        }
        
        /* Featured Links Section - near grid content */
        .blog-over-featured-grid .customize-partial-edit-shortcut {
            position: absolute !important;
            left: 20px !important;
            top: 20px !important;
            right: auto !important;
        }
        
        /* Make parent containers position relative */
        .ticker-title,
        .blog-over-hero-wrapper,
        .blog-over-featured-grid {
            position: relative !important;
        }
        
        /* Ensure pencil button is visible and styled nicely */
        .customize-partial-edit-shortcut button {
            background: linear-gradient(135deg, #0073aa, #005a87) !important;
            border-radius: 50% !important;
            box-shadow: 0 3px 12px rgba(0,0,0,0.4) !important;
            width: 32px !important;
            height: 32px !important;
            border: 2px solid #fff !important;
            transition: all 0.2s ease !important;
        }
        
        .customize-partial-edit-shortcut button:hover {
            background: linear-gradient(135deg, #005a87, #004165) !important;
            transform: scale(1.1) !important;
            box-shadow: 0 4px 16px rgba(0,0,0,0.5) !important;
        }
        
        /* Page Header Container - position pencil near centered content */
        .blog-over-page-header-container {
            position: relative !important;
        }
        .blog-over-page-header-container > .customize-partial-edit-shortcut,
        .customize-partial-edit-shortcut[data-customize-partial-id*="page_header"] {
            position: absolute !important;
            left: 50% !important;
            top: 20px !important;
            transform: translateX(-50%) !important;
            right: auto !important;
        }
        
        /* Page Header Wrapper - for edit shortcuts inside */
        .blog-over-page-header-wrapper {
            position: relative !important;
        }
        .blog-over-page-header-wrapper > .customize-partial-edit-shortcut {
            position: absolute !important;
            left: 50% !important;
            top: -15px !important;
            transform: translateX(-50%) !important;
        }
        
        /* Breadcrumb Container - position pencil centered above breadcrumb (when below header) */
        .blog-over-breadcrumb-container {
            position: relative !important;
        }
        .blog-over-breadcrumb-container > .customize-partial-edit-shortcut,
        .blog-over-breadcrumb-wrapper .customize-partial-edit-shortcut[data-customize-partial-id*="breadcrumb"] {
            position: absolute !important;
            left: 50% !important;
            top: 10px !important;
            transform: translateX(-50%) !important;
            right: auto !important;
        }
        
        /* Breadcrumb Wrapper - for edit shortcuts inside standalone breadcrumb */
        .blog-over-breadcrumb-wrapper {
            position: relative !important;
        }
        .blog-over-breadcrumb-wrapper > .customize-partial-edit-shortcut {
            position: absolute !important;
            left: 50% !important;
            top: -15px !important;
            transform: translateX(-50%) !important;
        }
        
        /* Breadcrumb inside Page Header - pencil icon centered above breadcrumb */
        .blog-over-page-header .blog-over-breadcrumb {
            position: relative !important;
        }
        .blog-over-page-header .blog-over-breadcrumb > .customize-partial-edit-shortcut {
            position: absolute !important;
            left: 50% !important;
            top: -25px !important;
            right: auto !important;
            transform: translateX(-50%) !important;
        }
        
        /* Breadcrumb nav element - position for pencil icon */
        .blog-over-breadcrumb {
            position: relative !important;
        }
        .blog-over-breadcrumb > .customize-partial-edit-shortcut {
            position: absolute !important;
            left: 50% !important;
            top: -20px !important;
            right: auto !important;
            transform: translateX(-50%) !important;
            z-index: 1000 !important;
        }
        
        /* Section edit shortcut for breadcrumb section - z-index fix */
        .blog-over-page-header .blog-over-breadcrumb > .customize-partial-edit-shortcut-button,
        .blog-over-breadcrumb-wrapper .blog-over-breadcrumb > .customize-partial-edit-shortcut-button {
            z-index: 1000 !important;
        }
        
        /* Ensure pencil icons on page title and breadcrumb text are inline */
        .blog-over-page-title {
            position: relative !important;
        }
        
        /* Highlight effect when breadcrumb section is focused */
        .blog-over-customizer-highlight {
            outline: 3px solid #0073aa !important;
            outline-offset: 5px !important;
            transition: outline 0.3s ease !important;
        }
        
        /* Hide empty breadcrumb container when breadcrumb is in page header */
        body.blog-over-breadcrumb-in-header .blog-over-breadcrumb-container:empty,
        body.blog-over-breadcrumb-in-header .blog-over-breadcrumb-container:not(:has(.blog-over-breadcrumb)) {
            display: none !important;
        }
        
        /* Author Box - position pencil near author avatar */
        .blog-over-author-box {
            position: relative !important;
        }
        .blog-over-author-box > .customize-partial-edit-shortcut {
            position: absolute !important;
            left: 20px !important;
            top: 20px !important;
            right: auto !important;
            z-index: 100 !important;
        }
        
        /* Post Navigation - position pencil near navigation */
        .blog-over-post-navigation {
            position: relative !important;
        }
        .blog-over-post-navigation > .customize-partial-edit-shortcut {
            position: absolute !important;
            left: 50% !important;
            top: 10px !important;
            transform: translateX(-50%) !important;
            right: auto !important;
            z-index: 100 !important;
        }
    
/*# sourceURL=blog-over-style-inline-css */
/**
 * Blog Over Theme - Dark Mode Styles
 * 
 * Dark mode overrides using CSS variables.
 * These rules apply when body has .blog-over-dark-mode class.
 * 
 * Most color changes are handled automatically via CSS variables
 * in color-variables.css. This file contains additional
 * structural/visual adjustments for dark mode.
 * 
 * @package Blog_Over
 */




/*body.blog-over-dark-mode a {
    color: var(--blog-over-text-link);
}

 body.blog-over-dark-mode a:hover {
    color: var(--blog-over-text-link-hover);
} */





/* =========================================
   HEADER & TOP BAR
   ========================================= */






body.blog-over-dark-mode .blog-over-site-branding .site-title a {
    color: var(--blog-over-text-inverse);
}

body.blog-over-dark-mode .blog-over-site-branding .site-description {
    color: var(--blog-over-text-muted);
}

body.blog-over-dark-mode .blog-over-header.is-sticky {
    background-color: var(--blog-over-bg-header);
    box-shadow: var(--blog-over-shadow-lg);
}

/* =========================================
   NAVIGATION MENU
   ========================================= */
body.blog-over-dark-mode .blog-over-menu-link {
    color: var(--blog-over-nav-text);
}

body.blog-over-dark-mode .blog-over-menu-link:hover,
body.blog-over-dark-mode .blog-over-menu-link:focus {
    color: var(--blog-over-primary);
}

body.blog-over-dark-mode .blog-over-sub-menu {
    background-color: var(--blog-over-submenu-bg);
    border-color: var(--blog-over-submenu-border);
    box-shadow: var(--blog-over-shadow-lg);
}

body.blog-over-dark-mode .blog-over-sub-menu .blog-over-menu-link {
    color: var(--blog-over-submenu-text);
}

body.blog-over-dark-mode .blog-over-sub-menu .blog-over-menu-link:hover,
body.blog-over-dark-mode .blog-over-sub-menu .blog-over-menu-link:focus {
    background-color: var(--blog-over-bg-input);
    color: var(--blog-over-primary);
}

body.blog-over-dark-mode .blog-over-dropdown-toggle {
    color: var(--blog-over-nav-text);
}

body.blog-over-dark-mode .blog-over-dropdown-toggle:hover,
body.blog-over-dark-mode .blog-over-dropdown-toggle:focus {
    background-color: rgba(255, 255, 255, 0.1);
}

body.blog-over-dark-mode .blog-over-dropdown-icon {
    border-color: var(--blog-over-nav-text);
}

/* Mobile Menu */
body.blog-over-dark-mode .blog-over-mobile-toggle .bar {
    background-color: var(--blog-over-text-inverse);
}

body.blog-over-dark-mode .blog-over-mobile-menu {
    background-color: var(--blog-over-mobile-menu-bg);
}

body.blog-over-dark-mode .blog-over-mobile-menu .blog-over-menu-item {
    border-bottom-color: var(--blog-over-mobile-menu-border);
}

body.blog-over-dark-mode .blog-over-mobile-menu .blog-over-menu-link {
    color: var(--blog-over-mobile-menu-link);
}

body.blog-over-dark-mode .blog-over-mobile-menu .blog-over-menu-link:hover {
    color: var(--blog-over-mobile-menu-link-hover);
}

body.blog-over-dark-mode .blog-over-mobile-menu .blog-over-dropdown-toggle {
    background-color: rgba(255, 255, 255, 0.05);
}

body.blog-over-dark-mode .blog-over-mobile-menu .blog-over-sub-menu {
    background-color: rgba(0, 0, 0, 0.2);
}

body.blog-over-dark-mode .blog-over-mobile-close {
    color: var(--blog-over-text-inverse);
}

body.blog-over-dark-mode .blog-over-mobile-close:hover,
body.blog-over-dark-mode .blog-over-mobile-close:focus {
    background-color: rgba(255, 255, 255, 0.1);
}

/* =========================================
   THEME TOGGLE BUTTON
   ========================================= */
body.blog-over-dark-mode .blog-over-theme-toggle {
    background-color: rgba(255, 255, 255, 0.1);
}

body.blog-over-dark-mode .blog-over-theme-toggle:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

body.blog-over-dark-mode .blog-over-theme-toggle i {
    color: #fbbf24;
    /* Sun icon color */
}

/* =========================================
   SOCIAL ICONS - Dark Mode
   ========================================= */

/* Default Style */
body.blog-over-dark-mode .blog-over-topbar-social-link {
    background: rgba(255, 255, 255, 0.1);
    color: #94a3b8;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

body.blog-over-dark-mode .blog-over-topbar-social-link:hover {
    background: var(--blog-over-primary, #3b82f6);
    color: #fff;
    border-color: var(--blog-over-primary, #3b82f6);
}

body.blog-over-dark-mode .blog-over-topbar-social-link i {
    color: inherit;
}

/* Outline Style - Dark Mode */
body.blog-over-dark-mode.blog-over-social-outline .blog-over-topbar-social-link,
body.blog-over-dark-mode .blog-over-social-outline .blog-over-topbar-social-link {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #cbd5e1;
}

body.blog-over-dark-mode.blog-over-social-outline .blog-over-topbar-social-link:hover,
body.blog-over-dark-mode .blog-over-social-outline .blog-over-topbar-social-link:hover {
    background: var(--blog-over-primary, #3b82f6);
    border-color: var(--blog-over-primary, #3b82f6);
    color: #fff;
}

/* Filled Style - Dark Mode */
body.blog-over-dark-mode.blog-over-social-filled .blog-over-topbar-social-link,
body.blog-over-dark-mode .blog-over-social-filled .blog-over-topbar-social-link {
    background: rgba(255, 255, 255, 0.15);
}

body.blog-over-dark-mode.blog-over-social-filled .blog-over-topbar-social-link i,
body.blog-over-dark-mode .blog-over-social-filled .blog-over-topbar-social-link i {
    color: #e2e8f0;
}

body.blog-over-dark-mode.blog-over-social-filled .blog-over-topbar-social-link:hover,
body.blog-over-dark-mode .blog-over-social-filled .blog-over-topbar-social-link:hover {
    background: var(--blog-over-primary, #3b82f6);
}

body.blog-over-dark-mode.blog-over-social-filled .blog-over-topbar-social-link:hover i,
body.blog-over-dark-mode .blog-over-social-filled .blog-over-topbar-social-link:hover i {
    color: #fff;
}

/* Rounded Style - Dark Mode */
body.blog-over-dark-mode.blog-over-social-rounded .blog-over-topbar-social-link,
body.blog-over-dark-mode .blog-over-social-rounded .blog-over-topbar-social-link {
    background: rgba(255, 255, 255, 0.1);
}

body.blog-over-dark-mode.blog-over-social-rounded .blog-over-topbar-social-link:hover,
body.blog-over-dark-mode .blog-over-social-rounded .blog-over-topbar-social-link:hover {
    background: var(--blog-over-primary, #3b82f6);
    color: #fff;
}

/* Search Toggle - Dark Mode */
body.blog-over-dark-mode .blog-over-search-toggle,
body.blog-over-dark-mode .blog-over-theme-toggle {
    background: rgba(255, 255, 255, 0.1);
    color: #94a3b8;
}

body.blog-over-dark-mode .blog-over-search-toggle i,
body.blog-over-dark-mode .blog-over-theme-toggle i {
    color: #94a3b8;
}

body.blog-over-dark-mode .blog-over-search-toggle:hover,
body.blog-over-dark-mode .blog-over-theme-toggle:hover {
    background: var(--blog-over-primary, #3b82f6);
    color: #fff;
}

body.blog-over-dark-mode .blog-over-search-toggle:hover i,
body.blog-over-dark-mode .blog-over-theme-toggle:hover i {
    color: #fff;
}

/* Search toggle active state (popup open) - Dark Mode */
body.blog-over-dark-mode .blog-over-search-toggle.active {
    background: var(--blog-over-primary, #3b82f6);
    color: #fff;
}

body.blog-over-dark-mode .blog-over-search-toggle.active i {
    color: #fff;
}

body.blog-over-dark-mode .blog-over-search-toggle.active:hover {
    background: var(--blog-over-secondary, #1e40af);
}

body.blog-over-dark-mode .blog-over-search-toggle.active:hover i {
    color: #fff;
}

/* Global Icon Hover Visibility - Dark Mode */
body.blog-over-dark-mode button:hover i,
body.blog-over-dark-mode .btn:hover i,
body.blog-over-dark-mode a.btn:hover i,
body.blog-over-dark-mode .button:hover i,
body.blog-over-dark-mode .blog-over-btn:hover i,
body.blog-over-dark-mode .blog-over-search-toggle:hover i,
body.blog-over-dark-mode .blog-over-theme-toggle:hover i,
body.blog-over-dark-mode .blog-over-search-submit:hover i,
body.blog-over-dark-mode .blog-over-scroll-top:hover i,
body.blog-over-dark-mode .blog-over-topbar-social-link:hover i,
body.blog-over-dark-mode .widget button:hover i,
body.blog-over-dark-mode .wp-block-button a:hover i {
    color: #fff !important;
}

body.blog-over-dark-mode .blog-over-search-toggle.active i,
body.blog-over-dark-mode .blog-over-theme-toggle.active i {
    color: #fff !important;
}

/* =========================================
   SEARCH STYLES
   ========================================= */
body.blog-over-dark-mode .blog-over-search-modal-content,
body.blog-over-dark-mode .blog-over-search-inline form,
body.blog-over-dark-mode .blog-over-search-panel-inner {
    background-color: var(--blog-over-search-modal-bg);
}

body.blog-over-dark-mode .blog-over-search-input {
    background-color: var(--blog-over-search-input-bg);
    border-color: var(--blog-over-border-color);
    color: var(--blog-over-text-primary);
}

body.blog-over-dark-mode .blog-over-search-input:focus {
    background-color: var(--blog-over-search-input-bg);
    border-color: var(--blog-over-border-focus);
}

body.blog-over-dark-mode .blog-over-search-input::placeholder {
    color: var(--blog-over-text-muted);
}

body.blog-over-dark-mode .blog-over-search-close {
    background-color: var(--blog-over-bg-input);
}

body.blog-over-dark-mode .blog-over-search-close span {
    color: var(--blog-over-text-secondary);
}

body.blog-over-dark-mode .blog-over-search-close:hover {
    background-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-search-close:hover span {
    color: var(--blog-over-text-primary);
}

body.blog-over-dark-mode .blog-over-search-panel-title {
    color: var(--blog-over-text-primary);
}

/* Search Submit Button - Dark Mode */
body.blog-over-dark-mode .blog-over-search-submit,
body.blog-over-dark-mode .blog-over-search-form .blog-over-search-submit,
body.blog-over-dark-mode .search-submit {
    background-color: var(--blog-over-primary, #3b82f6);
    color: #fff !important;
    border: none;
}


body.blog-over-dark-mode .blog-over-search-submit i,
body.blog-over-dark-mode .search-submit i {
    color: #fff !important;
}

/* Sidebar Search Widget - Dark Mode */
body.blog-over-dark-mode .blog-over-sidebar .widget_search .search-field,
body.blog-over-dark-mode .blog-over-sidebar .wp-block-search__input,
body.blog-over-dark-mode .widget_search input[type="search"] {
    background-color: var(--blog-over-bg-input, #1e293b);
    border-color: var(--blog-over-border-color, #334155);
    color: var(--blog-over-text-primary, #f1f5f9);
}

body.blog-over-dark-mode .blog-over-sidebar .widget_search .search-field:focus,
body.blog-over-dark-mode .blog-over-sidebar .wp-block-search__input:focus,
body.blog-over-dark-mode .widget_search input[type="search"]:focus {
    border-color: var(--blog-over-border-focus, #3b82f6);
    background-color: var(--blog-over-bg-input, #1e293b);
}

body.blog-over-dark-mode .blog-over-sidebar .widget_search .search-field::placeholder,
body.blog-over-dark-mode .blog-over-sidebar .wp-block-search__input::placeholder {
    color: var(--blog-over-text-muted, #64748b);
}

body.blog-over-dark-mode .blog-over-sidebar .widget_search button,
body.blog-over-dark-mode .blog-over-sidebar .wp-block-search__button {
    background-color: var(--blog-over-primary, #3b82f6);
    color: #fff !important;
}

body.blog-over-dark-mode .blog-over-sidebar .widget_search button:hover,
body.blog-over-dark-mode .blog-over-sidebar .wp-block-search__button:hover {
    background-color: var(--blog-over-primary-hover, #2563eb);
}

/* Searchform in footer/other areas - Dark Mode */
body.blog-over-dark-mode .blog-over-footer .search-field,
body.blog-over-dark-mode .blog-over-footer input[type="search"] {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: #f1f5f9;
}

body.blog-over-dark-mode .blog-over-footer .search-field:focus {
    border-color: var(--blog-over-primary, #3b82f6);
}

/* =========================================
   CONTENT AREA
   ========================================= */


/* =========================================
   BREADCRUMB
   ========================================= */
body.blog-over-dark-mode .blog-over-breadcrumb-wrapper {
    background: var(--blog-over-breadcrumb-bg);
    border-bottom-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-breadcrumb-item {
    color: var(--blog-over-breadcrumb-text);
}


body.blog-over-dark-mode .blog-over-breadcrumb-item.current {
    color: var(--blog-over-breadcrumb-current);
}

body.blog-over-dark-mode .blog-over-breadcrumb-separator {
    color: var(--blog-over-breadcrumb-separator);
}

/* =========================================
   PAGE HEADER
   ========================================= */
body.blog-over-dark-mode .blog-over-page-header {
    background-color: var(--blog-over-page-header-bg);
}

body.blog-over-dark-mode .blog-over-page-title {
    color: var(--blog-over-page-header-text);
}

/* =========================================
   POST CARDS
   ========================================= */
body.blog-over-dark-mode .blog-over-post-item,
body.blog-over-dark-mode .blog-over-post-card {
    border-color: var(--blog-over-border-color);
    box-shadow: var(--blog-over-shadow-card);
}

body.blog-over-dark-mode .blog-over-post-item:hover,
body.blog-over-dark-mode .blog-over-post-card:hover {
    box-shadow: var(--blog-over-shadow-lg);
}

body.blog-over-dark-mode .blog-over-post-title a,
body.blog-over-dark-mode .entry-title a {
    color: var(--blog-over-card-title);
}

body.blog-over-dark-mode .blog-over-post-title a:hover,
body.blog-over-dark-mode .entry-title a:hover {
    color: var(--blog-over-primary);
}

body.blog-over-dark-mode .blog-over-post-excerpt,
body.blog-over-dark-mode .entry-summary {
    color: var(--blog-over-card-excerpt);
}

body.blog-over-dark-mode .blog-over-post-meta .blog-over-meta-info {
    color: var(--blog-over-meta-color);
}

body.blog-over-dark-mode .blog-over-post-meta .blog-over-meta-info i {
    color: var(--blog-over-meta-icon);
}

body.blog-over-dark-mode .blog-over-post-meta .blog-over-meta-info a {
    color: var(--blog-over-meta-link);
}

body.blog-over-dark-mode .blog-over-post-meta .blog-over-meta-info a:hover {
    color: var(--blog-over-primary);
}

/* =========================================
   MODERN CARD STYLE
   ========================================= */
body.blog-over-dark-mode .blog-over-modern-card-inner {
    background-color: var(--blog-over-bg-card);
    box-shadow: var(--blog-over-shadow-card);
    transition: all 0.35s ease;
}

body.blog-over-dark-mode .blog-over-modern-title a {
    color: var(--blog-over-card-title);
}

body.blog-over-dark-mode .blog-over-modern-title a:hover {
    color: var(--blog-over-card-title-hover);
}

body.blog-over-dark-mode .blog-over-modern-meta {
    color: var(--blog-over-meta-color);
}

body.blog-over-dark-mode .blog-over-modern-author a {
    color: var(--blog-over-meta-link);
}

body.blog-over-dark-mode .blog-over-modern-excerpt p {
    color: var(--blog-over-card-excerpt);
}

body.blog-over-dark-mode .blog-over-modern-card-inner:hover {
    box-shadow: var(--blog-over-shadow-lg);
    transform: translateY(-2px);
}

/* =========================================
   SINGLE POST CONTENT
   ========================================= */
body.blog-over-dark-mode .entry-content {
    color: var(--blog-over-content-text);
}

body.blog-over-dark-mode .entry-content p,
body.blog-over-dark-mode .entry-content li {
    color: var(--blog-over-content-text);
}

body.blog-over-dark-mode .entry-content h2,
body.blog-over-dark-mode .entry-content h3,
body.blog-over-dark-mode .entry-content h4 {
    color: var(--blog-over-content-heading);
}

body.blog-over-dark-mode .entry-content a {
    color: var(--blog-over-content-link);
}

body.blog-over-dark-mode .entry-content a:hover {
    color: var(--blog-over-content-link-hover);
}

body.blog-over-dark-mode .entry-content blockquote {
    background-color: var(--blog-over-blockquote-bg);
    border-left-color: var(--blog-over-blockquote-border);
    color: var(--blog-over-blockquote-text);
}

body.blog-over-dark-mode .entry-content code,
body.blog-over-dark-mode .entry-content pre {
    background-color: var(--blog-over-bg-code);
    color: var(--blog-over-text-primary);
}

body.blog-over-dark-mode .entry-content table th {
    background-color: var(--blog-over-table-header-bg);
    color: var(--blog-over-text-primary);
}

body.blog-over-dark-mode .entry-content table td,
body.blog-over-dark-mode .entry-content table th {
    border-color: var(--blog-over-table-border);
}

body.blog-over-dark-mode .entry-content table tr:nth-child(even) {
    background-color: var(--blog-over-table-stripe);
}

/* =========================================
   TAGS & SHARE BUTTONS
   ========================================= */
body.blog-over-dark-mode .blog-over-single-tags a {
    background-color: var(--blog-over-tag-bg);
    color: var(--blog-over-tag-text);
}

body.blog-over-dark-mode .blog-over-single-tags a:hover {
    background-color: var(--blog-over-tag-hover-bg);
    color: var(--blog-over-tag-hover-text);
}



/* =========================================
   AUTHOR BOX
   ========================================= */
body.blog-over-dark-mode .blog-over-author-box {
    background-color: var(--blog-over-author-bg);
    border-color: var(--blog-over-author-border);
}

body.blog-over-dark-mode .blog-over-author-name a {
    color: var(--blog-over-author-name);
}

body.blog-over-dark-mode .blog-over-author-name a:hover {
    color: var(--blog-over-primary);
}

body.blog-over-dark-mode .blog-over-author-bio {
    color: var(--blog-over-author-bio);
}

body.blog-over-dark-mode .blog-over-author-meta {
    color: var(--blog-over-meta-color);
}

body.blog-over-dark-mode .blog-over-author-links a {
    color: var(--blog-over-meta-color);
}

body.blog-over-dark-mode .blog-over-author-links a:hover {
    color: var(--blog-over-author-link);
}

/* =========================================
   POST NAVIGATION
   ========================================= */
body.blog-over-dark-mode .blog-over-post-navigation {
    border-color: var(--blog-over-postnav-border);
}

body.blog-over-dark-mode .blog-over-nav-label {
    color: var(--blog-over-postnav-label);
}

body.blog-over-dark-mode .blog-over-nav-title {
    color: var(--blog-over-postnav-title);
}

body.blog-over-dark-mode .blog-over-nav-title:hover {
    color: var(--blog-over-primary);
}

body.blog-over-dark-mode .blog-over-nav-prev,
body.blog-over-dark-mode .blog-over-nav-next {
    background-color: var(--blog-over-bg-card);
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-nav-prev:hover,
body.blog-over-dark-mode .blog-over-nav-next:hover {
    background-color: var(--blog-over-bg-input);
}

/* =========================================
   RELATED POSTS - Dark Mode
   ========================================= */
body.blog-over-dark-mode .blog-over-related-posts {
    background-color: var(--blog-over-bg-card, #1e293b);
    border-color: var(--blog-over-border-color, #334155);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
}

/* Section Title - Light color for dark mode */
body.blog-over-dark-mode .blog-over-related-title {
    color: #f1f5f9;
    /* Light color for dark theme */
}

/* Related Item Card */
body.blog-over-dark-mode .blog-over-related-item {
    background-color: var(--blog-over-bg-card, #1e293b);
    border-color: var(--blog-over-border-color, #334155);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

body.blog-over-dark-mode .blog-over-related-item:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

/* Post Title - Light color for dark mode, primary on hover */
body.blog-over-dark-mode .blog-over-related-post-title,
body.blog-over-dark-mode .blog-over-related-item-title {
    color: #f1f5f9;
    /* Light title for dark theme */
}

body.blog-over-dark-mode .blog-over-related-post-title a,
body.blog-over-dark-mode .blog-over-related-item-title a {
    color: #f1f5f9 !important;
    /* Light title for dark theme */
}

body.blog-over-dark-mode .blog-over-related-post-title a:hover,
body.blog-over-dark-mode .blog-over-related-item-title a:hover {
    color: var(--blog-over-primary, #3b82f6) !important;
    /* Primary color on hover */
}

/* Meta Info - Muted light color for dark mode */
body.blog-over-dark-mode .blog-over-related-content .blog-over-meta-info,
body.blog-over-dark-mode .blog-over-related-meta {
    color: #94a3b8;
    /* Muted light for dark theme */
}

body.blog-over-dark-mode .blog-over-related-content .blog-over-meta-info i,
body.blog-over-dark-mode .blog-over-related-meta i {
    color: #64748b;
    /* Slightly darker muted for icons */
}

body.blog-over-dark-mode .blog-over-related-content .blog-over-meta-info a,
body.blog-over-dark-mode .blog-over-related-meta a {
    color: #94a3b8;
}

body.blog-over-dark-mode .blog-over-related-content .blog-over-meta-info a:hover,
body.blog-over-dark-mode .blog-over-related-meta a:hover {
    color: var(--blog-over-primary, #3b82f6);
}

/* Date - Muted light color for dark mode */
body.blog-over-dark-mode .blog-over-related-date {
    color: #94a3b8;
}

/* Excerpt - Muted light color for dark mode */
body.blog-over-dark-mode .blog-over-related-excerpt {
    color: #94a3b8;
}


/* =========================================
   COMMENTS
   ========================================= */
body.blog-over-dark-mode .blog-over-comments-area {
    background-color: var(--blog-over-bg-card);
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-comments-title {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-comment {
    background-color: var(--blog-over-comment-bg);
    border-color: var(--blog-over-comment-border);
}

body.blog-over-dark-mode .blog-over-comment-author,
body.blog-over-dark-mode .comment-author .fn {
    color: var(--blog-over-comment-author);
}

body.blog-over-dark-mode .blog-over-comment-author a,
body.blog-over-dark-mode .comment-author .fn a {
    color: var(--blog-over-comment-author);
}

body.blog-over-dark-mode .blog-over-comment-content p,
body.blog-over-dark-mode .comment-content p {
    color: var(--blog-over-comment-text);
}

body.blog-over-dark-mode .blog-over-comment-meta,
body.blog-over-dark-mode .comment-metadata {
    color: var(--blog-over-comment-meta);
}

/* Comments Area Links - Dark Mode */
body.blog-over-dark-mode .comments-area a,
body.blog-over-dark-mode .blog-over-comments-area a {
    color: var(--blog-over-primary);
    transition: color 0.3s ease;
}

body.blog-over-dark-mode .comments-area a:hover,
body.blog-over-dark-mode .blog-over-comments-area a:hover {
    /*color: var(--blog-over-secondary);*/
    color: #e9e9e9;
}

/* Comment Reply/Edit Links - Dark Mode */
body.blog-over-dark-mode .comment-reply-link,
body.blog-over-dark-mode .comment-edit-link {
    color: var(--blog-over-primary);
    transition: color 0.3s ease;
}

body.blog-over-dark-mode .comment-reply-link:hover,
body.blog-over-dark-mode .comment-edit-link:hover {
    color: var(--blog-over-secondary);
}

/* Comment Author Name - Dark Mode */
body.blog-over-dark-mode .comment-author a {
    color: #f1f5f9;
    transition: color 0.3s ease;
}

body.blog-over-dark-mode .comment-author a:hover {
    color: var(--blog-over-primary);
}

/* Comment Form */
body.blog-over-dark-mode .blog-over-comment-form input[type="text"],
body.blog-over-dark-mode .blog-over-comment-form input[type="email"],
body.blog-over-dark-mode .blog-over-comment-form input[type="url"],
body.blog-over-dark-mode .blog-over-comment-form textarea,
body.blog-over-dark-mode .comment-form input[type="text"],
body.blog-over-dark-mode .comment-form input[type="email"],
body.blog-over-dark-mode .comment-form input[type="url"],
body.blog-over-dark-mode .comment-form textarea {
    background-color: var(--blog-over-input-bg);
    border-color: var(--blog-over-input-border);
    color: var(--blog-over-input-text);
}

body.blog-over-dark-mode .blog-over-comment-form input::placeholder,
body.blog-over-dark-mode .blog-over-comment-form textarea::placeholder,
body.blog-over-dark-mode .comment-form input::placeholder,
body.blog-over-dark-mode .comment-form textarea::placeholder {
    color: var(--blog-over-input-placeholder);
}

body.blog-over-dark-mode .blog-over-comment-form input:focus,
body.blog-over-dark-mode .blog-over-comment-form textarea:focus,
body.blog-over-dark-mode .comment-form input:focus,
body.blog-over-dark-mode .comment-form textarea:focus {
    border-color: var(--blog-over-border-focus);
    background-color: var(--blog-over-bg-input-focus);
}

/* =========================================
   SIDEBAR & WIDGETS
   ========================================= */
body.blog-over-dark-mode .blog-over-sidebar .widget {
    background-color: var(--blog-over-sidebar-widget-bg);
    border-color: var(--blog-over-widget-border);
    color: var(--blog-over-sidebar-text);
}

body.blog-over-dark-mode .widget-title {
    color: var(--blog-over-sidebar-title-color);
}

body.blog-over-dark-mode .widget {
    color: var(--blog-over-widget-text);
}

body.blog-over-dark-mode .widget a {
    color: var(--blog-over-widget-link);
}

body.blog-over-dark-mode .widget a:hover {
    color: var(--blog-over-widget-link-hover);
}

body.blog-over-dark-mode .widget ul li {
    border-bottom-color: var(--blog-over-border-color);
}

/* Widget Search */
body.blog-over-dark-mode .widget .search-field {
    background-color: var(--blog-over-input-bg);
    border-color: var(--blog-over-input-border);
    color: var(--blog-over-input-text);
}

/* Widget Calendar - Dark Mode Comprehensive Styling */
body.blog-over-dark-mode .widget_calendar,
body.blog-over-dark-mode .blog-over-sidebar .widget_calendar {
    background-color: var(--blog-over-bg-card);
}

body.blog-over-dark-mode .widget_calendar table {
    background-color: var(--blog-over-bg-card);
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .widget_calendar th,
body.blog-over-dark-mode .widget_calendar td {
    border-color: var(--blog-over-border-color);
    color: var(--blog-over-text-primary);
}

body.blog-over-dark-mode .widget_calendar caption {
    color: var(--blog-over-heading-color);
    background-color: transparent;
}

body.blog-over-dark-mode .widget_calendar thead th {
    color: var(--blog-over-text-muted);
    background-color: rgba(255, 255, 255, 0.05);
    border-bottom-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .widget_calendar tbody td {
    color: var(--blog-over-text-secondary);
    border-bottom-color: var(--blog-over-border-light);
}

body.blog-over-dark-mode .widget_calendar tbody td#today {
    background-color: var(--blog-over-bg-input);
    color: var(--blog-over-primary);
    font-weight: 700;
}

body.blog-over-dark-mode .widget_calendar tbody td a {
    background-color: var(--blog-over-primary);
    color: var(--blog-over-text-inverse);
}

body.blog-over-dark-mode .widget_calendar tbody td a:hover {
    background-color: var(--blog-over-secondary);
    color: var(--blog-over-text-inverse);
}

body.blog-over-dark-mode .widget_calendar tfoot {
    background-color: rgba(255, 255, 255, 0.02);
}

body.blog-over-dark-mode .widget_calendar tfoot td {
    border-top-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .widget_calendar tfoot a,
body.blog-over-dark-mode .widget_calendar .wp-calendar-nav a {
    color: var(--blog-over-primary);
}

body.blog-over-dark-mode .widget_calendar tfoot a:hover,
body.blog-over-dark-mode .widget_calendar .wp-calendar-nav a:hover {
    color: var(--blog-over-secondary);
}

/* Widget Tag Cloud */
body.blog-over-dark-mode .widget_tag_cloud .tagcloud a {
    background-color: var(--blog-over-tag-bg);
    color: var(--blog-over-tag-text);
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .widget_tag_cloud .tagcloud a:hover {
    background-color: var(--blog-over-tag-hover-bg);
    color: var(--blog-over-tag-hover-text);
    border-color: var(--blog-over-tag-hover-bg);
}

/* =========================================
   FOOTER
   ========================================= */
body.blog-over-dark-mode .blog-over-footer {
    background-color: var(--blog-over-footer-bg);
    color: var(--blog-over-footer-text);
}

body.blog-over-dark-mode .blog-over-footer a {
    color: var(--blog-over-footer-link);
}

body.blog-over-dark-mode .blog-over-footer a:hover {
    color: var(--blog-over-footer-link-hover);
}

body.blog-over-dark-mode .blog-over-footer .widget-title {
    color: var(--blog-over-footer-heading);
}

body.blog-over-dark-mode .blog-over-copyright {
    background-color: rgba(0, 0, 0, 0.3);
    border-top-color: var(--blog-over-footer-border);
}

/* =========================================
   YOU MISSED SECTION
   ========================================= */
body.blog-over-dark-mode .blog-over-missed-wrapper {
    background-color: var(--blog-over-bg-body);
}

body.blog-over-dark-mode .blog-over-section-heading {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-missed-item {
    background-color: var(--blog-over-bg-card);
    box-shadow: var(--blog-over-shadow-card);
}

body.blog-over-dark-mode .blog-over-missed-item:hover {
    box-shadow: var(--blog-over-shadow-lg);
}

body.blog-over-dark-mode .blog-over-missed-thumb {
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-missed-title a {
    color: var(--blog-over-card-title);
}

body.blog-over-dark-mode .blog-over-missed-meta {
    color: var(--blog-over-meta-color);
}

body.blog-over-dark-mode .blog-over-missed-meta i {
    color: var(--blog-over-meta-icon);
}

body.blog-over-dark-mode .blog-over-missed-meta a {
    color: var(--blog-over-meta-link);
}

body.blog-over-dark-mode .blog-over-missed-meta a:hover {
    color: var(--blog-over-primary);
}

body.blog-over-dark-mode .blog-over-missed-modern .blog-over-missed-item {
    background-color: var(--blog-over-bg-card);
}

body.blog-over-dark-mode .blog-over-missed-modern .blog-over-missed-meta {
    color: var(--blog-over-meta-color);
}

/* =========================================
   FEATURED SECTION
   ========================================= */
body.blog-over-dark-mode .blog-over-featured-wrapper {
    background-color: transparent;
}

body.blog-over-dark-mode .blog-over-featured-item,
body.blog-over-dark-mode .blog-over-featured-image-wrapper {
    background-color: var(--blog-over-bg-card) !important;
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-layout-cards .blog-over-featured-content {
    background-color: var(--blog-over-bg-card) !important;
    border-color: var(--blog-over-border-color);
}

/*body.blog-over-dark-mode .blog-over-featured-title a {
    color: var(--blog-over-card-title);
}

body.blog-over-dark-mode .blog-over-featured-title a:hover {
    color: var(--blog-over-card-title-hover);
}*/

/* =========================================
   ARCHIVE PAGE
   ========================================= */
body.blog-over-dark-mode .blog-over-archive-header {
    border-bottom-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-archive-title {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-archive-description {
    color: var(--blog-over-text-secondary);
}

/* =========================================
   PAGINATION
   ========================================= */
body.blog-over-dark-mode .pagination .page-numbers {
    background-color: var(--blog-over-bg-card);
    color: var(--blog-over-text-secondary);
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .pagination .page-numbers:hover,
body.blog-over-dark-mode .pagination .page-numbers.current {
    background-color: var(--blog-over-primary);
    color: #ffffff;
}

/* =========================================
   404 & SEARCH RESULTS
   ========================================= */
body.blog-over-dark-mode .error-404,
body.blog-over-dark-mode .no-results {
    color: var(--blog-over-text-secondary);
}

body.blog-over-dark-mode .error-404 h1,
body.blog-over-dark-mode .no-results h1 {
    color: var(--blog-over-heading-color);
}

/* =========================================
   SCROLL TO TOP BUTTON
   ========================================= */
body.blog-over-dark-mode .blog-over-scroll-top {
    background-color: var(--blog-over-primary);
}

body.blog-over-dark-mode .blog-over-scroll-top:hover {
    background-color: var(--blog-over-secondary);
}

/* =========================================
   FORMS (General)
   ========================================= */
body.blog-over-dark-mode input[type="text"],
body.blog-over-dark-mode input[type="email"],
body.blog-over-dark-mode input[type="url"],
body.blog-over-dark-mode input[type="password"],
body.blog-over-dark-mode input[type="search"],
body.blog-over-dark-mode input[type="number"],
body.blog-over-dark-mode input[type="tel"],
body.blog-over-dark-mode textarea,
body.blog-over-dark-mode select {
    background-color: var(--blog-over-input-bg);
    border-color: var(--blog-over-input-border);
    color: var(--blog-over-input-text);
}

body.blog-over-dark-mode input::placeholder,
body.blog-over-dark-mode textarea::placeholder {
    color: var(--blog-over-input-placeholder);
}

body.blog-over-dark-mode input:focus,
body.blog-over-dark-mode textarea:focus,
body.blog-over-dark-mode select:focus {
    border-color: var(--blog-over-border-focus);
    outline: none;
}

/* =========================================
   SELECTION HIGHLIGHT
   ========================================= */
body.blog-over-dark-mode ::selection {
    background-color: var(--blog-over-primary);
    color: #ffffff;
}

body.blog-over-dark-mode ::-moz-selection {
    background-color: var(--blog-over-primary);
    color: #ffffff;
}

/* =========================================
   CATEGORY BADGES
   ========================================= */
body.blog-over-dark-mode .blog-over-category-badge,
body.blog-over-dark-mode .blog-over-post-category a {
    background-color: var(--blog-over-secondary);
    color: #ffffff;
}

body.blog-over-dark-mode .blog-over-category-badge:hover,
body.blog-over-dark-mode .blog-over-post-category a:hover {
    background-color: var(--blog-over-primary);
    color: #ffffff;
}

/* =========================================
   BUTTONS - Smooth Transform Effects
   ========================================= */
body.blog-over-dark-mode .blog-over-modern-readmore,
body.blog-over-dark-mode .blog-over-read-more,
body.blog-over-dark-mode .blog-over-btn,
body.blog-over-dark-mode .button,
body.blog-over-dark-mode button[type="submit"],
body.blog-over-dark-mode input[type="submit"] {
    transition: all 0.3s ease;
}

body.blog-over-dark-mode .blog-over-modern-readmore:hover {
    transform: translateX(4px);
}

body.blog-over-dark-mode .blog-over-modern-category a {
    transition: all 0.3s ease;
}

body.blog-over-dark-mode .blog-over-modern-category a:hover {
    transform: translateY(-2px);
}

/* =========================================
   TRANSITIONS - Smooth theme switching
   ========================================= */
body.blog-over-dark-mode,
body.blog-over-dark-mode * {
    transition: background-color 0.3s ease,
        border-color 0.3s ease,
        color 0.2s ease,
        box-shadow 0.3s ease,
        transform 0.3s ease;
}

/* Exclude elements that shouldn't transition colors */
body.blog-over-dark-mode video,
body.blog-over-dark-mode iframe {
    transition: none;
}

/* Keep transform transition for hover effects, but exclude color transitions */
body.blog-over-dark-mode img {
    transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}

body.blog-over-dark-mode .blog-over-post-thumbnail img,
body.blog-over-dark-mode .blog-over-grid-thumbnail img {
    transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
    will-change: transform;
}

/* Restore full transition for interactive elements */
body.blog-over-dark-mode .blog-over-read-more {
    transition: all 0.3s ease;
}

.blog-over-grid-category a:hover {
    color: #f0f0f0;
}

.blog-over-grid-meta .blog-over-meta-info a {
    color: #a8a8a8;
}

.blog-over-grid-meta .blog-over-meta-info a:hover {
    color: var(--blog-over-primary);
}

/* =========================================
   SINGLE POST & CONTENT (Moved from style.css)
   ========================================= */

/* Single Post Dark Mode */
body.blog-over-dark-mode .blog-over-single-post {
    background: var(--blog-over-bg-card);
    color: var(--blog-over-text-body);
}

body.blog-over-dark-mode .blog-over-single-title {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-single-content {
    color: var(--blog-over-text-body);
}

body.blog-over-dark-mode .blog-over-single-content a {
    color: var(--blog-over-primary);
    text-decoration: underline;
}

body.blog-over-dark-mode .blog-over-single-content a:hover {
    color: var(--blog-over-secondary);
}

/* Dark mode buttons inside content: no underline */
body.blog-over-dark-mode .blog-over-single-content a.blog-over-read-more,
body.blog-over-dark-mode .blog-over-single-content a.blog-over-btn,
body.blog-over-dark-mode .blog-over-single-content a.button,
body.blog-over-dark-mode .blog-over-single-content a.blog-over-cat-item,
body.blog-over-dark-mode .blog-over-single-content .blog-over-post-category a,
body.blog-over-dark-mode .blog-over-single-content .blog-over-single-category a,
body.blog-over-dark-mode .blog-over-single-content .blog-over-single-tags a,
body.blog-over-dark-mode .blog-over-single-content .wp-block-button__link {
    text-decoration: none;
}

body.blog-over-dark-mode .blog-over-single-content h2,
body.blog-over-dark-mode .blog-over-single-content h3,
body.blog-over-dark-mode .blog-over-single-content h4 {
    color: var(--blog-over-heading-color);
}

/* Post Meta Dark Mode */
body.blog-over-dark-mode .blog-over-post-meta {
    color: var(--blog-over-meta-color);
}

body.blog-over-dark-mode .blog-over-post-meta a {
    color: var(--blog-over-meta-color);
}

body.blog-over-dark-mode .blog-over-post-meta a:hover {
    color: var(--blog-over-link-color);
}

/* Excerpt/Summary Dark Mode */
body.blog-over-dark-mode .blog-over-post-excerpt,
body.blog-over-dark-mode .blog-over-post-summary {
    color: var(--blog-over-meta-color);
}

/* Author Box Dark Mode */
body.blog-over-dark-mode .blog-over-author-box {
    background: var(--blog-over-bg-card);
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-author-name {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-author-bio {
    color: var(--blog-over-meta-color);
}

/* Related Posts Dark Mode */
body.blog-over-dark-mode .blog-over-related-posts {
    background: var(--blog-over-bg-card);
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-related-title {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-related-item {
    background: var(--blog-over-bg-body);
}

body.blog-over-dark-mode .blog-over-related-item-title a {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-related-item-title a:hover {
    color: var(--blog-over-link-color);
}

/* Tags Dark Mode */
body.blog-over-dark-mode .blog-over-tags a,
body.blog-over-dark-mode .blog-over-post-tags a {
    background: var(--blog-over-border-color);
    color: var(--blog-over-text-muted);
    border-color: var(--blog-over-border-dark);
}

body.blog-over-dark-mode .blog-over-tags a:hover,
body.blog-over-dark-mode .blog-over-post-tags a:hover {
    background: var(--blog-over-primary);
    color: var(--blog-over-text-inverse);
    border-color: var(--blog-over-primary);
}

/* You Missed Section Dark Mode */
body.blog-over-dark-mode .blog-over-you-missed {
    background: var(--blog-over-bg-body);
}

body.blog-over-dark-mode .blog-over-you-missed-title {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-missed-item {
    background: var(--blog-over-bg-card);
}

body.blog-over-dark-mode .blog-over-missed-title a {
    color: var(--blog-over-card-title);
}

body.blog-over-dark-mode .blog-over-missed-title a:hover {
    color: var(--blog-over-primary);
}

body.blog-over-dark-mode .blog-over-missed-meta a:hover {
    color: var(--blog-over-primary);
}

/* Modern Blog Layout Dark Mode */
body.blog-over-dark-mode .blog-over-modern-card {
    background: var(--blog-over-bg-card);
}

body.blog-over-dark-mode .blog-over-modern-title a {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-modern-title a:hover {
    color: var(--blog-over-link-color);
}

body.blog-over-dark-mode .blog-over-modern-content {
    color: var(--blog-over-meta-color);
}

/* Hero Section Dark Mode */
body.blog-over-dark-mode .blog-over-hero-wrapper {
    background: var(--blog-over-bg-body);
}

body.blog-over-dark-mode .blog-over-hero-content {
    background: linear-gradient(to top, rgba(15, 23, 42, 0.95), transparent);
}

/* Featured Links Dark Mode */
body.blog-over-dark-mode .blog-over-featured-links {
    background: var(--blog-over-bg-body);
}

/* Ticker Dark Mode */
body.blog-over-dark-mode .blog-over-ticker {
    background: var(--blog-over-bg-card);
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-ticker-label {
    background: var(--blog-over-primary);
}

body.blog-over-dark-mode .blog-over-ticker-content a {
    color: var(--blog-over-text-muted);
}

/* Footer Dark Mode */
body.blog-over-dark-mode .blog-over-footer {
    background-color: var(--blog-over-bg-body);
}

body.blog-over-dark-mode .blog-over-copyright {
    background-color: var(--blog-over-footer-copyright-bg);
}

/* Page Content Dark Mode */
body.blog-over-dark-mode .blog-over-page-content {
    background: var(--blog-over-bg-card);
}

body.blog-over-dark-mode .blog-over-page-title {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-page-body {
    color: var(--blog-over-text-body);
}

body.blog-over-dark-mode .blog-over-page-footer {
    border-top-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-page-links {
    background: var(--blog-over-bg-body);
}

/* Page Header Dark Mode */
body.blog-over-dark-mode .blog-over-page-header {
    background-color: var(--blog-over-page-header-bg-dark);
}

/* Archive Dark Mode */
body.blog-over-dark-mode .blog-over-archive-header {
    background: var(--blog-over-bg-card);
}

body.blog-over-dark-mode .blog-over-archive-title {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-post-item {
    background: var(--blog-over-bg-card);
}

body.blog-over-dark-mode .blog-over-post-title a {
    color: var(--blog-over-heading-color);
}

/* Single Meta Dark Mode */
body.blog-over-dark-mode .blog-over-single-meta {
    color: var(--blog-over-meta-color);
}

body.blog-over-dark-mode .blog-over-single-meta .blog-over-meta-date a,
body.blog-over-dark-mode .blog-over-single-meta .blog-over-meta-comments a {
    color: var(--blog-over-meta-color);
}

body.blog-over-dark-mode .blog-over-single-meta a:hover {
    color: var(--blog-over-primary);
}

/* Single Tags Dark Mode */
body.blog-over-dark-mode .blog-over-single-tags {
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-single-tags .tags-label {
    color: var(--blog-over-meta-color);
}

body.blog-over-dark-mode .blog-over-single-tags a {
    background: var(--blog-over-tag-bg);
    color: var(--blog-over-tag-text);
}

body.blog-over-dark-mode .blog-over-single-tags a:hover {
    background: var(--blog-over-tag-hover-bg);
    color: var(--blog-over-tag-hover-text);
}

/* Share Buttons Dark Mode */
body.blog-over-dark-mode .blog-over-share-buttons {
    border-color: var(--blog-over-border-color);
    background: #111827;
}

body.blog-over-dark-mode .blog-over-share-buttons .share-label {
    color: var(--blog-over-meta-color);
}

/* Post Navigation Dark Mode */
body.blog-over-dark-mode .post-navigation {
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .post-navigation .nav-title {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-related-item .blog-over-related-date {
    color: var(--blog-over-meta-color);
}

/* Comments Area Dark Mode */
body.blog-over-dark-mode .comments-area {
    background: var(--blog-over-bg-card);
}

body.blog-over-dark-mode .comment {
    border-bottom-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .comments-title {
    border-bottom-color: var(--blog-over-primary);
}

body.blog-over-dark-mode .comments-title,
body.blog-over-dark-mode .comment-reply-title {
    color: var(--blog-over-heading-color);
    border-bottom-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .comment-list li {
    border-bottom-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .comment-author {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .comment-text {
    color: var(--blog-over-text-body);
}

/*body.blog-over-dark-mode .comment-respond {
    background: var(--blog-over-bg-body);
}*/

body.blog-over-dark-mode .comment-form label {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .comment-form input,
body.blog-over-dark-mode .comment-form textarea {
    background: var(--blog-over-bg-input);
    border-color: var(--blog-over-border-color);
    color: var(--blog-over-text-body);
}

body.blog-over-dark-mode .comment-form input::placeholder,
body.blog-over-dark-mode .comment-form textarea::placeholder {
    color: var(--blog-over-text-muted);
}

body.blog-over-dark-mode .comment-body,
body.blog-over-dark-mode .blog-over-comment-body {
    background: var(--blog-over-bg-body);
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .comment-author .fn,
body.blog-over-dark-mode .blog-over-comment-author .fn {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .comment-content,
body.blog-over-dark-mode .blog-over-comment-content {
    color: var(--blog-over-text-body);
}

/* Fix 3 Dark Mode: Underline links inside comment content */
body.blog-over-dark-mode .comment-content a,
body.blog-over-dark-mode .blog-over-comment-content a,
body.blog-over-dark-mode .blog-over-comment-text a {
    text-decoration: underline;
}

body.blog-over-dark-mode .comment-reply-link {
    color: var(--blog-over-primary);
}

body.blog-over-dark-mode .comment-reply-link:hover {
    color: var(--blog-over-secondary);
}

body.blog-over-dark-mode .comment-author img {
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-comment-date {
    color: var(--blog-over-meta-color);
}

body.blog-over-dark-mode .blog-over-comment-text {
    color: var(--blog-over-text-body);
}

body.blog-over-dark-mode .blog-over-comment-avatar img {
    border-color: var(--blog-over-border-color);
}

/* Box Style Dark Mode */
body.blog-over-dark-mode .blog-over-box-style,
body.blog-over-dark-mode .blog-over-author-box,
body.blog-over-dark-mode .post-navigation,
body.blog-over-dark-mode #comments,
body.blog-over-dark-mode .blog-over-related-posts {
    background: var(--blog-over-bg-card);
    border-color: var(--blog-over-border-color);
    box-shadow: var(--blog-over-shadow-card);
}

/* Post Navigation Links Dark Mode */
body.blog-over-dark-mode .post-navigation .nav-links a,
body.blog-over-dark-mode .post-navigation .nav-previous,
body.blog-over-dark-mode .post-navigation .nav-next {
    color: var(--blog-over-text-body);
}

/* Author Box Styles Dark Mode */
body.blog-over-dark-mode .blog-over-author-box.blog-over-author-style-glassmorphism {
    background: rgba(30, 41, 59, 0.8);
    border-color: rgba(255, 255, 255, 0.1);
}

body.blog-over-dark-mode .blog-over-author-box.blog-over-author-style-signature {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
}

body.blog-over-dark-mode .blog-over-author-box.blog-over-author-style-signature::before {
    background: linear-gradient(45deg, rgba(59, 130, 246, 0.2) 0%, transparent 100%);
}

body.blog-over-dark-mode .blog-over-author-box.blog-over-author-style-signature .blog-over-author-avatar::after {
    background: var(--blog-over-primary);
}

body.blog-over-dark-mode .blog-over-author-box.blog-over-author-style-floating {
    background: var(--blog-over-bg-card);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

body.blog-over-dark-mode .blog-over-author-box.blog-over-author-style-floating .blog-over-author-name {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-author-avatar img {
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-author-posts-count {
    background: rgba(59, 130, 246, 0.2);
    color: var(--blog-over-meta-color);
}

/* Post Navigation Styles Dark Mode */
body.blog-over-dark-mode .blog-over-postnav-gradient .blog-over-nav-prev,
body.blog-over-dark-mode .blog-over-postnav-gradient .blog-over-nav-next {
    background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);
}

body.blog-over-dark-mode .blog-over-postnav-glassmorphism .blog-over-nav-prev,
body.blog-over-dark-mode .blog-over-postnav-glassmorphism .blog-over-nav-next {
    background: rgba(30, 41, 59, 0.6);
    border-color: rgba(255, 255, 255, 0.08);
}

body.blog-over-dark-mode .blog-over-postnav-glassmorphism .blog-over-nav-prev:hover,
body.blog-over-dark-mode .blog-over-postnav-glassmorphism .blog-over-nav-next:hover {
    background: rgba(30, 41, 59, 0.7);
    border-color: rgba(255, 255, 255, 0.1);
}

body.blog-over-dark-mode .blog-over-nav-prev,
body.blog-over-dark-mode .blog-over-nav-next {
    background: var(--blog-over-bg-card);
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-nav-title {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-postnav-minimal {
    border-color: var(--blog-over-border-color);
}

/* WordPress Blocks Dark Mode */
body.blog-over-dark-mode .wp-caption-text,
body.blog-over-dark-mode .gallery-caption {
    color: var(--blog-over-meta-color);
}

body.blog-over-dark-mode .wp-block-code,
body.blog-over-dark-mode .wp-block-preformatted {
    background: var(--blog-over-bg-body);
    color: var(--blog-over-text-body);
}

body.blog-over-dark-mode .wp-block-table th,
body.blog-over-dark-mode .wp-block-table td {
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .wp-block-table th {
    background: var(--blog-over-bg-body);
}

/* =========================================
   SIDEBAR & WIDGETS (Moved from style.css)
   ========================================= */

body.blog-over-dark-mode .blog-over-widget-style-modern .blog-over-sidebar .widget {
    border-left-color: var(--blog-over-primary);
}

body.blog-over-dark-mode .blog-over-widget-title-background .blog-over-sidebar .widget-title {
    background: var(--blog-over-primary);
    color: var(--blog-over-text-inverse);
}

body.blog-over-dark-mode .blog-over-widget-title-underline .blog-over-sidebar .widget-title {
    border-bottom-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-sidebar .widget ul li {
    border-bottom-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-sidebar .widget ul li a {
    color: var(--blog-over-widget-link);
}

body.blog-over-dark-mode .blog-over-sidebar .widget ul li a:hover {
    color: var(--blog-over-primary);
}

body.blog-over-dark-mode .blog-over-sidebar .widget .tagcloud a,
body.blog-over-dark-mode .blog-over-sidebar .widget.widget_tag_cloud a {
    background: var(--blog-over-tag-bg);
    color: var(--blog-over-tag-text);
    border-color: var(--blog-over-border-dark);
}

body.blog-over-dark-mode .blog-over-sidebar .widget .tagcloud a:hover,
body.blog-over-dark-mode .blog-over-sidebar .widget.widget_tag_cloud a:hover {
    background: var(--blog-over-tag-hover-bg);
    color: var(--blog-over-tag-hover-text);
    border-color: var(--blog-over-tag-hover-bg);
}

/* Dark Mode Calendar */
body.blog-over-dark-mode .blog-over-sidebar .widget_calendar caption {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-sidebar .widget_calendar thead th {
    color: var(--blog-over-meta-color);
    border-bottom-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-sidebar .widget_calendar tbody td {
    color: var(--blog-over-widget-text);
    border-bottom-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-sidebar .widget_calendar tbody td#today {
    background: var(--blog-over-bg-input);
    color: var(--blog-over-primary);
}

body.blog-over-dark-mode .entry-title a {
    color: var(--blog-over-heading-color);
}

/* Form Inputs Dark Mode */
body.blog-over-dark-mode input[type="text"],
body.blog-over-dark-mode input[type="email"],
body.blog-over-dark-mode input[type="search"],
body.blog-over-dark-mode textarea {
    background: var(--blog-over-input-bg);
    border-color: var(--blog-over-input-border);
    color: var(--blog-over-input-text);
}

/* =========================================
   SEARCH MODAL/PANEL (Moved from style.css)
   ========================================= */

body.blog-over-dark-mode .blog-over-search-modal-content,
body.blog-over-dark-mode .blog-over-search-inline form,
body.blog-over-dark-mode .blog-over-search-panel-inner {
    background: var(--blog-over-bg-card);
}

body.blog-over-dark-mode .blog-over-search-inline::before {
    background: #253347;
    border-top-color: rgba(255,255,255,0.15);
    border-left-color: rgba(255,255,255,0.15);
}

body.blog-over-dark-mode .blog-over-search-inline form {
    background: #253347;
    border: 1px solid rgba(255,255,255,0.15);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5),
                0 2px 10px rgba(0, 0, 0, 0.3);
}

body.blog-over-dark-mode .blog-over-search-inline .blog-over-search-input {
    background: #0f172a;
    border-color: rgba(255,255,255,0.1);
    color: #e2e8f0;
}

body.blog-over-dark-mode .blog-over-search-inline .blog-over-search-input::placeholder {
    color: #64748b;
}

body.blog-over-dark-mode .blog-over-search-inline .blog-over-search-input:focus {
    background: #0f172a;
    border-color: var(--blog-over-primary, #3b82f6);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);
}

body.blog-over-dark-mode .blog-over-search-modal-content,
body.blog-over-dark-mode .blog-over-search-panel-inner {
    background: var(--blog-over-bg-card);
}

body.blog-over-dark-mode .blog-over-search-input::placeholder {
    color: var(--blog-over-text-muted);
}

body.blog-over-dark-mode .blog-over-search-close {
    color: var(--blog-over-text-muted);
}

body.blog-over-dark-mode .blog-over-search-close:hover {
    color: var(--blog-over-text-body);
}

body.blog-over-dark-mode .blog-over-search-panel-title {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-search-modal .blog-over-search-close,
body.blog-over-dark-mode .blog-over-search-panel .blog-over-search-close,
body.blog-over-dark-mode .blog-over-search-inline .blog-over-search-close {
    color: var(--blog-over-text-muted);
}

body.blog-over-dark-mode .blog-over-search-modal .blog-over-search-close:hover,
body.blog-over-dark-mode .blog-over-search-panel .blog-over-search-close:hover {
    color: var(--blog-over-text-body);
}

/* Additional Sidebar Styles */
body.blog-over-dark-mode .blog-over-post-card,
body.blog-over-dark-mode .blog-over-sidebar .widget {
    background: var(--blog-over-bg-card);
    color: var(--blog-over-text-body);
}

body.blog-over-dark-mode .blog-over-sidebar .widget-title {
    color: var(--blog-over-widget-title-color);
}

body.blog-over-dark-mode .blog-over-widget-style-bordered .blog-over-sidebar .widget {
    border-color: var(--blog-over-widget-border);
}/**
 * Blog Over Menu Styles
 * 
 * Comprehensive menu system with 4 layouts, dropdowns, sticky, and mobile.
 */

/* =========================================
   CSS Variables (Fallbacks, overridden by Customizer)
   ========================================= */
:root {
    --blog-over-menu-text: #1e293b;
    --blog-over-menu-hover: #3b82f6;
    --blog-over-menu-bg: #ffffff;
    --blog-over-dropdown-bg: #ffffff;
    --blog-over-dropdown-text: #1e293b;
    --blog-over-dropdown-hover: #3b82f6;
    --blog-over-menu-border: #e2e8f0;
    --blog-over-sticky-bg: #ffffff;
    --blog-over-sticky-text: #1e293b;
    --blog-over-menu-font-size: 15px;
    --blog-over-menu-font-weight: 600;
    --blog-over-menu-letter-spacing: 0px;
    --blog-over-menu-text-transform: none;
    --blog-over-mobile-bg: #ffffff;
    --blog-over-mobile-text: #1e293b;
    --blog-over-mobile-breakpoint: 992px;
    --blog-over-transition: 0.25s ease;
    --blog-over-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.15);
}

/* =========================================
   Container Styles
   ========================================= */
.blog-over-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.blog-over-container-full {
    width: 100%;
    padding: 0 20px;
}

/* =========================================
   Base Header Styles
   ========================================= */
.blog-over-header {
    background-color: var(--blog-over-menu-bg);
    border-bottom: 1px solid var(--blog-over-menu-border);
    position: relative;
    z-index: 1000;
}

.blog-over-header-inner {
    display: flex;
    align-items: center;
    min-height: 70px;
}

.blog-over-site-branding {
    flex-shrink: 0;
}

.blog-over-site-branding .site-title {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
}

.blog-over-site-branding .site-title a {
    color: var(--blog-over-menu-text);
    text-decoration: none;
}

.blog-over-site-branding .site-description {
    margin: 0;
    font-size: 0.875rem;
    color: #64748b;
}

/* =========================================
   Navigation Container
   ========================================= */
.blog-over-header-nav {
    display: flex;
    align-items: center;
}

.blog-over-primary-menu-container {
    display: flex;
    align-items: center;
}

/* =========================================
   Primary Menu
   ========================================= */
.blog-over-primary-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/* Menu Item - IMPORTANT: Flex container for link + toggle */
.blog-over-menu-item {
    position: relative;
    display: flex;
    align-items: center;
}

/* Top level items need full height for dropdown positioning */
.blog-over-menu-item-top {
    height: 100%;
}

/* Menu Link */
.blog-over-menu-link {
    display: flex;
    align-items: center;
    padding: 20px 18px;
    color: var(--blog-over-menu-text);
    text-decoration: none;
    font-size: var(--blog-over-menu-font-size);
    font-weight: var(--blog-over-menu-font-weight);
    letter-spacing: var(--blog-over-menu-letter-spacing);
    text-transform: var(--blog-over-menu-text-transform);
    transition: color var(--blog-over-transition), background-color var(--blog-over-transition);
    white-space: nowrap;
}

.blog-over-menu-link:hover,
.blog-over-menu-link:focus,
.blog-over-menu-item.current-menu-item>.blog-over-menu-link {
    color: var(--blog-over-primary);
    text-decoration: none;
}

/* =========================================
   Dropdown Toggle Button (Beside link)
   ========================================= */
.blog-over-dropdown-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: 4px;
    transition: var(--blog-over-transition);
    margin-left: -4px;
    margin-right: 10px;
    flex-shrink: 0;
}

/* Remove individual hover styles - will use parent hover instead */
.blog-over-dropdown-toggle:hover,
.blog-over-dropdown-toggle:focus {
    background: transparent;
    outline: none;
}

/* Dropdown Icon (Chevron style) - Using CSS variable for rotation */
.blog-over-dropdown-icon {
    --chevron-rotate: 45deg;
    /* Default: pointing down */
    display: block;
    width: 6px;
    height: 6px;
    border-right: 2px solid var(--blog-over-menu-text);
    border-bottom: 2px solid var(--blog-over-menu-text);
    transform: rotate(var(--chevron-rotate));
    transition: transform 0.4s ease, border-color 0.3s ease;
    margin-top: -2px;
}

/* Chevron hover effect - smooth rotation + color change */
.blog-over-menu-item:hover>.blog-over-dropdown-toggle .blog-over-dropdown-icon,
.blog-over-has-dropdown:hover>.blog-over-dropdown-toggle .blog-over-dropdown-icon,
.blog-over-has-dropdown.blog-over-submenu-open>.blog-over-dropdown-toggle .blog-over-dropdown-icon {
    border-right-color: var(--blog-over-primary);
    border-bottom-color: var(--blog-over-primary);
    transform: rotate(calc(var(--chevron-rotate) + 180deg));
}

/* =========================================
   Dropdown Menus
   ========================================= */
.blog-over-sub-menu {
    list-style: none;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background-color: var(--blog-over-dropdown-bg);
    box-shadow: var(--blog-over-shadow);
    border-radius: 6px;
    border: 1px solid var(--blog-over-menu-border);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity var(--blog-over-transition), transform var(--blog-over-transition), visibility var(--blog-over-transition);
    z-index: 9999;
}

/* Show dropdown on hover OR when explicitly opened via toggle */
.blog-over-has-dropdown:hover>.blog-over-sub-menu,
.blog-over-has-dropdown.blog-over-submenu-open>.blog-over-sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


/* =========================================
   Submenu Items - Flex layout for proper hover
   ========================================= */
.blog-over-sub-menu .blog-over-menu-item {
    display: flex;
    flex-wrap: wrap;
    /* Allow nested submenu to wrap */
    align-items: center;
    width: 100%;
    position: relative;
}

/* Submenu links */
.blog-over-sub-menu .blog-over-menu-link {
    flex: 1;
    min-width: 0;
    /* Prevent overflow */
    display: block;
    padding: 10px 20px;
    font-size: calc(var(--blog-over-menu-font-size) - 1px);
    color: var(--blog-over-dropdown-text);
    font-weight: 500;
    transition: color var(--blog-over-transition), background-color var(--blog-over-transition);
}

/* Has dropdown items need extra padding for toggle */
.blog-over-sub-menu .blog-over-has-dropdown>.blog-over-menu-link {
    padding-right: 45px;
    /* Space for toggle */
}

/* Full menu item hover - covers link AND toggle */
.blog-over-sub-menu .blog-over-menu-item:hover {
    background-color: rgba(59, 130, 246, 0.06);
}

.blog-over-sub-menu .blog-over-menu-item:hover>.blog-over-menu-link {
    color: var(--blog-over-primary);
    background-color: transparent;
    /* Let parent handle bg */
}

.blog-over-sub-menu .blog-over-menu-link:focus {
    color: var(--blog-over-dropdown-hover);
    background-color: rgba(59, 130, 246, 0.06);
}

/* Nested dropdowns (Level 2+) - Open to LEFT for all layouts */
.blog-over-sub-menu .blog-over-sub-menu {
    position: absolute;
    top: 0;
    left: auto;
    right: 100%;
    /* Open to LEFT */
    margin-left: 0;
    margin-right: 4px;
    flex-basis: 100%;
}

/* Dropdown toggle inside submenu - positioned LEFT */
.blog-over-sub-menu .blog-over-dropdown-toggle {
    position: absolute;
    left: 10px;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 0;
}

.blog-over-sub-menu .blog-over-has-dropdown {
    position: relative;
}

/* Submenu items - flex row-reverse for toggle on LEFT */
.blog-over-sub-menu .blog-over-menu-item {
    flex-direction: row-reverse;
}

/* Adjust padding for left toggle */
.blog-over-sub-menu .blog-over-has-dropdown>.blog-over-menu-link {
    padding-left: 45px;
    /* Space for toggle on left */
    padding-right: 20px;
}

/* Submenu chevron - points LEFT (135deg) for all layouts */
.blog-over-sub-menu .blog-over-dropdown-icon {
    --chevron-rotate: 135deg;
    /* Points left */
}

/* Submenu chevron hover - color change only */
.blog-over-sub-menu .blog-over-menu-item:hover>.blog-over-dropdown-toggle .blog-over-dropdown-icon,
.blog-over-sub-menu .blog-over-has-dropdown:hover>.blog-over-dropdown-toggle .blog-over-dropdown-icon,
.blog-over-sub-menu .blog-over-has-dropdown.blog-over-submenu-open>.blog-over-dropdown-toggle .blog-over-dropdown-icon {
    border-right-color: var(--blog-over-primary);
    border-bottom-color: var(--blog-over-primary);
}

/* =========================================
   Layout 1: Classic (Logo Left, Menu Right)
   ========================================= */
.blog-over-layout-1 .blog-over-header-inner {
    justify-content: space-between;
}

.blog-over-layout-1 .blog-over-header-nav {
    margin-left: auto;
}

/* =========================================
   Layout 2: Centered (Logo Center, Menu Below)
   ========================================= */
.blog-over-layout-2 .blog-over-header-inner {
    flex-direction: column;
    text-align: center;
    padding: 20px 0 0;
}

.blog-over-layout-2 .blog-over-header-nav {
    width: 100%;
    border-top: 1px solid var(--blog-over-menu-border);
    justify-content: center;
    margin-top: 15px;
}

.blog-over-layout-2 .blog-over-primary-menu {
    justify-content: center;
}

/* =========================================
   Layout 3: Split (Menu-Logo-Menu)
   ========================================= */
.blog-over-layout-3 .blog-over-header-inner {
    justify-content: center;
    position: relative;
}

.blog-over-layout-3 .blog-over-menu-left,
.blog-over-layout-3 .blog-over-menu-right {
    flex: 1;
    position: relative;
}

.blog-over-layout-3 .blog-over-menu-left {
    display: flex;
    justify-content: flex-end;
}

.blog-over-layout-3 .blog-over-menu-right {
    display: flex;
    justify-content: flex-start;
}

.blog-over-layout-3 .blog-over-site-branding {
    padding: 0 40px;
    text-align: center;
}

/* Fix submenu positioning in Layout 3 */
.blog-over-layout-3 .blog-over-primary-menu {
    position: relative;
    flex-wrap: nowrap !important;
    /* Prevent items from wrapping to new line */
}

.blog-over-layout-3 .blog-over-menu-item {
    position: relative;
}

/* Ensure submenus stay within proper bounds */
.blog-over-layout-3 .blog-over-sub-menu {
    z-index: 9999;
}

/* Prevent menu item overflow in split layout */
.blog-over-layout-3 .blog-over-menu-left,
.blog-over-layout-3 .blog-over-menu-right {
    overflow: visible;
}

/* Allow menu items to shrink if needed */
.blog-over-layout-3 .blog-over-menu-link {
    padding: 20px 14px;
    /* Slightly smaller padding for split layout */
}

/* Right side menu - first level dropdown uses default left positioning */
.blog-over-layout-3 .blog-over-menu-right .blog-over-sub-menu {
    left: auto;
}

/* Layout 3 Right Menu - Fix nested submenu overlap */
.blog-over-layout-3 .blog-over-menu-right .blog-over-sub-menu .blog-over-menu-item {
    position: relative;
    z-index: 1;
}

/* Ensure nested submenus in right menu open LEFT and stack correctly */
.blog-over-layout-3 .blog-over-menu-right .blog-over-sub-menu .blog-over-sub-menu {
    position: absolute;
    top: 0;
    left: auto;
    right: 100%;
    margin-right: 4px;
    z-index: 9999;
}

/* Fix submenu item hover z-index to prevent overlap */
.blog-over-layout-3 .blog-over-menu-right .blog-over-sub-menu .blog-over-has-dropdown:hover {
    z-index: 10;
}

/* Ensure proper stacking for deeply nested submenus */
.blog-over-layout-3 .blog-over-menu-right .blog-over-sub-menu .blog-over-sub-menu .blog-over-sub-menu {
    z-index: 10000;
}

/* All nested submenus already open LEFT via global rules - no override needed */

/* =========================================
   Layout 4: Minimal (Hamburger Always)
   ========================================= */
.blog-over-layout-4 .blog-over-primary-menu-container {
    display: none !important;
}

.blog-over-layout-4 .blog-over-mobile-toggle {
    display: flex !important;
}

.blog-over-layout-4 .blog-over-header-inner {
    justify-content: space-between;
}

/* =========================================
   Sticky Header
   ========================================= */
.blog-over-header.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    background-color: var(--blog-over-sticky-bg);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
    animation: novaSlideDown 0.3s ease forwards;
}

.blog-over-header.is-sticky .blog-over-menu-link {
    color: var(--blog-over-sticky-text);
    padding: 16px 16px;
}

.blog-over-header.is-sticky .blog-over-menu-link:hover,
.blog-over-header.is-sticky .blog-over-menu-link:focus {
    color: var(--blog-over-menu-hover);
}

@keyframes novaSlideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Sticky placeholder */
.blog-over-header-placeholder {
    display: none;
}

.blog-over-header-placeholder.active {
    display: block;
}

/* =========================================
   Mobile Menu Toggle
   ========================================= */
.blog-over-mobile-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    flex-direction: column;
    gap: 5px;
}

.blog-over-mobile-toggle .bar {
    display: block;
    width: 24px;
    height: 2px;
    background-color: var(--blog-over-menu-text);
    border-radius: 2px;
    transition: transform var(--blog-over-transition), opacity var(--blog-over-transition);
}

.blog-over-mobile-toggle:focus {
    outline: 2px solid var(--blog-over-menu-hover);
    outline-offset: 2px;
}

/* Hamburger to X animation */
.blog-over-mobile-toggle.active .bar:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.blog-over-mobile-toggle.active .bar:nth-child(2) {
    opacity: 0;
}

.blog-over-mobile-toggle.active .bar:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* =========================================
   Mobile Menu Panel
   ========================================= */
.blog-over-mobile-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    max-width: 85%;
    height: 100%;
    background-color: var(--blog-over-mobile-bg);
    z-index: 99998;
    overflow-y: auto;
    padding: 70px 0 20px;
    transform: translateX(-100%);
    transition: transform 0.35s ease;
    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.1);
}

.blog-over-mobile-menu.active {
    transform: translateX(0);
}

.blog-over-mobile-menu .blog-over-primary-menu {
    flex-direction: column;
    width: 100%;
}

.blog-over-mobile-menu .blog-over-menu-item {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-bottom: 1px solid var(--blog-over-menu-border);
}

.blog-over-mobile-menu .blog-over-menu-link {
    flex: 1;
    color: var(--blog-over-mobile-text);
    padding: 15px 20px;
    font-size: 16px;
}

.blog-over-mobile-menu .blog-over-dropdown-toggle {
    width: 50px;
    height: auto;
    min-height: 48px;
    margin: 0;
    border-radius: 0;
    border-left: 1px solid var(--blog-over-menu-border);
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    /* Keep toggle at top when submenu expands */
}

/* Mobile menu chevron - default pointing down */
.blog-over-mobile-menu .blog-over-dropdown-icon {
    --chevron-rotate: 45deg;
    transition: transform 0.25s ease;
}

/* Chevron rotates UP when submenu is open */
.blog-over-mobile-menu .blog-over-has-dropdown.submenu-open>.blog-over-dropdown-toggle .blog-over-dropdown-icon {
    --chevron-rotate: -135deg;
}

.blog-over-mobile-menu .blog-over-sub-menu {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    padding: 0;
    width: 100%;
    opacity: 1;
    visibility: visible;
    transform: none;
    display: none;
    background-color: rgba(0, 0, 0, 0.02);
}

.blog-over-mobile-menu .blog-over-has-dropdown.submenu-open>.blog-over-sub-menu {
    display: block;
}

/* Fix submenu dropdown toggle position */
.blog-over-mobile-menu .blog-over-sub-menu .blog-over-dropdown-toggle {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    transform: none;
}

/* Reset submenu item flex direction for mobile */
.blog-over-mobile-menu .blog-over-sub-menu .blog-over-menu-item {
    flex-direction: row;
}

.blog-over-mobile-menu .blog-over-sub-menu .blog-over-menu-link {
    padding-left: 40px;
    font-size: 15px;
}

.blog-over-mobile-menu .blog-over-sub-menu .blog-over-sub-menu .blog-over-menu-link {
    padding-left: 60px;
    font-size: 14px;
}

.blog-over-mobile-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 36px;
    height: 36px;
    border: none;
    background: rgba(0, 0, 0, 0.08);
    cursor: pointer;
    font-size: 24px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #374151;
    border-radius: 6px;
    transition: all 0.2s ease;
    z-index: 10;
}

.blog-over-mobile-close span {
    display: block;
    font-weight: 300;
    margin-top: -2px;
}

.blog-over-mobile-close:hover,
.blog-over-mobile-close:focus {
    background-color: rgba(239, 68, 68, 0.1);
    color: #ef4444;
    outline: none;
}

/* Mobile Overlay */
body.blog-over-menu-open::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 99997;
}

/* Hide hamburger toggle when menu is open */
body.blog-over-menu-open .blog-over-mobile-toggle {
    opacity: 0;
    pointer-events: none;
}

/* =========================================
   Responsive
   ========================================= */
@media screen and (max-width: 992px) {
    .blog-over-primary-menu-container {
        display: none !important;
    }

    .blog-over-mobile-toggle {
        display: flex !important;
    }

    .blog-over-mobile-menu {
        display: block;
    }

    .blog-over-layout-3 .blog-over-menu-left,
    .blog-over-layout-3 .blog-over-menu-right {
        display: none !important;
    }

    .blog-over-layout-2 .blog-over-header-nav {
        display: none;
    }

    /* =========================================
       Mobile Header Layout 1: Center (Default)
       Logo centered, toggle below
       ========================================= */
    .blog-over-mobile-center .blog-over-header-inner {
        flex-direction: column;
        text-align: center;
        padding: 15px 20px;
        min-height: auto;
    }

    .blog-over-mobile-center .blog-over-site-branding {
        margin-bottom: 10px;
    }

    .blog-over-mobile-center .blog-over-mobile-toggle {
        margin: 0 auto;
    }

    .blog-over-mobile-center .blog-over-header-nav {
        width: 100%;
        justify-content: center;
    }

    /* =========================================
       Mobile Header Layout 2: Inline
       Logo left, toggle right (same line)
       ========================================= */
    .blog-over-mobile-inline .blog-over-header-inner {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 10px 15px;
        min-height: 60px;
    }

    .blog-over-mobile-inline .blog-over-site-branding {
        flex: 0 0 auto;
        margin: 0;
    }

    .blog-over-mobile-inline .blog-over-site-branding .site-title {
        font-size: 1.3rem;
    }

    .blog-over-mobile-inline .blog-over-mobile-toggle {
        margin: 0;
        flex: 0 0 auto;
    }

    .blog-over-mobile-inline .blog-over-header-nav {
        display: flex;
        align-items: center;
    }
}

/* =========================================
   Accessibility
   ========================================= */
.blog-over-menu-link:focus,
.blog-over-dropdown-toggle:focus,
.blog-over-mobile-toggle:focus,
.blog-over-mobile-close:focus {
    outline: 2px solid var(--blog-over-menu-hover);
    outline-offset: 2px;
}

/* Screen Reader Text */
.blog-over-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Skip Link */
.skip-link {
    position: absolute;
    top: -100px;
    left: 6px;
    z-index: 999999;
    padding: 8px 16px;
    background: var(--blog-over-menu-hover);
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
}

.skip-link:focus {
    top: 6px;
}

/* =========================================
   Dark Mode - Header & Menu
   ========================================= */
body.blog-over-dark-mode {
    --blog-over-menu-text: #e2e8f0;
    --blog-over-menu-hover: #60a5fa;
    --blog-over-menu-bg: #1e293b;
    --blog-over-dropdown-bg: #1e293b;
    --blog-over-dropdown-text: #cbd5e1;
    --blog-over-dropdown-hover: #60a5fa;
    --blog-over-menu-border: #334155;
    --blog-over-sticky-bg: #0f172a;
    --blog-over-sticky-text: #e2e8f0;
    --blog-over-mobile-bg: #1e293b;
    --blog-over-mobile-text: #e2e8f0;
}

/* Dark mode header background */
body.blog-over-dark-mode .blog-over-header {
    background-color: #1e293b;
    border-bottom-color: #334155;
}

/* Dark mode site title */
body.blog-over-dark-mode .blog-over-site-branding .site-title a {
    color: #f1f5f9;
}

body.blog-over-dark-mode .blog-over-site-branding .site-description {
    color: #94a3b8;
}

/* Dark mode dropdown toggle - NO hover background */
body.blog-over-dark-mode .blog-over-dropdown-toggle:hover,
body.blog-over-dark-mode .blog-over-dropdown-toggle:focus {
    background: transparent;
}

/* Dark mode dropdown icon */
body.blog-over-dark-mode .blog-over-dropdown-icon {
    border-right-color: #e2e8f0;
    border-bottom-color: #e2e8f0;
}

/* Dark mode dropdown menu */
body.blog-over-dark-mode .blog-over-sub-menu {
    background-color: #1e293b;
    border-color: #334155;
    box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.5);
}

body.blog-over-dark-mode .blog-over-sub-menu .blog-over-menu-link:hover,
body.blog-over-dark-mode .blog-over-sub-menu .blog-over-menu-link:focus {
    background-color: rgba(96, 165, 250, 0.1);
}

/* Dark mode mobile toggle */
body.blog-over-dark-mode .blog-over-mobile-toggle .bar {
    background-color: #e2e8f0;
}

/* Dark mode mobile menu */
body.blog-over-dark-mode .blog-over-mobile-menu {
    background-color: #1e293b;
}

body.blog-over-dark-mode .blog-over-mobile-menu .blog-over-menu-item {
    border-bottom-color: #334155;
}

body.blog-over-dark-mode .blog-over-mobile-menu .blog-over-dropdown-toggle {
    border-left-color: #334155;
}

body.blog-over-dark-mode .blog-over-mobile-menu .blog-over-sub-menu {
    background-color: rgba(0, 0, 0, 0.2);
}

body.blog-over-dark-mode .blog-over-mobile-close {
    color: #e2e8f0;
    background: rgba(255, 255, 255, 0.1);
}

body.blog-over-dark-mode .blog-over-mobile-close:hover,
body.blog-over-dark-mode .blog-over-mobile-close:focus {
    background-color: rgba(239, 68, 68, 0.2);
    color: #f87171;
}

/* Dark mode sticky header */
body.blog-over-dark-mode .blog-over-header.is-sticky {
    background-color: #0f172a;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.4);
}

/* Dark mode topbar */
body.blog-over-dark-mode .blog-over-topbar {
    background-color: #0f172a;
    border-bottom-color: #334155;
}

body.blog-over-dark-mode .blog-over-topbar-date,
body.blog-over-dark-mode .blog-over-topbar-text {
    color: #94a3b8;
}

/* Dark mode theme toggle button */
body.blog-over-dark-mode .blog-over-theme-toggle {
    color: #60a5fa;
}/* Inter Font - Local fallback for WordPress.org compliance */
/* This uses system font stack as fallback, with Inter loaded via @font-face if available */

/* If you want to use actual Inter font files, download from https://fonts.google.com/specimen/Inter 
   and place the woff2 files in this directory, then uncomment the @font-face rules below */

/*
@font-face{ 
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/wp-content/themes/blog-over/assets/fonts/inter/Inter-Regular.woff2') format('woff2');
 }

@font-face{ 
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/wp-content/themes/blog-over/assets/fonts/inter/Inter-Medium.woff2') format('woff2');
 }

@font-face{ 
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/wp-content/themes/blog-over/assets/fonts/inter/Inter-SemiBold.woff2') format('woff2');
 }

@font-face{ 
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/wp-content/themes/blog-over/assets/fonts/inter/Inter-Bold.woff2') format('woff2');
 }
*/

/* System font stack that mimics Inter appearance */
:root {
    --blog-over-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}/*!
 * Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2025 Fonticons, Inc.
 */
.fa,.fa-brands,.fa-classic,.fa-regular,.fa-solid,.fab,.far,.fas{--_fa-family:var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free"));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:var(--fa-display,inline-block);font-family:var(--_fa-family);font-feature-settings:normal;font-style:normal;font-synthesis:none;font-variant:normal;font-weight:var(--fa-style,900);line-height:1;text-align:center;text-rendering:auto;width:var(--fa-width,1.25em)}:is(.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands,.fa-classic,.fa):before{content:var(--fa);content:var(--fa)/""}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-width-auto{--fa-width:auto}.fa-fw,.fa-width-fixed{--fa-width:1.25em}.fa-ul{list-style-type:none;margin-inline-start:var(--fa-li-margin,2.5em);padding-inline-start:0}.fa-ul>li{position:relative}.fa-li{inset-inline-start:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.0625em) var(--fa-border-style,solid) var(--fa-border-color,#eee);box-sizing:var(--fa-border-box-sizing,content-box);padding:var(--fa-border-padding,.1875em .25em)}.fa-pull-left,.fa-pull-start{float:inline-start;margin-inline-end:var(--fa-pull-margin,.3em)}.fa-pull-end,.fa-pull-right{float:inline-end;margin-inline-start:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{animation-name:fa-beat-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{animation-name:fa-spin;animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation:none!important;transition:none!important}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0deg)}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}

.fa-0{--fa:"\30 "}.fa-1{--fa:"\31 "}.fa-2{--fa:"\32 "}.fa-3{--fa:"\33 "}.fa-4{--fa:"\34 "}.fa-5{--fa:"\35 "}.fa-6{--fa:"\36 "}.fa-7{--fa:"\37 "}.fa-8{--fa:"\38 "}.fa-9{--fa:"\39 "}.fa-exclamation{--fa:"\!"}.fa-hashtag{--fa:"\#"}.fa-dollar,.fa-dollar-sign,.fa-usd{--fa:"\$"}.fa-percent,.fa-percentage{--fa:"\%"}.fa-asterisk{--fa:"\*"}.fa-add,.fa-plus{--fa:"\+"}.fa-less-than{--fa:"\<"}.fa-equals{--fa:"\="}.fa-greater-than{--fa:"\>"}.fa-question{--fa:"\?"}.fa-at{--fa:"\@"}.fa-a{--fa:"A"}.fa-b{--fa:"B"}.fa-c{--fa:"C"}.fa-d{--fa:"D"}.fa-e{--fa:"E"}.fa-f{--fa:"F"}.fa-g{--fa:"G"}.fa-h{--fa:"H"}.fa-i{--fa:"I"}.fa-j{--fa:"J"}.fa-k{--fa:"K"}.fa-l{--fa:"L"}.fa-m{--fa:"M"}.fa-n{--fa:"N"}.fa-o{--fa:"O"}.fa-p{--fa:"P"}.fa-q{--fa:"Q"}.fa-r{--fa:"R"}.fa-s{--fa:"S"}.fa-t{--fa:"T"}.fa-u{--fa:"U"}.fa-v{--fa:"V"}.fa-w{--fa:"W"}.fa-x{--fa:"X"}.fa-y{--fa:"Y"}.fa-z{--fa:"Z"}.fa-faucet{--fa:"\e005"}.fa-faucet-drip{--fa:"\e006"}.fa-house-chimney-window{--fa:"\e00d"}.fa-house-signal{--fa:"\e012"}.fa-temperature-arrow-down,.fa-temperature-down{--fa:"\e03f"}.fa-temperature-arrow-up,.fa-temperature-up{--fa:"\e040"}.fa-trailer{--fa:"\e041"}.fa-bacteria{--fa:"\e059"}.fa-bacterium{--fa:"\e05a"}.fa-box-tissue{--fa:"\e05b"}.fa-hand-holding-medical{--fa:"\e05c"}.fa-hand-sparkles{--fa:"\e05d"}.fa-hands-bubbles,.fa-hands-wash{--fa:"\e05e"}.fa-handshake-alt-slash,.fa-handshake-simple-slash,.fa-handshake-slash{--fa:"\e060"}.fa-head-side-cough{--fa:"\e061"}.fa-head-side-cough-slash{--fa:"\e062"}.fa-head-side-mask{--fa:"\e063"}.fa-head-side-virus{--fa:"\e064"}.fa-house-chimney-user{--fa:"\e065"}.fa-house-laptop,.fa-laptop-house{--fa:"\e066"}.fa-lungs-virus{--fa:"\e067"}.fa-people-arrows,.fa-people-arrows-left-right{--fa:"\e068"}.fa-plane-slash{--fa:"\e069"}.fa-pump-medical{--fa:"\e06a"}.fa-pump-soap{--fa:"\e06b"}.fa-shield-virus{--fa:"\e06c"}.fa-sink{--fa:"\e06d"}.fa-soap{--fa:"\e06e"}.fa-stopwatch-20{--fa:"\e06f"}.fa-shop-slash,.fa-store-alt-slash{--fa:"\e070"}.fa-store-slash{--fa:"\e071"}.fa-toilet-paper-slash{--fa:"\e072"}.fa-users-slash{--fa:"\e073"}.fa-virus{--fa:"\e074"}.fa-virus-slash{--fa:"\e075"}.fa-viruses{--fa:"\e076"}.fa-vest{--fa:"\e085"}.fa-vest-patches{--fa:"\e086"}.fa-arrow-trend-down{--fa:"\e097"}.fa-arrow-trend-up{--fa:"\e098"}.fa-arrow-up-from-bracket{--fa:"\e09a"}.fa-austral-sign{--fa:"\e0a9"}.fa-baht-sign{--fa:"\e0ac"}.fa-bitcoin-sign{--fa:"\e0b4"}.fa-bolt-lightning{--fa:"\e0b7"}.fa-book-bookmark{--fa:"\e0bb"}.fa-camera-rotate{--fa:"\e0d8"}.fa-cedi-sign{--fa:"\e0df"}.fa-chart-column{--fa:"\e0e3"}.fa-chart-gantt{--fa:"\e0e4"}.fa-clapperboard{--fa:"\e131"}.fa-clover{--fa:"\e139"}.fa-code-compare{--fa:"\e13a"}.fa-code-fork{--fa:"\e13b"}.fa-code-pull-request{--fa:"\e13c"}.fa-colon-sign{--fa:"\e140"}.fa-cruzeiro-sign{--fa:"\e152"}.fa-display{--fa:"\e163"}.fa-dong-sign{--fa:"\e169"}.fa-elevator{--fa:"\e16d"}.fa-filter-circle-xmark{--fa:"\e17b"}.fa-florin-sign{--fa:"\e184"}.fa-folder-closed{--fa:"\e185"}.fa-franc-sign{--fa:"\e18f"}.fa-guarani-sign{--fa:"\e19a"}.fa-gun{--fa:"\e19b"}.fa-hands-clapping{--fa:"\e1a8"}.fa-home-user,.fa-house-user{--fa:"\e1b0"}.fa-indian-rupee,.fa-indian-rupee-sign,.fa-inr{--fa:"\e1bc"}.fa-kip-sign{--fa:"\e1c4"}.fa-lari-sign{--fa:"\e1c8"}.fa-litecoin-sign{--fa:"\e1d3"}.fa-manat-sign{--fa:"\e1d5"}.fa-mask-face{--fa:"\e1d7"}.fa-mill-sign{--fa:"\e1ed"}.fa-money-bills{--fa:"\e1f3"}.fa-naira-sign{--fa:"\e1f6"}.fa-notdef{--fa:"\e1fe"}.fa-panorama{--fa:"\e209"}.fa-peseta-sign{--fa:"\e221"}.fa-peso-sign{--fa:"\e222"}.fa-plane-up{--fa:"\e22d"}.fa-rupiah-sign{--fa:"\e23d"}.fa-stairs{--fa:"\e289"}.fa-timeline{--fa:"\e29c"}.fa-truck-front{--fa:"\e2b7"}.fa-try,.fa-turkish-lira,.fa-turkish-lira-sign{--fa:"\e2bb"}.fa-vault{--fa:"\e2c5"}.fa-magic-wand-sparkles,.fa-wand-magic-sparkles{--fa:"\e2ca"}.fa-wheat-alt,.fa-wheat-awn{--fa:"\e2cd"}.fa-wheelchair-alt,.fa-wheelchair-move{--fa:"\e2ce"}.fa-bangladeshi-taka-sign{--fa:"\e2e6"}.fa-bowl-rice{--fa:"\e2eb"}.fa-person-pregnant{--fa:"\e31e"}.fa-home-lg,.fa-house-chimney{--fa:"\e3af"}.fa-house-crack{--fa:"\e3b1"}.fa-house-medical{--fa:"\e3b2"}.fa-cent-sign{--fa:"\e3f5"}.fa-plus-minus{--fa:"\e43c"}.fa-sailboat{--fa:"\e445"}.fa-section{--fa:"\e447"}.fa-shrimp{--fa:"\e448"}.fa-brazilian-real-sign{--fa:"\e46c"}.fa-chart-simple{--fa:"\e473"}.fa-diagram-next{--fa:"\e476"}.fa-diagram-predecessor{--fa:"\e477"}.fa-diagram-successor{--fa:"\e47a"}.fa-earth-oceania,.fa-globe-oceania{--fa:"\e47b"}.fa-bug-slash{--fa:"\e490"}.fa-file-circle-plus{--fa:"\e494"}.fa-shop-lock{--fa:"\e4a5"}.fa-virus-covid{--fa:"\e4a8"}.fa-virus-covid-slash{--fa:"\e4a9"}.fa-anchor-circle-check{--fa:"\e4aa"}.fa-anchor-circle-exclamation{--fa:"\e4ab"}.fa-anchor-circle-xmark{--fa:"\e4ac"}.fa-anchor-lock{--fa:"\e4ad"}.fa-arrow-down-up-across-line{--fa:"\e4af"}.fa-arrow-down-up-lock{--fa:"\e4b0"}.fa-arrow-right-to-city{--fa:"\e4b3"}.fa-arrow-up-from-ground-water{--fa:"\e4b5"}.fa-arrow-up-from-water-pump{--fa:"\e4b6"}.fa-arrow-up-right-dots{--fa:"\e4b7"}.fa-arrows-down-to-line{--fa:"\e4b8"}.fa-arrows-down-to-people{--fa:"\e4b9"}.fa-arrows-left-right-to-line{--fa:"\e4ba"}.fa-arrows-spin{--fa:"\e4bb"}.fa-arrows-split-up-and-left{--fa:"\e4bc"}.fa-arrows-to-circle{--fa:"\e4bd"}.fa-arrows-to-dot{--fa:"\e4be"}.fa-arrows-to-eye{--fa:"\e4bf"}.fa-arrows-turn-right{--fa:"\e4c0"}.fa-arrows-turn-to-dots{--fa:"\e4c1"}.fa-arrows-up-to-line{--fa:"\e4c2"}.fa-bore-hole{--fa:"\e4c3"}.fa-bottle-droplet{--fa:"\e4c4"}.fa-bottle-water{--fa:"\e4c5"}.fa-bowl-food{--fa:"\e4c6"}.fa-boxes-packing{--fa:"\e4c7"}.fa-bridge{--fa:"\e4c8"}.fa-bridge-circle-check{--fa:"\e4c9"}.fa-bridge-circle-exclamation{--fa:"\e4ca"}.fa-bridge-circle-xmark{--fa:"\e4cb"}.fa-bridge-lock{--fa:"\e4cc"}.fa-bridge-water{--fa:"\e4ce"}.fa-bucket{--fa:"\e4cf"}.fa-bugs{--fa:"\e4d0"}.fa-building-circle-arrow-right{--fa:"\e4d1"}.fa-building-circle-check{--fa:"\e4d2"}.fa-building-circle-exclamation{--fa:"\e4d3"}.fa-building-circle-xmark{--fa:"\e4d4"}.fa-building-flag{--fa:"\e4d5"}.fa-building-lock{--fa:"\e4d6"}.fa-building-ngo{--fa:"\e4d7"}.fa-building-shield{--fa:"\e4d8"}.fa-building-un{--fa:"\e4d9"}.fa-building-user{--fa:"\e4da"}.fa-building-wheat{--fa:"\e4db"}.fa-burst{--fa:"\e4dc"}.fa-car-on{--fa:"\e4dd"}.fa-car-tunnel{--fa:"\e4de"}.fa-child-combatant,.fa-child-rifle{--fa:"\e4e0"}.fa-children{--fa:"\e4e1"}.fa-circle-nodes{--fa:"\e4e2"}.fa-clipboard-question{--fa:"\e4e3"}.fa-cloud-showers-water{--fa:"\e4e4"}.fa-computer{--fa:"\e4e5"}.fa-cubes-stacked{--fa:"\e4e6"}.fa-envelope-circle-check{--fa:"\e4e8"}.fa-explosion{--fa:"\e4e9"}.fa-ferry{--fa:"\e4ea"}.fa-file-circle-exclamation{--fa:"\e4eb"}.fa-file-circle-minus{--fa:"\e4ed"}.fa-file-circle-question{--fa:"\e4ef"}.fa-file-shield{--fa:"\e4f0"}.fa-fire-burner{--fa:"\e4f1"}.fa-fish-fins{--fa:"\e4f2"}.fa-flask-vial{--fa:"\e4f3"}.fa-glass-water{--fa:"\e4f4"}.fa-glass-water-droplet{--fa:"\e4f5"}.fa-group-arrows-rotate{--fa:"\e4f6"}.fa-hand-holding-hand{--fa:"\e4f7"}.fa-handcuffs{--fa:"\e4f8"}.fa-hands-bound{--fa:"\e4f9"}.fa-hands-holding-child{--fa:"\e4fa"}.fa-hands-holding-circle{--fa:"\e4fb"}.fa-heart-circle-bolt{--fa:"\e4fc"}.fa-heart-circle-check{--fa:"\e4fd"}.fa-heart-circle-exclamation{--fa:"\e4fe"}.fa-heart-circle-minus{--fa:"\e4ff"}.fa-heart-circle-plus{--fa:"\e500"}.fa-heart-circle-xmark{--fa:"\e501"}.fa-helicopter-symbol{--fa:"\e502"}.fa-helmet-un{--fa:"\e503"}.fa-hill-avalanche{--fa:"\e507"}.fa-hill-rockslide{--fa:"\e508"}.fa-house-circle-check{--fa:"\e509"}.fa-house-circle-exclamation{--fa:"\e50a"}.fa-house-circle-xmark{--fa:"\e50b"}.fa-house-fire{--fa:"\e50c"}.fa-house-flag{--fa:"\e50d"}.fa-house-flood-water{--fa:"\e50e"}.fa-house-flood-water-circle-arrow-right{--fa:"\e50f"}.fa-house-lock{--fa:"\e510"}.fa-house-medical-circle-check{--fa:"\e511"}.fa-house-medical-circle-exclamation{--fa:"\e512"}.fa-house-medical-circle-xmark{--fa:"\e513"}.fa-house-medical-flag{--fa:"\e514"}.fa-house-tsunami{--fa:"\e515"}.fa-jar{--fa:"\e516"}.fa-jar-wheat{--fa:"\e517"}.fa-jet-fighter-up{--fa:"\e518"}.fa-jug-detergent{--fa:"\e519"}.fa-kitchen-set{--fa:"\e51a"}.fa-land-mine-on{--fa:"\e51b"}.fa-landmark-flag{--fa:"\e51c"}.fa-laptop-file{--fa:"\e51d"}.fa-lines-leaning{--fa:"\e51e"}.fa-location-pin-lock{--fa:"\e51f"}.fa-locust{--fa:"\e520"}.fa-magnifying-glass-arrow-right{--fa:"\e521"}.fa-magnifying-glass-chart{--fa:"\e522"}.fa-mars-and-venus-burst{--fa:"\e523"}.fa-mask-ventilator{--fa:"\e524"}.fa-mattress-pillow{--fa:"\e525"}.fa-mobile-retro{--fa:"\e527"}.fa-money-bill-transfer{--fa:"\e528"}.fa-money-bill-trend-up{--fa:"\e529"}.fa-money-bill-wheat{--fa:"\e52a"}.fa-mosquito{--fa:"\e52b"}.fa-mosquito-net{--fa:"\e52c"}.fa-mound{--fa:"\e52d"}.fa-mountain-city{--fa:"\e52e"}.fa-mountain-sun{--fa:"\e52f"}.fa-oil-well{--fa:"\e532"}.fa-people-group{--fa:"\e533"}.fa-people-line{--fa:"\e534"}.fa-people-pulling{--fa:"\e535"}.fa-people-robbery{--fa:"\e536"}.fa-people-roof{--fa:"\e537"}.fa-person-arrow-down-to-line{--fa:"\e538"}.fa-person-arrow-up-from-line{--fa:"\e539"}.fa-person-breastfeeding{--fa:"\e53a"}.fa-person-burst{--fa:"\e53b"}.fa-person-cane{--fa:"\e53c"}.fa-person-chalkboard{--fa:"\e53d"}.fa-person-circle-check{--fa:"\e53e"}.fa-person-circle-exclamation{--fa:"\e53f"}.fa-person-circle-minus{--fa:"\e540"}.fa-person-circle-plus{--fa:"\e541"}.fa-person-circle-question{--fa:"\e542"}.fa-person-circle-xmark{--fa:"\e543"}.fa-person-dress-burst{--fa:"\e544"}.fa-person-drowning{--fa:"\e545"}.fa-person-falling{--fa:"\e546"}.fa-person-falling-burst{--fa:"\e547"}.fa-person-half-dress{--fa:"\e548"}.fa-person-harassing{--fa:"\e549"}.fa-person-military-pointing{--fa:"\e54a"}.fa-person-military-rifle{--fa:"\e54b"}.fa-person-military-to-person{--fa:"\e54c"}.fa-person-rays{--fa:"\e54d"}.fa-person-rifle{--fa:"\e54e"}.fa-person-shelter{--fa:"\e54f"}.fa-person-walking-arrow-loop-left{--fa:"\e551"}.fa-person-walking-arrow-right{--fa:"\e552"}.fa-person-walking-dashed-line-arrow-right{--fa:"\e553"}.fa-person-walking-luggage{--fa:"\e554"}.fa-plane-circle-check{--fa:"\e555"}.fa-plane-circle-exclamation{--fa:"\e556"}.fa-plane-circle-xmark{--fa:"\e557"}.fa-plane-lock{--fa:"\e558"}.fa-plate-wheat{--fa:"\e55a"}.fa-plug-circle-bolt{--fa:"\e55b"}.fa-plug-circle-check{--fa:"\e55c"}.fa-plug-circle-exclamation{--fa:"\e55d"}.fa-plug-circle-minus{--fa:"\e55e"}.fa-plug-circle-plus{--fa:"\e55f"}.fa-plug-circle-xmark{--fa:"\e560"}.fa-ranking-star{--fa:"\e561"}.fa-road-barrier{--fa:"\e562"}.fa-road-bridge{--fa:"\e563"}.fa-road-circle-check{--fa:"\e564"}.fa-road-circle-exclamation{--fa:"\e565"}.fa-road-circle-xmark{--fa:"\e566"}.fa-road-lock{--fa:"\e567"}.fa-road-spikes{--fa:"\e568"}.fa-rug{--fa:"\e569"}.fa-sack-xmark{--fa:"\e56a"}.fa-school-circle-check{--fa:"\e56b"}.fa-school-circle-exclamation{--fa:"\e56c"}.fa-school-circle-xmark{--fa:"\e56d"}.fa-school-flag{--fa:"\e56e"}.fa-school-lock{--fa:"\e56f"}.fa-sheet-plastic{--fa:"\e571"}.fa-shield-cat{--fa:"\e572"}.fa-shield-dog{--fa:"\e573"}.fa-shield-heart{--fa:"\e574"}.fa-square-nfi{--fa:"\e576"}.fa-square-person-confined{--fa:"\e577"}.fa-square-virus{--fa:"\e578"}.fa-rod-asclepius,.fa-rod-snake,.fa-staff-aesculapius,.fa-staff-snake{--fa:"\e579"}.fa-sun-plant-wilt{--fa:"\e57a"}.fa-tarp{--fa:"\e57b"}.fa-tarp-droplet{--fa:"\e57c"}.fa-tent{--fa:"\e57d"}.fa-tent-arrow-down-to-line{--fa:"\e57e"}.fa-tent-arrow-left-right{--fa:"\e57f"}.fa-tent-arrow-turn-left{--fa:"\e580"}.fa-tent-arrows-down{--fa:"\e581"}.fa-tents{--fa:"\e582"}.fa-toilet-portable{--fa:"\e583"}.fa-toilets-portable{--fa:"\e584"}.fa-tower-cell{--fa:"\e585"}.fa-tower-observation{--fa:"\e586"}.fa-tree-city{--fa:"\e587"}.fa-trowel{--fa:"\e589"}.fa-trowel-bricks{--fa:"\e58a"}.fa-truck-arrow-right{--fa:"\e58b"}.fa-truck-droplet{--fa:"\e58c"}.fa-truck-field{--fa:"\e58d"}.fa-truck-field-un{--fa:"\e58e"}.fa-truck-plane{--fa:"\e58f"}.fa-users-between-lines{--fa:"\e591"}.fa-users-line{--fa:"\e592"}.fa-users-rays{--fa:"\e593"}.fa-users-rectangle{--fa:"\e594"}.fa-users-viewfinder{--fa:"\e595"}.fa-vial-circle-check{--fa:"\e596"}.fa-vial-virus{--fa:"\e597"}.fa-wheat-awn-circle-exclamation{--fa:"\e598"}.fa-worm{--fa:"\e599"}.fa-xmarks-lines{--fa:"\e59a"}.fa-child-dress{--fa:"\e59c"}.fa-child-reaching{--fa:"\e59d"}.fa-file-circle-check{--fa:"\e5a0"}.fa-file-circle-xmark{--fa:"\e5a1"}.fa-person-through-window{--fa:"\e5a9"}.fa-plant-wilt{--fa:"\e5aa"}.fa-stapler{--fa:"\e5af"}.fa-train-tram{--fa:"\e5b4"}.fa-table-cells-column-lock{--fa:"\e678"}.fa-table-cells-row-lock{--fa:"\e67a"}.fa-thumb-tack-slash,.fa-thumbtack-slash{--fa:"\e68f"}.fa-table-cells-row-unlock{--fa:"\e691"}.fa-chart-diagram{--fa:"\e695"}.fa-comment-nodes{--fa:"\e696"}.fa-file-fragment{--fa:"\e697"}.fa-file-half-dashed{--fa:"\e698"}.fa-hexagon-nodes{--fa:"\e699"}.fa-hexagon-nodes-bolt{--fa:"\e69a"}.fa-square-binary{--fa:"\e69b"}.fa-pentagon{--fa:"\e790"}.fa-non-binary{--fa:"\e807"}.fa-spiral{--fa:"\e80a"}.fa-mobile-vibrate{--fa:"\e816"}.fa-single-quote-left{--fa:"\e81b"}.fa-single-quote-right{--fa:"\e81c"}.fa-bus-side{--fa:"\e81d"}.fa-heptagon,.fa-septagon{--fa:"\e820"}.fa-glass-martini,.fa-martini-glass-empty{--fa:"\f000"}.fa-music{--fa:"\f001"}.fa-magnifying-glass,.fa-search{--fa:"\f002"}.fa-heart{--fa:"\f004"}.fa-star{--fa:"\f005"}.fa-user,.fa-user-alt,.fa-user-large{--fa:"\f007"}.fa-film,.fa-film-alt,.fa-film-simple{--fa:"\f008"}.fa-table-cells-large,.fa-th-large{--fa:"\f009"}.fa-table-cells,.fa-th{--fa:"\f00a"}.fa-table-list,.fa-th-list{--fa:"\f00b"}.fa-check{--fa:"\f00c"}.fa-close,.fa-multiply,.fa-remove,.fa-times,.fa-xmark{--fa:"\f00d"}.fa-magnifying-glass-plus,.fa-search-plus{--fa:"\f00e"}.fa-magnifying-glass-minus,.fa-search-minus{--fa:"\f010"}.fa-power-off{--fa:"\f011"}.fa-signal,.fa-signal-5,.fa-signal-perfect{--fa:"\f012"}.fa-cog,.fa-gear{--fa:"\f013"}.fa-home,.fa-home-alt,.fa-home-lg-alt,.fa-house{--fa:"\f015"}.fa-clock,.fa-clock-four{--fa:"\f017"}.fa-road{--fa:"\f018"}.fa-download{--fa:"\f019"}.fa-inbox{--fa:"\f01c"}.fa-arrow-right-rotate,.fa-arrow-rotate-forward,.fa-arrow-rotate-right,.fa-redo{--fa:"\f01e"}.fa-arrows-rotate,.fa-refresh,.fa-sync{--fa:"\f021"}.fa-list-alt,.fa-rectangle-list{--fa:"\f022"}.fa-lock{--fa:"\f023"}.fa-flag{--fa:"\f024"}.fa-headphones,.fa-headphones-alt,.fa-headphones-simple{--fa:"\f025"}.fa-volume-off{--fa:"\f026"}.fa-volume-down,.fa-volume-low{--fa:"\f027"}.fa-volume-high,.fa-volume-up{--fa:"\f028"}.fa-qrcode{--fa:"\f029"}.fa-barcode{--fa:"\f02a"}.fa-tag{--fa:"\f02b"}.fa-tags{--fa:"\f02c"}.fa-book{--fa:"\f02d"}.fa-bookmark{--fa:"\f02e"}.fa-print{--fa:"\f02f"}.fa-camera,.fa-camera-alt{--fa:"\f030"}.fa-font{--fa:"\f031"}.fa-bold{--fa:"\f032"}.fa-italic{--fa:"\f033"}.fa-text-height{--fa:"\f034"}.fa-text-width{--fa:"\f035"}.fa-align-left{--fa:"\f036"}.fa-align-center{--fa:"\f037"}.fa-align-right{--fa:"\f038"}.fa-align-justify{--fa:"\f039"}.fa-list,.fa-list-squares{--fa:"\f03a"}.fa-dedent,.fa-outdent{--fa:"\f03b"}.fa-indent{--fa:"\f03c"}.fa-video,.fa-video-camera{--fa:"\f03d"}.fa-image{--fa:"\f03e"}.fa-location-pin,.fa-map-marker{--fa:"\f041"}.fa-adjust,.fa-circle-half-stroke{--fa:"\f042"}.fa-droplet,.fa-tint{--fa:"\f043"}.fa-edit,.fa-pen-to-square{--fa:"\f044"}.fa-arrows,.fa-arrows-up-down-left-right{--fa:"\f047"}.fa-backward-step,.fa-step-backward{--fa:"\f048"}.fa-backward-fast,.fa-fast-backward{--fa:"\f049"}.fa-backward{--fa:"\f04a"}.fa-play{--fa:"\f04b"}.fa-pause{--fa:"\f04c"}.fa-stop{--fa:"\f04d"}.fa-forward{--fa:"\f04e"}.fa-fast-forward,.fa-forward-fast{--fa:"\f050"}.fa-forward-step,.fa-step-forward{--fa:"\f051"}.fa-eject{--fa:"\f052"}.fa-chevron-left{--fa:"\f053"}.fa-chevron-right{--fa:"\f054"}.fa-circle-plus,.fa-plus-circle{--fa:"\f055"}.fa-circle-minus,.fa-minus-circle{--fa:"\f056"}.fa-circle-xmark,.fa-times-circle,.fa-xmark-circle{--fa:"\f057"}.fa-check-circle,.fa-circle-check{--fa:"\f058"}.fa-circle-question,.fa-question-circle{--fa:"\f059"}.fa-circle-info,.fa-info-circle{--fa:"\f05a"}.fa-crosshairs{--fa:"\f05b"}.fa-ban,.fa-cancel{--fa:"\f05e"}.fa-arrow-left{--fa:"\f060"}.fa-arrow-right{--fa:"\f061"}.fa-arrow-up{--fa:"\f062"}.fa-arrow-down{--fa:"\f063"}.fa-mail-forward,.fa-share{--fa:"\f064"}.fa-expand{--fa:"\f065"}.fa-compress{--fa:"\f066"}.fa-minus,.fa-subtract{--fa:"\f068"}.fa-circle-exclamation,.fa-exclamation-circle{--fa:"\f06a"}.fa-gift{--fa:"\f06b"}.fa-leaf{--fa:"\f06c"}.fa-fire{--fa:"\f06d"}.fa-eye{--fa:"\f06e"}.fa-eye-slash{--fa:"\f070"}.fa-exclamation-triangle,.fa-triangle-exclamation,.fa-warning{--fa:"\f071"}.fa-plane{--fa:"\f072"}.fa-calendar-alt,.fa-calendar-days{--fa:"\f073"}.fa-random,.fa-shuffle{--fa:"\f074"}.fa-comment{--fa:"\f075"}.fa-magnet{--fa:"\f076"}.fa-chevron-up{--fa:"\f077"}.fa-chevron-down{--fa:"\f078"}.fa-retweet{--fa:"\f079"}.fa-cart-shopping,.fa-shopping-cart{--fa:"\f07a"}.fa-folder,.fa-folder-blank{--fa:"\f07b"}.fa-folder-open{--fa:"\f07c"}.fa-arrows-up-down,.fa-arrows-v{--fa:"\f07d"}.fa-arrows-h,.fa-arrows-left-right{--fa:"\f07e"}.fa-bar-chart,.fa-chart-bar{--fa:"\f080"}.fa-camera-retro{--fa:"\f083"}.fa-key{--fa:"\f084"}.fa-cogs,.fa-gears{--fa:"\f085"}.fa-comments{--fa:"\f086"}.fa-star-half{--fa:"\f089"}.fa-arrow-right-from-bracket,.fa-sign-out{--fa:"\f08b"}.fa-thumb-tack,.fa-thumbtack{--fa:"\f08d"}.fa-arrow-up-right-from-square,.fa-external-link{--fa:"\f08e"}.fa-arrow-right-to-bracket,.fa-sign-in{--fa:"\f090"}.fa-trophy{--fa:"\f091"}.fa-upload{--fa:"\f093"}.fa-lemon{--fa:"\f094"}.fa-phone{--fa:"\f095"}.fa-phone-square,.fa-square-phone{--fa:"\f098"}.fa-unlock{--fa:"\f09c"}.fa-credit-card,.fa-credit-card-alt{--fa:"\f09d"}.fa-feed,.fa-rss{--fa:"\f09e"}.fa-hard-drive,.fa-hdd{--fa:"\f0a0"}.fa-bullhorn{--fa:"\f0a1"}.fa-certificate{--fa:"\f0a3"}.fa-hand-point-right{--fa:"\f0a4"}.fa-hand-point-left{--fa:"\f0a5"}.fa-hand-point-up{--fa:"\f0a6"}.fa-hand-point-down{--fa:"\f0a7"}.fa-arrow-circle-left,.fa-circle-arrow-left{--fa:"\f0a8"}.fa-arrow-circle-right,.fa-circle-arrow-right{--fa:"\f0a9"}.fa-arrow-circle-up,.fa-circle-arrow-up{--fa:"\f0aa"}.fa-arrow-circle-down,.fa-circle-arrow-down{--fa:"\f0ab"}.fa-globe{--fa:"\f0ac"}.fa-wrench{--fa:"\f0ad"}.fa-list-check,.fa-tasks{--fa:"\f0ae"}.fa-filter{--fa:"\f0b0"}.fa-briefcase{--fa:"\f0b1"}.fa-arrows-alt,.fa-up-down-left-right{--fa:"\f0b2"}.fa-users{--fa:"\f0c0"}.fa-chain,.fa-link{--fa:"\f0c1"}.fa-cloud{--fa:"\f0c2"}.fa-flask{--fa:"\f0c3"}.fa-cut,.fa-scissors{--fa:"\f0c4"}.fa-copy{--fa:"\f0c5"}.fa-paperclip{--fa:"\f0c6"}.fa-floppy-disk,.fa-save{--fa:"\f0c7"}.fa-square{--fa:"\f0c8"}.fa-bars,.fa-navicon{--fa:"\f0c9"}.fa-list-dots,.fa-list-ul{--fa:"\f0ca"}.fa-list-1-2,.fa-list-numeric,.fa-list-ol{--fa:"\f0cb"}.fa-strikethrough{--fa:"\f0cc"}.fa-underline{--fa:"\f0cd"}.fa-table{--fa:"\f0ce"}.fa-magic,.fa-wand-magic{--fa:"\f0d0"}.fa-truck{--fa:"\f0d1"}.fa-money-bill{--fa:"\f0d6"}.fa-caret-down{--fa:"\f0d7"}.fa-caret-up{--fa:"\f0d8"}.fa-caret-left{--fa:"\f0d9"}.fa-caret-right{--fa:"\f0da"}.fa-columns,.fa-table-columns{--fa:"\f0db"}.fa-sort,.fa-unsorted{--fa:"\f0dc"}.fa-sort-desc,.fa-sort-down{--fa:"\f0dd"}.fa-sort-asc,.fa-sort-up{--fa:"\f0de"}.fa-envelope{--fa:"\f0e0"}.fa-arrow-left-rotate,.fa-arrow-rotate-back,.fa-arrow-rotate-backward,.fa-arrow-rotate-left,.fa-undo{--fa:"\f0e2"}.fa-gavel,.fa-legal{--fa:"\f0e3"}.fa-bolt,.fa-zap{--fa:"\f0e7"}.fa-sitemap{--fa:"\f0e8"}.fa-umbrella{--fa:"\f0e9"}.fa-file-clipboard,.fa-paste{--fa:"\f0ea"}.fa-lightbulb{--fa:"\f0eb"}.fa-arrow-right-arrow-left,.fa-exchange{--fa:"\f0ec"}.fa-cloud-arrow-down,.fa-cloud-download,.fa-cloud-download-alt{--fa:"\f0ed"}.fa-cloud-arrow-up,.fa-cloud-upload,.fa-cloud-upload-alt{--fa:"\f0ee"}.fa-user-doctor,.fa-user-md{--fa:"\f0f0"}.fa-stethoscope{--fa:"\f0f1"}.fa-suitcase{--fa:"\f0f2"}.fa-bell{--fa:"\f0f3"}.fa-coffee,.fa-mug-saucer{--fa:"\f0f4"}.fa-hospital,.fa-hospital-alt,.fa-hospital-wide{--fa:"\f0f8"}.fa-ambulance,.fa-truck-medical{--fa:"\f0f9"}.fa-medkit,.fa-suitcase-medical{--fa:"\f0fa"}.fa-fighter-jet,.fa-jet-fighter{--fa:"\f0fb"}.fa-beer,.fa-beer-mug-empty{--fa:"\f0fc"}.fa-h-square,.fa-square-h{--fa:"\f0fd"}.fa-plus-square,.fa-square-plus{--fa:"\f0fe"}.fa-angle-double-left,.fa-angles-left{--fa:"\f100"}.fa-angle-double-right,.fa-angles-right{--fa:"\f101"}.fa-angle-double-up,.fa-angles-up{--fa:"\f102"}.fa-angle-double-down,.fa-angles-down{--fa:"\f103"}.fa-angle-left{--fa:"\f104"}.fa-angle-right{--fa:"\f105"}.fa-angle-up{--fa:"\f106"}.fa-angle-down{--fa:"\f107"}.fa-laptop{--fa:"\f109"}.fa-tablet-button{--fa:"\f10a"}.fa-mobile-button{--fa:"\f10b"}.fa-quote-left,.fa-quote-left-alt{--fa:"\f10d"}.fa-quote-right,.fa-quote-right-alt{--fa:"\f10e"}.fa-spinner{--fa:"\f110"}.fa-circle{--fa:"\f111"}.fa-face-smile,.fa-smile{--fa:"\f118"}.fa-face-frown,.fa-frown{--fa:"\f119"}.fa-face-meh,.fa-meh{--fa:"\f11a"}.fa-gamepad{--fa:"\f11b"}.fa-keyboard{--fa:"\f11c"}.fa-flag-checkered{--fa:"\f11e"}.fa-terminal{--fa:"\f120"}.fa-code{--fa:"\f121"}.fa-mail-reply-all,.fa-reply-all{--fa:"\f122"}.fa-location-arrow{--fa:"\f124"}.fa-crop{--fa:"\f125"}.fa-code-branch{--fa:"\f126"}.fa-chain-broken,.fa-chain-slash,.fa-link-slash,.fa-unlink{--fa:"\f127"}.fa-info{--fa:"\f129"}.fa-superscript{--fa:"\f12b"}.fa-subscript{--fa:"\f12c"}.fa-eraser{--fa:"\f12d"}.fa-puzzle-piece{--fa:"\f12e"}.fa-microphone{--fa:"\f130"}.fa-microphone-slash{--fa:"\f131"}.fa-shield,.fa-shield-blank{--fa:"\f132"}.fa-calendar{--fa:"\f133"}.fa-fire-extinguisher{--fa:"\f134"}.fa-rocket{--fa:"\f135"}.fa-chevron-circle-left,.fa-circle-chevron-left{--fa:"\f137"}.fa-chevron-circle-right,.fa-circle-chevron-right{--fa:"\f138"}.fa-chevron-circle-up,.fa-circle-chevron-up{--fa:"\f139"}.fa-chevron-circle-down,.fa-circle-chevron-down{--fa:"\f13a"}.fa-anchor{--fa:"\f13d"}.fa-unlock-alt,.fa-unlock-keyhole{--fa:"\f13e"}.fa-bullseye{--fa:"\f140"}.fa-ellipsis,.fa-ellipsis-h{--fa:"\f141"}.fa-ellipsis-v,.fa-ellipsis-vertical{--fa:"\f142"}.fa-rss-square,.fa-square-rss{--fa:"\f143"}.fa-circle-play,.fa-play-circle{--fa:"\f144"}.fa-ticket{--fa:"\f145"}.fa-minus-square,.fa-square-minus{--fa:"\f146"}.fa-arrow-turn-up,.fa-level-up{--fa:"\f148"}.fa-arrow-turn-down,.fa-level-down{--fa:"\f149"}.fa-check-square,.fa-square-check{--fa:"\f14a"}.fa-pen-square,.fa-pencil-square,.fa-square-pen{--fa:"\f14b"}.fa-external-link-square,.fa-square-arrow-up-right{--fa:"\f14c"}.fa-share-from-square,.fa-share-square{--fa:"\f14d"}.fa-compass{--fa:"\f14e"}.fa-caret-square-down,.fa-square-caret-down{--fa:"\f150"}.fa-caret-square-up,.fa-square-caret-up{--fa:"\f151"}.fa-caret-square-right,.fa-square-caret-right{--fa:"\f152"}.fa-eur,.fa-euro,.fa-euro-sign{--fa:"\f153"}.fa-gbp,.fa-pound-sign,.fa-sterling-sign{--fa:"\f154"}.fa-rupee,.fa-rupee-sign{--fa:"\f156"}.fa-cny,.fa-jpy,.fa-rmb,.fa-yen,.fa-yen-sign{--fa:"\f157"}.fa-rouble,.fa-rub,.fa-ruble,.fa-ruble-sign{--fa:"\f158"}.fa-krw,.fa-won,.fa-won-sign{--fa:"\f159"}.fa-file{--fa:"\f15b"}.fa-file-alt,.fa-file-lines,.fa-file-text{--fa:"\f15c"}.fa-arrow-down-a-z,.fa-sort-alpha-asc,.fa-sort-alpha-down{--fa:"\f15d"}.fa-arrow-up-a-z,.fa-sort-alpha-up{--fa:"\f15e"}.fa-arrow-down-wide-short,.fa-sort-amount-asc,.fa-sort-amount-down{--fa:"\f160"}.fa-arrow-up-wide-short,.fa-sort-amount-up{--fa:"\f161"}.fa-arrow-down-1-9,.fa-sort-numeric-asc,.fa-sort-numeric-down{--fa:"\f162"}.fa-arrow-up-1-9,.fa-sort-numeric-up{--fa:"\f163"}.fa-thumbs-up{--fa:"\f164"}.fa-thumbs-down{--fa:"\f165"}.fa-arrow-down-long,.fa-long-arrow-down{--fa:"\f175"}.fa-arrow-up-long,.fa-long-arrow-up{--fa:"\f176"}.fa-arrow-left-long,.fa-long-arrow-left{--fa:"\f177"}.fa-arrow-right-long,.fa-long-arrow-right{--fa:"\f178"}.fa-female,.fa-person-dress{--fa:"\f182"}.fa-male,.fa-person{--fa:"\f183"}.fa-sun{--fa:"\f185"}.fa-moon{--fa:"\f186"}.fa-archive,.fa-box-archive{--fa:"\f187"}.fa-bug{--fa:"\f188"}.fa-caret-square-left,.fa-square-caret-left{--fa:"\f191"}.fa-circle-dot,.fa-dot-circle{--fa:"\f192"}.fa-wheelchair{--fa:"\f193"}.fa-lira-sign{--fa:"\f195"}.fa-shuttle-space,.fa-space-shuttle{--fa:"\f197"}.fa-envelope-square,.fa-square-envelope{--fa:"\f199"}.fa-bank,.fa-building-columns,.fa-institution,.fa-museum,.fa-university{--fa:"\f19c"}.fa-graduation-cap,.fa-mortar-board{--fa:"\f19d"}.fa-language{--fa:"\f1ab"}.fa-fax{--fa:"\f1ac"}.fa-building{--fa:"\f1ad"}.fa-child{--fa:"\f1ae"}.fa-paw{--fa:"\f1b0"}.fa-cube{--fa:"\f1b2"}.fa-cubes{--fa:"\f1b3"}.fa-recycle{--fa:"\f1b8"}.fa-automobile,.fa-car{--fa:"\f1b9"}.fa-cab,.fa-taxi{--fa:"\f1ba"}.fa-tree{--fa:"\f1bb"}.fa-database{--fa:"\f1c0"}.fa-file-pdf{--fa:"\f1c1"}.fa-file-word{--fa:"\f1c2"}.fa-file-excel{--fa:"\f1c3"}.fa-file-powerpoint{--fa:"\f1c4"}.fa-file-image{--fa:"\f1c5"}.fa-file-archive,.fa-file-zipper{--fa:"\f1c6"}.fa-file-audio{--fa:"\f1c7"}.fa-file-video{--fa:"\f1c8"}.fa-file-code{--fa:"\f1c9"}.fa-life-ring{--fa:"\f1cd"}.fa-circle-notch{--fa:"\f1ce"}.fa-paper-plane{--fa:"\f1d8"}.fa-clock-rotate-left,.fa-history{--fa:"\f1da"}.fa-header,.fa-heading{--fa:"\f1dc"}.fa-paragraph{--fa:"\f1dd"}.fa-sliders,.fa-sliders-h{--fa:"\f1de"}.fa-share-alt,.fa-share-nodes{--fa:"\f1e0"}.fa-share-alt-square,.fa-square-share-nodes{--fa:"\f1e1"}.fa-bomb{--fa:"\f1e2"}.fa-futbol,.fa-futbol-ball,.fa-soccer-ball{--fa:"\f1e3"}.fa-teletype,.fa-tty{--fa:"\f1e4"}.fa-binoculars{--fa:"\f1e5"}.fa-plug{--fa:"\f1e6"}.fa-newspaper{--fa:"\f1ea"}.fa-wifi,.fa-wifi-3,.fa-wifi-strong{--fa:"\f1eb"}.fa-calculator{--fa:"\f1ec"}.fa-bell-slash{--fa:"\f1f6"}.fa-trash{--fa:"\f1f8"}.fa-copyright{--fa:"\f1f9"}.fa-eye-dropper,.fa-eye-dropper-empty,.fa-eyedropper{--fa:"\f1fb"}.fa-paint-brush,.fa-paintbrush{--fa:"\f1fc"}.fa-birthday-cake,.fa-cake,.fa-cake-candles{--fa:"\f1fd"}.fa-area-chart,.fa-chart-area{--fa:"\f1fe"}.fa-chart-pie,.fa-pie-chart{--fa:"\f200"}.fa-chart-line,.fa-line-chart{--fa:"\f201"}.fa-toggle-off{--fa:"\f204"}.fa-toggle-on{--fa:"\f205"}.fa-bicycle{--fa:"\f206"}.fa-bus{--fa:"\f207"}.fa-closed-captioning{--fa:"\f20a"}.fa-ils,.fa-shekel,.fa-shekel-sign,.fa-sheqel,.fa-sheqel-sign{--fa:"\f20b"}.fa-cart-plus{--fa:"\f217"}.fa-cart-arrow-down{--fa:"\f218"}.fa-diamond{--fa:"\f219"}.fa-ship{--fa:"\f21a"}.fa-user-secret{--fa:"\f21b"}.fa-motorcycle{--fa:"\f21c"}.fa-street-view{--fa:"\f21d"}.fa-heart-pulse,.fa-heartbeat{--fa:"\f21e"}.fa-venus{--fa:"\f221"}.fa-mars{--fa:"\f222"}.fa-mercury{--fa:"\f223"}.fa-mars-and-venus{--fa:"\f224"}.fa-transgender,.fa-transgender-alt{--fa:"\f225"}.fa-venus-double{--fa:"\f226"}.fa-mars-double{--fa:"\f227"}.fa-venus-mars{--fa:"\f228"}.fa-mars-stroke{--fa:"\f229"}.fa-mars-stroke-up,.fa-mars-stroke-v{--fa:"\f22a"}.fa-mars-stroke-h,.fa-mars-stroke-right{--fa:"\f22b"}.fa-neuter{--fa:"\f22c"}.fa-genderless{--fa:"\f22d"}.fa-server{--fa:"\f233"}.fa-user-plus{--fa:"\f234"}.fa-user-times,.fa-user-xmark{--fa:"\f235"}.fa-bed{--fa:"\f236"}.fa-train{--fa:"\f238"}.fa-subway,.fa-train-subway{--fa:"\f239"}.fa-battery,.fa-battery-5,.fa-battery-full{--fa:"\f240"}.fa-battery-4,.fa-battery-three-quarters{--fa:"\f241"}.fa-battery-3,.fa-battery-half{--fa:"\f242"}.fa-battery-2,.fa-battery-quarter{--fa:"\f243"}.fa-battery-0,.fa-battery-empty{--fa:"\f244"}.fa-arrow-pointer,.fa-mouse-pointer{--fa:"\f245"}.fa-i-cursor{--fa:"\f246"}.fa-object-group{--fa:"\f247"}.fa-object-ungroup{--fa:"\f248"}.fa-note-sticky,.fa-sticky-note{--fa:"\f249"}.fa-clone{--fa:"\f24d"}.fa-balance-scale,.fa-scale-balanced{--fa:"\f24e"}.fa-hourglass-1,.fa-hourglass-start{--fa:"\f251"}.fa-hourglass-2,.fa-hourglass-half{--fa:"\f252"}.fa-hourglass-3,.fa-hourglass-end{--fa:"\f253"}.fa-hourglass,.fa-hourglass-empty{--fa:"\f254"}.fa-hand-back-fist,.fa-hand-rock{--fa:"\f255"}.fa-hand,.fa-hand-paper{--fa:"\f256"}.fa-hand-scissors{--fa:"\f257"}.fa-hand-lizard{--fa:"\f258"}.fa-hand-spock{--fa:"\f259"}.fa-hand-pointer{--fa:"\f25a"}.fa-hand-peace{--fa:"\f25b"}.fa-trademark{--fa:"\f25c"}.fa-registered{--fa:"\f25d"}.fa-television,.fa-tv,.fa-tv-alt{--fa:"\f26c"}.fa-calendar-plus{--fa:"\f271"}.fa-calendar-minus{--fa:"\f272"}.fa-calendar-times,.fa-calendar-xmark{--fa:"\f273"}.fa-calendar-check{--fa:"\f274"}.fa-industry{--fa:"\f275"}.fa-map-pin{--fa:"\f276"}.fa-map-signs,.fa-signs-post{--fa:"\f277"}.fa-map{--fa:"\f279"}.fa-comment-alt,.fa-message{--fa:"\f27a"}.fa-circle-pause,.fa-pause-circle{--fa:"\f28b"}.fa-circle-stop,.fa-stop-circle{--fa:"\f28d"}.fa-bag-shopping,.fa-shopping-bag{--fa:"\f290"}.fa-basket-shopping,.fa-shopping-basket{--fa:"\f291"}.fa-universal-access{--fa:"\f29a"}.fa-blind,.fa-person-walking-with-cane{--fa:"\f29d"}.fa-audio-description{--fa:"\f29e"}.fa-phone-volume,.fa-volume-control-phone{--fa:"\f2a0"}.fa-braille{--fa:"\f2a1"}.fa-assistive-listening-systems,.fa-ear-listen{--fa:"\f2a2"}.fa-american-sign-language-interpreting,.fa-asl-interpreting,.fa-hands-american-sign-language-interpreting,.fa-hands-asl-interpreting{--fa:"\f2a3"}.fa-deaf,.fa-deafness,.fa-ear-deaf,.fa-hard-of-hearing{--fa:"\f2a4"}.fa-hands,.fa-sign-language,.fa-signing{--fa:"\f2a7"}.fa-eye-low-vision,.fa-low-vision{--fa:"\f2a8"}.fa-handshake,.fa-handshake-alt,.fa-handshake-simple{--fa:"\f2b5"}.fa-envelope-open{--fa:"\f2b6"}.fa-address-book,.fa-contact-book{--fa:"\f2b9"}.fa-address-card,.fa-contact-card,.fa-vcard{--fa:"\f2bb"}.fa-circle-user,.fa-user-circle{--fa:"\f2bd"}.fa-id-badge{--fa:"\f2c1"}.fa-drivers-license,.fa-id-card{--fa:"\f2c2"}.fa-temperature-4,.fa-temperature-full,.fa-thermometer-4,.fa-thermometer-full{--fa:"\f2c7"}.fa-temperature-3,.fa-temperature-three-quarters,.fa-thermometer-3,.fa-thermometer-three-quarters{--fa:"\f2c8"}.fa-temperature-2,.fa-temperature-half,.fa-thermometer-2,.fa-thermometer-half{--fa:"\f2c9"}.fa-temperature-1,.fa-temperature-quarter,.fa-thermometer-1,.fa-thermometer-quarter{--fa:"\f2ca"}.fa-temperature-0,.fa-temperature-empty,.fa-thermometer-0,.fa-thermometer-empty{--fa:"\f2cb"}.fa-shower{--fa:"\f2cc"}.fa-bath,.fa-bathtub{--fa:"\f2cd"}.fa-podcast{--fa:"\f2ce"}.fa-window-maximize{--fa:"\f2d0"}.fa-window-minimize{--fa:"\f2d1"}.fa-window-restore{--fa:"\f2d2"}.fa-square-xmark,.fa-times-square,.fa-xmark-square{--fa:"\f2d3"}.fa-microchip{--fa:"\f2db"}.fa-snowflake{--fa:"\f2dc"}.fa-spoon,.fa-utensil-spoon{--fa:"\f2e5"}.fa-cutlery,.fa-utensils{--fa:"\f2e7"}.fa-rotate-back,.fa-rotate-backward,.fa-rotate-left,.fa-undo-alt{--fa:"\f2ea"}.fa-trash-alt,.fa-trash-can{--fa:"\f2ed"}.fa-rotate,.fa-sync-alt{--fa:"\f2f1"}.fa-stopwatch{--fa:"\f2f2"}.fa-right-from-bracket,.fa-sign-out-alt{--fa:"\f2f5"}.fa-right-to-bracket,.fa-sign-in-alt{--fa:"\f2f6"}.fa-redo-alt,.fa-rotate-forward,.fa-rotate-right{--fa:"\f2f9"}.fa-poo{--fa:"\f2fe"}.fa-images{--fa:"\f302"}.fa-pencil,.fa-pencil-alt{--fa:"\f303"}.fa-pen{--fa:"\f304"}.fa-pen-alt,.fa-pen-clip{--fa:"\f305"}.fa-octagon{--fa:"\f306"}.fa-down-long,.fa-long-arrow-alt-down{--fa:"\f309"}.fa-left-long,.fa-long-arrow-alt-left{--fa:"\f30a"}.fa-long-arrow-alt-right,.fa-right-long{--fa:"\f30b"}.fa-long-arrow-alt-up,.fa-up-long{--fa:"\f30c"}.fa-hexagon{--fa:"\f312"}.fa-file-edit,.fa-file-pen{--fa:"\f31c"}.fa-expand-arrows-alt,.fa-maximize{--fa:"\f31e"}.fa-clipboard{--fa:"\f328"}.fa-arrows-alt-h,.fa-left-right{--fa:"\f337"}.fa-arrows-alt-v,.fa-up-down{--fa:"\f338"}.fa-alarm-clock{--fa:"\f34e"}.fa-arrow-alt-circle-down,.fa-circle-down{--fa:"\f358"}.fa-arrow-alt-circle-left,.fa-circle-left{--fa:"\f359"}.fa-arrow-alt-circle-right,.fa-circle-right{--fa:"\f35a"}.fa-arrow-alt-circle-up,.fa-circle-up{--fa:"\f35b"}.fa-external-link-alt,.fa-up-right-from-square{--fa:"\f35d"}.fa-external-link-square-alt,.fa-square-up-right{--fa:"\f360"}.fa-exchange-alt,.fa-right-left{--fa:"\f362"}.fa-repeat{--fa:"\f363"}.fa-code-commit{--fa:"\f386"}.fa-code-merge{--fa:"\f387"}.fa-desktop,.fa-desktop-alt{--fa:"\f390"}.fa-gem{--fa:"\f3a5"}.fa-level-down-alt,.fa-turn-down{--fa:"\f3be"}.fa-level-up-alt,.fa-turn-up{--fa:"\f3bf"}.fa-lock-open{--fa:"\f3c1"}.fa-location-dot,.fa-map-marker-alt{--fa:"\f3c5"}.fa-microphone-alt,.fa-microphone-lines{--fa:"\f3c9"}.fa-mobile-alt,.fa-mobile-screen-button{--fa:"\f3cd"}.fa-mobile,.fa-mobile-android,.fa-mobile-phone{--fa:"\f3ce"}.fa-mobile-android-alt,.fa-mobile-screen{--fa:"\f3cf"}.fa-money-bill-1,.fa-money-bill-alt{--fa:"\f3d1"}.fa-phone-slash{--fa:"\f3dd"}.fa-image-portrait,.fa-portrait{--fa:"\f3e0"}.fa-mail-reply,.fa-reply{--fa:"\f3e5"}.fa-shield-alt,.fa-shield-halved{--fa:"\f3ed"}.fa-tablet-alt,.fa-tablet-screen-button{--fa:"\f3fa"}.fa-tablet,.fa-tablet-android{--fa:"\f3fb"}.fa-ticket-alt,.fa-ticket-simple{--fa:"\f3ff"}.fa-rectangle-times,.fa-rectangle-xmark,.fa-times-rectangle,.fa-window-close{--fa:"\f410"}.fa-compress-alt,.fa-down-left-and-up-right-to-center{--fa:"\f422"}.fa-expand-alt,.fa-up-right-and-down-left-from-center{--fa:"\f424"}.fa-baseball-bat-ball{--fa:"\f432"}.fa-baseball,.fa-baseball-ball{--fa:"\f433"}.fa-basketball,.fa-basketball-ball{--fa:"\f434"}.fa-bowling-ball{--fa:"\f436"}.fa-chess{--fa:"\f439"}.fa-chess-bishop{--fa:"\f43a"}.fa-chess-board{--fa:"\f43c"}.fa-chess-king{--fa:"\f43f"}.fa-chess-knight{--fa:"\f441"}.fa-chess-pawn{--fa:"\f443"}.fa-chess-queen{--fa:"\f445"}.fa-chess-rook{--fa:"\f447"}.fa-dumbbell{--fa:"\f44b"}.fa-football,.fa-football-ball{--fa:"\f44e"}.fa-golf-ball,.fa-golf-ball-tee{--fa:"\f450"}.fa-hockey-puck{--fa:"\f453"}.fa-broom-ball,.fa-quidditch,.fa-quidditch-broom-ball{--fa:"\f458"}.fa-square-full{--fa:"\f45c"}.fa-ping-pong-paddle-ball,.fa-table-tennis,.fa-table-tennis-paddle-ball{--fa:"\f45d"}.fa-volleyball,.fa-volleyball-ball{--fa:"\f45f"}.fa-allergies,.fa-hand-dots{--fa:"\f461"}.fa-band-aid,.fa-bandage{--fa:"\f462"}.fa-box{--fa:"\f466"}.fa-boxes,.fa-boxes-alt,.fa-boxes-stacked{--fa:"\f468"}.fa-briefcase-medical{--fa:"\f469"}.fa-burn,.fa-fire-flame-simple{--fa:"\f46a"}.fa-capsules{--fa:"\f46b"}.fa-clipboard-check{--fa:"\f46c"}.fa-clipboard-list{--fa:"\f46d"}.fa-diagnoses,.fa-person-dots-from-line{--fa:"\f470"}.fa-dna{--fa:"\f471"}.fa-dolly,.fa-dolly-box{--fa:"\f472"}.fa-cart-flatbed,.fa-dolly-flatbed{--fa:"\f474"}.fa-file-medical{--fa:"\f477"}.fa-file-medical-alt,.fa-file-waveform{--fa:"\f478"}.fa-first-aid,.fa-kit-medical{--fa:"\f479"}.fa-circle-h,.fa-hospital-symbol{--fa:"\f47e"}.fa-id-card-alt,.fa-id-card-clip{--fa:"\f47f"}.fa-notes-medical{--fa:"\f481"}.fa-pallet{--fa:"\f482"}.fa-pills{--fa:"\f484"}.fa-prescription-bottle{--fa:"\f485"}.fa-prescription-bottle-alt,.fa-prescription-bottle-medical{--fa:"\f486"}.fa-bed-pulse,.fa-procedures{--fa:"\f487"}.fa-shipping-fast,.fa-truck-fast{--fa:"\f48b"}.fa-smoking{--fa:"\f48d"}.fa-syringe{--fa:"\f48e"}.fa-tablets{--fa:"\f490"}.fa-thermometer{--fa:"\f491"}.fa-vial{--fa:"\f492"}.fa-vials{--fa:"\f493"}.fa-warehouse{--fa:"\f494"}.fa-weight,.fa-weight-scale{--fa:"\f496"}.fa-x-ray{--fa:"\f497"}.fa-box-open{--fa:"\f49e"}.fa-comment-dots,.fa-commenting{--fa:"\f4ad"}.fa-comment-slash{--fa:"\f4b3"}.fa-couch{--fa:"\f4b8"}.fa-circle-dollar-to-slot,.fa-donate{--fa:"\f4b9"}.fa-dove{--fa:"\f4ba"}.fa-hand-holding{--fa:"\f4bd"}.fa-hand-holding-heart{--fa:"\f4be"}.fa-hand-holding-dollar,.fa-hand-holding-usd{--fa:"\f4c0"}.fa-hand-holding-droplet,.fa-hand-holding-water{--fa:"\f4c1"}.fa-hands-holding{--fa:"\f4c2"}.fa-hands-helping,.fa-handshake-angle{--fa:"\f4c4"}.fa-parachute-box{--fa:"\f4cd"}.fa-people-carry,.fa-people-carry-box{--fa:"\f4ce"}.fa-piggy-bank{--fa:"\f4d3"}.fa-ribbon{--fa:"\f4d6"}.fa-route{--fa:"\f4d7"}.fa-seedling,.fa-sprout{--fa:"\f4d8"}.fa-sign,.fa-sign-hanging{--fa:"\f4d9"}.fa-face-smile-wink,.fa-smile-wink{--fa:"\f4da"}.fa-tape{--fa:"\f4db"}.fa-truck-loading,.fa-truck-ramp-box{--fa:"\f4de"}.fa-truck-moving{--fa:"\f4df"}.fa-video-slash{--fa:"\f4e2"}.fa-wine-glass{--fa:"\f4e3"}.fa-user-astronaut{--fa:"\f4fb"}.fa-user-check{--fa:"\f4fc"}.fa-user-clock{--fa:"\f4fd"}.fa-user-cog,.fa-user-gear{--fa:"\f4fe"}.fa-user-edit,.fa-user-pen{--fa:"\f4ff"}.fa-user-friends,.fa-user-group{--fa:"\f500"}.fa-user-graduate{--fa:"\f501"}.fa-user-lock{--fa:"\f502"}.fa-user-minus{--fa:"\f503"}.fa-user-ninja{--fa:"\f504"}.fa-user-shield{--fa:"\f505"}.fa-user-alt-slash,.fa-user-large-slash,.fa-user-slash{--fa:"\f506"}.fa-user-tag{--fa:"\f507"}.fa-user-tie{--fa:"\f508"}.fa-users-cog,.fa-users-gear{--fa:"\f509"}.fa-balance-scale-left,.fa-scale-unbalanced{--fa:"\f515"}.fa-balance-scale-right,.fa-scale-unbalanced-flip{--fa:"\f516"}.fa-blender{--fa:"\f517"}.fa-book-open{--fa:"\f518"}.fa-broadcast-tower,.fa-tower-broadcast{--fa:"\f519"}.fa-broom{--fa:"\f51a"}.fa-blackboard,.fa-chalkboard{--fa:"\f51b"}.fa-chalkboard-teacher,.fa-chalkboard-user{--fa:"\f51c"}.fa-church{--fa:"\f51d"}.fa-coins{--fa:"\f51e"}.fa-compact-disc{--fa:"\f51f"}.fa-crow{--fa:"\f520"}.fa-crown{--fa:"\f521"}.fa-dice{--fa:"\f522"}.fa-dice-five{--fa:"\f523"}.fa-dice-four{--fa:"\f524"}.fa-dice-one{--fa:"\f525"}.fa-dice-six{--fa:"\f526"}.fa-dice-three{--fa:"\f527"}.fa-dice-two{--fa:"\f528"}.fa-divide{--fa:"\f529"}.fa-door-closed{--fa:"\f52a"}.fa-door-open{--fa:"\f52b"}.fa-feather{--fa:"\f52d"}.fa-frog{--fa:"\f52e"}.fa-gas-pump{--fa:"\f52f"}.fa-glasses{--fa:"\f530"}.fa-greater-than-equal{--fa:"\f532"}.fa-helicopter{--fa:"\f533"}.fa-infinity{--fa:"\f534"}.fa-kiwi-bird{--fa:"\f535"}.fa-less-than-equal{--fa:"\f537"}.fa-memory{--fa:"\f538"}.fa-microphone-alt-slash,.fa-microphone-lines-slash{--fa:"\f539"}.fa-money-bill-wave{--fa:"\f53a"}.fa-money-bill-1-wave,.fa-money-bill-wave-alt{--fa:"\f53b"}.fa-money-check{--fa:"\f53c"}.fa-money-check-alt,.fa-money-check-dollar{--fa:"\f53d"}.fa-not-equal{--fa:"\f53e"}.fa-palette{--fa:"\f53f"}.fa-parking,.fa-square-parking{--fa:"\f540"}.fa-diagram-project,.fa-project-diagram{--fa:"\f542"}.fa-receipt{--fa:"\f543"}.fa-robot{--fa:"\f544"}.fa-ruler{--fa:"\f545"}.fa-ruler-combined{--fa:"\f546"}.fa-ruler-horizontal{--fa:"\f547"}.fa-ruler-vertical{--fa:"\f548"}.fa-school{--fa:"\f549"}.fa-screwdriver{--fa:"\f54a"}.fa-shoe-prints{--fa:"\f54b"}.fa-skull{--fa:"\f54c"}.fa-ban-smoking,.fa-smoking-ban{--fa:"\f54d"}.fa-store{--fa:"\f54e"}.fa-shop,.fa-store-alt{--fa:"\f54f"}.fa-bars-staggered,.fa-reorder,.fa-stream{--fa:"\f550"}.fa-stroopwafel{--fa:"\f551"}.fa-toolbox{--fa:"\f552"}.fa-shirt,.fa-t-shirt,.fa-tshirt{--fa:"\f553"}.fa-person-walking,.fa-walking{--fa:"\f554"}.fa-wallet{--fa:"\f555"}.fa-angry,.fa-face-angry{--fa:"\f556"}.fa-archway{--fa:"\f557"}.fa-atlas,.fa-book-atlas{--fa:"\f558"}.fa-award{--fa:"\f559"}.fa-backspace,.fa-delete-left{--fa:"\f55a"}.fa-bezier-curve{--fa:"\f55b"}.fa-bong{--fa:"\f55c"}.fa-brush{--fa:"\f55d"}.fa-bus-alt,.fa-bus-simple{--fa:"\f55e"}.fa-cannabis{--fa:"\f55f"}.fa-check-double{--fa:"\f560"}.fa-cocktail,.fa-martini-glass-citrus{--fa:"\f561"}.fa-bell-concierge,.fa-concierge-bell{--fa:"\f562"}.fa-cookie{--fa:"\f563"}.fa-cookie-bite{--fa:"\f564"}.fa-crop-alt,.fa-crop-simple{--fa:"\f565"}.fa-digital-tachograph,.fa-tachograph-digital{--fa:"\f566"}.fa-dizzy,.fa-face-dizzy{--fa:"\f567"}.fa-compass-drafting,.fa-drafting-compass{--fa:"\f568"}.fa-drum{--fa:"\f569"}.fa-drum-steelpan{--fa:"\f56a"}.fa-feather-alt,.fa-feather-pointed{--fa:"\f56b"}.fa-file-contract{--fa:"\f56c"}.fa-file-arrow-down,.fa-file-download{--fa:"\f56d"}.fa-arrow-right-from-file,.fa-file-export{--fa:"\f56e"}.fa-arrow-right-to-file,.fa-file-import{--fa:"\f56f"}.fa-file-invoice{--fa:"\f570"}.fa-file-invoice-dollar{--fa:"\f571"}.fa-file-prescription{--fa:"\f572"}.fa-file-signature{--fa:"\f573"}.fa-file-arrow-up,.fa-file-upload{--fa:"\f574"}.fa-fill{--fa:"\f575"}.fa-fill-drip{--fa:"\f576"}.fa-fingerprint{--fa:"\f577"}.fa-fish{--fa:"\f578"}.fa-face-flushed,.fa-flushed{--fa:"\f579"}.fa-face-frown-open,.fa-frown-open{--fa:"\f57a"}.fa-glass-martini-alt,.fa-martini-glass{--fa:"\f57b"}.fa-earth-africa,.fa-globe-africa{--fa:"\f57c"}.fa-earth,.fa-earth-america,.fa-earth-americas,.fa-globe-americas{--fa:"\f57d"}.fa-earth-asia,.fa-globe-asia{--fa:"\f57e"}.fa-face-grimace,.fa-grimace{--fa:"\f57f"}.fa-face-grin,.fa-grin{--fa:"\f580"}.fa-face-grin-wide,.fa-grin-alt{--fa:"\f581"}.fa-face-grin-beam,.fa-grin-beam{--fa:"\f582"}.fa-face-grin-beam-sweat,.fa-grin-beam-sweat{--fa:"\f583"}.fa-face-grin-hearts,.fa-grin-hearts{--fa:"\f584"}.fa-face-grin-squint,.fa-grin-squint{--fa:"\f585"}.fa-face-grin-squint-tears,.fa-grin-squint-tears{--fa:"\f586"}.fa-face-grin-stars,.fa-grin-stars{--fa:"\f587"}.fa-face-grin-tears,.fa-grin-tears{--fa:"\f588"}.fa-face-grin-tongue,.fa-grin-tongue{--fa:"\f589"}.fa-face-grin-tongue-squint,.fa-grin-tongue-squint{--fa:"\f58a"}.fa-face-grin-tongue-wink,.fa-grin-tongue-wink{--fa:"\f58b"}.fa-face-grin-wink,.fa-grin-wink{--fa:"\f58c"}.fa-grid-horizontal,.fa-grip,.fa-grip-horizontal{--fa:"\f58d"}.fa-grid-vertical,.fa-grip-vertical{--fa:"\f58e"}.fa-headset{--fa:"\f590"}.fa-highlighter{--fa:"\f591"}.fa-hot-tub,.fa-hot-tub-person{--fa:"\f593"}.fa-hotel{--fa:"\f594"}.fa-joint{--fa:"\f595"}.fa-face-kiss,.fa-kiss{--fa:"\f596"}.fa-face-kiss-beam,.fa-kiss-beam{--fa:"\f597"}.fa-face-kiss-wink-heart,.fa-kiss-wink-heart{--fa:"\f598"}.fa-face-laugh,.fa-laugh{--fa:"\f599"}.fa-face-laugh-beam,.fa-laugh-beam{--fa:"\f59a"}.fa-face-laugh-squint,.fa-laugh-squint{--fa:"\f59b"}.fa-face-laugh-wink,.fa-laugh-wink{--fa:"\f59c"}.fa-cart-flatbed-suitcase,.fa-luggage-cart{--fa:"\f59d"}.fa-map-location,.fa-map-marked{--fa:"\f59f"}.fa-map-location-dot,.fa-map-marked-alt{--fa:"\f5a0"}.fa-marker{--fa:"\f5a1"}.fa-medal{--fa:"\f5a2"}.fa-face-meh-blank,.fa-meh-blank{--fa:"\f5a4"}.fa-face-rolling-eyes,.fa-meh-rolling-eyes{--fa:"\f5a5"}.fa-monument{--fa:"\f5a6"}.fa-mortar-pestle{--fa:"\f5a7"}.fa-paint-roller{--fa:"\f5aa"}.fa-passport{--fa:"\f5ab"}.fa-pen-fancy{--fa:"\f5ac"}.fa-pen-nib{--fa:"\f5ad"}.fa-pen-ruler,.fa-pencil-ruler{--fa:"\f5ae"}.fa-plane-arrival{--fa:"\f5af"}.fa-plane-departure{--fa:"\f5b0"}.fa-prescription{--fa:"\f5b1"}.fa-face-sad-cry,.fa-sad-cry{--fa:"\f5b3"}.fa-face-sad-tear,.fa-sad-tear{--fa:"\f5b4"}.fa-shuttle-van,.fa-van-shuttle{--fa:"\f5b6"}.fa-signature{--fa:"\f5b7"}.fa-face-smile-beam,.fa-smile-beam{--fa:"\f5b8"}.fa-solar-panel{--fa:"\f5ba"}.fa-spa{--fa:"\f5bb"}.fa-splotch{--fa:"\f5bc"}.fa-spray-can{--fa:"\f5bd"}.fa-stamp{--fa:"\f5bf"}.fa-star-half-alt,.fa-star-half-stroke{--fa:"\f5c0"}.fa-suitcase-rolling{--fa:"\f5c1"}.fa-face-surprise,.fa-surprise{--fa:"\f5c2"}.fa-swatchbook{--fa:"\f5c3"}.fa-person-swimming,.fa-swimmer{--fa:"\f5c4"}.fa-ladder-water,.fa-swimming-pool,.fa-water-ladder{--fa:"\f5c5"}.fa-droplet-slash,.fa-tint-slash{--fa:"\f5c7"}.fa-face-tired,.fa-tired{--fa:"\f5c8"}.fa-tooth{--fa:"\f5c9"}.fa-umbrella-beach{--fa:"\f5ca"}.fa-weight-hanging{--fa:"\f5cd"}.fa-wine-glass-alt,.fa-wine-glass-empty{--fa:"\f5ce"}.fa-air-freshener,.fa-spray-can-sparkles{--fa:"\f5d0"}.fa-apple-alt,.fa-apple-whole{--fa:"\f5d1"}.fa-atom{--fa:"\f5d2"}.fa-bone{--fa:"\f5d7"}.fa-book-open-reader,.fa-book-reader{--fa:"\f5da"}.fa-brain{--fa:"\f5dc"}.fa-car-alt,.fa-car-rear{--fa:"\f5de"}.fa-battery-car,.fa-car-battery{--fa:"\f5df"}.fa-car-burst,.fa-car-crash{--fa:"\f5e1"}.fa-car-side{--fa:"\f5e4"}.fa-charging-station{--fa:"\f5e7"}.fa-diamond-turn-right,.fa-directions{--fa:"\f5eb"}.fa-draw-polygon,.fa-vector-polygon{--fa:"\f5ee"}.fa-laptop-code{--fa:"\f5fc"}.fa-layer-group{--fa:"\f5fd"}.fa-location,.fa-location-crosshairs{--fa:"\f601"}.fa-lungs{--fa:"\f604"}.fa-microscope{--fa:"\f610"}.fa-oil-can{--fa:"\f613"}.fa-poop{--fa:"\f619"}.fa-shapes,.fa-triangle-circle-square{--fa:"\f61f"}.fa-star-of-life{--fa:"\f621"}.fa-dashboard,.fa-gauge,.fa-gauge-med,.fa-tachometer-alt-average{--fa:"\f624"}.fa-gauge-high,.fa-tachometer-alt,.fa-tachometer-alt-fast{--fa:"\f625"}.fa-gauge-simple,.fa-gauge-simple-med,.fa-tachometer-average{--fa:"\f629"}.fa-gauge-simple-high,.fa-tachometer,.fa-tachometer-fast{--fa:"\f62a"}.fa-teeth{--fa:"\f62e"}.fa-teeth-open{--fa:"\f62f"}.fa-masks-theater,.fa-theater-masks{--fa:"\f630"}.fa-traffic-light{--fa:"\f637"}.fa-truck-monster{--fa:"\f63b"}.fa-truck-pickup{--fa:"\f63c"}.fa-ad,.fa-rectangle-ad{--fa:"\f641"}.fa-ankh{--fa:"\f644"}.fa-bible,.fa-book-bible{--fa:"\f647"}.fa-briefcase-clock,.fa-business-time{--fa:"\f64a"}.fa-city{--fa:"\f64f"}.fa-comment-dollar{--fa:"\f651"}.fa-comments-dollar{--fa:"\f653"}.fa-cross{--fa:"\f654"}.fa-dharmachakra{--fa:"\f655"}.fa-envelope-open-text{--fa:"\f658"}.fa-folder-minus{--fa:"\f65d"}.fa-folder-plus{--fa:"\f65e"}.fa-filter-circle-dollar,.fa-funnel-dollar{--fa:"\f662"}.fa-gopuram{--fa:"\f664"}.fa-hamsa{--fa:"\f665"}.fa-bahai,.fa-haykal{--fa:"\f666"}.fa-jedi{--fa:"\f669"}.fa-book-journal-whills,.fa-journal-whills{--fa:"\f66a"}.fa-kaaba{--fa:"\f66b"}.fa-khanda{--fa:"\f66d"}.fa-landmark{--fa:"\f66f"}.fa-envelopes-bulk,.fa-mail-bulk{--fa:"\f674"}.fa-menorah{--fa:"\f676"}.fa-mosque{--fa:"\f678"}.fa-om{--fa:"\f679"}.fa-pastafarianism,.fa-spaghetti-monster-flying{--fa:"\f67b"}.fa-peace{--fa:"\f67c"}.fa-place-of-worship{--fa:"\f67f"}.fa-poll,.fa-square-poll-vertical{--fa:"\f681"}.fa-poll-h,.fa-square-poll-horizontal{--fa:"\f682"}.fa-person-praying,.fa-pray{--fa:"\f683"}.fa-hands-praying,.fa-praying-hands{--fa:"\f684"}.fa-book-quran,.fa-quran{--fa:"\f687"}.fa-magnifying-glass-dollar,.fa-search-dollar{--fa:"\f688"}.fa-magnifying-glass-location,.fa-search-location{--fa:"\f689"}.fa-socks{--fa:"\f696"}.fa-square-root-alt,.fa-square-root-variable{--fa:"\f698"}.fa-star-and-crescent{--fa:"\f699"}.fa-star-of-david{--fa:"\f69a"}.fa-synagogue{--fa:"\f69b"}.fa-scroll-torah,.fa-torah{--fa:"\f6a0"}.fa-torii-gate{--fa:"\f6a1"}.fa-vihara{--fa:"\f6a7"}.fa-volume-mute,.fa-volume-times,.fa-volume-xmark{--fa:"\f6a9"}.fa-yin-yang{--fa:"\f6ad"}.fa-blender-phone{--fa:"\f6b6"}.fa-book-dead,.fa-book-skull{--fa:"\f6b7"}.fa-campground{--fa:"\f6bb"}.fa-cat{--fa:"\f6be"}.fa-chair{--fa:"\f6c0"}.fa-cloud-moon{--fa:"\f6c3"}.fa-cloud-sun{--fa:"\f6c4"}.fa-cow{--fa:"\f6c8"}.fa-dice-d20{--fa:"\f6cf"}.fa-dice-d6{--fa:"\f6d1"}.fa-dog{--fa:"\f6d3"}.fa-dragon{--fa:"\f6d5"}.fa-drumstick-bite{--fa:"\f6d7"}.fa-dungeon{--fa:"\f6d9"}.fa-file-csv{--fa:"\f6dd"}.fa-fist-raised,.fa-hand-fist{--fa:"\f6de"}.fa-ghost{--fa:"\f6e2"}.fa-hammer{--fa:"\f6e3"}.fa-hanukiah{--fa:"\f6e6"}.fa-hat-wizard{--fa:"\f6e8"}.fa-hiking,.fa-person-hiking{--fa:"\f6ec"}.fa-hippo{--fa:"\f6ed"}.fa-horse{--fa:"\f6f0"}.fa-house-chimney-crack,.fa-house-damage{--fa:"\f6f1"}.fa-hryvnia,.fa-hryvnia-sign{--fa:"\f6f2"}.fa-mask{--fa:"\f6fa"}.fa-mountain{--fa:"\f6fc"}.fa-network-wired{--fa:"\f6ff"}.fa-otter{--fa:"\f700"}.fa-ring{--fa:"\f70b"}.fa-person-running,.fa-running{--fa:"\f70c"}.fa-scroll{--fa:"\f70e"}.fa-skull-crossbones{--fa:"\f714"}.fa-slash{--fa:"\f715"}.fa-spider{--fa:"\f717"}.fa-toilet-paper,.fa-toilet-paper-alt,.fa-toilet-paper-blank{--fa:"\f71e"}.fa-tractor{--fa:"\f722"}.fa-user-injured{--fa:"\f728"}.fa-vr-cardboard{--fa:"\f729"}.fa-wand-sparkles{--fa:"\f72b"}.fa-wind{--fa:"\f72e"}.fa-wine-bottle{--fa:"\f72f"}.fa-cloud-meatball{--fa:"\f73b"}.fa-cloud-moon-rain{--fa:"\f73c"}.fa-cloud-rain{--fa:"\f73d"}.fa-cloud-showers-heavy{--fa:"\f740"}.fa-cloud-sun-rain{--fa:"\f743"}.fa-democrat{--fa:"\f747"}.fa-flag-usa{--fa:"\f74d"}.fa-hurricane{--fa:"\f751"}.fa-landmark-alt,.fa-landmark-dome{--fa:"\f752"}.fa-meteor{--fa:"\f753"}.fa-person-booth{--fa:"\f756"}.fa-poo-bolt,.fa-poo-storm{--fa:"\f75a"}.fa-rainbow{--fa:"\f75b"}.fa-republican{--fa:"\f75e"}.fa-smog{--fa:"\f75f"}.fa-temperature-high{--fa:"\f769"}.fa-temperature-low{--fa:"\f76b"}.fa-cloud-bolt,.fa-thunderstorm{--fa:"\f76c"}.fa-tornado{--fa:"\f76f"}.fa-volcano{--fa:"\f770"}.fa-check-to-slot,.fa-vote-yea{--fa:"\f772"}.fa-water{--fa:"\f773"}.fa-baby{--fa:"\f77c"}.fa-baby-carriage,.fa-carriage-baby{--fa:"\f77d"}.fa-biohazard{--fa:"\f780"}.fa-blog{--fa:"\f781"}.fa-calendar-day{--fa:"\f783"}.fa-calendar-week{--fa:"\f784"}.fa-candy-cane{--fa:"\f786"}.fa-carrot{--fa:"\f787"}.fa-cash-register{--fa:"\f788"}.fa-compress-arrows-alt,.fa-minimize{--fa:"\f78c"}.fa-dumpster{--fa:"\f793"}.fa-dumpster-fire{--fa:"\f794"}.fa-ethernet{--fa:"\f796"}.fa-gifts{--fa:"\f79c"}.fa-champagne-glasses,.fa-glass-cheers{--fa:"\f79f"}.fa-glass-whiskey,.fa-whiskey-glass{--fa:"\f7a0"}.fa-earth-europe,.fa-globe-europe{--fa:"\f7a2"}.fa-grip-lines{--fa:"\f7a4"}.fa-grip-lines-vertical{--fa:"\f7a5"}.fa-guitar{--fa:"\f7a6"}.fa-heart-broken,.fa-heart-crack{--fa:"\f7a9"}.fa-holly-berry{--fa:"\f7aa"}.fa-horse-head{--fa:"\f7ab"}.fa-icicles{--fa:"\f7ad"}.fa-igloo{--fa:"\f7ae"}.fa-mitten{--fa:"\f7b5"}.fa-mug-hot{--fa:"\f7b6"}.fa-radiation{--fa:"\f7b9"}.fa-circle-radiation,.fa-radiation-alt{--fa:"\f7ba"}.fa-restroom{--fa:"\f7bd"}.fa-satellite{--fa:"\f7bf"}.fa-satellite-dish{--fa:"\f7c0"}.fa-sd-card{--fa:"\f7c2"}.fa-sim-card{--fa:"\f7c4"}.fa-person-skating,.fa-skating{--fa:"\f7c5"}.fa-person-skiing,.fa-skiing{--fa:"\f7c9"}.fa-person-skiing-nordic,.fa-skiing-nordic{--fa:"\f7ca"}.fa-sleigh{--fa:"\f7cc"}.fa-comment-sms,.fa-sms{--fa:"\f7cd"}.fa-person-snowboarding,.fa-snowboarding{--fa:"\f7ce"}.fa-snowman{--fa:"\f7d0"}.fa-snowplow{--fa:"\f7d2"}.fa-tenge,.fa-tenge-sign{--fa:"\f7d7"}.fa-toilet{--fa:"\f7d8"}.fa-screwdriver-wrench,.fa-tools{--fa:"\f7d9"}.fa-cable-car,.fa-tram{--fa:"\f7da"}.fa-fire-alt,.fa-fire-flame-curved{--fa:"\f7e4"}.fa-bacon{--fa:"\f7e5"}.fa-book-medical{--fa:"\f7e6"}.fa-bread-slice{--fa:"\f7ec"}.fa-cheese{--fa:"\f7ef"}.fa-clinic-medical,.fa-house-chimney-medical{--fa:"\f7f2"}.fa-clipboard-user{--fa:"\f7f3"}.fa-comment-medical{--fa:"\f7f5"}.fa-crutch{--fa:"\f7f7"}.fa-disease{--fa:"\f7fa"}.fa-egg{--fa:"\f7fb"}.fa-folder-tree{--fa:"\f802"}.fa-burger,.fa-hamburger{--fa:"\f805"}.fa-hand-middle-finger{--fa:"\f806"}.fa-hard-hat,.fa-hat-hard,.fa-helmet-safety{--fa:"\f807"}.fa-hospital-user{--fa:"\f80d"}.fa-hotdog{--fa:"\f80f"}.fa-ice-cream{--fa:"\f810"}.fa-laptop-medical{--fa:"\f812"}.fa-pager{--fa:"\f815"}.fa-pepper-hot{--fa:"\f816"}.fa-pizza-slice{--fa:"\f818"}.fa-sack-dollar{--fa:"\f81d"}.fa-book-tanakh,.fa-tanakh{--fa:"\f827"}.fa-bars-progress,.fa-tasks-alt{--fa:"\f828"}.fa-trash-arrow-up,.fa-trash-restore{--fa:"\f829"}.fa-trash-can-arrow-up,.fa-trash-restore-alt{--fa:"\f82a"}.fa-user-nurse{--fa:"\f82f"}.fa-wave-square{--fa:"\f83e"}.fa-biking,.fa-person-biking{--fa:"\f84a"}.fa-border-all{--fa:"\f84c"}.fa-border-none{--fa:"\f850"}.fa-border-style,.fa-border-top-left{--fa:"\f853"}.fa-digging,.fa-person-digging{--fa:"\f85e"}.fa-fan{--fa:"\f863"}.fa-heart-music-camera-bolt,.fa-icons{--fa:"\f86d"}.fa-phone-alt,.fa-phone-flip{--fa:"\f879"}.fa-phone-square-alt,.fa-square-phone-flip{--fa:"\f87b"}.fa-photo-film,.fa-photo-video{--fa:"\f87c"}.fa-remove-format,.fa-text-slash{--fa:"\f87d"}.fa-arrow-down-z-a,.fa-sort-alpha-desc,.fa-sort-alpha-down-alt{--fa:"\f881"}.fa-arrow-up-z-a,.fa-sort-alpha-up-alt{--fa:"\f882"}.fa-arrow-down-short-wide,.fa-sort-amount-desc,.fa-sort-amount-down-alt{--fa:"\f884"}.fa-arrow-up-short-wide,.fa-sort-amount-up-alt{--fa:"\f885"}.fa-arrow-down-9-1,.fa-sort-numeric-desc,.fa-sort-numeric-down-alt{--fa:"\f886"}.fa-arrow-up-9-1,.fa-sort-numeric-up-alt{--fa:"\f887"}.fa-spell-check{--fa:"\f891"}.fa-voicemail{--fa:"\f897"}.fa-hat-cowboy{--fa:"\f8c0"}.fa-hat-cowboy-side{--fa:"\f8c1"}.fa-computer-mouse,.fa-mouse{--fa:"\f8cc"}.fa-radio{--fa:"\f8d7"}.fa-record-vinyl{--fa:"\f8d9"}.fa-walkie-talkie{--fa:"\f8ef"}.fa-caravan{--fa:"\f8ff"}
:host,:root{--fa-family-brands:"Font Awesome 7 Brands";--fa-font-brands:normal 400 1em/1 var(--fa-family-brands)}@font-face{ font-family:"Font Awesome 7 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/themes/blog-over/assets/kirki/kirki-packages/control-iconpicker/dist/fontawesome/webfonts/fa-brands-400.woff2) }.fa-brands,.fa-classic.fa-brands,.fab{--fa-family:var(--fa-family-brands);--fa-style:400}.fa-firefox-browser{--fa:"\e007"}.fa-ideal{--fa:"\e013"}.fa-microblog{--fa:"\e01a"}.fa-pied-piper-square,.fa-square-pied-piper{--fa:"\e01e"}.fa-unity{--fa:"\e049"}.fa-dailymotion{--fa:"\e052"}.fa-instagram-square,.fa-square-instagram{--fa:"\e055"}.fa-mixer{--fa:"\e056"}.fa-shopify{--fa:"\e057"}.fa-deezer{--fa:"\e077"}.fa-edge-legacy{--fa:"\e078"}.fa-google-pay{--fa:"\e079"}.fa-rust{--fa:"\e07a"}.fa-tiktok{--fa:"\e07b"}.fa-unsplash{--fa:"\e07c"}.fa-cloudflare{--fa:"\e07d"}.fa-guilded{--fa:"\e07e"}.fa-hive{--fa:"\e07f"}.fa-42-group,.fa-innosoft{--fa:"\e080"}.fa-instalod{--fa:"\e081"}.fa-octopus-deploy{--fa:"\e082"}.fa-perbyte{--fa:"\e083"}.fa-uncharted{--fa:"\e084"}.fa-watchman-monitoring{--fa:"\e087"}.fa-wodu{--fa:"\e088"}.fa-wirsindhandwerk,.fa-wsh{--fa:"\e2d0"}.fa-bots{--fa:"\e340"}.fa-cmplid{--fa:"\e360"}.fa-bilibili{--fa:"\e3d9"}.fa-golang{--fa:"\e40f"}.fa-pix{--fa:"\e43a"}.fa-sitrox{--fa:"\e44a"}.fa-hashnode{--fa:"\e499"}.fa-meta{--fa:"\e49b"}.fa-padlet{--fa:"\e4a0"}.fa-nfc-directional{--fa:"\e530"}.fa-nfc-symbol{--fa:"\e531"}.fa-screenpal{--fa:"\e570"}.fa-space-awesome{--fa:"\e5ac"}.fa-square-font-awesome{--fa:"\e5ad"}.fa-gitlab-square,.fa-square-gitlab{--fa:"\e5ae"}.fa-odysee{--fa:"\e5c6"}.fa-stubber{--fa:"\e5c7"}.fa-debian{--fa:"\e60b"}.fa-shoelace{--fa:"\e60c"}.fa-threads{--fa:"\e618"}.fa-square-threads{--fa:"\e619"}.fa-square-x-twitter{--fa:"\e61a"}.fa-x-twitter{--fa:"\e61b"}.fa-opensuse{--fa:"\e62b"}.fa-letterboxd{--fa:"\e62d"}.fa-square-letterboxd{--fa:"\e62e"}.fa-mintbit{--fa:"\e62f"}.fa-google-scholar{--fa:"\e63b"}.fa-brave{--fa:"\e63c"}.fa-brave-reverse{--fa:"\e63d"}.fa-pixiv{--fa:"\e640"}.fa-upwork{--fa:"\e641"}.fa-webflow{--fa:"\e65c"}.fa-signal-messenger{--fa:"\e663"}.fa-bluesky{--fa:"\e671"}.fa-jxl{--fa:"\e67b"}.fa-square-upwork{--fa:"\e67c"}.fa-web-awesome{--fa:"\e682"}.fa-square-web-awesome{--fa:"\e683"}.fa-square-web-awesome-stroke{--fa:"\e684"}.fa-dart-lang{--fa:"\e693"}.fa-flutter{--fa:"\e694"}.fa-files-pinwheel{--fa:"\e69f"}.fa-css{--fa:"\e6a2"}.fa-square-bluesky{--fa:"\e6a3"}.fa-openai{--fa:"\e7cf"}.fa-square-linkedin{--fa:"\e7d0"}.fa-cash-app{--fa:"\e7d4"}.fa-disqus{--fa:"\e7d5"}.fa-11ty,.fa-eleventy{--fa:"\e7d6"}.fa-kakao-talk{--fa:"\e7d7"}.fa-linktree{--fa:"\e7d8"}.fa-notion{--fa:"\e7d9"}.fa-pandora{--fa:"\e7da"}.fa-pixelfed{--fa:"\e7db"}.fa-tidal{--fa:"\e7dc"}.fa-vsco{--fa:"\e7dd"}.fa-w3c{--fa:"\e7de"}.fa-lumon{--fa:"\e7e2"}.fa-lumon-drop{--fa:"\e7e3"}.fa-square-figma{--fa:"\e7e4"}.fa-tex{--fa:"\e7ff"}.fa-duolingo{--fa:"\e812"}.fa-square-twitter,.fa-twitter-square{--fa:"\f081"}.fa-facebook-square,.fa-square-facebook{--fa:"\f082"}.fa-linkedin{--fa:"\f08c"}.fa-github-square,.fa-square-github{--fa:"\f092"}.fa-twitter{--fa:"\f099"}.fa-facebook{--fa:"\f09a"}.fa-github{--fa:"\f09b"}.fa-pinterest{--fa:"\f0d2"}.fa-pinterest-square,.fa-square-pinterest{--fa:"\f0d3"}.fa-google-plus-square,.fa-square-google-plus{--fa:"\f0d4"}.fa-google-plus-g{--fa:"\f0d5"}.fa-linkedin-in{--fa:"\f0e1"}.fa-github-alt{--fa:"\f113"}.fa-maxcdn{--fa:"\f136"}.fa-html5{--fa:"\f13b"}.fa-css3{--fa:"\f13c"}.fa-btc{--fa:"\f15a"}.fa-youtube{--fa:"\f167"}.fa-xing{--fa:"\f168"}.fa-square-xing,.fa-xing-square{--fa:"\f169"}.fa-dropbox{--fa:"\f16b"}.fa-stack-overflow{--fa:"\f16c"}.fa-instagram{--fa:"\f16d"}.fa-flickr{--fa:"\f16e"}.fa-adn{--fa:"\f170"}.fa-bitbucket{--fa:"\f171"}.fa-tumblr{--fa:"\f173"}.fa-square-tumblr,.fa-tumblr-square{--fa:"\f174"}.fa-apple{--fa:"\f179"}.fa-windows{--fa:"\f17a"}.fa-android{--fa:"\f17b"}.fa-linux{--fa:"\f17c"}.fa-dribbble{--fa:"\f17d"}.fa-skype{--fa:"\f17e"}.fa-foursquare{--fa:"\f180"}.fa-trello{--fa:"\f181"}.fa-gratipay{--fa:"\f184"}.fa-vk{--fa:"\f189"}.fa-weibo{--fa:"\f18a"}.fa-renren{--fa:"\f18b"}.fa-pagelines{--fa:"\f18c"}.fa-stack-exchange{--fa:"\f18d"}.fa-square-vimeo,.fa-vimeo-square{--fa:"\f194"}.fa-slack,.fa-slack-hash{--fa:"\f198"}.fa-wordpress{--fa:"\f19a"}.fa-openid{--fa:"\f19b"}.fa-yahoo{--fa:"\f19e"}.fa-google{--fa:"\f1a0"}.fa-reddit{--fa:"\f1a1"}.fa-reddit-square,.fa-square-reddit{--fa:"\f1a2"}.fa-stumbleupon-circle{--fa:"\f1a3"}.fa-stumbleupon{--fa:"\f1a4"}.fa-delicious{--fa:"\f1a5"}.fa-digg{--fa:"\f1a6"}.fa-pied-piper-pp{--fa:"\f1a7"}.fa-pied-piper-alt{--fa:"\f1a8"}.fa-drupal{--fa:"\f1a9"}.fa-joomla{--fa:"\f1aa"}.fa-behance{--fa:"\f1b4"}.fa-behance-square,.fa-square-behance{--fa:"\f1b5"}.fa-steam{--fa:"\f1b6"}.fa-square-steam,.fa-steam-square{--fa:"\f1b7"}.fa-spotify{--fa:"\f1bc"}.fa-deviantart{--fa:"\f1bd"}.fa-soundcloud{--fa:"\f1be"}.fa-vine{--fa:"\f1ca"}.fa-codepen{--fa:"\f1cb"}.fa-jsfiddle{--fa:"\f1cc"}.fa-rebel{--fa:"\f1d0"}.fa-empire{--fa:"\f1d1"}.fa-git-square,.fa-square-git{--fa:"\f1d2"}.fa-git{--fa:"\f1d3"}.fa-hacker-news{--fa:"\f1d4"}.fa-tencent-weibo{--fa:"\f1d5"}.fa-qq{--fa:"\f1d6"}.fa-weixin{--fa:"\f1d7"}.fa-slideshare{--fa:"\f1e7"}.fa-twitch{--fa:"\f1e8"}.fa-yelp{--fa:"\f1e9"}.fa-paypal{--fa:"\f1ed"}.fa-google-wallet{--fa:"\f1ee"}.fa-cc-visa{--fa:"\f1f0"}.fa-cc-mastercard{--fa:"\f1f1"}.fa-cc-discover{--fa:"\f1f2"}.fa-cc-amex{--fa:"\f1f3"}.fa-cc-paypal{--fa:"\f1f4"}.fa-cc-stripe{--fa:"\f1f5"}.fa-lastfm{--fa:"\f202"}.fa-lastfm-square,.fa-square-lastfm{--fa:"\f203"}.fa-ioxhost{--fa:"\f208"}.fa-angellist{--fa:"\f209"}.fa-buysellads{--fa:"\f20d"}.fa-connectdevelop{--fa:"\f20e"}.fa-dashcube{--fa:"\f210"}.fa-forumbee{--fa:"\f211"}.fa-leanpub{--fa:"\f212"}.fa-sellsy{--fa:"\f213"}.fa-shirtsinbulk{--fa:"\f214"}.fa-simplybuilt{--fa:"\f215"}.fa-skyatlas{--fa:"\f216"}.fa-pinterest-p{--fa:"\f231"}.fa-whatsapp{--fa:"\f232"}.fa-viacoin{--fa:"\f237"}.fa-medium,.fa-medium-m{--fa:"\f23a"}.fa-y-combinator{--fa:"\f23b"}.fa-optin-monster{--fa:"\f23c"}.fa-opencart{--fa:"\f23d"}.fa-expeditedssl{--fa:"\f23e"}.fa-cc-jcb{--fa:"\f24b"}.fa-cc-diners-club{--fa:"\f24c"}.fa-creative-commons{--fa:"\f25e"}.fa-gg{--fa:"\f260"}.fa-gg-circle{--fa:"\f261"}.fa-odnoklassniki{--fa:"\f263"}.fa-odnoklassniki-square,.fa-square-odnoklassniki{--fa:"\f264"}.fa-get-pocket{--fa:"\f265"}.fa-wikipedia-w{--fa:"\f266"}.fa-safari{--fa:"\f267"}.fa-chrome{--fa:"\f268"}.fa-firefox{--fa:"\f269"}.fa-opera{--fa:"\f26a"}.fa-internet-explorer{--fa:"\f26b"}.fa-contao{--fa:"\f26d"}.fa-500px{--fa:"\f26e"}.fa-amazon{--fa:"\f270"}.fa-houzz{--fa:"\f27c"}.fa-vimeo-v{--fa:"\f27d"}.fa-black-tie{--fa:"\f27e"}.fa-fonticons{--fa:"\f280"}.fa-reddit-alien{--fa:"\f281"}.fa-edge{--fa:"\f282"}.fa-codiepie{--fa:"\f284"}.fa-modx{--fa:"\f285"}.fa-fort-awesome{--fa:"\f286"}.fa-usb{--fa:"\f287"}.fa-product-hunt{--fa:"\f288"}.fa-mixcloud{--fa:"\f289"}.fa-scribd{--fa:"\f28a"}.fa-bluetooth{--fa:"\f293"}.fa-bluetooth-b{--fa:"\f294"}.fa-gitlab{--fa:"\f296"}.fa-wpbeginner{--fa:"\f297"}.fa-wpforms{--fa:"\f298"}.fa-envira{--fa:"\f299"}.fa-glide{--fa:"\f2a5"}.fa-glide-g{--fa:"\f2a6"}.fa-viadeo{--fa:"\f2a9"}.fa-square-viadeo,.fa-viadeo-square{--fa:"\f2aa"}.fa-snapchat,.fa-snapchat-ghost{--fa:"\f2ab"}.fa-snapchat-square,.fa-square-snapchat{--fa:"\f2ad"}.fa-pied-piper{--fa:"\f2ae"}.fa-first-order{--fa:"\f2b0"}.fa-yoast{--fa:"\f2b1"}.fa-themeisle{--fa:"\f2b2"}.fa-google-plus{--fa:"\f2b3"}.fa-font-awesome,.fa-font-awesome-flag,.fa-font-awesome-logo-full{--fa:"\f2b4"}.fa-linode{--fa:"\f2b8"}.fa-quora{--fa:"\f2c4"}.fa-free-code-camp{--fa:"\f2c5"}.fa-telegram,.fa-telegram-plane{--fa:"\f2c6"}.fa-bandcamp{--fa:"\f2d5"}.fa-grav{--fa:"\f2d6"}.fa-etsy{--fa:"\f2d7"}.fa-imdb{--fa:"\f2d8"}.fa-ravelry{--fa:"\f2d9"}.fa-sellcast{--fa:"\f2da"}.fa-superpowers{--fa:"\f2dd"}.fa-wpexplorer{--fa:"\f2de"}.fa-meetup{--fa:"\f2e0"}.fa-font-awesome-alt,.fa-square-font-awesome-stroke{--fa:"\f35c"}.fa-accessible-icon{--fa:"\f368"}.fa-accusoft{--fa:"\f369"}.fa-adversal{--fa:"\f36a"}.fa-affiliatetheme{--fa:"\f36b"}.fa-algolia{--fa:"\f36c"}.fa-amilia{--fa:"\f36d"}.fa-angrycreative{--fa:"\f36e"}.fa-app-store{--fa:"\f36f"}.fa-app-store-ios{--fa:"\f370"}.fa-apper{--fa:"\f371"}.fa-asymmetrik{--fa:"\f372"}.fa-audible{--fa:"\f373"}.fa-avianex{--fa:"\f374"}.fa-aws{--fa:"\f375"}.fa-bimobject{--fa:"\f378"}.fa-bitcoin{--fa:"\f379"}.fa-bity{--fa:"\f37a"}.fa-blackberry{--fa:"\f37b"}.fa-blogger{--fa:"\f37c"}.fa-blogger-b{--fa:"\f37d"}.fa-buromobelexperte{--fa:"\f37f"}.fa-centercode{--fa:"\f380"}.fa-cloudscale{--fa:"\f383"}.fa-cloudsmith{--fa:"\f384"}.fa-cloudversify{--fa:"\f385"}.fa-cpanel{--fa:"\f388"}.fa-css3-alt{--fa:"\f38b"}.fa-cuttlefish{--fa:"\f38c"}.fa-d-and-d{--fa:"\f38d"}.fa-deploydog{--fa:"\f38e"}.fa-deskpro{--fa:"\f38f"}.fa-digital-ocean{--fa:"\f391"}.fa-discord{--fa:"\f392"}.fa-discourse{--fa:"\f393"}.fa-dochub{--fa:"\f394"}.fa-docker{--fa:"\f395"}.fa-draft2digital{--fa:"\f396"}.fa-dribbble-square,.fa-square-dribbble{--fa:"\f397"}.fa-dyalog{--fa:"\f399"}.fa-earlybirds{--fa:"\f39a"}.fa-erlang{--fa:"\f39d"}.fa-facebook-f{--fa:"\f39e"}.fa-facebook-messenger{--fa:"\f39f"}.fa-firstdraft{--fa:"\f3a1"}.fa-fonticons-fi{--fa:"\f3a2"}.fa-fort-awesome-alt{--fa:"\f3a3"}.fa-freebsd{--fa:"\f3a4"}.fa-gitkraken{--fa:"\f3a6"}.fa-gofore{--fa:"\f3a7"}.fa-goodreads{--fa:"\f3a8"}.fa-goodreads-g{--fa:"\f3a9"}.fa-google-drive{--fa:"\f3aa"}.fa-google-play{--fa:"\f3ab"}.fa-gripfire{--fa:"\f3ac"}.fa-grunt{--fa:"\f3ad"}.fa-gulp{--fa:"\f3ae"}.fa-hacker-news-square,.fa-square-hacker-news{--fa:"\f3af"}.fa-hire-a-helper{--fa:"\f3b0"}.fa-hotjar{--fa:"\f3b1"}.fa-hubspot{--fa:"\f3b2"}.fa-itunes{--fa:"\f3b4"}.fa-itunes-note{--fa:"\f3b5"}.fa-jenkins{--fa:"\f3b6"}.fa-joget{--fa:"\f3b7"}.fa-js{--fa:"\f3b8"}.fa-js-square,.fa-square-js{--fa:"\f3b9"}.fa-keycdn{--fa:"\f3ba"}.fa-kickstarter,.fa-square-kickstarter{--fa:"\f3bb"}.fa-kickstarter-k{--fa:"\f3bc"}.fa-laravel{--fa:"\f3bd"}.fa-line{--fa:"\f3c0"}.fa-lyft{--fa:"\f3c3"}.fa-magento{--fa:"\f3c4"}.fa-medapps{--fa:"\f3c6"}.fa-medrt{--fa:"\f3c8"}.fa-microsoft{--fa:"\f3ca"}.fa-mix{--fa:"\f3cb"}.fa-mizuni{--fa:"\f3cc"}.fa-monero{--fa:"\f3d0"}.fa-napster{--fa:"\f3d2"}.fa-node-js{--fa:"\f3d3"}.fa-npm{--fa:"\f3d4"}.fa-ns8{--fa:"\f3d5"}.fa-nutritionix{--fa:"\f3d6"}.fa-page4{--fa:"\f3d7"}.fa-palfed{--fa:"\f3d8"}.fa-patreon{--fa:"\f3d9"}.fa-periscope{--fa:"\f3da"}.fa-phabricator{--fa:"\f3db"}.fa-phoenix-framework{--fa:"\f3dc"}.fa-playstation{--fa:"\f3df"}.fa-pushed{--fa:"\f3e1"}.fa-python{--fa:"\f3e2"}.fa-red-river{--fa:"\f3e3"}.fa-rendact,.fa-wpressr{--fa:"\f3e4"}.fa-replyd{--fa:"\f3e6"}.fa-resolving{--fa:"\f3e7"}.fa-rocketchat{--fa:"\f3e8"}.fa-rockrms{--fa:"\f3e9"}.fa-schlix{--fa:"\f3ea"}.fa-searchengin{--fa:"\f3eb"}.fa-servicestack{--fa:"\f3ec"}.fa-sistrix{--fa:"\f3ee"}.fa-speakap{--fa:"\f3f3"}.fa-staylinked{--fa:"\f3f5"}.fa-steam-symbol{--fa:"\f3f6"}.fa-sticker-mule{--fa:"\f3f7"}.fa-studiovinari{--fa:"\f3f8"}.fa-supple{--fa:"\f3f9"}.fa-uber{--fa:"\f402"}.fa-uikit{--fa:"\f403"}.fa-uniregistry{--fa:"\f404"}.fa-untappd{--fa:"\f405"}.fa-ussunnah{--fa:"\f407"}.fa-vaadin{--fa:"\f408"}.fa-viber{--fa:"\f409"}.fa-vimeo{--fa:"\f40a"}.fa-vnv{--fa:"\f40b"}.fa-square-whatsapp,.fa-whatsapp-square{--fa:"\f40c"}.fa-whmcs{--fa:"\f40d"}.fa-wordpress-simple{--fa:"\f411"}.fa-xbox{--fa:"\f412"}.fa-yandex{--fa:"\f413"}.fa-yandex-international{--fa:"\f414"}.fa-apple-pay{--fa:"\f415"}.fa-cc-apple-pay{--fa:"\f416"}.fa-fly{--fa:"\f417"}.fa-node{--fa:"\f419"}.fa-osi{--fa:"\f41a"}.fa-react{--fa:"\f41b"}.fa-autoprefixer{--fa:"\f41c"}.fa-less{--fa:"\f41d"}.fa-sass{--fa:"\f41e"}.fa-vuejs{--fa:"\f41f"}.fa-angular{--fa:"\f420"}.fa-aviato{--fa:"\f421"}.fa-ember{--fa:"\f423"}.fa-gitter{--fa:"\f426"}.fa-hooli{--fa:"\f427"}.fa-strava{--fa:"\f428"}.fa-stripe{--fa:"\f429"}.fa-stripe-s{--fa:"\f42a"}.fa-typo3{--fa:"\f42b"}.fa-amazon-pay{--fa:"\f42c"}.fa-cc-amazon-pay{--fa:"\f42d"}.fa-ethereum{--fa:"\f42e"}.fa-korvue{--fa:"\f42f"}.fa-elementor{--fa:"\f430"}.fa-square-youtube,.fa-youtube-square{--fa:"\f431"}.fa-flipboard{--fa:"\f44d"}.fa-hips{--fa:"\f452"}.fa-php{--fa:"\f457"}.fa-quinscape{--fa:"\f459"}.fa-readme{--fa:"\f4d5"}.fa-java{--fa:"\f4e4"}.fa-pied-piper-hat{--fa:"\f4e5"}.fa-creative-commons-by{--fa:"\f4e7"}.fa-creative-commons-nc{--fa:"\f4e8"}.fa-creative-commons-nc-eu{--fa:"\f4e9"}.fa-creative-commons-nc-jp{--fa:"\f4ea"}.fa-creative-commons-nd{--fa:"\f4eb"}.fa-creative-commons-pd{--fa:"\f4ec"}.fa-creative-commons-pd-alt{--fa:"\f4ed"}.fa-creative-commons-remix{--fa:"\f4ee"}.fa-creative-commons-sa{--fa:"\f4ef"}.fa-creative-commons-sampling{--fa:"\f4f0"}.fa-creative-commons-sampling-plus{--fa:"\f4f1"}.fa-creative-commons-share{--fa:"\f4f2"}.fa-creative-commons-zero{--fa:"\f4f3"}.fa-ebay{--fa:"\f4f4"}.fa-keybase{--fa:"\f4f5"}.fa-mastodon{--fa:"\f4f6"}.fa-r-project{--fa:"\f4f7"}.fa-researchgate{--fa:"\f4f8"}.fa-teamspeak{--fa:"\f4f9"}.fa-first-order-alt{--fa:"\f50a"}.fa-fulcrum{--fa:"\f50b"}.fa-galactic-republic{--fa:"\f50c"}.fa-galactic-senate{--fa:"\f50d"}.fa-jedi-order{--fa:"\f50e"}.fa-mandalorian{--fa:"\f50f"}.fa-old-republic{--fa:"\f510"}.fa-phoenix-squadron{--fa:"\f511"}.fa-sith{--fa:"\f512"}.fa-trade-federation{--fa:"\f513"}.fa-wolf-pack-battalion{--fa:"\f514"}.fa-hornbill{--fa:"\f592"}.fa-mailchimp{--fa:"\f59e"}.fa-megaport{--fa:"\f5a3"}.fa-nimblr{--fa:"\f5a8"}.fa-rev{--fa:"\f5b2"}.fa-shopware{--fa:"\f5b5"}.fa-squarespace{--fa:"\f5be"}.fa-themeco{--fa:"\f5c6"}.fa-weebly{--fa:"\f5cc"}.fa-wix{--fa:"\f5cf"}.fa-ello{--fa:"\f5f1"}.fa-hackerrank{--fa:"\f5f7"}.fa-kaggle{--fa:"\f5fa"}.fa-markdown{--fa:"\f60f"}.fa-neos{--fa:"\f612"}.fa-zhihu{--fa:"\f63f"}.fa-alipay{--fa:"\f642"}.fa-the-red-yeti{--fa:"\f69d"}.fa-critical-role{--fa:"\f6c9"}.fa-d-and-d-beyond{--fa:"\f6ca"}.fa-dev{--fa:"\f6cc"}.fa-fantasy-flight-games{--fa:"\f6dc"}.fa-wizards-of-the-coast{--fa:"\f730"}.fa-think-peaks{--fa:"\f731"}.fa-reacteurope{--fa:"\f75d"}.fa-artstation{--fa:"\f77a"}.fa-atlassian{--fa:"\f77b"}.fa-canadian-maple-leaf{--fa:"\f785"}.fa-centos{--fa:"\f789"}.fa-confluence{--fa:"\f78d"}.fa-dhl{--fa:"\f790"}.fa-diaspora{--fa:"\f791"}.fa-fedex{--fa:"\f797"}.fa-fedora{--fa:"\f798"}.fa-figma{--fa:"\f799"}.fa-intercom{--fa:"\f7af"}.fa-invision{--fa:"\f7b0"}.fa-jira{--fa:"\f7b1"}.fa-mendeley{--fa:"\f7b3"}.fa-raspberry-pi{--fa:"\f7bb"}.fa-redhat{--fa:"\f7bc"}.fa-sketch{--fa:"\f7c6"}.fa-sourcetree{--fa:"\f7d3"}.fa-suse{--fa:"\f7d6"}.fa-ubuntu{--fa:"\f7df"}.fa-ups{--fa:"\f7e0"}.fa-usps{--fa:"\f7e1"}.fa-yarn{--fa:"\f7e3"}.fa-airbnb{--fa:"\f834"}.fa-battle-net{--fa:"\f835"}.fa-bootstrap{--fa:"\f836"}.fa-buffer{--fa:"\f837"}.fa-chromecast{--fa:"\f838"}.fa-evernote{--fa:"\f839"}.fa-itch-io{--fa:"\f83a"}.fa-salesforce{--fa:"\f83b"}.fa-speaker-deck{--fa:"\f83c"}.fa-symfony{--fa:"\f83d"}.fa-waze{--fa:"\f83f"}.fa-yammer{--fa:"\f840"}.fa-git-alt{--fa:"\f841"}.fa-stackpath{--fa:"\f842"}.fa-cotton-bureau{--fa:"\f89e"}.fa-buy-n-large{--fa:"\f8a6"}.fa-mdb{--fa:"\f8ca"}.fa-orcid{--fa:"\f8d2"}.fa-swift{--fa:"\f8e1"}.fa-umbraco{--fa:"\f8e8"}:host,:root{--fa-font-regular:normal 400 1em/1 var(--fa-family-classic)}@font-face{ font-family:"Font Awesome 7 Free";font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/themes/blog-over/assets/kirki/kirki-packages/control-iconpicker/dist/fontawesome/webfonts/fa-regular-400.woff2) }.far{--fa-family:var(--fa-family-classic)}.fa-regular,.far{--fa-style:400}:host,:root{--fa-family-classic:"Font Awesome 7 Free";--fa-font-solid:normal 900 1em/1 var(--fa-family-classic);--fa-style-family-classic:var(--fa-family-classic)}@font-face{ font-family:"Font Awesome 7 Free";font-style:normal;font-weight:900;font-display:swap;src:url(/wp-content/themes/blog-over/assets/kirki/kirki-packages/control-iconpicker/dist/fontawesome/webfonts/fa-solid-900.woff2) }.fas{--fa-style:900}.fa-classic,.fas{--fa-family:var(--fa-family-classic)}.fa-solid{--fa-style:900}@font-face{ font-family:"Font Awesome 5 Brands";font-display:swap;font-weight:400;src:url(/wp-content/themes/blog-over/assets/kirki/kirki-packages/control-iconpicker/dist/fontawesome/webfonts/fa-brands-400.woff2) format("woff2") }@font-face{ font-family:"Font Awesome 5 Free";font-display:swap;font-weight:900;src:url(/wp-content/themes/blog-over/assets/kirki/kirki-packages/control-iconpicker/dist/fontawesome/webfonts/fa-solid-900.woff2) format("woff2") }@font-face{ font-family:"Font Awesome 5 Free";font-display:swap;font-weight:400;src:url(/wp-content/themes/blog-over/assets/kirki/kirki-packages/control-iconpicker/dist/fontawesome/webfonts/fa-regular-400.woff2) format("woff2") }@font-face{ font-family:"FontAwesome";font-display:swap;src:url(/wp-content/themes/blog-over/assets/kirki/kirki-packages/control-iconpicker/dist/fontawesome/webfonts/fa-solid-900.woff2) format("woff2") }@font-face{ font-family:"FontAwesome";font-display:swap;src:url(/wp-content/themes/blog-over/assets/kirki/kirki-packages/control-iconpicker/dist/fontawesome/webfonts/fa-brands-400.woff2) format("woff2") }@font-face{ font-family:"FontAwesome";font-display:swap;src:url(/wp-content/themes/blog-over/assets/kirki/kirki-packages/control-iconpicker/dist/fontawesome/webfonts/fa-regular-400.woff2) format("woff2");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc }@font-face{ font-family:"FontAwesome";font-display:swap;src:url(/wp-content/themes/blog-over/assets/kirki/kirki-packages/control-iconpicker/dist/fontawesome/webfonts/fa-v4compatibility.woff2) format("woff2");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a }/**
 * Blog Over Theme - Loading Screen
 * 
 * Beautiful loading animation that appears while theme loads
 * Customizable via WordPress Customizer (Appearance → Customize → Theme Design → Loading Screen)
 * 
 * @package Blog_Over
 */

/* CSS Variables for Customization */
:root {
    --blog-over-loader-color: #ffffff;
    --blog-over-loader-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* Loading Screen Overlay */
.blog-over-loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--blog-over-loader-bg, linear-gradient(135deg, #667eea 0%, #764ba2 100%));
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

.blog-over-loading-screen.loaded {
    opacity: 0;
    visibility: hidden;
}

/* Dark Mode Loading Screen */
html.blog-over-dark-mode .blog-over-loading-screen,
body.blog-over-dark-mode .blog-over-loading-screen {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
}

/* Loading Content Container */
.blog-over-loader-content {
    text-align: center;
    perspective: 800px;
}

/* Spinner Container */
.blog-over-loader-spinner {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
}

/* Spinner Rings */
.blog-over-spinner-ring {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 4px solid transparent;
    border-top-color: #fff;
    border-radius: 50%;
    animation: blog-over-spin 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
}

.blog-over-spinner-ring:nth-child(2) {
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    border-top-color: rgba(255, 255, 255, 0.7);
    animation-delay: -0.15s;
}

.blog-over-spinner-ring:nth-child(3) {
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
    border-top-color: rgba(255, 255, 255, 0.5);
    animation-delay: -0.3s;
}

/* Spinner Animation */
@keyframes blog-over-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Loading Text */
.blog-over-loader-text {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    opacity: 0.9;
    animation: blog-over-pulse 2s ease-in-out infinite;
}

/* Pulse Animation for Text */
@keyframes blog-over-pulse {

    0%,
    100% {
        opacity: 0.6;
    }

    50% {
        opacity: 1;
    }
}

/* Loading Dots Animation */
.blog-over-loader-text::after {
    content: '';
    animation: blog-over-dots 1.5s steps(4, end) infinite;
}

@keyframes blog-over-dots {

    0%,
    20% {
        content: '';
    }

    40% {
        content: '.';
    }

    60% {
        content: '..';
    }

    80%,
    100% {
        content: '...';
    }
}

/* Logo/Brand in Loader (Optional) */
.blog-over-loader-brand {
    margin-bottom: 30px;
}

.blog-over-loader-brand h1 {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    letter-spacing: 1px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

/* Progress Bar (Optional enhancement) */
.blog-over-loader-progress {
    width: 200px;
    height: 3px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
    margin: 20px auto 0;
    overflow: hidden;
}

.blog-over-loader-progress-bar {
    height: 100%;
    background: #fff;
    border-radius: 2px;
    animation: blog-over-progress 2s ease-in-out infinite;
}

@keyframes blog-over-progress {
    0% {
        width: 0%;
        transform: translateX(0);
    }

    50% {
        width: 100%;
        transform: translateX(0);
    }

    100% {
        width: 100%;
        transform: translateX(200px);
    }
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    .blog-over-spinner-ring {
        animation: blog-over-spin 3s linear infinite;
    }

    .blog-over-loader-text {
        animation: none;
        opacity: 0.9;
    }

    .blog-over-loader-progress-bar {
        animation: none;
        width: 100%;
    }
}

/* ═══════════════════════════════════════════════════════
   LOADER DESIGN 2: BOUNCING DOTS
   ══════════════════════════════════════════════════════ */

.blog-over-loader-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
}

.blog-over-loader-dots span {
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    animation: blog-over-bounce 1.4s ease-in-out infinite;
}

.blog-over-loader-dots span:nth-child(1) {
    animation-delay: -0.32s;
}

.blog-over-loader-dots span:nth-child(2) {
    animation-delay: -0.16s;
}

@keyframes blog-over-bounce {

    0%,
    80%,
    100% {
        transform: scale(0.6);
        opacity: 0.5;
    }

    40% {
        transform: scale(1.2);
        opacity: 1;
    }
}

/* ═══════════════════════════════════════════════════════
   LOADER DESIGN 3: PULSE CIRCLE
   ══════════════════════════════════════════════════════ */

.blog-over-loader-pulse {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    position: relative;
}

.blog-over-loader-pulse span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #fff;
    border-radius: 50%;
    animation: blog-over-pulse-ring 1.5s ease-out infinite;
}

.blog-over-loader-pulse span:nth-child(2) {
    animation-delay: -0.5s;
}

.blog-over-loader-pulse span:nth-child(3) {
    animation-delay: -1s;
}

@keyframes blog-over-pulse-ring {
    0% {
        transform: scale(0.5);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

/* ═══════════════════════════════════════════════════════
   LOADER DESIGN 4: SINGLE RING
   ══════════════════════════════════════════════════════ */

.blog-over-loader-ring {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    border: 4px solid rgba(255, 255, 255, 0.2);
    border-top-color: #fff;
    border-radius: 50%;
    animation: blog-over-spin 1s linear infinite;
}

/* ═══════════════════════════════════════════════════════
   LOADER DESIGN 5: ANIMATED BARS
   ══════════════════════════════════════════════════════ */

.blog-over-loader-bars {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
}

.blog-over-loader-bars span {
    width: 6px;
    height: 100%;
    background: #fff;
    border-radius: 3px;
    animation: blog-over-bars 1.2s ease-in-out infinite;
}

.blog-over-loader-bars span:nth-child(1) {
    animation-delay: -0.4s;
}

.blog-over-loader-bars span:nth-child(2) {
    animation-delay: -0.3s;
}

.blog-over-loader-bars span:nth-child(3) {
    animation-delay: -0.2s;
}

.blog-over-loader-bars span:nth-child(4) {
    animation-delay: -0.1s;
}

.blog-over-loader-bars span:nth-child(5) {
    animation-delay: 0s;
}

@keyframes blog-over-bars {

    0%,
    40%,
    100% {
        transform: scaleY(0.4);
        opacity: 0.6;
    }

    20% {
        transform: scaleY(1);
        opacity: 1;
    }
}

/* ═══════════════════════════════════════════════════════
   LOADER DESIGN 6: 3D ROTATING CUBE
   ══════════════════════════════════════════════════════ */

.blog-over-loader-cube {
    width: 60px;
    height: 60px;
    margin: 30px auto;
    position: relative;
    transform-style: preserve-3d;
    perspective: 1000px;
    animation: blog-over-cube-rotate 2s linear infinite;
}

.blog-over-loader-cube span {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-left: -50%;
    margin-top: -50%;
    left: 50%;
    top: 50%;
    background: rgba(255, 255, 255, 0.9);
    border: 2px solid #fff;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
}

.blog-over-loader-cube span:nth-child(1) {
    transform: rotateY(0deg) translateZ(30px);
}

.blog-over-loader-cube span:nth-child(2) {
    transform: rotateY(90deg) translateZ(30px);
}

.blog-over-loader-cube span:nth-child(3) {
    transform: rotateY(180deg) translateZ(30px);
}

.blog-over-loader-cube span:nth-child(4) {
    transform: rotateY(-90deg) translateZ(30px);
}

.blog-over-loader-cube span:nth-child(5) {
    transform: rotateX(90deg) translateZ(30px);
}

.blog-over-loader-cube span:nth-child(6) {
    transform: rotateX(-90deg) translateZ(30px);
}

@keyframes blog-over-cube-rotate {
    0% {
        transform: rotateX(0deg) rotateY(0deg);
    }

    100% {
        transform: rotateX(360deg) rotateY(360deg);
    }
}

/* Hide inactive loaders */
.blog-over-loading-screen:not([data-loader="spinner"]) .blog-over-loader-spinner,
.blog-over-loading-screen:not([data-loader="dots"]) .blog-over-loader-dots,
.blog-over-loading-screen:not([data-loader="pulse"]) .blog-over-loader-pulse,
.blog-over-loading-screen:not([data-loader="ring"]) .blog-over-loader-ring,
.blog-over-loading-screen:not([data-loader="bars"]) .blog-over-loader-bars,
.blog-over-loading-screen:not([data-loader="cube"]) .blog-over-loader-cube {
    display: none;
}

/* ═══════════════════════════════════════════════════════
   LOADER SIZE VARIANTS (Customizer: Small/Medium/Large)
   ══════════════════════════════════════════════════════ */

/* Small Size */
.blog-over-loader-small .blog-over-loader-spinner,
.blog-over-loader-small .blog-over-loader-dots,
.blog-over-loader-small .blog-over-loader-pulse,
.blog-over-loader-small .blog-over-loader-ring,
.blog-over-loader-small .blog-over-loader-bars,
.blog-over-loader-small .blog-over-loader-cube {
    transform: scale(0.6);
}

.blog-over-loader-small .blog-over-loader-text {
    font-size: 12px;
}

.blog-over-loader-small .blog-over-loader-progress {
    width: 120px;
}

/* Medium Size (Default) */
.blog-over-loader-medium .blog-over-loader-spinner,
.blog-over-loader-medium .blog-over-loader-dots,
.blog-over-loader-medium .blog-over-loader-pulse,
.blog-over-loader-medium .blog-over-loader-ring,
.blog-over-loader-medium .blog-over-loader-bars,
.blog-over-loader-medium .blog-over-loader-cube {
    transform: scale(1);
}

/* Large Size */
.blog-over-loader-large .blog-over-loader-spinner,
.blog-over-loader-large .blog-over-loader-dots,
.blog-over-loader-large .blog-over-loader-pulse,
.blog-over-loader-large .blog-over-loader-ring,
.blog-over-loader-large .blog-over-loader-bars,
.blog-over-loader-large .blog-over-loader-cube {
    transform: scale(1.4);
}

.blog-over-loader-large .blog-over-loader-text {
    font-size: 20px;
}

.blog-over-loader-large .blog-over-loader-progress {
    width: 280px;
}

/* ═══════════════════════════════════════════════════════
   LOADER COLOR CUSTOMIZATION (Via CSS Variables)
   ══════════════════════════════════════════════════════ */

/* Apply custom loader color from Customizer */
.blog-over-loading-screen .blog-over-spinner-ring {
    border-top-color: var(--blog-over-loader-color, #fff);
}

.blog-over-loading-screen .blog-over-spinner-ring:nth-child(2) {
    border-top-color: color-mix(in srgb, var(--blog-over-loader-color, #fff) 70%, transparent);
}

.blog-over-loading-screen .blog-over-spinner-ring:nth-child(3) {
    border-top-color: color-mix(in srgb, var(--blog-over-loader-color, #fff) 50%, transparent);
}

.blog-over-loading-screen .blog-over-loader-dots span,
.blog-over-loading-screen .blog-over-loader-bars span {
    background: var(--blog-over-loader-color, #fff);
}

.blog-over-loading-screen .blog-over-loader-pulse span {
    border-color: var(--blog-over-loader-color, #fff);
}

.blog-over-loading-screen .blog-over-loader-ring {
    border-color: color-mix(in srgb, var(--blog-over-loader-color, #fff) 20%, transparent);
    border-top-color: var(--blog-over-loader-color, #fff);
}

.blog-over-loading-screen .blog-over-loader-cube span {
    background: color-mix(in srgb, var(--blog-over-loader-color, #fff) 90%, transparent);
    border-color: var(--blog-over-loader-color, #fff);
    box-shadow: 0 0 20px color-mix(in srgb, var(--blog-over-loader-color, #fff) 30%, transparent);
}

.blog-over-loading-screen .blog-over-loader-text,
.blog-over-loading-screen .blog-over-loader-progress-bar {
    color: var(--blog-over-loader-color, #fff);
    background: var(--blog-over-loader-color, #fff);
}

.blog-over-loading-screen .blog-over-loader-text {
    background: transparent;
}/**
 * Ticker News Section - EXACT Bloglo Style
 * Copy-paste from Bloglo with minimal changes
 *
 * @package Blog_Over
 */

/* =========================================
   Main Wrapper
   ========================================= */
.blog-over-ticker-slider {
    position: relative;
}

.blog-over-container-wide {
    max-width: 100%;
    padding: 0 15px;
}

/* =========================================
   Ticker Section - EXACT copy from Bloglo
   ========================================= */
.ticker-slider-items {
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    margin: 18px 0 !important;
}

.ticker-slider-items .ticker-title {
    position: relative !important;
    flex: 0 0 auto !important;
    min-height: 55px !important;
    font-size: 16px !important;
    line-height: 35px !important;
    font-weight: 600 !important;
    padding: 10px 16px !important;
    margin-right: 0 !important;
    text-align: center !important;
    background-color: var(--blog-over-primary, #3b82f6) !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.ticker-slider-items .ticker-title span.icon {
    margin-right: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    line-height: 30px;
    z-index: 0;
    background-color: #fff;
    color: var(--blog-over-primary, #3b82f6);
}

.ticker-slider-items .ticker-title span.icon::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: -1;
    transform: scale(0.9);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
    animation: ripperOnCircle 1.3s ease-out 75ms infinite;
}

.ticker-slider-items .ticker-title span.icon i {
    vertical-align: middle;
}

@keyframes ripperOnCircle {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.075), 0 0 0 8px rgba(255, 255, 255, 0.2);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.075), 0 0 0 8px rgba(255, 255, 255, 0.2);
        transform: scale(1.35);
        opacity: 0;
    }
}

@media (max-width: 1025px) {
    .ticker-slider-items .ticker-title span.icon {
        display: none !important;
    }
}

/* CRITICAL: Ticker box must have overflow hidden and fixed height */
.ticker-slider-items .ticker-slider-box {
    overflow: hidden !important;
    flex: 1 1 85% !important;
    background-color: rgba(59, 130, 246, 0.09) !important;
    padding: 5px 0 !important;
    height: 55px !important;
    display: flex !important;
    align-items: center !important;
}

/* CRITICAL: This wrapper width is set by jQuery Marquee, but we need initial style */
.ticker-slider-wrap {
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}

/* CRITICAL: Items must float left and display inline */
.ticker-slide-item {
    position: relative !important;
    float: left !important;
    clear: none !important;
    display: inline-flex !important;
    align-items: center !important;
    margin-right: 26px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.ticker-slide-item .ticker-slider-backgrounds {
    width: 46px !important;
    height: 46px !important;
    margin-right: 16px !important;
    flex-shrink: 0 !important;
}

.ticker-slide-item .ticker-slider-backgrounds a {
    width: 100%;
    height: 100%;
    display: block;
}

.ticker-slide-item .ticker-slider-backgrounds img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.09) !important;
    border: 3px solid #fff !important;
}

.ticker-slide-item .slide-inner {
    display: flex !important;
    flex-direction: column !important;
    white-space: nowrap !important;
}

.ticker-slide-item .slide-inner h6 {
    font-size: 16px !important;
    margin-bottom: 2px !important;
    margin-top: 2px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}

.ticker-slide-item .slide-inner h6 a {
    color: inherit !important;
    text-decoration: none !important;
}

.ticker-slide-item .slide-inner h6 a:hover {
    color: var(--blog-over-primary, #3b82f6) !important;
}

.ticker-slide-item .slide-inner .entry-meta {
    font-size: 12px !important;
    color: #8a8a8c !important;
    margin-top: 0 !important;
    white-space: nowrap !important;
}

/* Pause Button */
.ticker-slider-controls {
    flex-shrink: 0 !important;
}

.ticker-slider-controls .ticker-slider-pause {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    border: none !important;
    outline: none !important;
    color: #fff !important;
    background-color: var(--blog-over-secondary, #1e293b) !important;
    padding: 0 !important;
    width: 55px !important;
    height: 55px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.ticker-slider-controls .ticker-slider-pause:hover {
    background-color: var(--blog-over-primary, #3b82f6) !important;
}

@media (max-width: 610px) {
    .ticker-slider-controls .ticker-slider-pause {
        display: none !important;
    }
}

/* =========================================
   Responsive Visibility
   ========================================= */
@media (min-width: 993px) {
    .blog-over-hide-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .blog-over-hide-tablet {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .blog-over-hide-mobile {
        display: none !important;
    }
}

/* ─────────────────────────────────────────
   MOBILE TICKER IMPROVEMENTS (576px)
   ───────────────────────────────────────── */
@media (max-width: 576px) {
    .ticker-slider-items {
        margin: 12px 0 !important;
    }

    .ticker-slider-items .ticker-title {
        min-height: 45px !important;
        font-size: 13px !important;
        padding: 8px 12px !important;
        line-height: 1.3 !important;
    }

    .ticker-slider-items .ticker-slider-box {
        height: 45px !important;
    }

    .ticker-slide-item .ticker-slider-backgrounds {
        width: 38px !important;
        height: 38px !important;
        margin-right: 10px !important;
    }

    .ticker-slide-item .slide-inner h6 {
        font-size: 14px !important;
    }

    .ticker-slide-item .slide-inner .entry-meta {
        font-size: 11px !important;
    }

    .ticker-slide-item {
        margin-right: 20px !important;
    }
}

/* ─────────────────────────────────────────
   SMALL MOBILE TICKER (480px)
   ───────────────────────────────────────── */
@media (max-width: 480px) {
    .ticker-slider-items {
        margin: 10px 0 !important;
    }

    .ticker-slider-items .ticker-title {
        min-height: 40px !important;
        font-size: 12px !important;
        padding: 6px 10px !important;
    }

    .ticker-slider-items .ticker-slider-box {
        height: 40px !important;
    }

    .ticker-slide-item .ticker-slider-backgrounds {
        width: 32px !important;
        height: 32px !important;
        margin-right: 8px !important;
    }

    .ticker-slide-item .ticker-slider-backgrounds img {
        border-width: 2px !important;
    }

    .ticker-slide-item .slide-inner h6 {
        font-size: 13px !important;
    }

    .ticker-slide-item .slide-inner .entry-meta {
        display: none !important;
    }
}/* Hero Section */
.blog-over-hero-wrapper {
    margin-bottom: 30px;
    margin-top: 30px;
}

.blog-over-hero-item {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

/* Hero Image - Full width, auto height */
.blog-over-hero-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Overlay gradient */
.blog-over-hero-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 1;
    transition: background 0.3s;
    pointer-events: none;
}

.blog-over-hero-item:hover:before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.9) 100%);
}

.blog-over-hero-link-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

/* Hero Content - Positioned at bottom, constrained within image */
.blog-over-hero-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    padding: 20px;
    max-height: 70%;
    overflow: hidden;
}

.blog-over-category-badge {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 6px 0px;
    background: transparent !important;
    background-color: transparent !important;
}

.blog-over-category-badge .blog-over-cat-item {
    background: var(--blog-over-primary, #2563eb);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 6px 16px;
    border-radius: 3px;
    display: inline-block;
    text-decoration: none;
    position: relative;
    z-index: 5;
    transition: all 0.3s ease;
}

/* Limit to 2 pills on small/grid sliders */
.blog-over-hero-small .blog-over-category-badge .blog-over-cat-item:nth-child(n+3) {
    display: none;
}

/* Smaller pills on small sliders */
.blog-over-hero-small .blog-over-category-badge {
    gap: 6px;
    margin-bottom: 8px;
}

.blog-over-hero-small .blog-over-category-badge .blog-over-cat-item {
    font-size: 10px;
    padding: 4px 10px;
}

.blog-over-hero-title {
    color: #fff;
    margin: 0 0 10px;
    font-weight: 700;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.blog-over-hero-title a {
    color: #fff;
    text-decoration: none;
    transition: opacity 0.2s;
}

.blog-over-hero-title a:hover {
    color: var(--blog-over-primary, #3b82f6);
    opacity: 1;
}

/* Category Badge - Hover Effects */
.blog-over-category-badge .blog-over-cat-item:hover {
    background: var(--blog-over-secondary, #1d4ed8);
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    text-decoration: none;
}

.blog-over-category-badge .blog-over-cat-item:active {
    transform: translateY(0) scale(1);
}

/* Hero Meta - Clickable Links */
.blog-over-hero-meta {
    color: rgba(255, 255, 255, 0.85);
    font-size: 13px;
    font-weight: 500;
    position: relative;
    z-index: 5;
}

.blog-over-hero-meta a {
    color: #ebebeb;
    text-decoration: none;
    margin-right: 12px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: all 0.3s ease;
    position: relative;
}

.blog-over-hero-meta a:hover {
    color: var(--blog-over-primary, #3b82f6);
}

.blog-over-hero-meta a i {
    font-size: 11px;
    opacity: 0.8;
    transition: transform 0.2s ease;
}

.blog-over-hero-meta a:hover i {
    transform: scale(1.15);
    opacity: 1;
}

/* Smaller meta on small sliders */
.blog-over-hero-small .blog-over-hero-meta {
    font-size: 11px;
}

.blog-over-hero-small .blog-over-hero-meta a {
    margin-right: 8px;
    gap: 4px;
}

.blog-over-hero-small .blog-over-hero-meta a i {
    font-size: 10px;
}

/* Grab cursor for slider drag - only on track */
.blog-over-slider-track {
    cursor: grab;
}

.blog-over-slider-track:active {
    cursor: grabbing;
}

/* Dots should have pointer cursor */
.blog-over-slider-dots,
.blog-over-slider-dot {
    cursor: pointer;
}

/* Slider Layout */
.blog-over-hero-slider {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    width: 100%;
    clip-path: inset(0 round 8px);
    contain: layout paint;
}

/* Slider Track - for slide effect */
.blog-over-slider-track {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0;
    padding: 0;
    gap: 0;
    transition: transform 0.5s ease-in-out;
}

/* Slider Items */
.blog-over-hero-slider .blog-over-hero-item {
    min-width: 100%;
    width: 100%;
    flex-shrink: 0;
    flex-grow: 0;
    height: 100%;
    min-height: 250px;
    /* Lower min-height for flexibility */
    opacity: 1;
    margin: 0;
    padding: 0;
    transition: opacity 0.5s ease-in-out;
}

/* ────────────────────────────────────────
   FADE EFFECT - Crossfade between slides
   ──────────────────────────────────────── */
.blog-over-hero-slider[data-effect="fade"] .blog-over-slider-track {
    display: block;
    position: relative;
}

.blog-over-hero-slider[data-effect="fade"] .blog-over-hero-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out;
}

.blog-over-hero-slider[data-effect="fade"] .blog-over-hero-item.active {
    position: relative;
    opacity: 1;
    visibility: visible;
}

/* ────────────────────────────────────────
   ZOOM EFFECT - Scale + Fade combination
   ──────────────────────────────────────── */
.blog-over-hero-slider[data-effect="zoom"] .blog-over-slider-track {
    display: block;
    position: relative;
}

.blog-over-hero-slider[data-effect="zoom"] .blog-over-hero-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: opacity 0.7s ease-in-out, visibility 0.7s ease-in-out, transform 0.7s ease-out;
}

.blog-over-hero-slider[data-effect="zoom"] .blog-over-hero-item.active {
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

/* Navigation Arrows - Show on Hover Only */
.blog-over-slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 0;
    background: transparent;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    outline: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.2s ease;
}

/* Show arrows on slider hover */
.blog-over-hero-slider:hover .blog-over-slider-arrow {
    opacity: 1;
    visibility: visible;
}

/* Arrow SVG Icon Styling */
.blog-over-slider-arrow svg {
    width: 36px;
    height: 36px;
    display: block;
    fill: #fff;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.6));
    transition: all 0.2s ease;
}

.blog-over-slider-arrow:hover svg {
    transform: scale(1.15);
    filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.8));
}

.blog-over-slider-arrow:focus {
    outline: none;
    opacity: 1;
    visibility: visible;
}

.blog-over-slider-arrow:active svg {
    transform: scale(0.95);
}

/* Arrow positioning */
.blog-over-slider-prev {
    left: 15px;
}

.blog-over-slider-prev:hover svg {
    transform: scale(1.15) translateX(-2px);
}

.blog-over-slider-next {
    right: 15px;
}

.blog-over-slider-next:hover svg {
    transform: scale(1.15) translateX(2px);
}

/* Dots Navigation - Right Side Vertical */
.blog-over-slider-dots {
    position: absolute;
    right: 15px;
    top: 15%;
    transform: translateY(-50%);
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px 6px;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    backdrop-filter: blur(2px);
}

.blog-over-slider-dot {
    width: 8px;
    height: 8px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.35);
    cursor: pointer;
    transition: all 0.25s ease;
    padding: 0;
}

.blog-over-slider-dot:hover {
    background: rgba(255, 255, 255, 0.6);
    transform: scale(1.15);
}

.blog-over-slider-dot.active {
    background: #fff;
    transform: scale(1.3);
    box-shadow: 0 0 4px rgba(255, 255, 255, 0.5);
}

/* Grid Layout - Base with fixed height */
.blog-over-hero-grid {
    display: grid;
    gap: 20px;
    height: 620px;
    overflow: hidden;
}

/* ─────────────────────────────────────────────
   SLIDE COUNT LAYOUTS
   ───────────────────────────────────────────── */

/* SLIDE COUNT 2: Two Equal Column Sliders */
.hero-slide-count-2 .blog-over-hero-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
}

/* SLIDE COUNT 3: Grid Layout (1 Large + 2 Small) */
.hero-slide-count-3 .blog-over-hero-grid {
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr 1fr;
}

.hero-slide-count-3 .blog-over-hero-slot-1 {
    grid-row: 1 / 3;
    grid-column: 1 / 2;
}

.hero-slide-count-3 .blog-over-hero-slot-2,
.hero-slide-count-3 .blog-over-hero-slot-3 {
    grid-column: 2 / 3;
}

/* ─────────────────────────────────────────────
   HERO SLOTS - Bulletproof Overflow Clipping
   ───────────────────────────────────────────── */

.blog-over-hero-slot {
    position: relative;
    border-radius: 8px;
    overflow: hidden !important;
    width: 100%;
    height: 100%;
    clip-path: inset(0 round 8px);
}

/* Grid layouts: fixed height slots */
.blog-over-hero-grid .blog-over-hero-slot {
    height: 100%;
}

.blog-over-hero-slot .blog-over-hero-slider {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden !important;
}

.blog-over-hero-slot .blog-over-slider-track {
    width: 100%;
    height: 100%;
    display: flex;
}

/* Grid slider items: fill container with fixed height */
.blog-over-hero-grid .blog-over-hero-item {
    position: relative;
    flex-shrink: 0;
    min-width: 100%;
    width: 100%;
    height: 100%;
    overflow: hidden !important;
}

/* Grid slider images: fill container */
.blog-over-hero-grid .blog-over-hero-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Large slot styling */
.blog-over-hero-large .blog-over-hero-title {
    font-size: 28px;
}

/* Small slot styling - compact for grid layouts */
.blog-over-hero-small .blog-over-hero-title {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 4px;
    /* Flexible line clamping based on available space */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-over-hero-small .blog-over-hero-content {
    padding: 10px 12px;
    /* Flexible content that adjusts to slot height */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}


/* When slot is very short, hide some elements */
.blog-over-hero-grid .blog-over-hero-small .blog-over-category-badge .blog-over-cat-item:nth-child(n+2) {
    display: none;
}


.blog-over-hero-small .blog-over-hero-meta span {
    margin-right: 6px;
}

/* Smaller category pills on small sliders */
.blog-over-hero-small .blog-over-category-badge {
    margin-bottom: 6px;
}

.blog-over-hero-small .blog-over-category-badge .blog-over-cat-item {
    font-size: 9px;
    padding: 3px 8px;
}

/* Mini sliders in small slots - smaller dots */
.blog-over-mini-slider .blog-over-slider-dots {
    right: 10px;
    padding: 6px 5px;
}

.blog-over-mini-slider .blog-over-slider-dot {
    width: 6px;
    height: 6px;
}

/* ════════════════════════════════════════════════════════
   RESPONSIVE - LARGE TABLETS / SMALL DESKTOPS (1200px)
   ════════════════════════════════════════════════════════ */

@media (max-width: 1200px) {
    .blog-over-hero-grid {
        height: 550px;
    }

    .blog-over-hero-large .blog-over-hero-title {
        font-size: 24px;
    }

    .blog-over-hero-content {
        padding: 18px;
    }
}

/* ════════════════════════════════════════════════════════
   RESPONSIVE - TABLETS (992px)
   ════════════════════════════════════════════════════════ */

@media (max-width: 992px) {
    .blog-over-hero-wrapper {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .blog-over-hero-grid {
        height: 480px;
        gap: 15px;
    }

    /* Slide Count 3: Stack vertically on tablet */
    .hero-slide-count-3 .blog-over-hero-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        height: auto;
    }

    .hero-slide-count-3 .blog-over-hero-slot-1 {
        grid-row: auto;
        grid-column: auto;
    }

    .hero-slide-count-3 .blog-over-hero-slot {
        height: 280px;
    }

    /* Slide Count 2: Keep columns but reduce height */
    .hero-slide-count-2 .blog-over-hero-grid {
        height: 350px;
    }

    .blog-over-hero-large .blog-over-hero-title {
        font-size: 22px;
    }

    .blog-over-hero-small .blog-over-hero-title {
        font-size: 16px;
    }

    .blog-over-category-badge .blog-over-cat-item {
        font-size: 11px;
        padding: 5px 12px;
    }

    .blog-over-hero-meta {
        font-size: 12px;
    }

    /* Arrows */
    .blog-over-slider-arrow {
        width: 44px;
        height: 44px;
    }

    .blog-over-slider-arrow svg {
        width: 24px;
        height: 24px;
    }
}

/* ════════════════════════════════════════════════════════
   RESPONSIVE - SMALL TABLETS / LARGE PHONES (768px)
   ════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .blog-over-hero-wrapper {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    /* Override Customizer height on mobile - fixed optimal heights */
    .blog-over-hero-grid {
        display: block;
        height: auto !important;
    }

    /* All slide counts become single column on mobile */
    .hero-slide-count-1 .blog-over-hero-slot,
    .hero-slide-count-2 .blog-over-hero-slot,
    .hero-slide-count-3 .blog-over-hero-slot {
        width: 100%;
        height: 300px !important;
        margin-bottom: 15px;
    }

    .hero-slide-count-2 .blog-over-hero-grid,
    .hero-slide-count-3 .blog-over-hero-grid {
        grid-template-columns: 1fr;
        height: auto !important;
    }

    /* All slots use large styling on mobile */
    .blog-over-hero-small .blog-over-hero-title {
        font-size: 18px;
        line-height: 1.3;
        margin-bottom: 8px;
    }

    .blog-over-hero-small .blog-over-hero-content {
        padding: 15px;
    }

    /* Meta styling for tablets */
    .blog-over-hero-meta {
        font-size: 12px;
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        color: rgba(255, 255, 255, 0.9);
    }

    .blog-over-hero-meta span {
        margin-right: 0;
        display: inline-flex;
        align-items: center;
    }

    .blog-over-hero-small .blog-over-hero-meta {
        font-size: 11px;
    }

    .blog-over-hero-small .blog-over-category-badge .blog-over-cat-item {
        font-size: 11px;
        padding: 5px 12px;
    }

    .blog-over-hero-large .blog-over-hero-title {
        font-size: 20px;
    }

    .blog-over-hero-content {
        padding: 15px;
    }

    .blog-over-category-badge {
        gap: 6px;
        margin-bottom: 10px;
    }

    .blog-over-category-badge .blog-over-cat-item {
        font-size: 10px;
        padding: 4px 10px;
    }

    /* Smaller arrows on mobile */
    .blog-over-slider-arrow {
        width: 40px;
        height: 40px;
    }

    .blog-over-slider-arrow svg {
        width: 22px;
        height: 22px;
    }

    .blog-over-slider-prev {
        left: 10px;
    }

    .blog-over-slider-next {
        right: 10px;
    }

    /* Smaller dots container on mobile */
    .blog-over-slider-dots {
        right: 10px;
        padding: 5px 4px;
        gap: 5px;
        top: 50%;
        transform: translateY(-50%);
    }

    .blog-over-slider-dot {
        width: 7px;
        height: 7px;
        min-width: 7px;
        min-height: 7px;
    }

    /* Mini slider dots same as main on mobile */
    .blog-over-mini-slider .blog-over-slider-dots {
        padding: 6px 5px;
    }
}

/* ════════════════════════════════════════════════════════
   RESPONSIVE - MOBILE PHONES (576px)
   ════════════════════════════════════════════════════════ */

@media (max-width: 576px) {
    .blog-over-hero-wrapper {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    /* Override Customizer height on mobile - fixed optimal heights */
    .hero-slide-count-1 .blog-over-hero-slot,
    .hero-slide-count-2 .blog-over-hero-slot,
    .hero-slide-count-3 .blog-over-hero-slot {
        height: 260px !important;
        margin-bottom: 12px;
        border-radius: 6px;
    }

    .blog-over-hero-item {
        border-radius: 6px;
    }

    .blog-over-hero-large .blog-over-hero-title,
    .blog-over-hero-small .blog-over-hero-title {
        font-size: 16px;
        line-height: 1.25;
        margin-bottom: 6px;
    }

    .blog-over-hero-content {
        padding: 12px;
        max-height: 80%;
    }

    /* Mobile meta styling */
    .blog-over-hero-meta {
        font-size: 11px;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        color: rgba(255, 255, 255, 0.85);
        margin-top: 4px;
    }

    .blog-over-hero-meta span {
        margin-right: 0;
        display: inline-flex;
        align-items: center;
        background: rgba(255, 255, 255, 0.15);
        padding: 2px 8px;
        border-radius: 3px;
    }

    .blog-over-hero-small .blog-over-hero-meta {
        font-size: 10px;
        gap: 6px;
    }

    .blog-over-hero-small .blog-over-hero-meta span {
        padding: 2px 6px;
    }

    .blog-over-category-badge {
        gap: 5px;
        margin-bottom: 8px;
    }

    .blog-over-category-badge .blog-over-cat-item {
        font-size: 9px;
        padding: 3px 8px;
        border-radius: 2px;
    }

    /* Limit to 1 category pill on mobile */
    .blog-over-category-badge .blog-over-cat-item:nth-child(n+2) {
        display: none;
    }

    /* Hide arrows on very small screens */
    .blog-over-slider-arrow {
        width: 36px;
        height: 36px;
    }

    .blog-over-slider-arrow svg {
        width: 18px;
        height: 18px;
    }

    .blog-over-slider-prev {
        left: 8px;
    }

    .blog-over-slider-next {
        right: 8px;
    }

    /* Dots on right side vertically - smaller for mobile */
    .blog-over-slider-dots {
        right: 8px !important;
        left: auto !important;
        top: 50% !important;
        bottom: auto !important;
        transform: translateY(-50%) !important;
        flex-direction: column !important;
        padding: 4px 3px;
        gap: 4px;
        background: rgba(0, 0, 0, 0.4);
        border-radius: 10px;
    }

    .blog-over-slider-dot {
        width: 6px;
        height: 6px;
        min-width: 6px;
        min-height: 6px;
    }

    .blog-over-mini-slider .blog-over-slider-dots {
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
        padding: 2px;
        gap: 2px;
    }

    .blog-over-mini-slider .blog-over-slider-dot {
        width: 3px;
        height: 3px;
    }
}

/* Extra small devices - smallest dots */
@media (max-width: 480px) {
    .blog-over-slider-dots {
        right: 6px !important;
        padding: 3px 2px;
        gap: 3px;
        border-radius: 8px;
    }

    .blog-over-slider-dot {
        width: 5px;
        height: 5px;
        min-width: 5px;
        min-height: 5px;
    }

    /* Compact hero content for very small screens */
    .blog-over-hero-content {
        padding: 10px;
        max-height: 85%;
    }

    .blog-over-hero-title {
        font-size: 14px !important;
        line-height: 1.3;
        margin-bottom: 4px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .blog-over-hero-meta {
        font-size: 10px;
    }

    .blog-over-category-badge {
        gap: 4px;
        margin-bottom: 6px;
    }

    .blog-over-category-badge .blog-over-cat-item {
        font-size: 8px;
        padding: 2px 6px;
    }

    /* Limit to 1 category on very small screens */
    .blog-over-category-badge .blog-over-cat-item:nth-child(n+2) {
        display: none;
    }
}

/* ════════════════════════════════════════════════════════
   Device Visibility Classes
   ════════════════════════════════════════════════════════ */

/* Hide on specific devices */
.blog-over-hero-hide-desktop {
    display: none !important;
}

@media (max-width: 1024px) {
    .blog-over-hero-hide-desktop {
        display: block !important;
    }

    .blog-over-hero-hide-tablet {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .blog-over-hero-hide-tablet {
        display: block !important;
    }

    .blog-over-hero-hide-mobile {
        display: none !important;
    }
}/* =========================================
   Modern Grid Container
   ========================================= */
.blog-over-modern-grid {
    display: grid;
    gap: 20px;
    width: 100%;
}

/* Fix overflow for grid items with long content */
.blog-over-modern-grid>* {
    min-width: 0;
}

/* =========================================
   Modern Card Base
   ========================================= */
.blog-over-modern-card {
    margin-bottom: 0;
}

.blog-over-modern-card-inner {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Fix overflow for flex children */
.blog-over-modern-card-inner>* {
    min-width: 0;
}

/* Modern Card Hover: Bold 3D lift with perspective tilt */
.blog-over-modern-card-inner:hover {
    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.15),
        0 0 0 1px rgba(59, 130, 246, 0.1);
    transform: translateY(-8px) rotateX(2deg);
}

/* =========================================
   Modern Thumbnail with Shine Effect
   ========================================= */
.blog-over-modern-thumbnail {
    position: relative;
    overflow: hidden;
}

.blog-over-modern-thumbnail.fixed-height {
    height: 220px;
}

.blog-over-modern-thumbnail.auto-height img {
    height: auto;
}

.blog-over-modern-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Modern Image: Strong zoom on hover */
.blog-over-modern-card-inner:hover .blog-over-modern-thumbnail img {
    transform: scale(1.12);
}

/* Modern Thumbnail: Shine sweep effect */
.blog-over-modern-thumbnail::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, 0.4),
            transparent);
    z-index: 2;
    transition: left 0.6s ease;
    pointer-events: none;
}

.blog-over-modern-card-inner:hover .blog-over-modern-thumbnail::before {
    left: 150%;
}

/* Subtle overlay - removed heavy effect */
.blog-over-modern-overlay {
    display: none;
}

/* Modern Category: Square badge (distinct from Classic's pill) */
.blog-over-modern-category {
    margin-bottom: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.blog-over-modern-category a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    background: var(--blog-over-secondary, #1e40af);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 4px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.blog-over-modern-category a:hover {
    background: var(--blog-over-primary, #3b82f6);
    color: #fff !important;
    transform: scale(1.05);
    text-decoration: none !important;
}

/* Modern Card: Underline animation on hover */
.blog-over-modern-card-inner {
    position: relative;
}

.blog-over-modern-card-inner::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--blog-over-primary), var(--blog-over-secondary));
    transition: width 0.4s ease;
    border-radius: 3px 3px 0 0;
}

.blog-over-modern-card-inner:hover::after {
    width: 80%;
}

/* Content Container */
.blog-over-modern-content {
    padding: 24px 15px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 0;
}

/* =========================================
   Modern Title
   ========================================= */
.blog-over-modern-header {
    margin-bottom: 12px;
}

.blog-over-modern-title {
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
}

.blog-over-modern-title a {
    color: #1e293b;
    text-decoration: none;
    transition: color 0.2s ease;
}

.blog-over-modern-title a:hover {
    color: var(--blog-over-primary);
}

/* =========================================
   Modern Meta
   ========================================= */
.blog-over-modern-meta {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #f1f5f9;
}

.blog-over-modern-meta .blog-over-meta-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    font-size: 0.85rem;
    color: #64748b;
}

.blog-over-modern-meta .blog-over-meta-info span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.blog-over-modern-meta .blog-over-meta-info i {
    color: #94a3b8;
    font-size: 0.75rem;
}

.blog-over-modern-meta .blog-over-meta-info a {
    color: #7e7e7e;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease;
}

.blog-over-modern-meta .blog-over-meta-info a:hover {
    color: var(--blog-over-primary);
}

.blog-over-modern-edit a {
    color: #94a3b8;
    font-size: 12px;
}

.blog-over-modern-edit a:hover {
    color: #3b82f6;
}

/* =========================================
   Modern Excerpt
   ========================================= */
.blog-over-modern-excerpt {
    flex-grow: 1;
    margin-bottom: 20px;
}

.blog-over-modern-excerpt p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
    /* Line-clamp removed - excerpt length controlled by Customizer word count setting */
}

/* =========================================
   Modern Read More
   ========================================= */
.blog-over-modern-footer {
    margin-top: auto;
}

.blog-over-modern-readmore {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: var(--blog-over-primary);
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 6px;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.blog-over-modern-readmore:hover {
    background: var(--blog-over-secondary);
    color: #fff !important;
    text-decoration: none !important;
    transform: translateX(4px);
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);
}

.blog-over-modern-readmore i {
    font-size: 11px;
    transition: transform 0.3s ease;
}

.blog-over-modern-readmore:hover i {
    transform: translateX(4px);
}

/* =========================================
   Responsive Styles
   ========================================= */
@media (max-width: 992px) {
    .blog-over-modern-grid {
        gap: 24px;
    }
}

@media (max-width: 768px) {
    .blog-over-modern-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .blog-over-modern-thumbnail.fixed-height {
        height: 200px;
    }

    .blog-over-modern-content {
        padding: 20px;
    }

    .blog-over-modern-title {
        font-size: 1.2rem;
    }
}

@media (max-width: 480px) {
    .blog-over-modern-grid {
        gap: 20px;
    }

    .blog-over-modern-thumbnail.fixed-height {
        height: 180px;
    }

    .blog-over-modern-content {
        padding: 16px;
    }

    .blog-over-modern-meta {
        gap: 12px;
        font-size: 12px;
    }

    .blog-over-modern-readmore {
        width: 100%;
        justify-content: center;
    }
}

/* =========================================
   Dark Mode Support
   ========================================= */
body.blog-over-dark-mode .blog-over-modern-card-inner {
    background: #1e293b;
    border-color: #334155;
}

body.blog-over-dark-mode .blog-over-modern-title a {
    color: #f1f5f9;
}

body.blog-over-dark-mode .blog-over-modern-title a:hover {
    color: var(--blog-over-primary);
}

body.blog-over-dark-mode .blog-over-modern-meta {
    color: #94a3b8;
    border-bottom-color: #334155;
}

body.blog-over-dark-mode .blog-over-modern-author a {
    color: #cbd5e1;
}

body.blog-over-dark-mode .blog-over-modern-excerpt p {
    color: #94a3b8;
}

body.blog-over-dark-mode .blog-over-modern-card-inner:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}

/* =========================================
   Masonry Grid Mode
   ========================================= */

/* Override CSS Grid → CSS Columns for masonry */
.blog-over-modern-grid.bo-masonry {
    display: block;
    columns: 3;
    column-gap: 20px;
}

/* Each card: inline-block for column flow + break-inside prevention */
.blog-over-modern-grid.bo-masonry .blog-over-modern-card {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

/* Natural height — remove equal-height flex constraint */
.blog-over-modern-grid.bo-masonry .blog-over-modern-card-inner {
    height: auto;
}

/* Sidebar: reduce to 2 columns */
.has-sidebar .blog-over-modern-grid.bo-masonry {
    columns: 2;
}

/* =========================================
   Masonry Responsive
   ========================================= */
@media (max-width: 1200px) {
    .blog-over-modern-grid.bo-masonry {
        columns: 3;
    }

    .has-sidebar .blog-over-modern-grid.bo-masonry {
        columns: 2;
    }
}

@media (max-width: 992px) {
    .blog-over-modern-grid.bo-masonry {
        columns: 2;
    }

    .has-sidebar .blog-over-modern-grid.bo-masonry {
        columns: 2;
    }
}

@media (max-width: 768px) {
    .blog-over-modern-grid.bo-masonry {
        columns: 1 !important;
    }
}

/* =========================================
   Masonry Dark Mode
   ========================================= */
body.blog-over-dark-mode .blog-over-modern-grid.bo-masonry .blog-over-modern-card-inner {
    height: auto;
}/* ============================================================
   Blog Over — Content Alignment
   ============================================================

   Applied via body class → Customizer → Blog Settings →
   "Content Alignment" (left | center | right)

   Covers all 3 blog styles:
     1. Default / Classic List  → .blog-over-post-content
     2. Modern Grid Cards       → .blog-over-modern-content
     3. Editorial Z-Pattern     → .blog-over-editorial-featured-content

   KEY INSIGHT: Modern & Default use flex-direction:column on
   their content wrappers. To align Read-More buttons, we must
   set align-items on the wrapper, NOT width:100% on the button.
   ============================================================ */


/* ──────────────────────────────────────────────────────────
   LEFT (default – explicit reset so switching back works)
   ────────────────────────────────────────────────────────── */
.bo-content-align-left .blog-over-post-content,
.bo-content-align-left .blog-over-modern-content,
.bo-content-align-left .blog-over-editorial-featured-content {
    text-align: left;
    align-items: flex-start;
}

/* Category rows */
.bo-content-align-left .blog-over-post-category,
.bo-content-align-left .blog-over-modern-category,
.bo-content-align-left .blog-over-editorial-featured-cat.is-inline {
    justify-content: flex-start;
}

/* Meta rows (.blog-over-meta-info is a flex row inside the meta div) */
.bo-content-align-left .blog-over-post-meta .blog-over-meta-info,
.bo-content-align-left .blog-over-modern-meta .blog-over-meta-info,
.bo-content-align-left .blog-over-editorial-featured-meta {
    justify-content: flex-start;
}

/* Footer / Read-more containers */
.bo-content-align-left .blog-over-post-footer,
.bo-content-align-left .blog-over-modern-footer {
    display: flex;
    justify-content: flex-start;
}

/* Editorial read-more (direct child of content flex column) */
.bo-content-align-left .blog-over-editorial-readmore {
    align-self: flex-start;
}

/* Editorial title accent line */
.bo-content-align-left .blog-over-editorial-featured-title::after {
    margin-left: 0;
    margin-right: auto;
}


/* ──────────────────────────────────────────────────────────
   CENTER
   ────────────────────────────────────────────────────────── */
.bo-content-align-center .blog-over-post-content,
.bo-content-align-center .blog-over-modern-content,
.bo-content-align-center .blog-over-editorial-featured-content {
    text-align: center;
    align-items: center;
}

/* Category rows */
.bo-content-align-center .blog-over-post-category,
.bo-content-align-center .blog-over-modern-category,
.bo-content-align-center .blog-over-editorial-featured-cat.is-inline {
    justify-content: center;
}

/* Meta rows */
.bo-content-align-center .blog-over-post-meta .blog-over-meta-info,
.bo-content-align-center .blog-over-modern-meta .blog-over-meta-info,
.bo-content-align-center .blog-over-editorial-featured-meta {
    justify-content: center;
}

/* Footer / Read-more containers */
.bo-content-align-center .blog-over-post-footer,
.bo-content-align-center .blog-over-modern-footer {
    display: flex;
    justify-content: center;
}

/* Editorial read-more */
.bo-content-align-center .blog-over-editorial-readmore {
    align-self: center;
}

/* Editorial title accent line */
.bo-content-align-center .blog-over-editorial-featured-title::after {
    margin-left: auto;
    margin-right: auto;
}


/* ──────────────────────────────────────────────────────────
   RIGHT
   ────────────────────────────────────────────────────────── */
.bo-content-align-right .blog-over-post-content,
.bo-content-align-right .blog-over-modern-content,
.bo-content-align-right .blog-over-editorial-featured-content {
    text-align: right;
    align-items: flex-end;
}

/* Category rows */
.bo-content-align-right .blog-over-post-category,
.bo-content-align-right .blog-over-modern-category,
.bo-content-align-right .blog-over-editorial-featured-cat.is-inline {
    justify-content: flex-end;
}

/* Meta rows */
.bo-content-align-right .blog-over-post-meta .blog-over-meta-info,
.bo-content-align-right .blog-over-modern-meta .blog-over-meta-info,
.bo-content-align-right .blog-over-editorial-featured-meta {
    justify-content: flex-end;
}

/* Footer / Read-more containers */
.bo-content-align-right .blog-over-post-footer,
.bo-content-align-right .blog-over-modern-footer {
    display: flex;
    justify-content: flex-end;
}

/* Editorial read-more */
.bo-content-align-right .blog-over-editorial-readmore {
    align-self: flex-end;
}

/* Editorial title accent line */
.bo-content-align-right .blog-over-editorial-featured-title::after {
    margin-left: auto;
    margin-right: 0;
}


/* ──────────────────────────────────────────────────────────
   SAFETY: Editorial content is a flex column — ensure
   align-items cascades properly even inside grid cards
   ────────────────────────────────────────────────────────── */
.bo-content-align-center .blog-over-editorial-featured-content,
.bo-content-align-right  .blog-over-editorial-featured-content {
    /* Override any inline justify-content:center from the base style */
    justify-content: center;
}

                    .site-title a,
            .site-description {
                color: #8224e3;
            }

            
body.custom-background { background-color: #ededed; }
.blog-over-topbar{min-height:30px;}.blog-over-topbar-date, .blog-over-topbar-custom-text{color:#eeee22;}.blog-over-topbar.blog-over-topbar-border{border-bottom-color:#334155;border-bottom-width:0px;}.blog-over-topbar-social-link i{font-size:14px;}.blog-over-search-toggle i{font-size:22px;}body{font-family:Pattaya;color:#000000;}h1,h2,h3,h4,h5,h6{font-family:Pattaya;color:#8224e3;}:root{--blog-over-primary:#8224e3;}a:hover,.blog-over-post-title a:hover{color:#8224e3;}.blog-over-category-badge,.blog-over-scroll-top{background-color:#8224e3;}.blog-over-copyright{background-color:#000000;}.blog-over-footer-bottom, .blog-over-site-info{color:#ffffff;}.blog-over-scroll-top{--blog-over-scroll-offset-x:30px;--blog-over-scroll-offset-y:30px;--blog-over-scroll-size:45px;--blog-over-scroll-radius:50%;--blog-over-scroll-icon-size:1.1rem;--blog-over-scroll-border-width:0px;}.blog-over-hero-grid{height:620px;}.hero-slide-count-1 .blog-over-hero-slot{height:620px;}.blog-over-sidebar .widget{background-color:rgba(237, 237, 33, 0.76);-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}.blog-over-page-header{padding-top:40px;padding-bottom:40px;}.blog-over-breadcrumb-wrapper, .blog-over-page-header .blog-over-breadcrumb{padding-top:15px;padding-bottom:15px;}.blog-over-breadcrumb, .blog-over-breadcrumb-item, .blog-over-breadcrumb-list{font-size:13px;}/* cyrillic */
@font-face{ 
  font-family: 'Pattaya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://berezhany.football/wp-content/fonts/pattaya/ea8ZadcqV_zkHY-XBdOt9lZE.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
/* thai */
@font-face{ 
  font-family: 'Pattaya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://berezhany.football/wp-content/fonts/pattaya/ea8ZadcqV_zkHY-XBcOt9lZE.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
 }
/* vietnamese */
@font-face{ 
  font-family: 'Pattaya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://berezhany.football/wp-content/fonts/pattaya/ea8ZadcqV_zkHY-XBdit9lZE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
 }
/* latin-ext */
@font-face{ 
  font-family: 'Pattaya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://berezhany.football/wp-content/fonts/pattaya/ea8ZadcqV_zkHY-XBdmt9lZE.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
/* latin */
@font-face{ 
  font-family: 'Pattaya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://berezhany.football/wp-content/fonts/pattaya/ea8ZadcqV_zkHY-XBdet9g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }/* cyrillic */
@font-face{ 
  font-family: 'Pattaya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://berezhany.football/wp-content/fonts/pattaya/ea8ZadcqV_zkHY-XBdOt9lZE.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
/* thai */
@font-face{ 
  font-family: 'Pattaya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://berezhany.football/wp-content/fonts/pattaya/ea8ZadcqV_zkHY-XBcOt9lZE.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
 }
/* vietnamese */
@font-face{ 
  font-family: 'Pattaya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://berezhany.football/wp-content/fonts/pattaya/ea8ZadcqV_zkHY-XBdit9lZE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
 }
/* latin-ext */
@font-face{ 
  font-family: 'Pattaya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://berezhany.football/wp-content/fonts/pattaya/ea8ZadcqV_zkHY-XBdmt9lZE.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
/* latin */
@font-face{ 
  font-family: 'Pattaya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://berezhany.football/wp-content/fonts/pattaya/ea8ZadcqV_zkHY-XBdet9g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }/* cyrillic */
@font-face{ 
  font-family: 'Pattaya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://berezhany.football/wp-content/fonts/pattaya/ea8ZadcqV_zkHY-XBdOt9lZE.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
/* thai */
@font-face{ 
  font-family: 'Pattaya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://berezhany.football/wp-content/fonts/pattaya/ea8ZadcqV_zkHY-XBcOt9lZE.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
 }
/* vietnamese */
@font-face{ 
  font-family: 'Pattaya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://berezhany.football/wp-content/fonts/pattaya/ea8ZadcqV_zkHY-XBdit9lZE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
 }
/* latin-ext */
@font-face{ 
  font-family: 'Pattaya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://berezhany.football/wp-content/fonts/pattaya/ea8ZadcqV_zkHY-XBdmt9lZE.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
/* latin */
@font-face{ 
  font-family: 'Pattaya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://berezhany.football/wp-content/fonts/pattaya/ea8ZadcqV_zkHY-XBdet9g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
		/* Cached: April 17, 2026 at 6:02pm */
/* cyrillic */
@font-face{ 
  font-family: 'Pattaya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/pattaya/v18/ea8ZadcqV_zkHY-XBdOt9lZE.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
/* thai */
@font-face{ 
  font-family: 'Pattaya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/pattaya/v18/ea8ZadcqV_zkHY-XBcOt9lZE.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
 }
/* vietnamese */
@font-face{ 
  font-family: 'Pattaya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/pattaya/v18/ea8ZadcqV_zkHY-XBdit9lZE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
 }
/* latin-ext */
@font-face{ 
  font-family: 'Pattaya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/pattaya/v18/ea8ZadcqV_zkHY-XBdmt9lZE.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
/* latin */
@font-face{ 
  font-family: 'Pattaya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/pattaya/v18/ea8ZadcqV_zkHY-XBdet9g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }

:root {
--font-base: Pattaya;
--font-headings: Pattaya;
--font-input: Pattaya;
}
body, #content, .entry-content, .post-content, .page-content, .post-excerpt, .entry-summary, .entry-excerpt, .widget-area, .widget, .sidebar, #sidebar, footer, .footer, #footer, .site-footer {
font-family: "Pattaya";
 }
#site-title, .site-title, #site-title a, .site-title a, .entry-title, .entry-title a, h1, h2, h3, h4, h5, h6, .widget-title, .elementor-heading-title {
font-family: "Pattaya";
 }
button, .button, input, select, textarea, .wp-block-button, .wp-block-button__link {
font-family: "Pattaya";
 }