/* ===================================
   LOGO RESPONSIVE FIXES - LRD CHIPS
   Single Logo Configuration (Top Header Only)
   =================================== */

/* 1. TOP HEADER LOGO (Desktop) - MAIN LOGO - HEADER S1 */
.header-s1__top > .p-left .logo img {
  max-height: 60px;
  width: auto;
  object-fit: contain;
  display: block;
}

/* 2. BOTTOM HEADER LOGO - PERMANENTLY HIDDEN - HEADER S1 */
.header-s1__bottom > .logo {
  display: none !important; /* Force hide on all screens */
}

/* 3. HEADER S2 LOGO IN BOTTOM NAVIGATION (Home-2 Style) */
.header-s2 .header-s1__bottom .p-left .logo img {
  max-height: 60px;
  width: auto;
  object-fit: contain;
  display: block;
}

/* Keep header-s2 logo visible in bottom section */
.header-s2 .header-s1__bottom > .p-left .logo {
  display: flex !important;
  align-items: center;
}

/* 3. MOBILE HEADER LOGO */
.mobile-header__container .logo img {
  max-height: 45px;
  width: auto;
  object-fit: contain;
}

/* 4. OFFCANVAS MENU LOGO */
#offcanvas-nav .m-nav .logo {
  margin-bottom: 40px;
  text-align: center;
}

#offcanvas-nav .m-nav .logo img {
  max-height: 50px;
  width: auto;
  object-fit: contain;
}

/* 5. FOOTER LOGO */
.footer-s1 .widget-1 .logo img,
.footer-s2 .widget-1 .logo img,
.footer-s7 .widget-1 .logo img {
  max-height: 60px;
  width: auto;
  object-fit: contain;
}

/* ===================================
   RESPONSIVE BREAKPOINTS
   =================================== */

/* Tablet View (1200px and below) */
@media only screen and (max-width: 1200px) {
  /* Keep top header visible - NO CHANGE */
  .header-s1__top > .p-left .logo img {
    max-height: 55px;
  }
  
  /* Bottom logo stays hidden */
  .header-s1__bottom > .logo {
    display: none !important;
  }
}

/* Small Tablet (992px and below) */
@media only screen and (max-width: 992px) {
  /* Desktop headers hidden, mobile header shown */
  .header-s1,
  .header-s2,
  .header-s3,
  .header-s4,
  .header-s6,
  .header-s7 {
    display: none;
  }
  
  .mobile-header {
    display: block;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
  }
  
  .mobile-header__container .logo img {
    max-height: 45px;
  }
  
  /* Footer logo adjustments */
  .footer-s1 .widget-1 .logo,
  .footer-s2 .widget-1 .logo,
  .footer-s7 .widget-1 .logo {
    text-align: center;
    margin-bottom: 20px;
  }
  
  .footer-s1 .widget-1 .logo img,
  .footer-s2 .widget-1 .logo img,
  .footer-s7 .widget-1 .logo img {
    max-height: 55px;
  }
}

/* Mobile View (767px and below) */
@media only screen and (max-width: 767px) {
  .mobile-header__container .logo img {
    max-height: 40px;
  }
  
  #offcanvas-nav .m-nav .logo img {
    max-height: 45px;
  }
  
  .footer-s1 .widget-1 .logo img,
  .footer-s2 .widget-1 .logo img,
  .footer-s7 .widget-1 .logo img {
    max-height: 50px;
  }
}

/* Small Mobile (425px and below) */
@media only screen and (max-width: 425px) {
  .mobile-header__container .logo img {
    max-height: 35px;
  }
  
  #offcanvas-nav .m-nav .logo img {
    max-height: 40px;
  }
  
  .footer-s1 .widget-1 .logo img,
  .footer-s2 .widget-1 .logo img,
  .footer-s7 .widget-1 .logo img {
    max-height: 45px;
  }
}

/* Extra Small Mobile (375px and below) */
@media only screen and (max-width: 375px) {
  .mobile-header__container .logo img {
    max-height: 32px;
  }
  
  #offcanvas-nav .m-nav .logo img {
    max-height: 38px;
  }
}

/* ===================================
   LOGO CONTAINER FIXES
   =================================== */

/* Ensure logo containers are properly aligned */
.header-s1__top > .p-left,
.mobile-header__container .p-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* Logo link should not add extra spacing */
.logo a {
  display: inline-block;
  line-height: 0;
}

/* Prevent logo distortion */
.logo img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

/* ===================================
   SPECIFIC PAGE FIXES
   =================================== */

/* Contact Page Logo Fix */
body#contact .mobile-header {
  background: #fff;
}

body#contact .mobile-header__container .logo img {
  max-height: 40px;
}

/* Home Pages Logo Variations */
body#home-1 .mobile-header {
  background: #000060;
}

body#home-2 .mobile-header {
  background: #050b47;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Sticky Header Logo (if applicable) */
.header-s3.sticky .header-bottom-container .logo img {
  max-height: 45px;
  transition: max-height 0.3s ease;
}

/* ===================================
   PRINT STYLES (Optional)
   =================================== */
@media print {
  .logo img {
    max-height: 50px !important;
  }
}
/* Fix for long service names in sidebar */
.service-c-list .c-list li a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px;
  white-space: normal; /* Allow text wrapping */
  line-height: 1.4;
}

.service-c-list .c-list li a .text {
  flex: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.service-c-list .c-list li a .icon {
  flex-shrink: 0; /* Prevent icon from shrinking */
  width: 24px;
  height: 24px;
}

.header-s1__top .p-right {
  display: flex;
  align-items: center;
  gap: 25px;
}

.tb-single-info {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Vertical Line */
.tb-single-info.divider {
  position: relative;
  padding-right: 20px;
  margin-right: 20px;
}

.tb-single-info.divider::after {
  content: "";
  position: absolute;
  right: 0;
  top: 10%;
  height: 80%;
  width: 1px;
  background: #d9d9d9; /* light gray line */
}