/* ==========================================
   HELIOS SOLAR ENERGY TEMPLATE - RESPONSIVE STYLES
   ========================================== */

/* Large Desktops / Ultra Wide */
@media screen and (min-width: 1100px) and (max-width: 3000px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    }
}
@media screen and (min-width: 778px) and (max-width: 1100px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1020px;
    }
}

@media (min-width: 1400px) {
  .section-title {
    font-size: 42px;
  }
}

/* Notebooks & Medium Desktops */
@media (max-width: 1199px) {
  .navbar-nav .nav-link {
    font-size: 14px;
    padding: 20px 10px !important;
  }
  .breadcrumb-title {
    font-size: 38px;
  }
}

/* Tablets & Mobile Devices (Landscape and Portrait) */
@media (max-width: 991px) {
  /* Topbar optimization */
  .topbar-info {
    justify-content: center;
    margin-bottom: 5px;
  }
  .topbar-socials {
    justify-content: center;
  }
  
  /* Navbar */
  .header-navigation {
    padding: 10px 0;
  }
  .navbar-nav .nav-link {
    padding: 12px 0 !important;
    font-size: 16px;
  }
  .navbar-nav .nav-link::after {
    display: none; /* Hide desktop underline */
  }
  
  /* Mobile Offcanvas Customizations */
  .offcanvas {
    background-color: var(--card-bg) !important;
    color: var(--text-color);
    border-left: 1px solid var(--border-color);
  }
  .offcanvas-header {
    border-bottom: 1px solid var(--border-color);
  }
  .offcanvas-body {
    padding: 24px;
  }
  
  /* Dropdowns on Mobile - Collapsible block */
  .dropdown-menu {
    position: static !important;
    display: none;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-shadow: none !important;
    border: none !important;
    background-color: var(--bg-soft) !important;
    margin-top: 8px;
    padding-left: 15px !important;
  }
  .dropdown-menu.show {
    display: block !important;
  }
  
  /* Section Spacing */
  .section-title-wrapper {
    margin-bottom: 35px;
  }
  .section-title {
    font-size: 28px;
  }
  .breadcrumb-section {
    padding: 50px 0;
  }
  .breadcrumb-title {
    font-size: 30px;
    text-align: center;
  }
  .breadcrumb-nav {
    justify-content: center;
  }
  
  /* Footer */
  .footer-bottom {
    text-align: center;
    margin-top: 40px;
  }
  .footer-bottom-links {
    justify-content: center;
    margin-top: 15px;
  }
}

/* Small Mobile Devices */
@media (max-width: 575px) {
  .section-title {
    font-size: 24px;
  }
  .btn-premium {
    width: 100%;
    justify-content: center;
    padding: 14px 20px;
  }
  .solar-card {
    padding: 20px;
  }
  .solar-img-card-content {
    padding: 16px;
  }
  .topbar {
    display: none; /* Hide topbar on ultra small mobile to save space */
  }
}