.single-post .entry-meta > a:hover i,
.single-post .entry-meta > span:hover i {
    color: #ffffff;
}
/*
 * Main Stylesheet for TSZ Theme
 * Updated: 2025-03-26
 * Enhanced UX Version
 */
 
/* play-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Play';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/play-v20-latin-regular.woff2') format('woff2');
}
/* play-700 - latin */
@font-face {
    font-display: swap;
    font-family: 'Play';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/play-v20-latin-700.woff2') format('woff2');
}

      /* Enhanced Color Variables */
      :root {
          /* Primary Colors */
          --primary-color: #ae0100;
          --primary-blue: #002f5d;
          --primary-dark: #001a3a;
          --primary-light: #004a8c;
          
          /* Secondary Colors */
          --secondary-color: #facc6e;
          --secondary-dark: #e6b84d;
          --secondary-light: #ffd88a;
          
          /* Neutral Colors */
          --dark-color: #252525;
          --light-gray: #f8f8f8;
          --text-color: #333;
          --text-muted: #666;
          --text-light: #999;
          --color-white: #fff;
          --color-gray-50: #f9fafb;
          --color-gray-100: #f3f4f6;
          --color-gray-200: #e5e7eb;
          --color-gray-300: #d1d5db;
          --color-gray-400: #9ca3af;
          --color-gray-500: #6b7280;
          --color-gray-600: #4b5563;
          --color-gray-700: #374151;
          --color-gray-800: #1f2937;
          --color-gray-900: #111827;
          
          /* Semantic Colors */
          --success-color: #10b981;
          --warning-color: #f59e0b;
          --error-color: #ef4444;
          --info-color: #3b82f6;
          
          /* Interactive Colors */
          --hover-blue: var(--primary-color);
          --focus-color: #3b82f6;
          --active-color: var(--primary-color);
          
          /* Animation & Transitions */
          --transition-speed: 0.3s;
          --transition-fast: 0.15s;
          --transition-slow: 0.5s;
          --ease-out: cubic-bezier(0.4, 0, 0.2, 1);
          --ease-in: cubic-bezier(0.4, 0, 1, 1);
          --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
          
          /* Breakpoints */
          --mobile-breakpoint: 991px;
          --tablet-breakpoint: 768px;
          --small-breakpoint: 575px;
          
          /* Layout */
          --container-width: 100%;
          --container-max-width: 1240px;
          --border-radius: 8px;
          --border-radius-lg: 12px;
          --border-radius-xl: 16px;
          --border-radius-2xl: 24px;
          
            /* Typography - Dual Font System */
  --heading-font: 'Play', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  --body-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  --main-font: var(--body-font); /* Default fallback */
          --font-size-xs: 0.75rem;
          --font-size-sm: 0.875rem;
          --font-size-base: 1rem;
          --font-size-lg: 1.125rem;
          --font-size-xl: 1.25rem;
          --font-size-2xl: 1.5rem;
          --font-size-3xl: 1.875rem;
          --font-size-4xl: 2.25rem;
          --font-size-5xl: 3rem;
          --font-size-6xl: 3.75rem;
          
          /* Spacing */
          --spacing-xs: 0.25rem;
          --spacing-sm: 0.5rem;
          --spacing-md: 1rem;
          --spacing-lg: 1.5rem;
          --spacing-xl: 2rem;
          --spacing-2xl: 3rem;
          --spacing-3xl: 4rem;
          --spacing-4xl: 6rem;
          --spacing-5xl: 8rem;
          
          /* Shadows */
          --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
          --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
          --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
          --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
          --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
          
          /* Z-index Scale */
          --z-dropdown: 1000;
          --z-sticky: 1020;
          --z-fixed: 1030;
          --z-modal-backdrop: 1040;
          --z-modal: 1050;
          --z-popover: 1060;
          --z-tooltip: 1070;
      }
      
      /* Enhanced Reset & Base Styles */
      html, body {
          overflow-x: hidden;
          scroll-behavior: smooth;
      }
      
      /* Improved Focus Styles */
      *:focus {
          outline: 2px solid var(--focus-color);
          outline-offset: 2px;
      }
      
      *:focus:not(:focus-visible) {
          outline: none;
      }
      
      *:focus-visible {
          outline: 2px solid var(--focus-color);
          outline-offset: 2px;
      }
      
      /* Global menu list-style removal */
      .tsz-menu,
.tsz-menu ul,
.tsz-menu li,
.tsz-nav-desktop .tsz-menu,
.tsz-nav-desktop .tsz-menu ul,
.tsz-nav-desktop .tsz-menu li,
      .tsz-nav-mobile .tsz-menu,
      .tsz-nav-mobile .tsz-menu ul,
      .tsz-nav-mobile .tsz-menu li {
          list-style: none;
          list-style-type: none;
      }
      
      body {
          margin: 0;
          padding: 0;
          font-family: var(--body-font);
          font-size: var(--font-size-base);
          line-height: 1.6;
          background-color: #ffffff;
          color: var(--text-color);
          overflow-x: hidden;
          position: relative;
          width: 100%;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
      }
      
      /* Enhanced Typography - Dual Font System */
      
      /* ALL Headers and Titles use Play for distinctive hierarchy */
      h1, h2, h3, h4, h5, h6,
      .title-h1, .title-h2, .title-h3, .title-h4, .title-h5, .title-h6,
      .hero-title, .section-title, .block-title, .card-title, .widget-title, .entry-title,
      .post-title, .page-title, .archive-title, .category-title, .tag-title,
      .item-title, .item-heading, .content-title, .main-title, .sub-title,
      .achievement-title, .timeline-title, .tab-title, .feature-title,
      .service-title, .testimonial-title, .team-title, .product-title,
      .split-title, .grid-title, .column-title, .header-title,
      .modal-title, .popup-title, .widget h1, .widget h2, .widget h3,
      .widget h4, .widget h5, .widget h6, .sidebar h1, .sidebar h2,
      .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 {
          font-family: var(--heading-font) !important;
          font-size: 1.4rem;
          font-weight: 700;
          line-height: 1.2;
          margin: 0 0 var(--spacing-md) 0;
          color: #ffffff;
          letter-spacing: -0.025em; /* Tighter spacing for Play */
      }
      
      h1, .title-h1 { 
          font-size: var(--font-size-5xl); 
          font-weight: 900;
          letter-spacing: -0.04em;
      }
      h2, .title-h2 { 
          font-size: var(--font-size-4xl);
          font-weight: 700;
          letter-spacing: -0.035em;
      }
      h3, .title-h3 { 
          font-size: var(--font-size-3xl); 
          font-weight: 700;
          letter-spacing: -0.03em;
      }
      h4, .title-h4 { 
          font-size: var(--font-size-2xl); 
          font-weight: 600;
          letter-spacing: -0.025em;
      }
      h5, .title-h5 { 
          font-size: var(--font-size-xl); 
          font-weight: 600;
          letter-spacing: -0.02em;
      }
      h6, .title-h6 { 
          font-size: var(--font-size-lg); 
          font-weight: 600;
          letter-spacing: -0.015em;
      }
      
      /* Body text and content use Inter for readability */
      p, span, li, td, th, 
      .content-text, .body-text, .description,
      blockquote, figcaption {
          font-family: var(--body-font);
          margin: 0;
          line-height: 1.7;
      }
      
      /* Navigation and UI elements use Inter for consistency */
      nav, .menu, .navigation,
      button, .btn, input, select, textarea,
      .tabs, .breadcrumb, .pagination {
          font-family: var(--body-font);
      }
      
      a {
        color: #1f2937;
          text-decoration: none;
          transition: color var(--transition-fast) var(--ease-out);
      }
      
      a:hover {
          color: var(--primary-dark);
      }
      
      /* Enhanced Layout */
      .container,
      .tsz-container,
      .post-container {
          max-width: 1440px;
          margin: 0 auto;
          padding: 0;
          width: 100%;
          box-sizing: border-box;
      }

      .post-header .tsz-container, .archive-header .tsz-container {
        max-width: 1240px;
        padding: 0;
    }
      
      /* Enhanced Button Styles */
      .btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          padding: var(--spacing-sm) var(--spacing-lg);
          font-size: var(--font-size-base);
          font-weight: 600;
          line-height: 1.5;
          text-decoration: none;
          border: 2px solid transparent;
          border-radius: var(--border-radius);
          cursor: pointer;
          transition: all var(--transition-fast) var(--ease-out);
          position: relative;
          overflow: hidden;
      }
      
      .btn::before {
          content: '';
          position: absolute;
          top: 0;
          left: -100%;
          width: 100%;
          height: 100%;
          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
          transition: left var(--transition-slow) var(--ease-out);
      }
      
      .btn:hover::before {
          left: 100%;
      }
      
      .btn-primary {
          background: var(--primary-color);
          color: var(--color-white);
          border-color: var(--primary-color);
      }
      
      .btn-primary:hover {
          background: var(--primary-dark);
          border-color: var(--primary-dark);
          transform: translateY(-2px);
          box-shadow: var(--shadow-lg);
      }
      
      .btn-secondary {
          background: transparent;
          color: var(--primary-color);
          border-color: var(--primary-color);
      }
      
      .btn-secondary:hover {
          background: var(--primary-color);
          color: var(--color-white);
          transform: translateY(-2px);
          box-shadow: var(--shadow-lg);
      }
      
      .btn-outline {
          background: transparent;
          color: var(--text-color);
          border-color: var(--color-gray-300);
      }
      
      .btn-outline:hover {
          background: var(--color-gray-100);
          border-color: var(--color-gray-400);
          transform: translateY(-1px);
          box-shadow: var(--shadow-md);
      }
      
      /* Enhanced Card Styles */
      .card {
          background: var(--color-white);
          border-radius: var(--border-radius-lg);
          box-shadow: var(--shadow-sm);
          transition: all var(--transition-fast) var(--ease-out);
          overflow: hidden;
      }
      
      .card:hover {
          transform: translateY(-4px);
          box-shadow: var(--shadow-xl);
      }
      
      .card-header {
          padding: var(--spacing-lg);
          border-bottom: 1px solid var(--color-gray-200);
      }
      
      .card-body {
          padding: var(--spacing-lg);
      }
      
      .card-footer {
          padding: var(--spacing-lg);
          border-top: 1px solid var(--color-gray-200);
          background: var(--color-gray-50);
      }
      
      /* Enhanced Loading States */
      .loading {
          position: relative;
          overflow: hidden;
      }
      
      .loading::after {
          content: '';
          position: absolute;
          top: 0;
          left: -100%;
          width: 100%;
          height: 100%;
          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
          animation: shimmer 1.5s infinite;
      }
      
      @keyframes shimmer {
          0% { left: -100%; }
          100% { left: 100%; }
      }
      
      /* Enhanced Animations */
      @keyframes fadeIn {
          from { opacity: 0; transform: translateY(20px); }
          to { opacity: 1; transform: translateY(0); }
      }
      
      @keyframes slideInLeft {
          from { opacity: 0; transform: translateX(-30px); }
          to { opacity: 1; transform: translateX(0); }
      }
      
      @keyframes slideInRight {
          from { opacity: 0; transform: translateX(30px); }
          to { opacity: 1; transform: translateX(0); }
      }
      
      @keyframes scaleIn {
          from { opacity: 0; transform: scale(0.9); }
          to { opacity: 1; transform: scale(1); }
      }
      
      .animate-fade-in {
          animation: fadeIn 0.6s var(--ease-out);
      }
      
      .animate-slide-in-left {
          animation: slideInLeft 0.6s var(--ease-out);
      }
      
      .animate-slide-in-right {
          animation: slideInRight 0.6s var(--ease-out);
      }
      
      .animate-scale-in {
          animation: scaleIn 0.4s var(--ease-out);
      }
      
      /* Enhanced Scrollbar */
      ::-webkit-scrollbar {
          width: 8px;
          height: 8px;
      }
      
      ::-webkit-scrollbar-track {
          background: var(--color-gray-100);
          border-radius: var(--border-radius);
      }
      
      ::-webkit-scrollbar-thumb {
          background: var(--color-gray-400);
          border-radius: var(--border-radius);
          transition: background var(--transition-fast);
      }
      
      ::-webkit-scrollbar-thumb:hover {
          background: var(--color-gray-500);
      }
      
      /* Enhanced Selection */
      ::selection {
          background: var(--primary-color);
          color: var(--color-white);
      }
      
      ::-moz-selection {
          background: var(--primary-color);
          color: var(--color-white);
      }
      
      /* Top Header Bar */
      .tsz-top-header {
          background: #f5f5f5;
          position: relative;
          z-index: 1001;
          border-bottom: 1px solid #e5e5e5;
      }

      .tsz-top-header-inner {
          display: flex;
          align-items: center;
          justify-content: space-between;
          min-height: 40px;
      }

      .tsz-top-header-left {
          flex: 1;
      }

      .tsz-top-header-right {
          flex: 0 0 auto;
      }

      /* Top Header Contact Icons */
      .tsz-top-header-left .tsz-contact-social-icons {
          display: flex;
          align-items: center;
          gap: 15px;
      }

      .tsz-top-header-left .contact-social-icon {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 32px;
          height: 32px;
          background: #ffffff;
          border: 1px solid #ddd;
          border-radius: 50%;
          color: #666;
          text-decoration: none;
          transition: all 0.3s ease;
      }

      .tsz-top-header-left .contact-social-icon:hover {
          background: #ae0100;
          border-color: #ae0100;
          color: #ffffff;
          transform: translateY(-2px);
      }

      .tsz-top-header-left .contact-social-icon i {
          font-size: 14px;
      }

      /* Header Search */
      .tsz-header-search {
          max-width: 300px;
      }
      

      .tsz-header-search .search-form-wrapper {
          display: flex;
          align-items: center;
          background: #ffffff;
          border: 2px solid rgba(0, 47, 93, 0.1);
          border-radius: 0;
          overflow: hidden;
          transition: all 0.3s ease;
          box-shadow: 0 2px 8px rgba(0, 47, 93, 0.08);
          position: relative;
          z-index: 1;
      }

      .tsz-header-search .search-form-wrapper:focus-within {
          border-color: #ae0100;
          box-shadow: 0 4px 15px rgba(174, 1, 0, 0.15);
      }

      .tsz-header-search .search-field {
          flex: 1;
          border: none;
          background: transparent;
          padding: 8px 12px;
          font-size: 14px;
          color: #333;
          outline: none;
      }

      .tsz-header-search .search-field::placeholder {
          color: rgba(0, 47, 93, 0.6);
          font-style: italic;
      }

      .tsz-header-search .search-submit {
          background: #ae0100 !important;
          color: #ffffff !important;
          border: none;
          padding: 8px 12px;
          cursor: pointer;
          transition: all 0.3s ease;
          display: flex !important;
          align-items: center;
          justify-content: center;
          min-width: 40px;
          width: auto;
          height: auto;
          flex-shrink: 0;
          overflow: hidden;
          position: relative;
          visibility: visible !important;
          opacity: 1 !important;
          z-index: 2;
      }

      .tsz-header-search .search-submit:hover {
          background: #8b0000;
          transform: translateY(-1px);
      }

      .tsz-header-search .search-submit svg {
          width: 16px;
          height: 16px;
          display: block !important;
          flex-shrink: 0;
          visibility: visible !important;
          opacity: 1 !important;
          fill: none;
          stroke: currentColor;
          stroke-width: 2;
      }
      
      .tsz-header-search .search-submit:before {
          display: none;
      }

      .tsz-header-search .search-submit .screen-reader-text {
          position: absolute;
          width: 1px;
          height: 1px;
          padding: 0;
          margin: -1px;
          overflow: hidden;
          clip: rect(0, 0, 0, 0);
          white-space: nowrap;
          border-width: 0;
      }

      /* Top Header Menu Styles */
      .tsz-top-nav {
          display: flex;
          align-items: center;
      }

      .tsz-top-menu {
          display: flex;
          list-style: none;
          margin: 0;
          padding: 0;
          gap: 8px;
      }

      .tsz-top-menu li {
          position: relative;
      }

      .tsz-top-menu a {
          display: block;
          padding: 8px 16px;
          background: #ae0100;
          color: #ffffff;
          text-decoration: none;
          font-size: 14px;
          font-weight: 500;
          border-radius: 0;
          transition: all 0.3s ease;
          white-space: nowrap;
      }

      .tsz-top-menu a:hover {
          background: #8b0000;
          color: #ffffff;
          transform: translateY(-1px);
      }

      .tsz-top-menu a:focus {
          outline: 2px solid #ffffff;
          outline-offset: 2px;
      }

      /* Top Header Responsive */
      @media (max-width: 768px) {
          .tsz-top-header {
              padding: 6px 0;
          }
          
          .tsz-top-header-inner {
              min-height: 36px;
          }
          
          .tsz-top-header-left .tsz-contact-social-icons {
              gap: 10px;
          }
          
          .tsz-top-header-left .contact-social-icon {
              width: 28px;
              height: 28px;
          }
          
          .tsz-top-header-left .contact-social-icon i {
              font-size: 12px;
          }
          
          .tsz-header-search {
              max-width: 200px;
          }
          
          .tsz-header-search .search-field {
              padding: 6px 10px;
              font-size: 13px;
          }
          
          .tsz-header-search .search-submit {
              padding: 6px 10px;
              min-width: 36px !important;
              width: 36px !important;
              height: auto;
              display: flex !important;
              align-items: center;
              justify-content: center;
              flex-shrink: 0;
              overflow: hidden;
              position: relative;
              visibility: visible !important;
              opacity: 1 !important;
              background: #ae0100 !important;
              z-index: 2;
          }
          
          .tsz-header-search .search-submit svg {
              width: 14px !important;
              height: 14px !important;
              display: block !important;
              flex-shrink: 0;
              visibility: visible !important;
              opacity: 1 !important;
              fill: none !important;
              stroke: currentColor !important;
              stroke-width: 2 !important;
              pointer-events: none;
          }
          
          .tsz-top-menu {
              gap: 6px;
          }
          
          .tsz-top-menu a {
              padding: 6px 12px;
              font-size: 13px;
          }
      }

      @media (max-width: 480px) {
          .tsz-top-header {
              padding: 4px 0;
          }
          
          .tsz-top-header-inner {
              min-height: 32px;
          }
          
          .tsz-top-menu {
              gap: 4px;
          }
          
          .tsz-top-menu a {
              padding: 5px 10px;
              font-size: 12px;
          }
          
          .tsz-top-header-left .tsz-contact-social-icons {
              gap: 8px;
          }
          
          .tsz-top-header-left .contact-social-icon {
              width: 24px;
              height: 24px;
          }
          
          .tsz-top-header-left .contact-social-icon i {
              font-size: 10px;
          }
          
          .tsz-header-search {
              display: none;
          }
          
          .tsz-header-search .search-field {
              padding: 5px 8px;
              font-size: 12px;
          }
          
          .tsz-header-search .search-submit {
              padding: 5px 8px;
              min-width: 32px !important;
              width: 32px !important;
              height: auto;
              display: flex !important;
              align-items: center;
              justify-content: center;
              flex-shrink: 0;
              overflow: hidden;
              position: relative;
              visibility: visible !important;
              opacity: 1 !important;
              background: #ae0100 !important;
              z-index: 2;
          }
          
          .tsz-header-search .search-submit svg {
              width: 12px !important;
              height: 12px !important;
              display: block !important;
              flex-shrink: 0;
              visibility: visible !important;
              opacity: 1 !important;
              position: relative;
              z-index: 1;
              fill: none !important;
              stroke: currentColor !important;
              stroke-width: 2 !important;
              pointer-events: none;
          }
          
          h2, .title-h2 { 
            font-size: var(--font-size-2xl); 
            font-weight: 600;
        }
      }
      
      /* Header Navigation - Modern Styles */
      .tsz-header {
          background: var(--color-white);
          padding: 0;
          position: relative;
          z-index: 1000;
      }
      
      /* ========================================
         HOTEL BOOKING HEADER STYLES
         ======================================== */
      
      /* CSS Custom Properties for Hotel Design */
      :root {
          --header-bg: #ffffff;
          --header-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
          --primary-color: #0073e6;
          --primary-hover: #005bb5;
          --text-color: #333333;
          --text-light: #666666;
          --border-color: #e0e0e0;
          --transition-smooth: all 0.3s ease;
          --border-radius: 0px;
      }
      
      /* Header Base */
      .tsz-header {
          position: relative;
          z-index: 1000;
          background: #ffffff;
          box-shadow: var(--header-shadow);
          transition: var(--transition-smooth);
      }
      
      /* Sticky Header */
      .tsz-header.sticky {
          position: fixed;
          top: 0;
          left: 0;
          right: 0;
          width: 100%;
          background: rgba(255, 255, 255, 0.95);
          backdrop-filter: blur(10px);
          -webkit-backdrop-filter: blur(10px);
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
          animation: slideDown 0.3s ease-out;
      }
      
      @keyframes slideDown {
          from {
              transform: translateY(-100%);
          }
          to {
          transform: translateY(0);
          }
      }
      
      /* Body padding when header is sticky */
      body.header-sticky {
          padding-top: 80px;
      }
      
      
            /* Header Actions */
      .tsz-header-actions {
          display: flex;
          align-items: center;
          flex-shrink: 0;
      }
      
      /* Contact Icons */
      .tsz-contact-icons {
          display: flex;
          align-items: center;
          gap: 15px;
      }
      
      
      /* Language Switcher */
      .tsz-language-switcher {
          position: relative;
      }
      
      .language-dropdown {
          position: relative;
      }
      
      .language-toggle {
          display: flex;
          align-items: center;
          gap: 8px;
          padding: 8px 12px;
          background: none;
          border: 1px solid var(--border-color);
          cursor: pointer;
          transition: var(--transition-smooth);
      }
      
      .language-toggle:hover {
          border-color: var(--primary-color);
      }
      
      .current-language {
          display: flex;
          align-items: center;
          gap: 6px;
      }
      
      .flag-icon {
          width: 20px;
          height: 15px;
          object-fit: cover;
      }
      
      .lang-code {
          font-size: 0.9rem;
          font-weight: 500;
          color: var(--text-color);
      }
      
      .language-dropdown-menu {
          position: absolute;
          top: 100%;
          right: 0;
          background: white;
          border: 1px solid var(--border-color);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          min-width: 120px;
          opacity: 0;
          visibility: hidden;
          transform: translateY(-10px);
          transition: var(--transition-smooth);
          z-index: 1000;
      }
      
      .language-dropdown:hover .language-dropdown-menu {
          opacity: 1;
          visibility: visible;
          transform: translateY(0);
      }
      
      /* Contact & Social Icons */
      .tsz-contact-social-icons {
          display: flex;
          align-items: center;
          gap: 12px;
          flex-shrink: 0;
      }
      
      .contact-social-icon {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 40px;
          height: 40px;
          border: 2px solid var(--border-color);
          color: var(--text-color);
          text-decoration: none;
          transition: var(--transition-smooth);
          position: relative;
          overflow: hidden;
      }
      
      .contact-social-icon::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: #ae0100;
          transform: scale(0);
          transition: var(--transition-smooth);
          z-index: 1;
      }
      
      .contact-social-icon i {
          position: relative;
          z-index: 2;
          font-size: 1rem;
          transition: var(--transition-smooth);
      }
      
      .contact-social-icon:hover {
          border-color: #ae0100;
          color: white;
          transform: translateY(-2px);
      }
      
      .contact-social-icon:hover::before {
          transform: scale(1);
      }
      
      .contact-social-icon:hover i {
          color: white;
      }
      
      .tsz-header-inner {
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0;
          position: relative;
      }
      
      /* Logo */
      .tsz-logo {
          flex-shrink: 0;
      }
      
      .logo-link {
          display: inline-block;
          text-decoration: none;
          transition: var(--transition-smooth);
      }
      
      .logo-link:hover {
          opacity: 0.8;
      }
      
      .logo-img {
          max-height: 50px;
          width: auto;
          transition: var(--transition-smooth);
      }
      
      .logo-text {
          font-size: 1.8rem;
          font-weight: 700;
          color: var(--primary-color);
      }
      
      /* Desktop Navigation - Consolidated */
      .tsz-nav-desktop {
          display: flex;
          align-items: center;
          flex: 1;
          justify-content: center;
      }
      
      /* Mobile Toggle */
      .tsz-mobile-toggle {
          display: none;
          background: none;
          border: 2px solid #d0d0d0;
          cursor: pointer;
          padding: 8px;
          transition: var(--transition-smooth);
          border-radius: 4px;
          position: relative;
          z-index: 1;
          flex-shrink: 0;
      }
      
      /* Ensure mobile toggle doesn't contain search icon */
      .tsz-mobile-toggle svg:not(.hamburger svg),
      .tsz-mobile-toggle .search-submit {
          display: none !important;
      }
      
      /* Show mobile toggle on mobile devices */
      @media (max-width: 1199px) {
          .tsz-mobile-toggle {
              display: block;
          }
      }
      
      .tsz-mobile-toggle:hover {
          background: #f8f9fa;
          border-color: #ae0100;
      }
      
      .tsz-mobile-toggle.active {
          border-color: #ae0100;
      }
      
      .hamburger {
          display: flex;
          flex-direction: column;
          gap: 4px;
          width: 24px;
          height: 18px;
      }
      
      .hamburger-line {
          width: 100%;
          height: 2px;
          background: var(--text-color);
          transition: var(--transition-smooth);
          transform-origin: center;
      }
      
      .tsz-mobile-toggle.active .hamburger-line:nth-child(1) {
          transform: translateY(6px) rotate(45deg);
      }
      
      .tsz-mobile-toggle.active .hamburger-line:nth-child(2) {
          opacity: 0;
      }
      
      .tsz-mobile-toggle.active .hamburger-line:nth-child(3) {
          transform: translateY(-6px) rotate(-45deg);
      }
      
      /* Mobile Navigation - See consolidated styles below */
      
      .mobile-header {
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 20px;
          border-bottom: 1px solid var(--border-color);
          background: #ffffff !important;
          position: relative;
          z-index: 1;
      }
      
      .mobile-close {
          background: #f5f5f5;
          border: 1px solid var(--border-color);
          width: 40px;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          transition: var(--transition-smooth);
          color: var(--text-color);
      }
      
      .mobile-close:hover {
          background: #e9ecef;
          color: var(--text-color);
      }
      
      .mobile-menu-content {
          flex: 1;
          padding: 20px;
          overflow-y: auto;
          background: #ffffff !important;
          position: relative;
          z-index: 1;
          max-height: calc(100vh - 80px);
      }
      
      /* Mobile Menu Items - Clean and Smooth */
      .tsz-nav-mobile .tsz-menu {
          flex-direction: column;
          gap: 0;
          padding: 20px;
      }
      
      .tsz-nav-mobile .tsz-menu li {
          border-bottom: 1px solid #f0f0f0;
      }
      
      .tsz-nav-mobile .tsz-menu li:last-child {
          border-bottom: none;
      }
      
      .tsz-nav-mobile .tsz-menu li > a {
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 16px 0;
          color: #000000;
          text-decoration: none;
          font-size: 1.1rem;
          font-weight: 500;
          transition: all 0.3s ease;
          position: relative;
          padding-right: 50px;
      }
      
      .tsz-nav-mobile .tsz-menu li > a:hover {
          color: #ae0100;
          padding-left: 8px;
      }
      
      /* Mobile submenu styling - simple approach like sub-submenu */
      .tsz-nav-mobile .sub-menu {
          position: static;
          background: #f5f5f5;
          border: 1px solid #e0e0e0;
          box-shadow: 0 2px 4px rgba(0,0,0,0.1);
          margin: 8px 0;
          padding: 8px 0;
          opacity: 1;
          visibility: visible;
          transform: none;
          display: none;
          clear: both;
      }
      
      /* Show submenu when parent has active class */
      .tsz-nav-mobile .tsz-menu .menu-item-has-children.active > .sub-menu {
          display: block;
      }
      
      .tsz-nav-mobile .sub-menu li > a {
          padding: 12px 16px;
          font-size: 1rem;
          color: #333333 !important; /* Darker text for better contrast on grey background */
          position: relative;
          display: block;
          transition: all 0.3s ease;
      }
      
      .tsz-nav-mobile .sub-menu li > a::before {
          content: '';
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          width: 0;
          height: 2px;
          background: #ae0100;
          transition: width 0.3s ease;
      }
      
      .tsz-nav-mobile .sub-menu li > a:hover {
          color: #ae0100;
          padding-left: 25px;
      }
      
      .tsz-nav-mobile .sub-menu li > a:hover::before {
          width: 15px;
      }
      
      /* Mobile submenu toggle - clean arrow */
      .tsz-nav-mobile .submenu-toggle {
          position: absolute;
          right: 16px;
          top: 50%;
          transform: translateY(-50%);
          width: 24px;
          height: 24px;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          border-radius: 4px;
          transition: all 0.3s ease;
          color: #666666;
          z-index: 10;
          pointer-events: auto;
      }
      
      .tsz-nav-mobile .submenu-toggle:hover {
          background-color: #f0f0f0;
          color: #ae0100;
      }
      
      .tsz-nav-mobile .submenu-toggle svg {
          width: 12px;
          height: 12px;
          transition: transform 0.3s ease;
      }
      
      .tsz-nav-mobile .menu-item-has-children.active .submenu-toggle {
          transform: translateY(-50%) rotate(180deg);
      }
      
      /* Mobile Actions */
      .mobile-actions {
          padding: 20px 0;
          border-top: 1px solid #e0e0e0;
          margin-top: 20px;
      }
      
      .tsz-mobile-contact-icons {
          display: flex;
          gap: 16px;
          margin-bottom: 20px;
      }
      
      
      .mobile-social-icons {
          display: flex;
          justify-content: center;
          gap: 16px;
          margin-top: 20px;
      }
      
      .contact-social-icon.mobile {
          width: 45px;
          height: 45px;
      }
      
      /* Mobile Menu Overlay */
      .mobile-menu-overlay {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.5);
          opacity: 0;
          visibility: hidden;
          transition: var(--transition-smooth);
          z-index: 999;
      }
      
      .mobile-menu-overlay.active {
              opacity: 1;
          visibility: visible;
      }
      
            /* Focus States */
      .contact-social-icon:focus,
      .language-toggle:focus,
      .tsz-mobile-toggle:focus,
      .mobile-close:focus {
          outline: 2px solid var(--primary-color);
          outline-offset: 2px;
      }
      
      /* Header Responsive Design */
      @media (max-width: 1199px) {
          .tsz-nav-desktop {
              display: none;
          }
          
          .tsz-mobile-toggle {
              display: block;
          }
          
          .tsz-header-actions {
              gap: 15px;
          }
          
          .tsz-contact-icons {
              gap: 10px;
          }
      }
      
      @media (max-width: 768px) {
          .tsz-nav-mobile {
              max-width: 100%;
          }
          
          .tsz-header-actions {
              gap: 10px;
          }
          
          .tsz-contact-icons {
              gap: 8px;
          }
          
          
          .contact-social-icon {
              width: 35px;
              height: 35px;
          }
          
          .contact-social-icon i {
              font-size: 0.9rem;
          }
      }
      
      @media (max-width: 480px) {
          .tsz-header-inner {
              padding: 0;
          }
          
          .logo-img {
              max-height: 40px;
          }
          
          .tsz-header-actions {
              gap: 8px;
          }
          
          .tsz-contact-icons {
              gap: 6px;
          }
          
          
          .language-toggle {
              padding: 6px 8px;
          }
          
          .contact-social-icon {
              width: 32px;
              height: 32px;
          }
          
          .contact-social-icon i {
              font-size: 0.8rem;
          }
      }
      
      /* Dark Mode Support - REMOVED */
      
      /* High Contrast Mode Support */
      @media (prefers-contrast: high) {
          :root {
              --header-bg: #ffffff;
              --text-color: #000000;
              --border-color: #000000;
          }
      }
      
      /* Reduced Motion Support */
      @media (prefers-reduced-motion: reduce) {
          * {
              transition-duration: 0.01ms !important;
          }
      }
      

      
      /* Add padding to body when header is sticky to prevent content jump */
      body {
          transition: padding-top 0.5s cubic-bezier(0.4, 0, 0.2, 1);
      }
      
      body.header-sticky {
          padding-top: 0px; /* Adjust based on your header height */
      }
      
      @media (max-width: 991px) {
          body.header-sticky {
              padding-top: 0px; /* Smaller padding for mobile */
          }
      }
      
      @media (max-width: 575px) {
          body.header-sticky {
              padding-top: 0px; /* Even smaller padding for small mobile */
          }
      }
      
      /* Header-specific container overrides */
      .tsz-header .tsz-container,
      .tsz-contact-bar .tsz-container,
      .tsz-main-header .tsz-container {
          max-width: 1440px;
          margin: 0 auto;
          padding: 0;
      }
      
      .tsz-header-inner {
          display: flex;
          align-items: center;
          justify-content: space-between;
          position: relative;
      }
      
      /* Logo */
      .tsz-logo {
          z-index: 11;
          flex-shrink: 0;
      }
      
      .tsz-logo img {
          max-height: 70px;
          width: auto;
          transition: all 0.5s ease-in-out;
      }
      .tsz-logo img:hover {
        transform: rotate(360deg);
      }
      
      /* Desktop Navigation */
      .tsz-nav-desktop {
          display: flex;
          align-items: center;
      }
      
      .tsz-nav-desktop .tsz-menu {
          list-style: none;
          display: flex;
          gap: 0px;
          padding: 0;
          margin: 0;
      }
      
      .tsz-nav-desktop .tsz-menu > li {
          position: relative;
          padding: 10px 0;
          border-radius: 0;
      }
      
      
      .tsz-nav-desktop .tsz-menu > li > a {
          text-decoration: none;
          color: var(--text-color);
          padding: 10px 20px;
          display: block;
          transition: color var(--transition-speed) ease;
          white-space: nowrap;
          position: relative;
          border-radius: 0;
          font-family: var(--main-font);
      }
      
      
      
      /* Arrow Indicators */
      .tsz-nav-desktop .menu-item-has-children > a {
          position: relative;
          padding-right: 20px;
      }
      
      /* ========================================
         CLEAN DESKTOP MENU STYLES
         ======================================== */
      
      /* Base menu styling - clean and minimal */
      .tsz-nav-desktop .tsz-menu,
      .tsz-nav-desktop .tsz-menu ul,
      .tsz-nav-desktop .tsz-menu li {
          list-style: none;
          margin: 0;
          padding: 0;
      }
      
      /* Main menu items - smooth and minimal */
      .tsz-nav-desktop .tsz-menu > li > a {
          text-decoration: none;
          color: var(--text-color);
          padding: 12px 24px;
          display: block;
          position: relative;
          font-weight: 500;
          font-size: 1rem;
          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      }
      
      /* Main menu items hover - smooth color transition */
      .tsz-nav-desktop .tsz-menu > li > a:hover {
          color: #ae0100;
          background: rgba(174, 1, 0, 0.05);
          transform: translateY(-1px);
      }
      
      /* Main menu items with children - clean arrow */
      .tsz-nav-desktop .tsz-menu > li.menu-item-has-children > a::after {
          content: '';
          position: absolute;
          right: 12px;
          top: 50%;
          transform: translateY(-50%);
          width: 0;
          height: 0;
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
          border-top: 5px solid #666;
          transition: all 0.3s ease;
      }
      
      /* Arrow hover effect */
      .tsz-nav-desktop .tsz-menu > li.menu-item-has-children > a:hover::after {
          border-top-color: #ae0100;
          transform: translateY(-50%) translateY(-1px);
      }
      
      /* Submenu base - clean and modern */
      .tsz-nav-desktop .tsz-menu .sub-menu {
          position: absolute;
          top: 100%;
          left: 0;
          background: #ffffff;
          border: 1px solid #e5e7eb;
          padding: 8px 0;
          min-width: 240px;
          opacity: 0;
          visibility: hidden;
          transform: translateY(-10px);
          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
          z-index: 1000;
      }
      
      /* Show submenu on hover */
      .tsz-nav-desktop .tsz-menu > li:hover > .sub-menu {
          opacity: 1;
          visibility: visible;
          transform: translateY(0);
      }
      
      /* Submenu items - minimal with accent line */
      .tsz-nav-desktop .tsz-menu .sub-menu li > a {
          position: relative;
          padding: 12px 24px;
          color: var(--text-color);
          text-decoration: none;
          font-size: 0.95rem;
          transition: all 0.3s ease;
          display: block;
      }
      
      /* Submenu accent line */
      .tsz-nav-desktop .tsz-menu .sub-menu li > a::before {
          content: '';
          position: absolute;
          left: 16px;
          top: 50%;
          transform: translateY(-50%);
          width: 0;
          height: 2px;
          background: #ae0100;
          transition: width 0.3s ease;
      }
      
      /* Submenu hover effects */
      .tsz-nav-desktop .tsz-menu .sub-menu li > a:hover {
          color: #ae0100;
          background: rgba(174, 1, 0, 0.05);
          padding-left: 32px;
      }
      
      .tsz-nav-desktop .tsz-menu .sub-menu li > a:hover::before {
          width: 12px;
      }
      
      /* Third level submenu - clean positioning */
      .tsz-nav-desktop .tsz-menu .sub-menu .sub-menu {
          position: absolute;
          top: 0;
          left: 100%;
          background: #ffffff;
          border: 1px solid #e5e7eb;
          padding: 8px 0;
          min-width: 220px;
          opacity: 0;
          visibility: hidden;
          transform: translateX(-8px);
          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
          z-index: 1001;
      }
      
      /* Show third level on hover */
      .tsz-nav-desktop .tsz-menu .sub-menu li:hover > .sub-menu {
          opacity: 1;
          visibility: visible;
          transform: translateX(0);
      }
      
      
      /* ========================================
         CLEAN MOBILE MENU STYLES
         ======================================== */
      
      /* Modern Slide-in Mobile Menu - clean and smooth */
      .tsz-nav-mobile {
          display: none;
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          transform: translateY(-100%);
          z-index: 1001;
          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          padding: 20px 0 0 0;
          background: #ffffff;
          background-attachment: fixed;
          opacity: 0;
          visibility: hidden;
          pointer-events: none;
      }
      
      /* Show mobile menu on mobile devices */
      @media (max-width: 1199px) {
          .tsz-nav-mobile {
              display: block;
          }
      }
      
      /* Active state when menu is open */
      body.mobile-menu-open .tsz-nav-mobile {
          display: block;
          transform: translateY(0);
          opacity: 1;
          visibility: visible;
          pointer-events: auto;
          background: #ffffff;
          background-attachment: fixed;
      }
      
      @media (max-width: 1199px) {
          .tsz-nav-desktop { 
              display: none;
           }
          .tsz-mobile-toggle { 
              display: block; 
              border: none;
              background: transparent;
              border: 1px solid var(--border-color);
              border-radius: 0;
              padding: 10px;
          }
          body.mobile-menu-open { overflow: hidden; }
          .tsz-contact-info-desktop {
              display: flex !important;
          }
          .tsz-contact-info-desktop .contact-item {
              font-size: 0.95rem;
              padding: 4px 8px;
          }
          .tsz-contact-info-desktop .contact-item a {
              font-size: 0.95rem;
          }
          
          /* Mobile navigation styles */
         
      }
      @media (min-width: 1200px) {
          .tsz-nav-mobile {
              display: none;
          }
      }
      
      .tsz-mobile-logo {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 20px 0 8px 0;
      }
      .tsz-mobile-logo img {
          max-width: 120px;
          height: auto;
          border-radius: 16px;
          box-shadow: 0 2px 12px rgba(0,0,0,0.10);
          background: #fff;
      }
      
      .tsz-mobile-contact-icons {
          display: flex;
          justify-content: space-evenly;
          align-items: center;
          gap: 0;
          padding: 20px 0;
          width: 100%;
      }
      
      .tsz-mobile-contact-icons .contact-item {
          display: flex;
          align-items: center;
          justify-content: center;
          color: #fff;
          font-size: 1.2rem;
          background: rgba(255,255,255,0.08);
          border-radius: 50%;
          width: 50px;
          height: 50px;
          padding: 0;
          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          flex: 0 0 auto;
      }
      
      .tsz-mobile-contact-icons .contact-item i {
          font-size: 1.3rem;
          color: #ffe082;
          transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      }
      
      .tsz-mobile-contact-icons .contact-item a {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
          color: inherit;
          text-decoration: none;
          transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      }
      
      /* Hide text in mobile contact icons */
      .tsz-mobile-contact-icons .contact-item span,
      .tsz-mobile-contact-icons .contact-item a span {
          display: none;
      }
      
      .tsz-mobile-contact-icons .contact-item:hover,
      .tsz-mobile-contact-icons .contact-item:focus {
          background: #ffe082;
          color: #173f61;
          transform: scale(1.1);
          box-shadow: 0 4px 12px rgba(255, 224, 130, 0.3);
      }
      
      .tsz-mobile-contact-icons .contact-item:hover i,
      .tsz-mobile-contact-icons .contact-item:focus i,
      .tsz-mobile-contact-icons .contact-item:hover a,
      .tsz-mobile-contact-icons .contact-item:focus a {
          color: #173f61;
      }
      
      /* Mobile Toggle Button */
      @media (min-width: 1199px) {
      .tsz-mobile-toggle {
          display: none;
          background: none;
          border: none;
          padding: 10px;
          cursor: pointer;
          position: relative;
          z-index: 1001;
      }
      }
      
      @media (max-width: 1199px) {
          .hamburger {
              display: block;
          }
      }
      
      .hamburger {
          width: 24px;
          height: 18px;
          position: relative;
      }
      
      .hamburger-line {
          display: block;
          width: 100%;
          height: 2px;
          background-color: var(--text-color);
          position: absolute;
          left: 0;
          transition: all var(--transition-speed) ease;
      }
      
      .hamburger-line:nth-child(1) { top: 0; }
      .hamburger-line:nth-child(2) { top: 8px; }
      .hamburger-line:nth-child(3) { top: 16px; }
      
      body.mobile-menu-open .hamburger-line:nth-child(1) {
          transform: translateY(8px) rotate(45deg);
      }
      
      body.mobile-menu-open .hamburger-line:nth-child(2) {
          opacity: 0;
      }
      
      body.mobile-menu-open .hamburger-line:nth-child(3) {
          transform: translateY(-8px) rotate(-45deg);
      }
      
      /* Prevent body scroll when mobile menu is open */
      body.mobile-menu-open {
          overflow: hidden;
          position: fixed;
          width: 100%;
      }
      
      /* Responsive Breakpoints */
      @media (max-width: 991px) {
          .tsz-header { padding: 0; }
          .tsz-logo img { max-height: 55px; }
          .hamburger { width: 22px; height: 16px; }
          .hamburger-line:nth-child(2) { top: 7px; }
          .hamburger-line:nth-child(3) { top: 14px; }
          .tsz-nav-mobile .tsz-menu a { font-size: 15px; padding: 12px 0; }
          .tsz-mobile-contact-icons {
              flex-direction: row;
              justify-content: space-evenly;
              align-items: center;
              gap: 0;
              padding: 20px 0;
              width: 100%;
          }
          
          /* Contact bar responsive adjustments */
          .tsz-contact-bar .tsz-container {
              flex-direction: column;
              gap: 1rem;
              align-items: stretch;
          }
          .tsz-contact-info-desktop {
              display: none !important;
          }
          
          /* Mobile navigation styles */
      }
      
      @media (max-width: 768px) {
          .hamburger { width: 22px; height: 16px; }
          .hamburger-line:nth-child(2) { top: 7px; }
          .hamburger-line:nth-child(3) { top: 14px; }
          .tsz-nav-mobile .tsz-menu a { font-size: 15px; padding: 12px 0; }
          .tsz-mobile-contact-icons {
              flex-direction: row;
              justify-content: space-evenly;
              align-items: center;
              gap: 0;
              padding: 20px 0;
              width: 100%;
          }
          
          /* Contact bar responsive adjustments */
          .tsz-contact-bar .tsz-container {
              flex-direction: column;
              gap: 1rem;
              align-items: stretch;
          }
          .tsz-contact-info-desktop {
              display: none !important;
          }
          .tsz-contact-info-desktop .contact-item {
              font-size: 0.95rem;
              padding: 4px 8px;
          }
          .tsz-contact-info-desktop .contact-item a {
              font-size: 0.95rem;
          }
          .tsz-contact-bar .tsz-search {
              min-width: auto;
              max-width: none;
          }
      }
      
      @media (max-width: 575px) {
          .tsz-header { padding: 8px 0; }
          .tsz-logo img { margin-top: 10px; }
          .hamburger { width: 20px; height: 14px; }
          .hamburger-line:nth-child(2) { top: 6px; }
          .hamburger-line:nth-child(3) { top: 12px; }
          .tsz-nav-mobile .tsz-menu a { font-size: 14px; padding: 10px 0; }
          .tsz-nav-mobile .sub-menu { padding-left: 12px; }
          .tsz-nav-mobile .sub-menu a { font-size: 13px; }
          
          /* Smaller contact icons for very small screens */
          .tsz-mobile-contact-icons .contact-item {
              width: 45px;
              height: 45px;
          }
          
          .tsz-mobile-contact-icons .contact-item i {
              font-size: 1.2rem;
          }
          
          /* Contact bar mobile adjustments */
          .tsz-contact-bar {
              padding: 0.75rem 0;
          }
          .tsz-contact-info-desktop .contact-item {
              font-size: 0.85rem;
              padding: 4px 8px;
              gap: 6px;
          }
          .tsz-contact-info-desktop .contact-item i {
              font-size: 0.9rem;
          }
          .tsz-contact-info-desktop .contact-item a {
              font-size: 0.8rem;
          }
          .tsz-contact-bar .tsz-search {
              min-width: auto;
              max-width: none;
          }
      }
      
      /* Footer Styles - Enhanced Professional Design */
      .site-footer {
        background: linear-gradient(135deg, #5c0100 0%, #ae0100 70%, #600202 100%);
          color: var(--color-white);
          position: relative;
          overflow: hidden;
      }
      
      .site-footer::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: 
              radial-gradient(circle at 20% 80%, rgba(251, 204, 108, 0.05) 0%, transparent 50%),
              radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.03) 0%, transparent 50%);
          pointer-events: none;
          z-index: 1;
      }
      
      
      /* Additional decorative elements */
      .site-footer .tsz-container::before {
          content: '';
          position: absolute;
          top: 50%;
          right: 5%;
          width: 200px;
          height: 200px;
          background: 
              conic-gradient(from 0deg, 
                  transparent 0deg, 
                  rgba(255, 255, 255, 0.02) 90deg, 
                  transparent 180deg,
                  rgba(251, 204, 108, 0.03) 270deg,
                  transparent 360deg);
          border-radius: 50%;
          animation: rotateGeometry 25s linear infinite;
          z-index: 1;
          pointer-events: none;
      }
      
      /* Footer Main Content - Enhanced */
      .footer-main {
          padding: 80px 0 0;
          position: relative;
          z-index: 2;
      }
      
      /* Footer Widgets - Enhanced Professional Design */
      .footer-widgets {
          margin-bottom: 60px;
      }
      
      .footer-widgets-grid {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          gap: 50px;
      }
      
      @media (max-width: 991px) {
          .footer-widgets-grid {
              grid-template-columns: repeat(2, 1fr);
              gap: 40px;
          }
      }
      
      @media (max-width: 575px) {
          .footer-widgets-grid {
              grid-template-columns: 1fr;
              gap: 30px;
          }
      }
      
      .footer-widget-area {
          min-width: 0;
          position: relative;
      }
      
      .footer-widget-area::before {
          content: '';
          position: absolute;
          top: -20px;
          left: 0;
          width: 40px;
          height: 3px;
          background: linear-gradient(90deg, #fbcc6c, #ff6b35);
          border-radius: 2px;
          opacity: 0;
          transform: translateX(-20px);
          transition: all 0.4s ease;
          box-shadow: 0 2px 8px rgba(251, 204, 108, 0.3);
      }
      
      .footer-widget-area:hover::before {
          opacity: 1;
          transform: translateX(0);
          width: 60px;
      }
      
      .footer-widget-area a {
          color: rgba(255, 255, 255, 0.9);
          text-decoration: none;
          font-size: 0.95rem;
          transition: all 0.3s ease;
          position: relative;
          display: inline-block;
          padding: 4px 0;
      }
      
      .footer-widget-area a:hover {
          color: #fbcc6c;
          transform: translateX(8px);
          text-shadow: 0 0 20px rgba(251, 204, 108, 0.3);
      }
      
      .footer-widget-area a::after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          width: 0;
          height: 1px;
          background: linear-gradient(90deg, #fbcc6c, #ff6b35);
          transition: width 0.3s ease;
      }
      
      .footer-widget-area a:hover::after {
          width: 100%;
      }
      
      .widget {
          margin-bottom: 0;
      }
      
      .widget-title {
          color: var(--color-white);
          font-size: 1.4rem;
          font-weight: 700;
          margin-bottom: 30px;
          position: relative;
          padding-bottom: 20px;
          letter-spacing: 1px;
          text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
      }
      
      .widget-title::after {
          content: '';
          position: absolute;
          left: 0;
          bottom: 0;
          width: 60px;
          height: 4px;
          background: linear-gradient(90deg, #fbcc6c, #ff6b35);
          border-radius: 2px;
          box-shadow: 0 2px 10px rgba(251, 204, 108, 0.3);
      }
      
      .widget ul {
          list-style: none;
          padding: 0;
          margin: 0;
      }
      
      .widget ul li {
          padding: 8px 0;
          margin: 0;
          transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
          position: relative;
          border-bottom: none;
          transform: translateX(-8px);
      }
      
      .widget ul li:hover {
          background: transparent;
          transform: translateX(4px);
      }
      
      .widget ul li::before {
          content: '';
          position: absolute;
          left: -4px;
          top: 50%;
          transform: translateY(-50%) scale(0);
          width: 5px;
          height: 5px;
          background: #fbcc6c;
          border-radius: 50%;
          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          opacity: 0;
          box-shadow: 0 0 8px rgba(251, 204, 108, 0.5);
      }
      
      .widget ul li:hover::before {
          transform: translateY(-50%) scale(1);
          opacity: 1;
          left: 0;
      }
      
      .widget ul li a {
          color: rgba(255, 255, 255, 0.85);
          text-decoration: none;
          transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
          display: block;
          font-weight: 500;
          padding: 6px 12px;
          position: relative;
      }
      
      .widget ul li:hover a {
          color: #fbcc6c;
          font-weight: 600;
      }
      
      /* Remove any underline effects */
      .widget ul li a::after {
          display: none !important;
      }
      

      
      /* Footer Contact & Social */
      .footer-contact-social {
          grid-column: 1;
          display: flex;
          flex-direction: column;
          gap: 40px;
      }
      
      .footer-section-title {
          color: var(--color-white);
          font-size: 1.1rem;
          font-weight: 600;
          margin-bottom: 20px;
          position: relative;
          padding-bottom: 10px;
          text-transform: uppercase;
          letter-spacing: 0.5px;
      }
      
      .footer-section-title::after {
          content: '';
          position: absolute;
          left: 0;
          bottom: 0;
          width: 40px;
          height: 2px;
          background: linear-gradient(90deg, var(--primary-color), #ff6b35);
          border-radius: 1px;
      }
      
      /* Contact Info */
      .contact-info-list {
          display: flex;
          flex-direction: column;
          gap: 15px;
      }
      
      .contact-item {
          display: flex;
          align-items: center;
          gap: 12px;
          padding: 8px 0;
          transition: all 0.3s ease;
      }
      
      .contact-item:hover {
          transform: translateX(5px);
      }
      
      .contact-item i {
          color: var(--primary-color);
          font-size: 1.1rem;
          width: 20px;
          text-align: center;
      }
      
      .contact-item span,
      .contact-item a {
          color: rgba(255, 255, 255, 0.8);
          text-decoration: none;
          transition: color 0.3s ease;
      }
      
      .contact-item a:hover {
          color: var(--primary-color);
      }
      
      /* Social Links */
      .social-links-grid {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 15px;
      }
      
      .social-link {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 45px;
          height: 45px;
          border-radius: 50%;
          background: rgba(255, 255, 255, 0.1);
          color: var(--color-white);
          text-decoration: none;
          transition: all 0.3s ease;
          position: relative;
          overflow: hidden;
      }
      
      .social-link::before {
          content: '';
          position: absolute;
          top: 0;
          left: -100%;
          width: 100%;
          height: 100%;
          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
          transition: left 0.5s ease;
      }
      
      .social-link:hover::before {
          left: 100%;
      }
      
      .social-link:hover {
          transform: translateY(-3px);
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
      }
      
      .social-link.facebook:hover {
          background: #1877f2;
      }
      
      .social-link.twitter:hover {
          background: #1da1f2;
      }
      
      .social-link.instagram:hover {
          background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
      }
      
      .social-link.linkedin:hover {
          background: #0077b5;
      }
      
      .social-link.youtube:hover {
          background: #ff0000;
      }
      
      .social-link i {
          font-size: 1.2rem;
          z-index: 1;
          position: relative;
      }
      
      /* Newsletter */
      .footer-newsletter {
          grid-column: 1;
      }
      
      .newsletter-description {
          color: rgba(255, 255, 255, 0.7);
          margin-bottom: 20px;
          line-height: 1.6;
      }
      
      .newsletter-form {
          margin-top: 20px;
      }
      
      .newsletter-input-group {
          display: flex;
          background: rgba(255, 255, 255, 0.1);
          border-radius: 25px;
          overflow: hidden;
          border: 1px solid rgba(255, 255, 255, 0.2);
          transition: all 0.3s ease;
      }
      
      .newsletter-input-group:focus-within {
          border-color: var(--primary-color);
          box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
      }
      
      .newsletter-input-group input[type="email"] {
          flex: 1;
          padding: 12px 20px;
          border: none;
          background: transparent;
          color: var(--color-white);
          font-size: 0.9rem;
      }
      
      .newsletter-input-group input[type="email"]::placeholder {
          color: rgba(255, 255, 255, 0.6);
      }
      
      .newsletter-input-group input[type="email"]:focus {
          outline: none;
      }
      
      .newsletter-submit {
          padding: 12px 20px;
          background: linear-gradient(45deg, var(--primary-color), #0056b3);
          border: none;
          color: var(--color-white);
          cursor: pointer;
          transition: all 0.3s ease;
          display: flex;
          align-items: center;
          justify-content: center;
      }
      
      .newsletter-submit:hover {
          background: linear-gradient(45deg, #0056b3, var(--primary-color));
          transform: scale(1.05);
      }
      
      .newsletter-submit i {
          font-size: 1rem;
      }
      
      /* Newsletter Messages */
      .newsletter-message {
          margin-top: 10px;
          padding: 8px 12px;
          border-radius: 5px;
          font-size: 0.85rem;
          opacity: 0;
          transform: translateY(-10px);
          transition: all 0.3s ease;
      }
      
      .newsletter-message.success {
          background: rgba(40, 167, 69, 0.1);
          color: #28a745;
          border: 1px solid rgba(40, 167, 69, 0.3);
          opacity: 1;
          transform: translateY(0);
      }
      
      .newsletter-message.error {
          background: rgba(220, 53, 69, 0.1);
          color: #dc3545;
          border: 1px solid rgba(220, 53, 69, 0.3);
          opacity: 1;
          transform: translateY(0);
      }
      
      /* Footer Bottom - Enhanced Professional Design */
      .footer-bottom {
          background: rgb(34 34 34 / 95%);
          padding: 30px 0;
          position: relative;
          z-index: 2;
          border-top: 1px solid rgba(255, 255, 255, 0.15);
          backdrop-filter: blur(10px);
      }
      
      .footer-bottom-content {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-wrap: wrap;
          gap: 25px;
      }
      
      .copyright {
          color: rgba(255, 255, 255, 0.9);
          font-size: 0.95rem;
          font-weight: 500;
          text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
      }
      
      .footer-links {
          display: flex;
          align-items: center;
      }
      
      .footer-menu {
          display: flex;
          list-style: none;
          margin: 0;
          padding: 0;
          gap: 30px;
          flex-wrap: wrap;
      }
      
      .footer-menu li {
          margin: 0;
      }
      
      .footer-menu a {
          color: rgba(255, 255, 255, 0.8);
          text-decoration: none;
          font-size: 0.95rem;
          font-weight: 500;
          transition: all 0.3s ease;
          position: relative;
          padding: 8px 0;
          display: inline-block;
      }
      
      .footer-menu a::after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          width: 0;
          height: 2px;
          background: linear-gradient(90deg, #fbcc6c, #ff6b35);
          transition: width 0.3s ease;
          border-radius: 1px;
      }
      
      .footer-menu a:hover {
          color: #fbcc6c;
          text-shadow: 0 0 20px rgba(251, 204, 108, 0.3);
      }
      
      .footer-menu a:hover::after {
          width: 100%;
      }
      
      .footer-credits {
          color: rgba(255, 255, 255, 0.5);
          font-size: 0.85rem;
          text-align: center;
          width: 100%;
          margin: 0 auto;
      }
      
      .footer-credits a {
          color: var(--primary-color);
          text-decoration: none;
          transition: color 0.3s ease;
      }
      
      .footer-credits a:hover {
          color: #ff6b35;
      }
      
      /* Back to Top Button */
      .back-to-top {
          position: fixed;
          bottom: 30px;
          right: 30px;
          width: 50px;
          height: 50px;
          background: linear-gradient(45deg, var(--primary-color), #0056b3);
          color: var(--color-white);
          border: none;
          border-radius: 50%;
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 1.2rem;
          opacity: 0;
          visibility: hidden;
          transform: translateY(20px);
          transition: all 0.3s ease;
          z-index: 1000;
          box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
      }
      
      .back-to-top.show {
          opacity: 1;
          visibility: visible;
          transform: translateY(0);
      }
      
      .back-to-top:hover {
          background: linear-gradient(45deg, #0056b3, var(--primary-color));
          transform: translateY(-3px);
          box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
      }
      
      .back-to-top i {
          transition: transform 0.3s ease;
      }
      
      .back-to-top:hover i {
          transform: translateY(-2px);
      }
      
      /* Responsive Design */
      @media (max-width: 991px) {
          .footer-main {
              padding: 60px 0 40px;
          }
          
          .footer-content-grid {
              grid-template-columns: 1fr;
              gap: 40px;
          }
          
          .footer-widgets-grid {
              grid-template-columns: repeat(2, 1fr);
              gap: 30px;
          }
          
          .footer-bottom-content {
              flex-direction: column;
              text-align: center;
              gap: 15px;
          }
          
          .footer-menu {
              justify-content: center;
              gap: 20px;
          }
      }
      
      @media (max-width: 768px) {
        .footer-widgets {
            padding: 0 20px;
        }
          .footer-widgets-grid {
              grid-template-columns: 1fr;
              gap: 25px;
          }
          
          .back-to-top {
              bottom: 20px;
              right: 20px;
              width: 45px;
              height: 45px;
              font-size: 1.1rem;
          }
      }
      
      @media (max-width: 575px) {
          .footer-main {
              padding: 40px 0 30px;
          }
          
          .footer-content-grid {
              gap: 30px;
          }
          
          .widget-title {
              font-size: 1.1rem;
              margin-bottom: 20px;
          }
          
          .footer-menu {
              flex-direction: column;
              gap: 10px;
          }
          
          .back-to-top {
              bottom: 15px;
              right: 15px;
              width: 40px;
              height: 40px;
              font-size: 1rem;
          }
      }
      
      /* ARCHIVE  */
      
      /* === Global Layout Containers === */
      .post-container {
          display: grid;
          grid-template-columns: 2fr 1fr;
          gap: 3rem;
          padding: 3rem 0;
          max-width: 1240px;
          margin: 0 auto;
          align-items: start;
      }
      
      .post-grid {
          display: flex;
          flex-direction: column;
    gap: 1.5rem;
          background: transparent;
          padding: 0;
      }
      
      .single-post {
          background: #fff;
          box-shadow: 0 2px 12px rgba(0,0,0,0.06);
          padding: 0;
          min-width: 0;
          width: 100%;
          margin-bottom: 2rem;
      }
      
      .post-content {
          padding: 2.5em 2em;
          overflow: hidden;
      }
      
      /* === Animation Keyframes === */
      @keyframes fadeIn {
          from {
              opacity: 0;
          }
          to {
              opacity: 1;
          }
      }
      
      @keyframes slideUp {
          from {
              opacity: 0;
              transform: translateY(20px);
          }
          to {
              opacity: 1;
              transform: translateY(0);
          }
      }
      
      /* Animation Classes */
      .animate-fade-in {
          animation: fadeIn 0.8s ease-out forwards;
      }
      
      .animate-slide-up {
          animation: slideUp 0.8s ease-out forwards;
          animation-delay: 0.3s;
          opacity: 0;
      }
      
      /* === SIMPLIFIED HEADER DESIGN === */
      .archive-header,
      .post-header {
          background: #a32526;
          padding: 40px 0 30px;
          width: 100%;
          position: relative;
          border-bottom: 1px solid #e0e0e0;
      }
      
      
      
      .archive-header .tsz-container,
      .post-header .tsz-container {
          margin: 0 auto;
          padding: 0;
          position: relative;
      }
      
      .header-title-section {
          text-align: left;
          position: relative;
          margin-bottom: 1rem;
      }
      
      .header-breadcrumb-section {
          display: flex;
          justify-content: flex-start;
          margin-top: 1rem;
      }
      
      /* Cool Minimal Breadcrumb Design */
      #breadcrumbs {
          background: #fff;
          backdrop-filter: blur(10px);
          -webkit-backdrop-filter: blur(10px);
          color: #666;
          padding: 5px 20px;
          font-size: 14px;
          font-weight: 500;
          display: inline-flex;
          align-items: center;
          border: 1px solid rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
          transition: all 0.3s ease;
      }
      
      #breadcrumbs:hover {
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
          transform: translateY(-1px);
      }
      
      #breadcrumbs a {
          color: #ae0000e5;
          text-decoration: none;
          transition: all 0.2s ease;
          position: relative;
          padding: 4px 8px;
          border-radius: 12px;
      }
      
      #breadcrumbs a:hover {
          color: #ae0100;
          transform: translateY(-1px);
      }

      @media (max-width: 481px) {
        #breadcrumbs {
            font-size: 10px;
        }
         #breadcrumbs a {
            font-size: 10px;
        }
    }
      
      #breadcrumbs .separator {
          margin: 0 6px;
          color: #ccc;
          font-size: 12px;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 16px;
          height: 16px;
      }
      
      #breadcrumbs .separator::before {
          content: '›';
          font-weight: bold;
      }
      
      /* Simple Title Design */
      .main-title {
          font-size: clamp(2rem, 6vw, 3rem);
          font-weight: 600;
          color: #fff;
          margin-bottom: 1rem;
          position: relative;
          display: block;
          font-family: var(--heading-font);
          line-height: 1.3;
          letter-spacing: -0.01em;
      }
      
      
      /* Hide Page Excerpt in Headers */
      .page-excerpt {
          display: none;
      }
      
      /* Simple Archive & Post Titles */
      .archive-title, .post-title {
          font-size: clamp(1.8rem, 5vw, 2.5rem);
          font-weight: 600;
          color: #ae0100;
          margin-bottom: 0.5rem;
          font-family: var(--heading-font);
          line-height: 1.3;
          position: relative;
          letter-spacing: -0.01em;
      }
      
      
      
      

      
      /* Responsive Design for Simplified Headers */
      @media (max-width: 1024px) {
          .archive-header .tsz-container,
          .post-header .tsz-container {
              padding: 0 1.5rem;
          }
          
          .header-title-section {
              text-align: left;
          }
          
          .header-breadcrumb-section {
              justify-content: flex-start;
          }
      }
      
      @media (max-width: 768px) {
          .archive-header,
          .post-header {
              padding: 30px 0 20px;
          }
          
          .archive-header .tsz-container,
          .post-header .tsz-container {
              padding: 0 1.5rem;
          }
      }
      
      @media (max-width: 480px) {
          .archive-header,
          .post-header {
              padding: 25px 0 15px;
          }
          
          .archive-header .tsz-container,
          .post-header .tsz-container {
              padding: 0 1rem;
          }
          
          #breadcrumbs {
              font-size: 12px;
              padding: 10px 16px;
          }
      }
      
      /* Accessibility & Performance */
      @media (prefers-reduced-motion: reduce) {
          * {
              animation: none !important;
              transition: none !important;
          }
      }
      
      /* High Contrast Mode */
      @media (prefers-contrast: high) {
          .archive-header,
          .post-header {
              background: #000;
          }
          
          .main-title,
          .archive-title,
          .post-title {
              color: #fff;
          }
          
          #breadcrumbs {
              background: #fff;
              color: #000;
          }
      }
      
      /* === Post Card === */
      .post-card {
          position: relative;
          background-color: #fff;
          box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
          display: flex;
          flex-direction: row;
          overflow: hidden;
          transition: all 0.3s ease;
          border-radius: 12px;
          border: 1px solid rgba(0, 0, 0, 0.05);
      }
      
      .post-card:hover {
          transform: translateY(-2px);
          box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
          border-color: rgba(0, 115, 230, 0.2);
      }
      

      
      .post-thumbnail {
          flex: 0 0 300px;
          position: relative;
          overflow: hidden;
      }
      
      .post-thumbnail img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          display: block;
          transition: transform 0.3s ease;
      }
      
      .post-card:hover .post-thumbnail img {
          transform: scale(1.05);
      }
      
      .post-card-body {
          flex: 1;
          padding: 2rem;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
      }
      
      .post-card-body .post-title {
          margin-bottom: 1rem;
      }
      
      .post-card-body .post-title a {
          font-size: 1.8rem;
          font-weight: 700;
          color: #222;
          text-decoration: none;
          line-height: 1.2;
          transition: color 0.3s ease;
          font-family: var(--main-font);
          display: block;
      }
      
      .post-card-body .post-title a:hover {
          color: var(--primary-color, #ae0100);
      }
      
      .post-meta {
          font-size: 0.9rem;
          color: #666;
          margin-bottom: 1.5rem;
          display: flex;
          align-items: center;
          gap: 1.5rem;
          flex-wrap: wrap;
      }
      
      .post-meta .meta-item {
          display: flex;
          align-items: center;
          gap: 0.5rem;
      }
      
      .post-meta .meta-item i {
          color: #0073e6;
          font-size: 0.8rem;
      }
      
      .post-excerpt {
          flex-grow: 1;
          color: #555;
          line-height: 1.7;
          font-size: 1rem;
          margin-bottom: 1.5rem;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden;
      }
      
      .read-more {
          display: inline-flex;
          align-items: center;
          gap: 0.5rem;
          padding: 0.75rem 1.5rem;
          background: linear-gradient(135deg, #0073e6 0%, #005bb5 100%);
          color: #fff;
          font-weight: 600;
          text-align: center;
          transition: all 0.3s ease;
          text-decoration: none;
          border-radius: 8px;
          align-self: flex-start;
      }
      
      .read-more:hover {
          background: linear-gradient(135deg, #005bb5 0%, #004494 100%);
          transform: translateY(-2px);
          box-shadow: 0 4px 12px rgba(0, 115, 230, 0.3);
      }
      
      .read-more i {
          font-size: 0.8rem;
          transition: transform 0.3s ease;
      }
      
      .read-more:hover i {
          transform: translateX(2px);
      }
      
      /* === Single Post Specific === */
      .single-post .featured-image {
          margin-bottom: 2rem;
    aspect-ratio: 16 / 9;
    overflow: hidden;
      }
      
      .single-post .featured-image img {
          width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
          border-radius: 8px;
      }
      
      .single-post .entry-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: 0.9rem;
    color: #444;
    margin-bottom: 1.5rem;
      }
      
.single-post .entry-meta > span,
.single-post .entry-meta > a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 2px solid #ae0100;
    color: #ae0100;
    background: transparent;
    border-radius: 0;
    line-height: 1;
    transition: all 0.25s ease;
}

.single-post .entry-meta > a:hover,
.single-post .entry-meta > span:hover {
    background: #ae0100;
    color: #ffffff;
}
      
      .single-post .entry-meta i {
    color: #ae0100;
      }
      
      .single-post .entry-content {
          line-height: 1.8;
          margin-bottom: 3rem;
      }

      /* Gutenberg Image Enhancements on Single Post */
      .single-post .entry-content .wp-block-image {
          margin: 1.75rem 0;
      }

      .single-post .entry-content .wp-block-image img {
          width: 100%;
          height: auto;
          display: block;
          border-radius: 8px;
          box-shadow: 0 6px 24px rgba(0,0,0,0.06);
          image-rendering: auto;
      }

      /* Reset any gallery filters inside post content */
      .single-post .entry-content figure.wp-block-gallery .wp-block-image img {
          filter: none;
          border-radius: 8px;
      }

      /* Captions */
      .single-post .entry-content .wp-block-image figcaption {
          text-align: center;
          color: #666;
          font-size: 0.9rem;
          margin-top: 0.6rem;
      }

      /* Support wide and full alignments to feel premium */
      .single-post .entry-content .alignwide {
          width: min(1200px, 100%);
          margin-left: auto;
          margin-right: auto;
      }

      .single-post .entry-content .alignfull {
          width: 100vw;
          margin-left: calc(50% - 50vw);
          margin-right: calc(50% - 50vw);
          max-width: 100vw;
      }
      
      .post-navigation {
          display: flex;
          justify-content: space-between;
          align-items: stretch;
          padding: 2rem 0 0 0;
          background: none;
          border-radius: 0;
          box-shadow: none;
          border-top: 2px solid #ae0100;
          gap: 1rem;
          margin-top: 2rem;
      }
      
      .post-navigation a {
          display: inline-flex;
          align-items: center;
          gap: 0.5em;
          background: transparent;
          color: #ae0100;
          font-weight: 600;
          font-size: 0.9rem;
          padding: 0.6rem 1rem;
          border-radius: 0;
          box-shadow: none;
          text-decoration: none;
          transition: all 0.3s ease;
          min-width: 0;
          border: 2px solid #ae0100;
          outline: none;
          position: relative;
          letter-spacing: 0.01em;
          font-family: inherit;
      }
      
      .post-navigation a:hover, .post-navigation a:focus {
          color: #ffffff;
          background: #ae0100;
          box-shadow: none;
          text-decoration: none;
      }
      
      .post-navigation .nav-title {
          display: none;
          font-size: 0.95rem;
          color: #ae0100;
          font-weight: 400;
          margin-top: 1.1em;
          margin-bottom: 0.2em;
          letter-spacing: 0.01em;
          text-transform: none;
      }
      
      .post-navigation .nav-previous,
      .post-navigation .nav-next {
          flex: 1 1 0;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: center;
      }
      
      .post-navigation .nav-next {
          align-items: flex-end;
      }
      
      @media (max-width: 991px) {
          .post-navigation {
              flex-direction: column;
              align-items: stretch;
              padding: 2rem 0 0 0;
              gap: 1.5rem;
          }
          .post-navigation a {
              width: 100%;
              min-width: 0;
              justify-content: center;
              align-items: center;
              text-align: center;
          }
          .post-navigation .nav-next {
              align-items: center;
          }
      }
      
      /* === Sidebar (Universal fix & scroll) === */
      .archive-sidebar,
      .post-sidebar {
          position: relative;
          background-color: #f9f9f9;
          padding: 0;
          border-radius: 0.5rem;
      }
      
      .post-sidebar {
          border-left: 1px solid rgba(0,0,0,0.3);
          border-right: none;
          border-top: none;
          border-bottom: none;
      }
      
      .post-sidebar-left {
          border-right: 1px solid rgba(0,0,0,0.3);
          border-left: none;
          border-top: none;
          border-bottom: none;
      }
      
      .post-sidebar-left-inner,
      .post-sidebar-inner {
          position: static;
          max-height: none;
          overflow-y: visible;
          padding: 0;
          border: none;
          background: none;
      }
      
      /* === Widgets === */
      .widget_recent_entries {
          position: relative;
          padding: 10px 15px;
      }
      
      .widget_recent_entries .widget-title {
          font-size: 1.1rem;
          font-weight: 700;
          color: #1e293b;
          margin: 0 0 1rem 0;
          padding-bottom: 0.5rem;
          position: relative;
          line-height: 1.3;
          letter-spacing: -0.025em;
      }
      
      .widget_recent_entries ul {
          list-style: none;
          padding: 0;
          margin: 0;
      }
      
      .widget_recent_entries ul li {
          padding: 0.75rem 0;
          border-bottom: 1px solid #e2e8f0;
          transition: all 0.2s ease;
      }
      
      .widget_recent_entries ul li:last-child {
          border-bottom: none;
          padding-bottom: 0;
      }
      
      .widget_recent_entries ul li:hover {
          background: rgba(44, 74, 96, 0.02);
          margin: 0 -0.75rem;
          padding-left: 0.75rem;
          padding-right: 0.75rem;
          border-radius: 6px;
      }
      
      .widget_recent_entries ul li a {
          display: block;
          color: #1e293b;
          text-decoration: none;
          font-weight: 600;
          font-size: 0.9rem;
          line-height: 1.3;
          margin-bottom: 0.4rem;
          transition: color 0.2s ease;
      }
      
      .widget_recent_entries ul li a:hover {
          color: #ae0100;
      }
      
      .widget_recent_entries .post-date {
          font-size: 0.75rem;
          color: #64748b;
          font-weight: 500;
      }
      
      .post-date {
          background: #ae0100;
          width: max-content;
          padding: 5px 15px;
          color: #fff;
      }
      .post-date i {
          color: #fff !important;
      }
      
      .post-author {
          background: #ae0100;
          color: #fff;
          padding: 5px 15px;

      }
      
      .post-category {
          background: #ae0100;
          padding: 5px 15px;
      }
      
      .post-category i, .post-category a {
          color: #fff;
          text-decoration: none;
      }
      
      /* === Responsive === */
      @media (max-width: 991px) {
          .post-container {
              grid-template-columns: 1fr;
              gap: 2rem;
          }
      
          .single-post {
              grid-column: 1;
          }
      
          .post-sidebar-right-inner {
              position: static;
              overflow: visible;
              max-height: none;
          }
      
          .single-post .entry-title {
              font-size: 2.5rem;
          }
      
          .single-post .post-content {
              padding: 2.5rem;
          }
      
          .post-navigation {
              grid-template-columns: 1fr;
              gap: 1.5rem;
              padding: 2.5rem;
          }
      
          .nav-previous,
          .nav-next {
              text-align: center;
          }
      
          .nav-previous::after,
          .nav-next::after {
              display: none;
          }
      }
      
      @media (max-width: 767px) {
          .post-container {
              padding: 2rem 1rem;
          }
      
          .single-post .entry-content {
              font-size: 1.05rem;
          }
      
          .single-post .entry-meta {
              gap: 0.8rem;
          }
      
          .single-post .entry-meta span {
              font-size: 0.85rem;
              padding: 8px 15px;
          }
      
          .single-post .entry-title {
              font-size: 2rem;
          }
      
          .single-post .post-content {
              padding: 2rem;
          }
      
          .post-navigation {
              padding: 2rem;
          }
      }
      
      /* JavaScript will be added to calculate dynamic sidebar heights */
      
      /* === Single Post JavaScript-Enhanced Styles === */
      
      /* Scroll Indicators for Sidebars */
      .scroll-indicator,
      .scroll-indicator-top,
      .scroll-indicator-bottom {
          display: none !important;
      }
      
      /* Ripple Effect Animation */
      @keyframes ripple {
          to {
              transform: scale(4);
              opacity: 0;
          }
      }
      
      .ripple-effect {
          pointer-events: none;
      }
      
      /* Enhanced Focus States for Accessibility */
      .post-sidebar-left-inner a:focus,
      .post-sidebar-right-inner a:focus,
      .nav-previous:focus,
      .nav-next:focus {
          outline: 2px solid #ae0100;
          outline-offset: 2px;
      }
      
      /* Loading Animation for Post Content */
      .single-post.loading .entry-content {
          opacity: 0.7;
      }
      
      .single-post.loading::after {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 40px;
          height: 40px;
          border: 4px solid #f3f3f3;
          border-top: 4px solid #002f5d;
          border-radius: 50%;
          animation: spin 1s linear infinite;
      }
      
      @keyframes spin {
          0% { transform: translate(-50%, -50%) rotate(0deg); }
          100% { transform: translate(-50%, -50%) rotate(360deg); }
      }
      
      /* === Gutenberg Categories Widget (wp-block-categories-list) === */
      .wp-block-categories-list,
      .wp-block-categories {
          background: #fff;
          border-radius: 12px;
          box-shadow: 0 2px 10px rgba(0,0,0,0.06);
          padding: 2rem 1.5rem;
          margin-bottom: 2rem;
          list-style: none;
          font-size: 1rem;
      }
      
      .wp-block-categories-list li,
      .wp-block-categories li {
          margin-bottom: 1rem;
          padding-bottom: 1rem;
          border-bottom: 1px solid #e5e7eb;
          transition: background 0.2s;
      }
      
      .wp-block-categories-list li:last-child,
      .wp-block-categories li:last-child {
          border-bottom: none;
          margin-bottom: 0;
          padding-bottom: 0;
      }
      
      .wp-block-categories-list a,
      .wp-block-categories a {
          color: var(--primary-color, #002f5d);
          text-decoration: none;
          font-weight: 600;
          transition: color 0.2s;
          display: flex;
          align-items: center;
          gap: 0.5em;
      }
      
      .wp-block-categories-list a:hover,
      .wp-block-categories a:hover {
          color: #bb1e1d;
          text-decoration: underline;
      }
      
      .wp-block-categories-list .cat-count,
      .wp-block-categories .cat-count {
          background: #ae0100;
          color: #000;
          border-radius: 50px;
          padding: 2px 10px;
          font-size: 0.9em;
          margin-left: 0.5em;
      }
      
      @media (max-width: 575px) {
          .wp-block-categories-list,
          .wp-block-categories {
              padding: 1rem 0.5rem;
              font-size: 0.95rem;
          }
      }
      
      /* Responsive adjustments */
      @media (max-width: 991px) {
          .archive-header,
          .post-header {
              padding: 2.5rem 0;
          }
      
          .main-title {
              font-size: 2.5em;
          }
          
          .archive-container,
          .post-container {
              grid-template-columns: 1fr;
              gap: 2rem;
          }
          
          .post-card {
              flex-direction: column;
          }
          
          .post-thumbnail {
              flex: 0 0 250px;
          }
          
          .post-card-body {
              padding: 1.5rem;
          }
          
          .post-card-body .post-title a {
              font-size: 1.5rem;
          }
      }
      
      @media (max-width: 768px) {
          .archive-header,
          .post-header {
              padding: 2rem 0;
          }
      
          .main-title {
              font-size: 2em;
          }
      
          .page-excerpt {
              font-size: 1.1rem;
          }
          
          .post-thumbnail {
              flex: 0 0 200px;
          }
          
          .post-card-body {
              padding: 1.25rem;
          }
          
          .post-card-body .post-title a {
              font-size: 1.3rem;
          }
          
          .post-meta {
              font-size: 0.85rem;
              gap: 1rem;
          }
      }
      
      /* Enhanced Submenu Styles with Smooth Animations */
      .tsz-nav-desktop .sub-menu {
          padding: 8px 0;
          display: block; /* Always displayed for smooth animations */
          position: absolute;
          top: calc(100% + 8px); /* Small gap for better UX */
          left: 0;
          background: #ffffff;
          box-shadow: 
              0 10px 40px rgba(0, 47, 93, 0.15),
              0 4px 20px rgba(0, 47, 93, 0.1),
              0 2px 8px rgba(0, 47, 93, 0.08);
          min-width: 260px;
          border-radius: 0; /* No border radius as requested */
          z-index: var(--z-dropdown);
          border-left: 4px solid #ae0100; /* Left accent border */
          opacity: 0;
          visibility: hidden;
          transform: translateY(15px) scale(0.95);
          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          margin: 0;
          backdrop-filter: blur(8px);
          will-change: transform, opacity;
      }
      
      /* Smooth dropdown reveal on hover - only direct children */
      .tsz-nav-desktop .tsz-menu > li:hover > .sub-menu,
      .tsz-nav-desktop .tsz-menu > li:focus-within > .sub-menu {
          opacity: 1;
          visibility: visible;
          transform: translateY(0) scale(1);
          transition-delay: 0.1s; /* Slight delay for better UX */
      }
      
      /* Hide all third level menus when hovering over first level */
      .tsz-nav-desktop .tsz-menu > li:hover .sub-menu .sub-menu {
          opacity: 0;
          visibility: hidden;
          transform: translateX(15px) scale(0.95);
          pointer-events: none;
          display: none;
          transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      }
      
      /* Show third level menus when hovering over their direct parent */
      .tsz-nav-desktop .tsz-menu > li .sub-menu li:hover > .sub-menu {
          opacity: 1;
          visibility: visible;
          transform: translateX(0) scale(1);
          pointer-events: auto;
          display: block;
          transition-delay: 0.2s;
      }
      
      
      /* Prevent dropdown from hiding too quickly */
      .tsz-nav-desktop .menu-item-has-children > .sub-menu:hover {
          opacity: 1;
          visibility: visible;
          transform: translateY(0) scale(1);
      }
      
      /* Submenu li - consolidated above */
      
      /* Staggered animation for submenu items */
      .tsz-nav-desktop .sub-menu li:nth-child(1) { animation-delay: 0.1s; }
      .tsz-nav-desktop .sub-menu li:nth-child(2) { animation-delay: 0.15s; }
      .tsz-nav-desktop .sub-menu li:nth-child(3) { animation-delay: 0.2s; }
      .tsz-nav-desktop .sub-menu li:nth-child(4) { animation-delay: 0.25s; }
      .tsz-nav-desktop .sub-menu li:nth-child(5) { animation-delay: 0.3s; }
      .tsz-nav-desktop .sub-menu li:nth-child(6) { animation-delay: 0.35s; }
      
      /* Submenu a - consolidated above */
      
      /* Submenu hover - consolidated above */
      
      
      
      /* Keyframe animation for submenu items */
      @keyframes slideInSubmenu {
          from {
              opacity: 0;
              transform: translateX(-10px);
          }
          to {
              opacity: 1;
              transform: translateX(0);
          }
      }
      
      /* Enhanced Third Level Submenu */
      .tsz-nav-desktop .sub-menu .sub-menu {
          top: -8px;
          left: calc(100% + 8px);
          margin-left: 0;
          border-left: 4px solid #ae0100; /* Different accent color for 3rd level */
          transform: translateX(15px) scale(0.95);
          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          box-shadow: 
              0 15px 50px rgba(0, 47, 93, 0.2),
              0 8px 25px rgba(0, 47, 93, 0.12);
      }
      
      /* Third level menu - consolidated above */
      
      /* Enhanced main menu item hover effects */
      .tsz-nav-desktop .tsz-menu > li > a {
          position: relative;
          overflow: hidden;
      }
      
      
      
      
      /* Performance optimizations for menu animations */
      .tsz-nav-desktop .sub-menu,
      .tsz-nav-desktop .sub-menu a::before {
          will-change: transform, opacity;
      }
      
      /* Accessibility improvements */
      @media (prefers-reduced-motion: reduce) {
          .tsz-nav-desktop .sub-menu,
          .tsz-nav-desktop .sub-menu li,
          .tsz-nav-desktop .sub-menu a,
          .tsz-nav-desktop .tsz-menu > li > a::before,
          .tsz-nav-desktop .menu-item-has-children > a::before {
              transition: none;
              animation: none;
          }
          
          .tsz-nav-desktop .sub-menu li {
              opacity: 1;
              transform: none;
          }
          
          .tsz-nav-desktop .menu-item-has-children:hover > .sub-menu {
              transform: none;
          }
      }
      
      /* High contrast mode support */
      @media (prefers-contrast: high) {
          .tsz-nav-desktop .sub-menu {
              border: 2px solid;
              box-shadow: none;
          }
          
          .tsz-nav-desktop .sub-menu li:not(:last-child)::after {
              background: currentColor;
              opacity: 0.3;
          }
      }
      
      /* Focus improvements for keyboard navigation */
      .tsz-nav-desktop .tsz-menu a:focus {
          outline: none;
          background: rgba(255, 255, 255, 0.1);
          z-index: 999;
      }
      
      /* === TEXT WIDGETS === */
      
      .widget_text {
          font-size: 0.9rem;
          line-height: 1.5;
          color: #ffffff;
          padding: 10px 0;
      }
      
      .widget_text p {
          margin-bottom: 0.75rem;
      }
      
      .widget_text p:last-child {
          margin-bottom: 0;
      }
      
      .widget_text strong {
          color: #ffffff;
          font-weight: 600;
      }
      
      .widget_text a {
          color: #ffffff;
          text-decoration: none;
          border-bottom: 1px solid transparent;
          transition: all 0.2s ease;
      }
      
      .widget_text a:hover {
          color: #ae0100;
          border-bottom-color: #ae0100;
      }
      
      /* === ARCHIVE WIDGETS === */
      
      /* Only apply dropdown styling to our custom widgets */
      .widget_tsz_archive_dropdown,
      .widget_tsz_category_dropdown {
          position: relative;
      }
      
      /* Dropdown Toggle Button */
      .archive-dropdown-toggle {
          width: 100%;
          padding: 0.75rem 1rem;
          border: 2px solid #e2e8f0;
          border-radius: 8px;
          background: #ffffff;
          color: #1e293b;
          font-size: 0.9rem;
          font-weight: 500;
          cursor: pointer;
          transition: all 0.2s ease;
          display: flex;
          align-items: center;
          justify-content: space-between;
          text-align: left;
      }
      
      .archive-dropdown-toggle:hover {
          border-color: #cbd5e1;
          background: #f8fafc;
      }
      
      .archive-dropdown-toggle:focus {
          outline: none;
          border-color: #ae0100;
          box-shadow: 0 0 0 3px rgba(174, 1, 0, 0.1);
      }
      
      .archive-dropdown-toggle .toggle-icon {
          width: 16px;
          height: 16px;
          transition: transform 0.3s ease;
          position: relative;
      }
      
      .archive-dropdown-toggle .toggle-icon::before,
      .archive-dropdown-toggle .toggle-icon::after {
          content: '';
          position: absolute;
          background: #6b7280;
          transition: all 0.3s ease;
      }
      
      .archive-dropdown-toggle .toggle-icon::before {
          width: 2px;
          height: 12px;
          top: 2px;
          left: 7px;
      }
      
      .archive-dropdown-toggle .toggle-icon::after {
          width: 12px;
          height: 2px;
          top: 7px;
          left: 2px;
      }
      
      .archive-dropdown-toggle.active .toggle-icon::before {
          transform: rotate(90deg);
      }
      
      /* Dropdown Content */
      .archive-dropdown-content {
          max-height: 0;
          overflow: hidden;
          transition: max-height 0.3s ease, padding 0.3s ease;
          padding: 0;
          margin-top: 0;
      }
      
      .archive-dropdown-content.active {
          max-height: 600px;
          padding: 0.75rem 0;
          margin-top: 0.5rem;
          overflow-y: auto;
      }
      
      .archive-dropdown-content::-webkit-scrollbar {
          width: 4px;
      }
      
      .archive-dropdown-content::-webkit-scrollbar-track {
          background: #f1f5f9;
          border-radius: 2px;
      }
      
      .archive-dropdown-content::-webkit-scrollbar-thumb {
          background: #ae0100;
          border-radius: 2px;
      }
      
      .archive-dropdown-content::-webkit-scrollbar-thumb:hover {
          background: #8b0000;
      }
      
      /* Archive/Category Lists - Only for custom dropdown widgets */
      .widget_tsz_archive_dropdown ul,
      .widget_tsz_category_dropdown ul {
          list-style: none;
          padding: 0;
          margin: 0;
      }
      
      .widget_tsz_archive_dropdown ul li,
      .widget_tsz_category_dropdown ul li {
          margin-bottom: 0.4rem;
          position: relative;
      }
      
      .widget_tsz_archive_dropdown ul li:last-child,
      .widget_tsz_category_dropdown ul li:last-child {
          margin-bottom: 0;
      }
      
      .widget_tsz_archive_dropdown ul li a,
      .widget_tsz_category_dropdown ul li a {
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0.6rem 0.75rem;
          background: #f8fafc;
          border-radius: 6px;
          color: #475569;
          text-decoration: none;
          font-weight: 500;
          transition: all 0.2s ease;
          border: 1px solid transparent;
          font-size: 0.85rem;
      }
      
      .widget_tsz_archive_dropdown ul li a:hover,
      .widget_tsz_category_dropdown ul li a:hover {
          background: #f1f5f9;
          color: #ae0100;
          border-color: rgba(174, 1, 0, 0.1);
          transform: translateX(3px);
      }
      
      /* Only show count badge for categories, not for archive */
      .widget_tsz_category_dropdown ul li a[data-count]:not([data-count=""]):not([data-count="0"])::after {
          content: attr(data-count);
          background: #ae0100;
          color: #ffffff;
          font-size: 0.7rem;
          font-weight: 600;
          padding: 0.2rem 0.4rem;
          border-radius: 10px;
          min-width: 1.2rem;
          text-align: center;
          transition: all 0.2s ease;
      }
      
      .widget_tsz_category_dropdown ul li a[data-count]:not([data-count=""]):not([data-count="0"]):hover::after {
          background: #ae0100;
          color: #ae0100;
      }
      
      /* === GALLERY WIDGETS === */
      
      .widget_media_gallery {
          position: relative;
      }
      
      .widget_media_gallery .gallery {
          margin-top: 0.75rem;
      }
      
      .widget_media_gallery .gallery-item {
          position: relative;
          border-radius: 6px;
          overflow: hidden;
          aspect-ratio: 1;
          transition: all 0.3s ease;
      }
      
      .widget_media_gallery .gallery-item:hover {
          transform: scale(1.03);
          box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
      }
      
      .widget_media_gallery .gallery-item img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: all 0.3s ease;
      }
      
      .widget_media_gallery .gallery-item:hover img {
          transform: scale(1.05);
      }
      
      .widget_media_gallery .gallery-caption {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          background: rgba(0, 0, 0, 0.7);
          color: #ffffff;
          padding: 0.5rem;
          font-size: 0.8rem;
          transform: translateY(100%);
          transition: transform 0.3s ease;
      }
      
      .widget_media_gallery .gallery-item:hover .gallery-caption {
          transform: translateY(0);
      }
      
      /* WordPress Block Gallery Grid */
      figure.wp-block-gallery.has-nested-images {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 0.5rem;
          margin-top: 0.75rem;
          margin-left: 0;
          margin-right: 0;
      }
      
     figure.wp-block-gallery.has-nested-images .wp-block-image {
         position: relative;
         border-radius: 6px;
         overflow: hidden;
         /* Allow images to keep their natural aspect ratio */
         transition: all 0.3s ease;
     }
      
      figure.wp-block-gallery.has-nested-images .wp-block-image:hover {
          transform: scale(1.03);
          box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
      }
      
     figure.wp-block-gallery.has-nested-images .wp-block-image img {
         width: 100%;
         height: auto; /* preserve aspect ratio; avoid stretching */
         display: block;
         transition: all 0.3s ease;
     }
      
      figure.wp-block-gallery.has-nested-images .wp-block-image:hover img {
          transform: scale(1.05);
      }
      
      /* Mobile: Single column layout for block gallery */
     @media (max-width: 767px) {
         figure.wp-block-gallery.has-nested-images {
             grid-template-columns: 1fr;
             gap: 0.75rem;
         }
     }

      /* === Native Gallery Lightbox === */
      #tsz-lightbox { position: fixed; inset: 0; z-index: 9999; display: none; }
      #tsz-lightbox.open { display: block; }
      #tsz-lightbox .tsz-lightbox-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.85); }
      #tsz-lightbox .tsz-lightbox-content { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 40px; }
      #tsz-lightbox .tsz-lightbox-image { max-width: 100%; max-height: 100%; box-shadow: 0 10px 40px rgba(0,0,0,0.5); }
      #tsz-lightbox .tsz-lightbox-close,
      #tsz-lightbox .tsz-lightbox-prev,
      #tsz-lightbox .tsz-lightbox-next { position: absolute; background: rgba(0,0,0,0.5); color: #fff; border: 2px solid #ae0100; border-radius: 0; cursor: pointer; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 24px; }
      #tsz-lightbox .tsz-lightbox-close { top: 20px; right: 20px; }
      #tsz-lightbox .tsz-lightbox-prev { left: 20px; top: 50%; transform: translateY(-50%); }
      #tsz-lightbox .tsz-lightbox-next { right: 20px; top: 50%; transform: translateY(-50%); }
      body.tsz-lightbox-open { overflow: hidden; }
      
      /* === SEARCH WIDGET === */
      
      .widget_search {
          position: relative;
      }
      
      .widget_search .search-form {
          display: flex;
          gap: 0.5rem;
      }
      
      .widget_search input[type="search"] {
          flex: 1;
          padding: 0.75rem 1rem;
          border: 2px solid #e2e8f0;
          border-radius: 8px;
          background: #ffffff;
          color: #1e293b;
          font-size: 0.9rem;
          transition: all 0.2s ease;
      }
      
      .widget_search input[type="search"]:focus {
          outline: none;
          border-color: #ae0100;
          box-shadow: 0 0 0 3px rgba(174, 1, 0, 0.1);
      }
      
      .widget_search input[type="submit"] {
          padding: 0.75rem 1rem;
          background: #ae0100;
          color: #ffffff;
          border: none;
          border-radius: 8px;
          font-weight: 600;
          cursor: pointer;
          transition: all 0.2s ease;
          white-space: nowrap;
          font-size: 0.9rem;
      }
      
      .widget_search input[type="submit"]:hover {
          background: #8b0000;
          color: #ffffff;
          transform: translateY(-1px);
      }
      
      /* === TAG CLOUD WIDGET === */
      
      .widget_tag_cloud {
          position: relative;
      }
      
      .widget_tag_cloud .tagcloud {
          display: flex;
          flex-wrap: wrap;
          gap: 0.4rem;
          margin-top: 0.75rem;
      }
      
      .widget_tag_cloud .tagcloud a {
          display: inline-block;
          padding: 0.4rem 0.6rem;
          background: #f1f5f9;
          color: #475569;
          text-decoration: none;
          border-radius: 16px;
          font-size: 0.8rem !important;
          font-weight: 500;
          transition: all 0.2s ease;
          border: 1px solid transparent;
      }
      
      .widget_tag_cloud .tagcloud a:hover {
          background: #ae0100;
          color: #ffffff;
          transform: translateY(-1px);
          box-shadow: 0 3px 8px rgba(44, 74, 96, 0.2);
      }
      
      /* === CUSTOM DROPDOWN WIDGETS === */
      
      .widget_tsz_archive_dropdown,
      .widget_tsz_category_dropdown {
          background: #ffffff;
          padding: 1.25rem;
          margin-bottom: 1.5rem;
          border: 1px solid rgba(44, 74, 96, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          position: relative;
          overflow: hidden;
      }
      
      .widget_tsz_archive_dropdown::before,
      .widget_tsz_category_dropdown::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          height: 3px;
          background: #ae0100;
          transform: scaleX(0);
          transition: transform 0.3s ease;
      }
      
      .widget_tsz_archive_dropdown:hover::before,
      .widget_tsz_category_dropdown:hover::before {
          transform: scaleX(1);
      }
      
      .widget_tsz_archive_dropdown:hover,
      .widget_tsz_category_dropdown:hover {
          transform: translateY(-2px);
          box-shadow: 
              0 8px 25px rgba(0, 0, 0, 0.12),
              0 4px 10px rgba(0, 0, 0, 0.08);
          border-color: rgba(44, 74, 96, 0.15);
      }
      
      /* === BLOCK EDITOR STYLES === */
      
      .wp-block-heading {
          padding: 0;
      }
      
      /* === TOP HEADER CONTACT BAR ENHANCEMENT === */
      .tsz-contact-bar {
          background: #002f5d;
          padding: 0.5rem 0;
      }
      .tsz-contact-bar .tsz-container {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 1.5rem;
      }
      .tsz-contact-info-desktop .contact-item {
          display: flex;
          align-items: center;
          gap: 0; /* Remove gap since no text */
          color: #fff;
          background: #ae0100;
          border-radius: 0%;
          padding: 0px;
          justify-content: center;
          font-size: 1rem;
          margin-right: 10px;
          box-shadow: 0 2px 8px rgba(0,0,0,0.08);
          transition: all 0.2s ease;
          text-decoration: none;
          min-width: 40px; /* Fixed width for circular */
          width: 40px;
          height: 40px;
      }
      .tsz-contact-info-desktop .contact-item i {
          color: #002f5d !important;
          font-size: 1.1rem !important;
          flex-shrink: 0;
          display: block !important;
          line-height: 1;
      }
      .tsz-contact-info-desktop .contact-item a {
          color: #002f5d;
          font-weight: 600;
          text-decoration: none;
          transition: color 0.2s;
          white-space: nowrap;
          /* Hide only text, keep icons visible */
          font-size: 0;
      }
      
      /* Make sure icons stay visible and centered */
      .tsz-contact-info-desktop .contact-item a > * {
          font-size: 1rem !important;
          display: inline-block;
      }
      .tsz-contact-info-desktop .contact-item a:hover {
          color: #bb1e1d;
      }
      .tsz-contact-info-desktop .contact-item:hover {
          background: #ffe082;
          color: #002f5d;
          transform: translateY(-1px);
          box-shadow: 0 4px 12px rgba(0,0,0,0.12);
      }
      
      /* Enhanced search bar in top header */
      .tsz-contact-bar .tsz-search {
          display: flex;
          align-items: center;
          background: #fff;
          border-radius: 22px;
          padding: 2px 10px 2px 16px;
          box-shadow: 0 2px 8px rgba(0,47,93,0.08);
          min-width: 220px;
          max-width: 320px;
          flex-direction: row;
          gap: 0.5em;
      }
      .tsz-contact-bar .tsz-search input[type="search"] {
          border: none;
          background: transparent;
          color: #002f5d;
          font-size: 1rem;
          padding: 0.5em 0.5em 0.5em 0;
          outline: none;
          min-width: 120px;
          flex: 1 1 auto;
      }
      .tsz-contact-bar .tsz-search input[type="submit"] {
          background: #ae0100;
          color: #002f5d;
          border: none;
          border-radius: 50px;
          height: 32px;
          font-size: 12px;
          font-weight: 600;
          cursor: pointer;
          margin-left: 0;
          transition: background 0.2s, color 0.2s;
          box-shadow: 0 1px 4px rgba(0,47,93,0.08);
          position: relative;
          padding: 0 18px;
          white-space: nowrap;
          flex: 0 0 auto;
          display: inline-flex;
          align-items: center;
          justify-content: center;
      }
      
      
      /* === ENHANCED SIDEBAR STYLES === */
      
      .archive-sidebar, .post-sidebar-right {
          background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
          border-left: 3px solid #ae0100;
          min-height: 600px;
          min-width: 280px;
          max-height: calc(100vh - 4rem);
          box-sizing: border-box;
          position: relative;
          overflow-y: scroll;
          padding-top: 0 !important;
          margin-top: 0 !important;
          border-top: none !important;
      }
      
      .archive-sidebar::before, .post-sidebar-right::before {
          display: none !important;
      }
      
      .archive-sidebar-inner, .post-sidebar-right-inner {
          position: sticky;
          top: 2rem;
          background: #ffffff;
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.1);
          border: 1px solid rgba(44, 74, 96, 0.1);
          min-width: 0;
          width: 100%;
          min-height: 600px;
          overflow-y: auto;
          scrollbar-width: thin;
          scrollbar-color: #ae0100 #f1f5f9;
          padding-top: 0 !important;
          margin-top: 0 !important;
      }
      
      .archive-sidebar-inner::-webkit-scrollbar, .post-sidebar-right-inner::-webkit-scrollbar {
          width: 6px;
      }
      
      .archive-sidebar-inner::-webkit-scrollbar-track, .post-sidebar-right-inner::-webkit-scrollbar-track {
          background: #f1f5f9;
          border-radius: 3px;
      }
      
      .archive-sidebar-inner::-webkit-scrollbar-thumb, .post-sidebar-right-inner::-webkit-scrollbar-thumb {
          background: #ae0100;
          border-radius: 3px;
      }
      
      .archive-sidebar-inner::-webkit-scrollbar-thumb:hover, .post-sidebar-right-inner::-webkit-scrollbar-thumb:hover {
          background: #8b0000;
      }
      
      .archive-sidebar-inner .widget, .post-sidebar-right-inner .widget {
          background: #ffffff;
          margin-bottom: 0;
          border: 1px solid rgba(44, 74, 96, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          position: relative;
          overflow: hidden;
      }
      
      .archive-sidebar-inner .widget:last-child, .post-sidebar-right-inner .widget:last-child {
          margin-bottom: 0;
      }
      
      .archive-sidebar-inner .widget-title, .post-sidebar-right-inner .widget-title {
          font-size: 1.1rem;
          font-weight: 700;
          color: #1e293b;
          margin: 0 0 1rem 0;
          padding-bottom: 0.5rem;
          position: relative;
          line-height: 1.3;
          letter-spacing: -0.025em;
      }
      
      .archive-sidebar-inner .widget-title::after, .post-sidebar-right-inner .widget-title::after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          width: 30px;
          height: 2px;
          background: #ae0100;
          border-radius: 1px;
          transition: width 0.3s ease;
      }
      
      .archive-sidebar-inner .widget:hover .widget-title::after, .post-sidebar-right-inner .widget:hover .widget-title::after {
          width: 45px;
      }
      
      @media (max-width: 991px) {
          .tsz-nav-mobile .tsz-menu li.menu-item-has-children > a {
              display: flex;
              align-items: center;
              justify-content: space-between;
              position: relative;
              padding: 10px;
          }
          
          .tsz-nav-mobile .tsz-menu li.menu-item-has-children > a {
              padding-right: 40px;
          }
      }
      
      @media (max-width: 768px) {
          .tsz-nav-mobile .tsz-menu li.menu-item-has-children > a {
              display: flex;
              align-items: center;
              justify-content: space-between;
              position: relative;
              padding: 10px 0;
          }
          
          .tsz-nav-mobile .tsz-menu li.menu-item-has-children > a {
              padding-right: 5px;
          }
      }
      
      @media (min-width: 481px) and (max-width: 991px) {
          .tsz-contact-info-desktop {
              display: flex !important;
          }
      }
      
      
      /* Singlr Page Additional Styles */
      
      .single .section-gallery {
          padding: 0;
      }
      
      .single .tsz-container {
          padding: 0;
      }
      
      .single .link-cards {
          background-color: transparent
      }
      
      .single-post .entry-content iframe {
          width: 100%;
          height: 450px;
      }
      
      .single table {
          width: 100% !important;
      }
      
      .single td {
          text-align: left;
          padding-left: 10px;
      }
      
      .single tr td {
          padding: 0 10px !important;
      }
      
      @media (max-width: 1336px) {
        .tsz-nav-desktop .tsz-menu {
          gap: 0;
        }
      }
      
      @media (min-width: 992px) {
        .tsz-mobile-contact-icons {
          display: none !important;
        }
      }
      
      /* Hide top header contact items from tablet and lower */
      @media (max-width: 991px) {
        .tsz-contact-info-desktop {
          display: none !important;
        }
        .tsz-contact-bar .tsz-search input[type="search"] {
          width: 220px;
        }
      }
      
      /* Slide-in menu: align contact items left and remove background */
      .tsz-mobile-contact-icons {
        justify-content: flex-start;
      }
      .tsz-mobile-contact-icons .contact-item {
        background: none !important;
        justify-content: flex-start;
      }
      
      /* Remove white background behind logo in slide-in menu */
      .tsz-mobile-logo img {
        background: transparent !important;
        box-shadow: none !important;
      }
      
      /* Desktop navigation sticky behavior - only when header is not sticky */
      @media (min-width: 1200px) {
        .tsz-nav-desktop {
          position: relative;
          z-index: 1002;
        }
        
        /* When header is sticky, navigation should be part of the sticky header */
        .tsz-main-header.sticky .tsz-nav-desktop {
          position: relative;
          top: auto;
        }
      }
      
      @media (max-width: 575px) {
        .archive-container,
        .post-container {
          grid-template-columns: 1fr;
          padding: 0;
          gap: 1rem;
          min-width: 0;
          width: 100vw;
          box-sizing: border-box;
        }
        .post-grid {
          grid-template-columns: 1fr;
          padding: 1rem;
          gap: 1rem;
          min-width: 0;
          width: 100vw;
          box-sizing: border-box;
        }
        .post-card {
          margin-left: 0;
          margin-right: 0;
          width: 100%;
          min-width: 0;
          box-sizing: border-box;
          border-radius: 10px;
        }
        .post-card-body {
          padding: 1rem;
        }
        
        /* Breadcrumbs mobile fixes */
        #breadcrumbs {
          font-size: 0.8rem;
          border-radius: 0;
          width: auto;
          max-width: none;
          flex-wrap: wrap;
        }
        
        /* Meta info mobile fixes */
        .post-meta {
          display: block;
          gap: 0.5rem;
        }
        
        .post-meta > * {
          display: block;
          width: 120px;
          margin-bottom: 0.5rem;
        }
        
        .post-meta > *:last-child {
          margin-bottom: 0;
        }
        
        /* Single post entry meta mobile fixes */
        .single-post .entry-meta {
          display: block;
          gap: 0.5rem;
        }
        
        .single-post .entry-meta > * {
          display: block;
          width: 320px;
          margin-bottom: 0.5rem;
        }
        
        .single-post .entry-meta > *:last-child {
          margin-bottom: 0;
        }
      }
      
      @media (max-width: 480px) {
        .archive-container,
        .post-container {
          padding: 0;
        }
        .post-grid {
          padding: 0.75rem;
        }
        .post-card-body {
          padding: 0.75rem;
        }
      }
      
      @media (max-width: 575px) {
        .post-container {
          padding: 0 !important;
          min-width: 0;
          width: 100vw;
          box-sizing: border-box;
        }
        .single-post {
          padding: 0 !important;
          box-sizing: border-box;
          width: 100%;
          min-width: 0;
        }
        .single-post .post-content,
        .single-post .entry-content {
          padding: 1rem !important;
          box-sizing: border-box;
        }
      }
      
      .accessibility-bar {
          display: none;
      }
      
      /* === 404 PAGE STYLES === */
      
      .error-404 {
          min-height: 70vh;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 4rem 0;
          text-align: center;
      }
      
      .error-404-content {
          max-width: 600px;
          margin: 0 auto;
          padding: 2rem;
          background: #ffffff;
      }
      
      .error-404-icon {
          margin-bottom: 2rem;
      }
      
      .error-404-title {
          font-size: 4rem;
          font-weight: 900;
          color: var(--primary-color);
          margin: 0 0 1rem 0;
          text-shadow: 2px 2px 4px rgba(0, 47, 93, 0.1);
      }
      
      .error-404-message {
          font-size: 1.25rem;
          color: var(--text-color);
          margin: 0 0 3rem 0;
          line-height: 1.6;
          font-weight: 500;
      }
      
      .error-404-navigation {
          display: flex;
          justify-content: center;
          gap: 1.5rem;
          margin-bottom: 3rem;
          flex-wrap: wrap;
      }
      
      .error-404-home-link,
      .error-404-back-link {
          display: inline-flex;
          align-items: center;
          gap: 0.5rem;
          padding: 12px 24px;
          background: var(--primary-color);
          color: white;
          text-decoration: none;
          font-weight: 600;
          transition: all 0.3s ease;
          box-shadow: 0 4px 15px rgba(0, 47, 93, 0.2);
      }
      
      .error-404-home-link:hover,
      .error-404-back-link:hover {
          background: #001f3f;
          transform: translateY(-2px);
          color: white;
          text-decoration: none;
      }
      
      .error-404-home-link i,
      .error-404-back-link i {
          font-size: 14px;
      }
      
      .error-404-suggestions {
          border-top: 1px solid rgba(0, 47, 93, 0.1);
          padding-top: 2rem;
      }
      
      .suggestions-title {
          font-size: 1.1rem;
          color: var(--primary-color);
          margin: 0 0 1rem 0;
          font-weight: 600;
      }
      
      .suggestions-list {
          list-style: none;
          padding: 0;
          margin: 0;
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
          gap: 0.75rem;
      }
      
      .suggestions-list li {
          margin: 0;
      }
      
      .suggestions-list a {
          display: block;
          padding: 10px 15px;
          background: rgba(0, 47, 93, 0.05);
          color: var(--primary-color);
          text-decoration: none;
          border-radius: 8px;
          transition: all 0.3s ease;
          font-size: 0.9rem;
          border: 1px solid rgba(0, 47, 93, 0.1);
      }
      
      .suggestions-list a:hover {
          background: var(--primary-color);
          color: white;
          transform: translateX(5px);
          box-shadow: 0 4px 12px rgba(0, 47, 93, 0.2);
      }
      
      /* 404 Page Responsive Design */
      @media (max-width: 768px) {
          .error-404 {
              padding: 2rem 0;
              min-height: 60vh;
          }
          
          .error-404-content {
              padding: 1.5rem;
              margin: 0 1rem;
          }
          
          .error-404-title {
              font-size: 3rem;
          }
          
          .error-404-message {
              font-size: 1.1rem;
          }
          
          .error-404-navigation {
              flex-direction: column;
              align-items: center;
              gap: 1rem;
          }
          
          .error-404-home-link,
          .error-404-back-link {
              width: 100%;
              max-width: 250px;
              justify-content: center;
          }
          
          .suggestions-list {
              grid-template-columns: 1fr;
          }
      }
      
      @media (max-width: 480px) {
          .error-404-title {
              font-size: 2.5rem;
          }
          
          .error-404-message {
              font-size: 1rem;
          }
      }
      
      @media (max-width: 575px) {
        .single-post .post-content {
          padding-left: 1rem !important;
          padding-right: 1rem !important;
        }
      }
      
      @media (max-width: 575px) {
        .archive-header,
        .post-header {
          padding-left: 0;
          padding-right: 0;
        }
        .main-title {
          padding-left: 1rem;
          padding-right: 1rem;
          box-sizing: border-box;
          width: 100%;
          display: block;
        }
      }
      
      @media (max-width: 575px) {
        .tsz-header .tsz-container,
        .tsz-main-header .tsz-container {
          padding-left: 1rem;
          padding-right: 1rem;
        }
      }
      
      
      /* Archive Context Styles */
      .archive-context {
          font-size: 0.8em;
          font-weight: 400;
          opacity: 0.9;
          margin-left: 0.5rem;
      }
      
      /* No Results Styles */
      .no-results {
          text-align: center;
          padding: 3rem 1rem;
          background: #ffffff;
          border-radius: 12px;
          box-shadow: 0 4px 20px rgba(0, 47, 93, 0.08);
          margin: 2rem 0;
      }
      
      .no-results p {
          font-size: 1.1rem;
          color: var(--text-color);
          margin: 0;
          line-height: 1.6;
      }
      
      /* === CUSTOM SEARCH FORM STYLES === */
      
      .search-form {
          position: relative;
          width: 100%;
      }
      
      .search-form-wrapper {
          display: flex;
          align-items: center;
          background: #ffffff;
          border: 2px solid rgba(0, 47, 93, 0.1);
          overflow: hidden;
          transition: all 0.3s ease;
          box-shadow: 0 2px 8px rgba(0, 47, 93, 0.08);
      }
      
      .search-form-wrapper:focus-within {
          border-color: var(--primary-color);
          box-shadow: 0 4px 15px rgba(0, 47, 93, 0.15);
      }
      
      .search-field {
          flex: 1;
          border: none;
          background: transparent;
          padding: 12px 16px;
          font-size: 0.9rem;
          color: var(--text-color);
          outline: none;
      }
      
      .search-field::placeholder {
          color: rgba(0, 47, 93, 0.6);
          font-style: italic;
      }
      
      .search-submit {
          background: #ae0100;
          color: #ffffff;
          border: none;
          padding: 12px 16px;
          cursor: pointer;
          transition: all 0.3s ease;
          display: flex;
          align-items: center;
          justify-content: center;
          min-width: 48px;
      }
      
      .search-submit:hover {
          background: #a0092a;
          transform: translateY(-1px);
      }
      
      .search-submit svg {
          width: 18px;
          height: 18px;
      }
      
      .screen-reader-text {
          position: absolute;
          width: 1px;
          height: 1px;
          padding: 0;
          margin: -1px;
          overflow: hidden;
          clip: rect(0, 0, 0, 0);
          white-space: nowrap;
          border: 0;
      }
      
          
          .search-submit svg {
              width: 16px;
              height: 16px;
          }
    
      
      @media (max-width: 991px) {
        /* Remove flex-direction: column and order for archive-container, pagination, and sidebar */
        .archive-container {
          display: block;
        }
      }
    
      /* Footer Partners Section - Dark Blue Background with White Logo Containers */
      .footer-partners-section {
        padding: 30px 0;
        margin-top: 40px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        position: relative;
        z-index: 2;
      }

      .footer-partners-content {
        display: flex;
        align-items: center;
        gap: 30px;
        max-width: 1200px;
        margin-right: auto;
        padding: 0 20px;
      }

      .footer-partners-text {
        flex-shrink: 0;
      }

      .partners-label {
        color: #ffffff;
        font-size: 18px;
        font-weight: 500;
        font-family: 'Inter', sans-serif;
        white-space: nowrap;
      }

      .footer-partners-logos {
        display: flex;
        align-items: center;
        gap: 20px;
        flex-wrap: wrap;
      }

      .footer-partner-logo {
        background: #ffffff;
        border-radius: 8px;
        padding: 12px 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
        flex-shrink: 0;
        min-height: 60px;
      }

      .footer-partner-logo:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
      }

      .footer-partner-logo img {
        max-width: 120px;
        max-height: 50px;
        width: auto;
        height: auto;
        object-fit: contain;
        filter: none;
      }

      /* Responsive adjustments for footer partners */
      @media (max-width: 991px) {
        .footer-partners-content {
          flex-direction: column;
          text-align: center;
          gap: 20px;
        }

        .footer-partners-logos {
          gap: 15px;
        }

        .footer-partner-logo {
          padding: 10px 14px;
          min-height: 50px;
        }

        .footer-partner-logo img {
          max-width: 100px;
          max-height: 45px;
        }
      }

      @media (max-width: 768px) {
        .footer-partners-section {
          padding: 25px 0;
        }

        .footer-partners-content {
          padding: 0 15px;
          gap: 15px;
        }

        .partners-label {
          font-size: 16px;
        }

        .footer-partners-logos {
          gap: 12px;
        }

        .footer-partner-logo {
          padding: 8px 12px;
          min-height: 45px;
        }

        .footer-partner-logo img {
          max-width: 90px;
          max-height: 40px;
        }
      }

      @media (max-width: 575px) {
        .footer-partners-section {
          padding: 20px 0;
        }

        .footer-partners-content {
          padding: 0 10px;
          gap: 12px;
        }

        .partners-label {
          font-size: 15px;
        }

        .footer-partners-logos {
          gap: 10px;
        }

        .footer-partner-logo {
          padding: 6px 10px;
          min-height: 40px;
        }

        .footer-partner-logo img {
          max-width: 80px;
          max-height: 35px;
        }
      }

/* ========================================
   MODERN ARCHIVE PAGE STYLES
   ======================================== */

/* Archive Container - Full Width, No Sidebar */
.archive-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 2rem 1.5rem;
    background: #fafbfc;
}

/* Modern Post Grid - 3 Columns */
.modern-post-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 0;
    padding: 0;
}

/* Modern Post Card */
.modern-post-card {
    background: #ffffff;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.modern-post-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    border-color: rgba(0, 115, 230, 0.2);
}

.post-card-inner {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Post Thumbnail Wrapper */
.post-thumbnail-wrapper {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    height: auto;
    background: #f5f5f5;
}

.post-thumbnail {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.modern-post-card:hover .post-thumbnail img {
    transform: scale(1.1);
    filter: brightness(1.1);
}

/* Post Overlay */
.post-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(174, 1, 0, 0.9) 0%, rgba(96, 2, 2, 0.9) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    backdrop-filter: blur(2px);
}

.modern-post-card:hover .post-overlay {
    opacity: 1;
}

.post-overlay-content {
    text-align: center;
    transform: translateY(20px);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.modern-post-card:hover .post-overlay-content {
    transform: translateY(0);
}

.read-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.95);
    color: #ae0100;
    padding: 16px;
    border-radius: 0;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    width: 56px;
    height: 56px;
}

.read-more-btn:hover {
    background: #ffffff;
    color: #600202;
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

.read-more-btn svg {
    transition: transform 0.3s ease;
}

.read-more-btn:hover svg {
    transform: rotate(45deg);
}

/* Post Content */
.post-content {
    padding: 2rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Post Meta */
.post-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: #6b7280;
    margin-bottom: 0.5rem;
}

.post-meta > span,
.post-meta > a {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500;
    padding: 6px 10px;
    border: 2px solid #ae0100;
    color: #ae0100;
    background: transparent;
    border-radius: 0;
    line-height: 1;
    transition: all 0.25s ease;
}

.post-meta svg {
    opacity: 0.9;
    color: #ae0100;
    transition: all 0.3s ease;
}

.modern-post-card:hover .post-meta svg { opacity: 1; }
.post-meta > a:hover svg,
.post-meta > span:hover svg { color: #ffffff; }

.post-meta > a:hover,
.post-meta > span:hover {
    background: #ae0100;
    color: #ffffff;
}

/* Post Title */
.post-title {
    margin: 0;
    line-height: 1.3;
}

.post-title a {
    color: #ae0100;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: 700;
    transition: all 0.3s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post-title a:hover {  
    color: #1f2937;
    text-shadow: 0 2px 4px rgba(0, 115, 230, 0.1);
}

/* Post Excerpt */
.post-excerpt {
    color: #6b7280;
    line-height: 1.6;
    font-size: 0.95rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1;
}

/* Post Categories */
.post-categories {
    margin-top: auto;
    padding-top: 1rem;
    border-top: 1px solid #f3f4f6;
}

.post-categories a {
    display: inline-block;
    background: #ae0100;
    color: white;
    padding: 4px 12px;
    border-radius: 0;
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: 600;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    transition: all 0.3s ease;
}

.post-categories a:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

/* No Posts State */
.no-posts {
    grid-column: 1 / -1;
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.no-posts h2 {
    color: #1f2937;
    margin-bottom: 1rem;
    font-size: 2rem;
}

.no-posts p {
    color: #6b7280;
    font-size: 1.1rem;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .modern-post-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }
    
    .archive-container {
        padding: 2.5rem 1.5rem;
    }
}

@media (max-width: 768px) {
    .modern-post-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .archive-container {
        padding: 2rem 1rem;
    }
    
    .post-content {
        padding: 1.5rem;
    }
    
    .post-title a {
        font-size: 1.2rem;
    }
    
    .post-meta {
        gap: 1rem;
        font-size: 0.8rem;
    }
}

@media (max-width: 480px) {
    .archive-container {
        padding: 1.5rem 0.5rem;
    }
    
    .modern-post-card {
        border-radius: 0;
    }
    
    .post-content {
        padding: 1.25rem;
    }
    
    .post-title a {
        font-size: 1.1rem;
    }
    
    .read-more-btn {
        padding: 12px;
        font-size: 13px;
        width: 48px;
        height: 48px;
    }
}

/* Animation for loading posts */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modern-post-card {
    animation: fadeInUp 0.6s ease forwards;
}

.modern-post-card:nth-child(1) { animation-delay: 0.1s; }
.modern-post-card:nth-child(2) { animation-delay: 0.2s; }
.modern-post-card:nth-child(3) { animation-delay: 0.3s; }
.modern-post-card:nth-child(4) { animation-delay: 0.4s; }
.modern-post-card:nth-child(5) { animation-delay: 0.5s; }
.modern-post-card:nth-child(6) { animation-delay: 0.6s; }

/* ========================================
   PASSWORD PROTECTED PAGE STYLES
   Modern & Minimal Design
======================================== */

/* Password Protection Container */
.post-password-form,
.post-password-required {
    padding: 80px 0;
    background: #ffffff;
    position: relative;
}

/* Password Form Wrapper */
.post-password-form form,
.post-password-required form {
    max-width: 285px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 40px;
    background: #ffffff;
    border: 2px solid #f5f5f5;
    text-align: center;
    position: relative;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

/* Password Form Content Container */
.post-password-form .content-width,
.post-password-required .content-width {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 400px;
}

/* Password Form Title */
.post-password-form h1,
.post-password-form h2,
.post-password-form h3,
.post-password-required h1,
.post-password-required h2,
.post-password-required h3 {
    color: #fff;
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0 0 20px 0;
    line-height: 1.2;
}

/* Password Form Description */
.post-password-form p,
.post-password-required p {
    color: #666666;
    font-size: 1.1rem;
    line-height: 1.6;
    margin: 0 0 40px 0;
}

/* Password Input Field */
.post-password-form input[type="password"],
.post-password-required input[type="password"] {
    width: 100%;
    max-width: 300px;
    padding: 18px 24px;
    border: 2px solid #e0e0e0;
    border-radius: 0;
    font-size: 1rem;
    color: #333333;
    background: #ffffff;
    margin: 0 0 30px 0;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.post-password-form input[type="password"]:focus,
.post-password-required input[type="password"]:focus {
    outline: none;
    border-color: #ae0100;
    box-shadow: 0 0 0 3px rgba(174, 1, 0, 0.1);
}

.post-password-form input[type="password"]::placeholder,
.post-password-required input[type="password"]::placeholder {
    color: #999999;
}

/* Submit Button */
.post-password-form input[type="submit"],
.post-password-required input[type="submit"] {
    background: #ae0100;
    color: #ffffff;
    border: none;
    padding: 18px 40px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    min-width: 200px;
}

.post-password-form input[type="submit"]:hover,
.post-password-required input[type="submit"]:hover {
    background: #8b0000;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(174, 1, 0, 0.3);
}

.post-password-form input[type="submit"]:active,
.post-password-required input[type="submit"]:active {
    transform: translateY(0);
}

/* Error Messages */
.post-password-form .error,
.post-password-required .error {
    color: #ae0100;
    font-size: 0.9rem;
    margin-top: 15px;
    font-weight: 500;
}

/* Success Messages */
.post-password-form .success,
.post-password-required .success {
    color: #28a745;
    font-size: 0.9rem;
    margin-top: 15px;
    font-weight: 500;
}

/* Loading State */
.post-password-form input[type="submit"]:disabled,
.post-password-required input[type="submit"]:disabled {
    background: #cccccc;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Responsive Design */
@media (max-width: 768px) {
    .post-password-form,
    .post-password-required {
        padding: 60px 20px;
    }
    
    .post-password-form .content-width,
    .post-password-required .content-width {
        min-height: 300px;
    }
    
    .post-password-form form,
    .post-password-required form {
        padding: 40px 30px;
        margin: 0 20px;
    }
    
    .post-password-form h1,
    .post-password-form h2,
    .post-password-form h3,
    .post-password-required h1,
    .post-password-required h2,
    .post-password-required h3 {
        font-size: 2rem;
    }
    
    .post-password-form p,
    .post-password-required p {
        font-size: 1rem;
    }
    
    .post-password-form input[type="password"],
    .post-password-required input[type="password"] {
        max-width: 100%;
        padding: 16px 20px;
    }
    
    .post-password-form input[type="submit"],
    .post-password-required input[type="submit"] {
        padding: 16px 30px;
        min-width: 150px;
    }
}

@media (max-width: 480px) {
    .post-password-form,
    .post-password-required {
        padding: 40px 15px;
    }
    
    .post-password-form .content-width,
    .post-password-required .content-width {
        min-height: 250px;
    }
    
    .post-password-form form,
    .post-password-required form {
        padding: 30px 20px;
        margin: 0 10px;
    }
    
    .post-password-form h1,
    .post-password-form h2,
    .post-password-form h3,
    .post-password-required h1,
    .post-password-required h2,
    .post-password-required h3 {
        font-size: 1.8rem;
    }
}

/* Accessibility Improvements */
.post-password-form input[type="password"]:focus,
.post-password-required input[type="password"]:focus {
    outline: 2px solid #ae0100;
    outline-offset: 2px;
}

.post-password-form input[type="submit"]:focus,
.post-password-required input[type="submit"]:focus {
    outline: 2px solid #ae0100;
    outline-offset: 2px;
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
    .post-password-form form,
    .post-password-required form {
        border-color: #000000;
    }
    
    .post-password-form input[type="password"],
    .post-password-required input[type="password"] {
        border-color: #000000;
    }
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    .post-password-form input[type="submit"],
    .post-password-required input[type="submit"] {
        transition: none;
    }
    
    .post-password-form input[type="submit"]:hover,
    .post-password-required input[type="submit"]:hover {
        transform: none;
    }
}

.dt-container {
    clear: both;
    margin-bottom: 1rem;
    position: relative;
}

.dt-container {
    clear: both;
    max-width: 1240px;
    margin: 2em auto;
    position: relative;
}

.tablepress {
    --head-active-bg-color: #ae0100 !important;
    color: #fff !important;
}

@media (max-width: 768px) {
    .dt-container {
        margin: 1em auto;
    }
    .dt-container .dt-layout-row {
        overflow-x: scroll;
    }
}

.wp-block-columns {
    justify-content: center;
}

h4.wp-block-heading {
    margin: 1em 10px;
    color: #ae0100;
}

/* ========================================
   POST FORMATS
   ======================================== */

/* Post Format Base Styles */
.post-format-aside,
.post-format-gallery,
.post-format-link,
.post-format-image,
.post-format-quote,
.post-format-status,
.post-format-video,
.post-format-audio,
.post-format-chat,
.post-format-pdf {
    margin-bottom: 2rem;
    padding: 1.5rem;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Aside Post Format */
.post-format-aside {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-left: 4px solid #007bff;
}

.post-format-aside .aside-content {
    font-style: italic;
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 1rem;
}

/* Gallery Post Format */
.post-format-gallery {
    border: 2px solid #e9ecef;
}

.post-format-gallery .featured-image {
    margin-bottom: 1rem;
    border-radius: 8px;
    overflow: hidden;
}

/* Link Post Format */
.post-format-link {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border-left: 4px solid #2196f3;
}

.post-format-link .link-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    color: #1976d2;
    transition: color 0.3s ease;
}

.post-format-link .link-title:hover {
    color: #0d47a1;
}

.post-format-link .link-title h2 {
    margin: 0;
    font-size: 1.5rem;
}

.post-format-link .link-icon {
    font-size: 1.2rem;
    margin-left: 1rem;
}

.post-format-link .link-description {
    margin-top: 1rem;
    color: #666;
}

/* Image Post Format */
.post-format-image {
    border: 2px solid #e9ecef;
}

.post-format-image .featured-image {
    margin-bottom: 1rem;
    border-radius: 8px;
    overflow: hidden;
}

/* Quote Post Format */
.post-format-quote {
    background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%);
    border-left: 4px solid #ff9800;
}

.post-format-quote blockquote {
    margin: 0 0 1rem 0;
    padding: 0;
    font-size: 1.3rem;
    line-height: 1.6;
    font-style: italic;
    color: #333;
    position: relative;
}

.post-format-quote blockquote::before {
    content: '"';
    font-size: 4rem;
    color: #ff9800;
    position: absolute;
    top: -10px;
    left: -20px;
    line-height: 1;
}

.post-format-quote .quote-source {
    display: block;
    font-weight: 600;
    color: #ff9800;
    font-size: 1.1rem;
}

/* Status Post Format */
.post-format-status {
    background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%);
    border-left: 4px solid #9c27b0;
}

.post-format-status .status-content {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.post-format-status .status-avatar {
    flex-shrink: 0;
}

.post-format-status .status-avatar img {
    border-radius: 50%;
    border: 3px solid #9c27b0;
}

.post-format-status .status-text {
    flex: 1;
    font-size: 1.1rem;
    line-height: 1.6;
}

/* Video Post Format */
.post-format-video {
    border: 2px solid #e9ecef;
}

.post-format-video .featured-image {
    margin-bottom: 1rem;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.post-format-video .featured-image::after {
    content: '\f144';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3rem;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Audio Post Format */
.post-format-audio {
    background: linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%);
    border-left: 4px solid #4caf50;
}

.post-format-audio .featured-image {
    margin-bottom: 1rem;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.post-format-audio .featured-image::after {
    content: '\f028';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3rem;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Chat Post Format */
.post-format-chat {
    background: linear-gradient(135deg, #fce4ec 0%, #f8bbd9 100%);
    border-left: 4px solid #e91e63;
}

.post-format-chat .chat-content {
    font-family: 'Courier New', monospace;
    background: rgba(255, 255, 255, 0.7);
    padding: 1rem;
    border-radius: 4px;
    border: 1px solid rgba(233, 30, 99, 0.2);
}

/* PDF Post Format */
.post-format-pdf {
    background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%);
    border-left: 4px solid #d32f2f;
}

.post-format-pdf .pdf-download-section {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1.5rem;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
    margin: 1rem 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.post-format-pdf .pdf-icon {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #d32f2f 0%, #f44336 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(211, 47, 47, 0.3);
}

.post-format-pdf .pdf-icon i {
    font-size: 2.5rem;
    color: #ffffff;
}

.post-format-pdf .pdf-info {
    flex: 1;
}

.post-format-pdf .pdf-title {
    margin: 0 0 0.5rem 0;
    font-size: 1.4rem;
    color: #d32f2f;
    font-weight: 600;
}

.post-format-pdf .pdf-description {
    margin: 0 0 1rem 0;
    color: #666;
    line-height: 1.5;
}

.post-format-pdf .pdf-download-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #d32f2f 0%, #f44336 100%);
    color: #ffffff;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(211, 47, 47, 0.3);
}

.post-format-pdf .pdf-download-btn:hover {
    background: linear-gradient(135deg, #b71c1c 0%, #d32f2f 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(211, 47, 47, 0.4);
    color: #ffffff;
}

.post-format-pdf .pdf-download-btn i {
    font-size: 1.1rem;
}

/* Post Format Meta Styling */
.post-format-aside .post-meta,
.post-format-link .post-meta,
.post-format-quote .post-meta,
.post-format-status .post-meta,
.post-format-chat .post-meta {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 0.9rem;
    color: #666;
}

.post-format-aside .post-meta span,
.post-format-link .post-meta span,
.post-format-quote .post-meta span,
.post-format-status .post-meta span,
.post-format-chat .post-meta span {
    margin-right: 1rem;
}

.post-format-aside .post-meta i,
.post-format-link .post-meta i,
.post-format-quote .post-meta i,
.post-format-status .post-meta i,
.post-format-chat .post-meta i {
    margin-right: 0.5rem;
    color: #007bff;
}

/* Responsive Design for Post Formats */
@media (max-width: 768px) {
    .post-format-aside,
    .post-format-gallery,
    .post-format-link,
    .post-format-image,
    .post-format-quote,
    .post-format-status,
    .post-format-video,
    .post-format-audio,
    .post-format-chat,
    .post-format-pdf {
        padding: 1rem;
        margin-bottom: 1.5rem;
    }
    
    .post-format-pdf .pdf-download-section {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }
    
    .post-format-pdf .pdf-icon {
        width: 60px;
        height: 60px;
    }
    
    .post-format-pdf .pdf-icon i {
        font-size: 2rem;
    }
    
    .post-format-quote blockquote {
        font-size: 1.1rem;
    }
    
    .post-format-quote blockquote::before {
        font-size: 3rem;
        top: -5px;
        left: -15px;
    }
    
    .post-format-status .status-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .post-format-link .link-title {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .post-format-link .link-icon {
        margin-left: 0;
        margin-top: 0.5rem;
    }
}

/* Post Format Indicators in Archive */
.post-format-indicator {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-left: 0.5rem;
}

/* Post Format Indicators in Documents Download Block */
.document-icon-wrapper .post-format-indicator {
    position: absolute;
    top: -8px;
    right: -8px;
    margin-left: 0;
    z-index: 2;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.document-icon-wrapper .post-format-indicator-link {
    text-decoration: none;
}

.document-icon-wrapper .post-format-indicator-link:hover .post-format-indicator {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.post-format-indicator.post-format-aside {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    color: #1976d2;
}

.post-format-indicator.post-format-gallery {
    background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%);
    color: #9c27b0;
}

.post-format-indicator.post-format-link {
    background: linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%);
    color: #4caf50;
}

.post-format-indicator.post-format-image {
    background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%);
    color: #ff9800;
}

.post-format-indicator.post-format-quote {
    background: linear-gradient(135deg, #fce4ec 0%, #f8bbd9 100%);
    color: #e91e63;
}

.post-format-indicator.post-format-status {
    background: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%);
    color: #00695c;
}

.post-format-indicator.post-format-video {
    background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%);
    color: #d32f2f;
}

.post-format-indicator.post-format-audio {
    background: linear-gradient(135deg, #f1f8e9 0%, #dcedc8 100%);
    color: #689f38;
}

.post-format-indicator.post-format-chat {
    background: linear-gradient(135deg, #e8eaf6 0%, #c5cae9 100%);
    color: #3f51b5;
}

.post-format-indicator.post-format-pdf {
    background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%);
    color: #d32f2f;
}

.post-format-indicator i {
    font-size: 0.9rem;
}

.format-label {
    font-size: 0.7rem;
}

/* Responsive post format indicators */
@media (max-width: 768px) {
    .post-format-indicator {
        font-size: 0.7rem;
        padding: 0.2rem 0.5rem;
        margin-left: 0.25rem;
    }
    
    .format-label {
        display: none; /* Hide text on mobile, show only icons */
    }
}

/* 404 Page Styles */
.error-404 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    padding: 40px 0;
}

.error-404-content {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

.error-404-icon {
    margin-bottom: 30px;
}

.error-404-title {
    font-size: 4rem;
    font-weight: 700;
    color: #ae0100;
    margin: 0 0 20px 0;
    line-height: 1;
}

.error-404-message {
    font-size: 1.25rem;
    color: rgba(174, 1, 0, 0.8);
    margin-bottom: 40px;
    line-height: 1.6;
}

.error-404-navigation {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.error-404-home-link,
.error-404-back-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: #ae0100;
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    width: 200px;
    justify-content: center;
}

.error-404-home-link:hover,
.error-404-back-link:hover {
    background: #ffffff;
    color: #ae0100;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(174, 1, 0, 0.2);
}

.error-404-back-link {
    background: #ffffff;
    color: #ae0100;
}

.error-404-back-link:hover {
    background: #ae0100;
    color: #ffffff;
}

/* 404 Responsive */
@media (max-width: 768px) {
    .error-404 {
        min-height: 50vh;
        padding: 20px 0;
    }
    
    .error-404-title {
        font-size: 3rem;
    }
    
    .error-404-message {
        font-size: 1.1rem;
    }
    
    .error-404-navigation {
        flex-direction: column;
        align-items: center;
    }
    
    .error-404-home-link,
    .error-404-back-link {
        width: 200px;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .error-404-title {
        font-size: 2.5rem;
    }
    
    .error-404-message {
        font-size: 1rem;
    }
    
    .error-404-home-link,
    .error-404-back-link {
        padding: 10px 20px;
        font-size: 0.85rem;
    }
}

/* Pagination Styles */
.pagination-wrapper {
    margin-top: 24px;
    text-align: center;
}

.pagination-wrapper .wp-pagenavi,
.pagination-wrapper .navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.pagination-wrapper .page-numbers,
.pagination-wrapper .prev,
.pagination-wrapper .next,
.pagination-wrapper .nav-links a,
.pagination-wrapper .nav-links span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    margin: 5px 2px;
    border: 2px solid #ae0100;
    background: transparent;
    color: #ae0100;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    border-radius: 0;
    transition: all 0.3s ease;
    cursor: pointer;
}

.pagination-wrapper .page-numbers:hover,
.pagination-wrapper .prev:hover,
.pagination-wrapper .next:hover,
.pagination-wrapper .nav-links a:hover {
    background: #ae0100;
    color: #ffffff;
    transform: none;
    box-shadow: none;
}

.pagination-wrapper .page-numbers.current,
.pagination-wrapper .nav-links .current {
    background: #ae0100;
    color: #ffffff;
    border-color: #ae0100;
}

.pagination-wrapper .page-numbers.dots,
.pagination-wrapper .dots {
    border: none;
    background: transparent;
    color: #666666;
    cursor: default;
}

.pagination-wrapper .page-numbers.dots:hover,
.pagination-wrapper .dots:hover {
    background: transparent;
    color: #666666;
    transform: none;
    box-shadow: none;
}

.pagination-wrapper .page-numbers.prev,
.pagination-wrapper .page-numbers.next,
.pagination-wrapper .prev,
.pagination-wrapper .next {
    padding: 0 16px;
    font-weight: 600;
}

/* Pagination Responsive */
@media (max-width: 768px) {
    .pagination-wrapper {
        margin-top: 16px;
    }
    
    .pagination-wrapper .wp-pagenavi,
    .pagination-wrapper .navigation {
        gap: 1rem;
        row-gap: 1.5rem;
    }
    
    .pagination-wrapper .page-numbers {
        min-width: 36px;
        height: 36px;
        padding: 0 8px;
        margin: 0 2px;
        font-size: 0.85rem;
    }
    
    .pagination-wrapper .page-numbers.prev,
    .pagination-wrapper .page-numbers.next {
        padding: 0 12px;
        font-size: 0.8rem;
    }
}

@media (max-width: 480px) {
    .pagination-wrapper .wp-pagenavi,
    .pagination-wrapper .navigation {
        gap: 0.8rem;
        row-gap: 1.2rem;
    }
    
    .pagination-wrapper .page-numbers {
        min-width: 32px;
        height: 32px;
        padding: 0 6px;
        margin: 0 1px;
        font-size: 0.8rem;
    }
    
    .pagination-wrapper .page-numbers.prev,
    .pagination-wrapper .page-numbers.next {
        padding: 0 8px;
        font-size: 0.75rem;
    }
}

.tablepress>:where(thead,tfoot)>tr>* {
    background: #a32526 !important;
    color: #ffffff !important;
    border-right: 1px solid !important;
}