/* Poppins Font Face Declarations */
@font-face {
  font-family: 'Poppins';
  src: url('/assets/Poppins/Poppins-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('/assets/Poppins/Poppins-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('/assets/Poppins/Poppins-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('/assets/Poppins/Poppins-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('/assets/Poppins/Poppins-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('/assets/Poppins/Poppins-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('/assets/Poppins/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('/assets/Poppins/Poppins-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('/assets/Poppins/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('/assets/Poppins/Poppins-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('/assets/Poppins/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('/assets/Poppins/Poppins-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('/assets/Poppins/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('/assets/Poppins/Poppins-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('/assets/Poppins/Poppins-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('/assets/Poppins/Poppins-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('/assets/Poppins/Poppins-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('/assets/Poppins/Poppins-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* Outfit Font Face Declaration */
@font-face {
  font-family: 'Outfit';
  src: url('/assets/Outfit/Outfit-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Local fonts are used instead of Google Fonts for better performance */

/* Font Family Variables */
:root {
  --font-family-primary: 'Poppins', sans-serif;
  --font-family-secondary: 'Poppins', 'Outfit', sans-serif;
  --font-family-tertiary: 'Poppins', 'Outfit', serif;
  --font-family-serif: 'Noto Serif Display', serif;
  --font-family-script: 'Segoe Script', cursive;
}

/* Apply fonts to body and elements */
body {
  font-family: var(--font-family-primary) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.headline,
.title,
.post-title,
.article-title,
.heading {
  font-family: var(--font-family-secondary) !important;
}

/* Ensure all text elements use Poppins */
p,
span,
div,
a,
button,
input,
textarea,
select,
li,
td,
th {
  font-family: var(--font-family-primary) !important;
}

/* Ensure headings use Outfit */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family-secondary) !important;
}

/* Font utility classes */
.ft-primary {
  font-family: var(--font-family-primary) !important;
}

.ft-secondary {
  font-family: var(--font-family-secondary) !important;
}

.ft-tertiary {
  font-family: var(--font-family-tertiary) !important;
}

/* Maximum specificity override - this should override everything */
html body,
html body *,
body,
body *,
.uni-body,
.uni-body *,
.panel,
.panel * {
  font-family: 'Poppins', sans-serif !important;
}

/* Exclude FontAwesome and other icon fonts from font overrides */
html body i,
html body .fa,
html body .fas,
html body .far,
html body .fab,
html body .fal,
html body .fad,
html body .unicon,
html body [class*='unicon-'],
html body [class*='fa-'],
html body [class*='icon-'],
body i,
body .fa,
body .fas,
body .far,
body .fab,
body .fal,
body .fad,
body .unicon,
body [class*='unicon-'],
body [class*='fa-'],
body [class*='icon-'],
.uni-body i,
.uni-body .fa,
.uni-body .fas,
.uni-body .far,
.uni-body .fab,
.uni-body .fal,
.uni-body .fad,
.uni-body .unicon,
.uni-body [class*='unicon-'],
.uni-body [class*='fa-'],
.uni-body [class*='icon-'],
.panel i,
.panel .fa,
.panel .fas,
.panel .far,
.panel .fab,
.panel .fal,
.panel .fad,
.panel .unicon,
.panel [class*='unicon-'],
.panel [class*='fa-'],
.panel [class*='icon-'] {
  font-family: inherit !important;
}

/* Ensure FontAwesome icons display correctly */
.fa,
.fas,
.far,
.fab,
.fal,
.fad,
[class*='fa-'] {
  font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Pro', 'FontAwesome' !important;
}

/* Specific FontAwesome brand icons */
.fab,
.fab[class*='fa-'] {
  font-family: 'Font Awesome 5 Brands', 'Font Awesome 5 Free', 'FontAwesome' !important;
}

/* Specific FontAwesome solid icons */
.fas,
.fas[class*='fa-'] {
  font-family: 'Font Awesome 5 Free', 'FontAwesome' !important;
  font-weight: 900 !important;
}

/* Specific FontAwesome regular icons */
.far,
.far[class*='fa-'] {
  font-family: 'Font Awesome 5 Free', 'FontAwesome' !important;
  font-weight: 400 !important;
}

/* Ensure all FontAwesome elements use correct font regardless of other classes */
[class*='fa-'] {
  font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Pro', 'FontAwesome' !important;
}

/* Specific fix for fab fa-whatsapp and other brand icons */
.fab.fa-whatsapp,
.fab[class*='fa-'] {
  font-family: 'Font Awesome 5 Brands', 'FontAwesome' !important;
  font-weight: 400 !important;
}

/* Override for any element with fa- classes to ensure FontAwesome works */
html body [class*='fa-'],
body [class*='fa-'],
.uni-body [class*='fa-'],
.panel [class*='fa-'] {
  font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands', 'FontAwesome' !important;
}

/* Comprehensive FontAwesome fix - highest priority */
i[class*='fa-'],
[class*='fa-'] {
  font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands', 'FontAwesome' !important;
}

/* Specific weight overrides for FontAwesome */
[class*='fa-'] {
  font-weight: normal !important;
}

.fas[class*='fa-'] {
  font-weight: 900 !important;
}

.far[class*='fa-'] {
  font-weight: 400 !important;
}

.fab[class*='fa-'] {
  font-weight: 400 !important;
}

/* Ensure Unicons display correctly */
.unicon,
[class*='unicon-'] {
  font-family: 'Unicons' !important;
}

/* Ensure other icon classes maintain their fonts */
.icon,
[class*='icon-'] {
  font-family: inherit !important;
}

/* Claim and Verdict Cards Layout Fix */
.card-body.h-200px {
  height: auto !important;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.card-body.h-200px span {
  flex: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
  line-height: 1.5;
  display: block;
  margin-bottom: 10px;
}

.card-body.h-200px p {
  margin-bottom: 0;
  flex-shrink: 0;
}

/* Make cards responsive and equal height */
.col-sm-6 .card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.col-sm-6 .card .card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* Ensure text doesn't overflow on zoom */
.card-body span,
.card-body p {
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
  .card-body.h-200px {
    min-height: 150px;
  }

  .col-sm-6 .card {
    margin-bottom: 15px;
  }

  /* Add gap between claim and verdict cards on mobile */
  .row .col-sm-6:first-child {
    margin-bottom: 1rem;
  }

  .row .col-sm-6:last-child {
    margin-top: 0;
  }

  /* Ensure proper spacing for the card row */
  .row .col-sm-6 {
    margin-bottom: 1rem;
  }

  /* Remove margin from last card to avoid extra space */
  .row .col-sm-6:last-child {
    margin-bottom: 0;
  }
}

/* Additional mobile spacing improvements */
@media (max-width: 576px) {
  /* Extra small screens - more spacing */
  .row .col-sm-6 {
    margin-bottom: 1.5rem;
  }

  .row .col-sm-6:last-child {
    margin-bottom: 0;
  }

  /* Add padding to the card container */
  .card {
    margin-bottom: 1rem;
  }
}

@media (min-width: 577px) and (max-width: 768px) {
  /* Small screens - standard spacing */
  .row .col-sm-6 {
    margin-bottom: 1.25rem;
  }

  .row .col-sm-6:last-child {
    margin-bottom: 0;
  }
}

/* Additional card improvements for better text handling */
.card-body.h-200px {
  padding: 1.25rem;
  box-sizing: border-box;
}

.card-body.h-200px span {
  font-size: 1.1rem;
  text-align: left;
  text-justify: inter-word;
}

.card-body.h-200px p small {
  font-size: 0.8rem;
  opacity: 0.8;
}

/* Ensure equal height for claim and verdict cards */
.row .col-sm-6:first-child .card,
.row .col-sm-6:last-child .card {
  height: 100%;
}

/* Better spacing and alignment */
.card-header h4.card-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0;
}

/* Zoom-friendly text sizing */
@media (max-width: 1200px) {
  .card-body.h-200px span {
    font-size: 0.9rem;
  }
}

@media (max-width: 992px) {
  .card-body.h-200px span {
    font-size: 0.85rem;
  }
}

/* Footer Mobile Responsive Fix */
@media (max-width: 768px) {
  .uc-footer-bottom {
    flex-direction: column !important;
    gap: 1rem !important;
    text-align: center !important;
    padding: 1rem !important;
  }

  .uc-footer-bottom .footer-copyright {
    order: 2;
    width: 100%;
    justify-content: center !important;
  }

  .uc-footer-bottom .footer-lang {
    order: 1;
    width: 100%;
  }

  .uc-footer-bottom .footer-lang ul {
    justify-content: center !important;
    gap: 1.5rem !important;
  }

  .uc-footer-bottom .footer-lang ul li {
    margin: 0;
  }

  .uc-footer-bottom .footer-copyright p {
    margin: 0;
    font-size: 0.9rem;
  }
}

/* Tablet adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
  .uc-footer-bottom {
    gap: 1.5rem !important;
    padding: 1.25rem !important;
  }

  .uc-footer-bottom .footer-copyright p {
    font-size: 0.95rem;
  }
}

/* Footer link styling for mobile */
@media (max-width: 768px) {
  .uc-footer-bottom .footer-lang ul li a {
    padding: 0.5rem 1rem;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
  }

  .uc-footer-bottom .footer-lang ul li a:hover {
    background-color: rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
  }

  /* Dark mode adjustments for footer links */
  .dark .uc-footer-bottom .footer-lang ul li a {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .dark .uc-footer-bottom .footer-lang ul li a:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}

/* Specific fix for icon elements with multiple classes */
i.icon,
i[class*='icon-'],
i.unicon,
i[class*='unicon-'],
i.fa,
i[class*='fa-'] {
  font-family: inherit !important;
}

/* Override for elements that have both icon and unicon classes */
.icon.unicon,
.icon[class*='unicon-'],
[class*='icon-'][class*='unicon-'] {
  font-family: 'Unicons' !important;
}

/* Specific fix for icon icon-2 unicon-logo-facebook-alt and similar combinations */
.icon.icon-2.unicon-logo-facebook-alt,
.icon.icon-2[class*='unicon-'],
.icon[class*='icon-'][class*='unicon-'] {
  font-family: 'Unicons' !important;
}

/* Ensure all unicon elements use the correct font regardless of other classes */
[class*='unicon-'] {
  font-family: 'Unicons' !important;
}

/* Override headings specifically - match external site */
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
.uni-body h1,
.uni-body h2,
.uni-body h3,
.uni-body h4,
.uni-body h5,
.uni-body h6,
.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6,
.headline,
.title,
.post-title,
.article-title,
.heading {
  font-family: 'Outfit', sans-serif !important;
}

/* Override all text elements with maximum specificity */
html body p,
html body span,
html body div,
html body a,
html body button,
html body input,
html body textarea,
html body select,
html body li,
html body td,
html body th,
body.uni-body p,
body.uni-body span,
body.uni-body div,
body.uni-body a,
body.uni-body button,
body.uni-body input,
body.uni-body textarea,
body.uni-body select,
body.uni-body li,
body.uni-body td,
body.uni-body th {
  font-family: 'Poppins', sans-serif !important;
}

/* Font Loading Test - Remove this after confirming fonts work */
.font-test {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400;
}

.font-test-heading {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 500;
}

/* Debug: Add a visible indicator that fonts are loaded */
body::before {
  /* content: "Poppins + Outfit Fonts Loaded"; */
  position: fixed;
  top: 10px;
  right: 10px;
  background: #28a745;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 12px;
  z-index: 9999;
  font-family: 'Poppins', sans-serif;
}

.uc-logo {
  display: block; /* Show in light mode */
}

.uc-logos {
  display: none; /* Hide in light mode */
}

/* When dark mode is enabled */
.uc-dark .uc-logo {
  display: none; /* Hide in dark mode */
}

.uc-dark .uc-logos {
  display: block; /* Show in dark mode */
}
.uc-logo:first-of-type {
  display: block; /* Light mode logo visible */
}

.uc-logo:last-of-type {
  display: none; /* Dark mode logo hidden */
}

/* When in dark mode */
.uc-dark .uc-logo:first-of-type {
  display: none; /* Hide light mode logo */
}

.uc-dark .uc-logo:last-of-type {
  display: block; /* Show dark mode logo */
}

.focus\:h-25px:focus,
.hover\:h-25px:hover,
.h-25px,
.h-25px-focus:focus,
.h-25px-hover:hover {
  height: 25px !important;
}
.rounded-10 {
  border-radius: 10px;
}
.logo,
.mob-nav {
  opacity: 0;
  transform: translateY(-20px);
  transition:
    opacity 0.9s ease-in-out,
    transform 0.9s ease-in-out;
  display: none; /* Prevents flickering before script runs */
}

/* Show logo with fade-in and slide-down effect */
.show-logo {
  opacity: 1;
  transform: translateY(0);
  display: block;
}

/* Initially visible */
.top-menu {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 0.3s ease-in-out,
    transform 0.5s ease-in-out;
}
.h-50px,
.h-50px-hover:hover,
.hover\:h-50px:hover {
  height: 50px !important;
}

/* Hide menu with fade-out and slide-up effect */
.hide-menu {
  opacity: 0;
  transform: translateY(-20px);
}
/* Ensure the wrapper uses flexbox and centers content */
.hpgrid-max-width {
  display: flex;
  justify-content: center; /* Centers horizontally */
  align-items: center; /* Centers vertically */
  text-align: center;
}

/* Centering the logo container */
.uc-logo {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Ensure images are properly aligned */
.uc-logo img {
  display: block;
  max-width: 100%;
  height: auto;
}
.h-70px,
.h-70px-hover:hover,
.hover\:h-70px:hover {
  height: 70px !important;
}
.uc-navbar-right {
  gap: 0.3rem !important;
}
.max-w-xxl {
  max-width: 91% !important;
}
.max-xxl {
  max-width: 90% !important;
}
/* Ensure the Swiper Container is Full Width */
.swiper-container {
  width: 100%;
  overflow: hidden;
}

/* Swiper Slide */
.swiper-slide {
  display: flex !important; /* Ensures flex layout inside Swiper */
  flex-wrap: wrap;
  align-items: center;
  gap: 20px; /* Adds spacing between columns */
  width: 100%;
}

/* Post Layout - 2 Column Structure */
.swiperpanel {
  /* display: flex;
                flex-wrap: wrap;
                gap: 20px; */
  /* align-items: center; */
  width: 100%;
}

/* Left Column: Post Header */
.post-header {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}

/* Right Column: Post Media */
.post-media {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Image Wrapper */
.featured-image {
  width: 100%;
  /* max-width: 500px; */
  overflow: hidden;
  border-radius: 10px;
}

.featured-image img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease-in-out;
}

.featured-image img:hover {
  transform: scale(1.05);
}

/* Post Content (Below Both Columns) */
.post-content {
  width: 100%;
  padding-top: 20px;
}

/* Category Label */
.label-exclusive-pill {
  font-size: 12px;
  font-weight: bold;
}

/* Article Summary */
.wpds-c-bijNET {
  font-size: 14px;
  line-height: 1.5;
}

/* Byline & Timestamp */
.byline {
  font-size: 12px;
  color: #777;
}
.swiper-slide img {
  display: block !important;
  max-width: 100%;
  height: auto;
}

/* Ensure Swiper Works Responsively */
@media (max-width: 768px) {
  .swiper-slide {
    flex-direction: column; /* Stack columns inside Swiper */
  }

  .post-header,
  .post-media {
    width: 100%;
  }

  .post-media {
    order: -1; /* Move media above text on mobile */
  }
}
.badge {
  width: 100px !important;
}
label {
  /* display: inline-block; */
  margin-bottom: 0 !important;
}
.floating-content {
  position: sticky;
  top: 127px; /* Adjust to prevent overlap with header */
  max-height: 80vh; /* Prevent it from growing too large */
  overflow-y: auto; /* Scroll inside if content is too long */
}
.dark-mode-img {
  display: none;
}

.uc-dark .light-mode-img {
  display: none;
}

.uc-dark .dark-mode-img {
  display: block;
}
img.rating-img {
  position: absolute;
  width: 97px;
  top: -3px;
  left: 22%;
  z-index: 1;
  filter: drop-shadow(5px 5px 5px #000);
}
img.rating-imgf {
  position: absolute;
  width: 97px;
  top: -3px;
  left: 43.8%;
  z-index: 1;
  filter: drop-shadow(5px 5px 5px #000);
}
img.rating-imgm {
  position: absolute;
  width: 97px;
  top: -3px;
  left: 65.5%;
  z-index: 1;
  filter: drop-shadow(5px 5px 5px #000);
}
img.rating-imgu {
  position: absolute;
  width: 97px;
  top: -3px;
  left: 87.3%;
  z-index: 1;
  filter: drop-shadow(5px 5px 5px #000);
}
@media screen and (max-width: 992px) {
  img.rating-img {
    display: none;
  }
  img.rating-imgf {
    display: none;
  }
  img.rating-imgm {
    display: none;
  }
  img.rating-imgu {
    display: none;
  }
}
.ulbullet {
  list-style-image: url(/assets/bullet-4.png);
}

/* Bootstrap Badge Styles */
.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: 0.375rem;
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

/* Badge color variants */
.badge-primary {
  color: #fff;
  background-color: #007bff;
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

/* Manual modal styles for when uni-core is not available */
#uc-search-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
}

#uc-search-modal.show {
  display: block;
  opacity: 1;
  visibility: visible;
}

.uc-modal-dialog {
  position: relative;
  max-width: 500px;
  margin: 50px auto;
  background: white;
  border-radius: 8px;
  padding: 20px;
}

.uc-modal-close-default {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  z-index: 1;
}

/* Enhanced modal visibility */
#uc-search-modal.show {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 99999 !important;
}

/* Force modal dialog to be visible */
#uc-search-modal.show .uc-modal-dialog {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 100000 !important;
}

/* Ensure modal content is visible */
#uc-search-modal.show .panel {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Responsive Grid Utilities */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.row > * {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

@media (min-width: 992px) {
  .lg\:col-4 {
    flex: 0 0 auto;
    width: 33.333333%;
  }

  .lg\:child-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .lg\:child-cols-3 > * {
    flex: 0 0 auto;
    width: 33.333333%;
  }
}

.child-cols > * {
  flex: 1;
  min-width: 0;
}

.g-4 {
  gap: 1.5rem;
}

.justify-between {
  justify-content: space-between;
}

/* Footer specific responsive fixes */
@media (max-width: 991px) {
  .footer-outer .row {
    flex-direction: column;
  }

  .footer-outer .col-12 {
    margin-bottom: 2rem;
  }

  .footer-outer .col-12:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 992px) {
  .footer-outer .row {
    flex-direction: row;
    align-items: flex-start;
  }

  .footer-outer .lg\:col-4 {
    flex: 0 0 33.333333%;
  }

  .footer-outer .lg\:child-cols-2 > * {
    flex: 0 0 50%;
  }

  .footer-outer .lg\:child-cols-3 > * {
    flex: 0 0 33.333333%;
  }
}

/* Footer Layout Improvements */
.uc-footer-top .row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.75rem;
}

.uc-footer-top .col-12 {
  padding: 0 0.75rem;
  margin-bottom: 2rem;
}

.uc-footer-top .col-12:last-child {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .uc-footer-top .row {
    align-items: flex-start;
  }

  .uc-footer-top .lg\:col-4 {
    flex: 0 0 33.333333% !important;
    max-width: 33.333333% !important;
    width: 33.333333% !important;
  }

  .uc-footer-top .col-12 {
    margin-bottom: 0;
  }
}

/* Force footer columns to be equal width */
.uc-footer-top .row > .col-12.lg\:col-4 {
  flex: 0 0 33.333333% !important;
  max-width: 33.333333% !important;
  width: 33.333333% !important;
}

/* Override any Bootstrap or other conflicting styles */
.uc-footer-top .row .col-12.lg\:col-4 {
  flex: 0 0 33.333333% !important;
  max-width: 33.333333% !important;
  width: 33.333333% !important;
}

/* Ensure all three columns are equal */
.uc-footer-top .row .col-12:nth-child(1),
.uc-footer-top .row .col-12:nth-child(2),
.uc-footer-top .row .col-12:nth-child(3) {
  flex: 0 0 33.333333% !important;
  max-width: 33.333333% !important;
  width: 33.333333% !important;
}

/* WORKAROUND: Force flex layout for footer regardless of JavaScript */
.uc-footer-top .row {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-left: -0.75rem !important;
  margin-right: -0.75rem !important;
}

.uc-footer-top .row > * {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

/* Ensure footer columns work without JavaScript - 6,3,3 layout */
.uc-footer-top .row .col-12.lg\:col-6 {
  flex: 0 0 50% !important;
  max-width: 50% !important;
  width: 50% !important;
}

.uc-footer-top .row .col-12.lg\:col-3 {
  flex: 0 0 25% !important;
  max-width: 25% !important;
  width: 25% !important;
}

/* Force responsive behavior */
@media (max-width: 991.98px) {
  .uc-footer-top .row .col-12.lg\:col-6,
  .uc-footer-top .row .col-12.lg\:col-3 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

/* AGGRESSIVE OVERRIDE: Force footer columns using 12-grid system */
.uc-footer-top .row > div:nth-child(1) {
  flex: 0 0 50% !important;
  max-width: 50% !important;
  width: 50% !important;
  float: left !important;
  position: relative !important;
}

.uc-footer-top .row > div:nth-child(2),
.uc-footer-top .row > div:nth-child(3) {
  flex: 0 0 25% !important;
  max-width: 25% !important;
  width: 25% !important;
  float: left !important;
  position: relative !important;
}

/* Override any Bootstrap grid system */
.uc-footer-top .row > div {
  box-sizing: border-box !important;
}

/* Force the row to be exactly 100% width */
.uc-footer-top .row {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Use correct primary color from original template */
:root {
  --bs-primary-rgb: 255, 169, 20 !important;
}

/* Complete bg-primary with all focus and hover states */
.bg-primary,
.bg-primary-focus:focus,
.bg-primary-hover:hover,
.focus\:bg-primary:focus,
.hover\:bg-primary:hover {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

/* Override for back to top button specifically */
.backtotop-wrap .btn.bg-primary,
.backtotop-wrap a.bg-primary {
  background-color: rgba(255, 169, 20, 1) !important;
}

/* Override for any button with bg-primary */
.btn.bg-primary,
a.bg-primary {
  background-color: rgba(255, 169, 20, 1) !important;
}

/* Fix back to top button visibility - hidden by default, shown on scroll */
.backtotop-wrap {
  transform: translateY(40px) !important;
  transition: 0.2s ease !important;
}

.backtotop-wrap [data-uc-backtotop] {
  opacity: 0 !important;
}

.backtotop-wrap.uc-active {
  gap: 0.5rem !important;
  transform: translateY(0) !important;
}

.backtotop-wrap.uc-active [data-uc-backtotop] {
  opacity: 1 !important;
}

/* Footer bottom responsive */
.uc-footer-bottom {
  flex-wrap: wrap;
  gap: 1rem;
}

@media (max-width: 575px) {
  .uc-footer-bottom {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .footer-copyright {
    text-align: center;
    width: 100%;
  }

  .footer-lang {
    width: 100%;
    text-align: center;
  }
}

@media (min-width: 576px) {
  .uc-footer-bottom {
    flex-direction: row;
    align-items: center;
  }
}

/* Ensure search icon is always visible when modal is not open */
.uc-search-trigger {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Only hide search icon when modal is open */
#uc-search-modal.show ~ .uc-search-trigger,
#uc-search-modal.show .uc-search-trigger {
  display: none !important;
}

/* Ensure search icon container is visible */
.nav-x .uc-search-trigger {
  display: flex !important;
}

@media (min-width: 992px) {
  .lg\\:d-flex .uc-search-trigger {
    display: flex !important;
  }
}

/* Footer child-cols layout */
.child-cols > * {
  flex: 1;
  min-width: 0;
}

@media (min-width: 992px) {
  .lg\:child-cols-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  /* First column should be 33.33% width */
  .lg\:child-cols-2 > .col-12.lg\:col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  /* Other columns should be 33.33% each */
  .lg\:child-cols-2 > div:not(.col-12.lg\:col-4) {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  /* 3-column layout for footer */
  .lg\:child-cols-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

/* Ensure footer columns are properly spaced */
.uc-footer-top .row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.75rem;
}

.uc-footer-top .row > * {
  padding: 0 0.75rem;
  margin-bottom: 1.5rem;
}

@media (min-width: 992px) {
  .uc-footer-top .row > * {
    margin-bottom: 0;
  }
}

/* Enforce .badge styles from external site with maximum specificity */
.badge,
html body .badge,
body .badge,
.uni-body .badge,
.panel .badge,
* .badge {
  width: 100px !important;
}

.badge:empty,
html body .badge:empty,
body .badge:empty,
.uni-body .badge:empty,
.panel .badge:empty,
* .badge:empty {
  display: none !important;
}

.btn .badge,
html body .btn .badge,
body .btn .badge,
.uni-body .btn .badge,
.panel .btn .badge,
* .btn .badge {
  position: relative !important;
  top: -1px !important;
}

/* Enforce h5 styles from external site */
.h5,
.h6,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--heading-font-typeface, sans-serif) !important;
  font-weight: var(--heading-font-weight, 700) !important;
  letter-spacing: var(--heading-font-spacing, normal) !important;
  font-style: var(--heading-font-style, normal) !important;
  text-transform: var(--heading-font-transform, initial) !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
  color: var(--color-gray-900) !important;
}

/* Dark mode h5 styles */
:where(.uc-dark) .h5,
.h6:where(.uc-dark),
:where(.uc-dark) .h6,
.display-1:where(.uc-dark),
:where(.uc-dark) .display-1,
.display-2:where(.uc-dark),
:where(.uc-dark) .display-2,
.display-3:where(.uc-dark),
:where(.uc-dark) .display-3,
.display-4:where(.uc-dark),
:where(.uc-dark) .display-4,
.display-5:where(.uc-dark),
:where(.uc-dark) .display-5,
.display-6:where(.uc-dark),
:where(.uc-dark) .display-6,
h1:where(.uc-dark),
:where(.uc-dark) h1,
h2:where(.uc-dark),
:where(.uc-dark) h2,
h3:where(.uc-dark),
:where(.uc-dark) h3,
h4:where(.uc-dark),
:where(.uc-dark) h4,
h5:where(.uc-dark),
:where(.uc-dark) h5,
h6:where(.uc-dark),
:where(.uc-dark) h6 {
  color: white !important;
}

/* Enforce Bootstrap body font variables from external site */
:root {
  --bs-body-font-size: 1.2rem !important;
  --bs-body-font-weight: 400 !important;
  --bs-body-font-family: 'Poppins', sans-serif !important;
}

/* Enforce font size classes from external site */
.fs-5 {
  font-size: 1rem !important;
  letter-spacing: 0rem !important;
}

.fs-6 {
  font-size: 0.875rem !important;
  letter-spacing: 0rem !important;
}

.fs-7 {
  font-size: 0.75rem !important;
  letter-spacing: 0rem !important;
}

/* Force footer font sizes with maximum specificity */
footer .fs-6,
.uc-footer .fs-6,
.uc-footer-top .fs-6,
.uc-footer-bottom .fs-6,
footer .nav-y.fs-6,
.uc-footer .nav-y.fs-6,
footer .uc-footer-bottom.fs-6,
.uc-footer .uc-footer-bottom.fs-6 {
  font-size: 0.875rem !important;
  letter-spacing: 0rem !important;
}

footer .fs-7,
.uc-footer .fs-7,
.uc-footer-top .fs-7,
.uc-footer-bottom .fs-7,
footer .widgt-title .fs-7,
.uc-footer .widgt-title .fs-7,
footer h4.fs-7,
.uc-footer h4.fs-7 {
  font-size: 0.75rem !important;
  letter-spacing: 0rem !important;
}

/* Enforce .uc-h5, h5 styles from unicore.min.css */
.uc-h5,
.uc-h6,
.uc-heading-2xlarge,
.uc-heading-3xlarge,
.uc-heading-large,
.uc-heading-medium,
.uc-heading-small,
.uc-heading-xlarge,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 20px 0 !important;
  font-family:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important;
  font-weight: 400 !important;
  color: #333 !important;
  text-transform: none !important;
}

.uc-h5,
* + .uc-h6,
* + .uc-heading-2xlarge,
* + .uc-heading-3xlarge,
* + .uc-heading-large,
* + .uc-heading-medium,
* + .uc-heading-small,
* + .uc-heading-xlarge,
* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6 {
  margin-top: 40px !important;
}

.uc-h5,
h5 {
  font-size: 16px !important;
  line-height: 1.4 !important;
}

/* Enforce .card-header styles from external site */
.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x) !important;
  margin-bottom: 0 !important;
  color: var(--bs-card-cap-color) !important;
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color) !important;
}

.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0 !important;
}

.card-header h4.card-title {
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  margin: 0 !important;
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)) !important;
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)) !important;
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)) !important;
  border-bottom: 0 !important;
}

.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg) !important;
  border-bottom-color: var(--bs-card-bg) !important;
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)) !important;
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)) !important;
}

/* Override Quasar SASS styles with maximum specificity */
/* Force font sizes to override Quasar */
html body .fs-5,
html body .fs-6,
html body .fs-7,
body .fs-5,
body .fs-6,
body .fs-7,
.uni-body .fs-5,
.uni-body .fs-6,
.uni-body .fs-7,
.panel .fs-5,
.panel .fs-6,
.panel .fs-7,
* .fs-5,
* .fs-6,
* .fs-7 {
  font-size: inherit !important;
}

html body .fs-5,
body .fs-5,
.uni-body .fs-5,
.panel .fs-5,
* .fs-5 {
  font-size: 1rem !important;
}

html body .fs-6,
body .fs-6,
.uni-body .fs-6,
.panel .fs-6,
* .fs-6 {
  font-size: 0.875rem !important;
}

html body .fs-7,
body .fs-7,
.uni-body .fs-7,
.panel .fs-7,
* .fs-7 {
  font-size: 0.75rem !important;
}

/* Override Quasar body font size */
html body,
body,
.uni-body,
.panel {
  font-size: var(--bs-body-font-size, 1.2rem) !important;
}

/* Override Quasar font family */
html body,
body,
.uni-body,
.panel {
  font-family: var(--bs-body-font-family, 'Poppins', sans-serif) !important;
}

/* Override Quasar font weight */
html body,
body,
.uni-body,
.panel {
  font-weight: var(--bs-body-font-weight, 400) !important;
}

/* Force footer styles to override Quasar */
html body footer .fs-6,
html body .uc-footer .fs-6,
html body .uc-footer-top .fs-6,
html body .uc-footer-bottom .fs-6,
body footer .fs-6,
body .uc-footer .fs-6,
body .uc-footer-top .fs-6,
body .uc-footer-bottom .fs-6,
.uni-body footer .fs-6,
.uni-body .uc-footer .fs-6,
.uni-body .uc-footer-top .fs-6,
.uni-body .uc-footer-bottom .fs-6,
.panel footer .fs-6,
.panel .uc-footer .fs-6,
.panel .uc-footer-top .fs-6,
.panel .uc-footer-bottom .fs-6 {
  font-size: 0.875rem !important;
}

html body footer .fs-7,
html body .uc-footer .fs-7,
html body .uc-footer-top .fs-7,
html body .uc-footer-bottom .fs-7,
body footer .fs-7,
body .uc-footer .fs-7,
body .uc-footer-top .fs-7,
body .uc-footer-bottom .fs-7,
.uni-body footer .fs-7,
.uni-body .uc-footer .fs-7,
.uni-body .uc-footer-top .fs-7,
.uni-body .uc-footer-bottom .fs-7,
.panel footer .fs-7,
.panel .uc-footer .fs-7,
.panel .uc-footer-top .fs-7,
.panel .uc-footer-bottom .fs-7 {
  font-size: 1rem !important;
}

/* Footer contact info spacing */
footer .fab.fa-whatsapp,
footer .fas.fa-envelope,
.uc-footer .fab.fa-whatsapp,
.uc-footer .fas.fa-envelope {
  margin-right: 8px !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

footer .fab.fa-whatsapp + a,
footer .fas.fa-envelope + a,
.uc-footer .fab.fa-whatsapp + a,
.uc-footer .fas.fa-envelope + a {
  display: inline-block !important;
  vertical-align: middle !important;
  text-decoration: none !important;
}

/* Ensure proper line spacing in footer contact info */
footer div:has(.fab.fa-whatsapp),
footer div:has(.fas.fa-envelope),
.uc-footer div:has(.fab.fa-whatsapp),
.uc-footer div:has(.fas.fa-envelope) {
  line-height: 1.6 !important;
  margin-bottom: 8px !important;
}

/* Small element styles from external site */
small {
  font-size: 80% !important;
  line-height: 1.4 !important;
  color: inherit !important;
  font-weight: inherit !important;
}

/* Footer small element specific styling */
footer small,
.uc-footer small {
  font-size: 80% !important;
  line-height: 1.4 !important;
  color: inherit !important;
  font-weight: inherit !important;
  display: block !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

/* Override Quasar SASS for small elements */
html body small,
body small,
.uni-body small,
.panel small {
  font-size: 80% !important;
  line-height: 1.4 !important;
  color: inherit !important;
  font-weight: inherit !important;
}