/**
 * Mobilni globalni stilovi (≤1199px) — sve HTML stranice CH sajta.
 * Učitati posle main-nav-modern.css, pre page-specific CSS.
 */

@media screen and (max-width: 1199.98px) {
  :root {
    --bw-header-h: 5rem;
    --bw-primary: #174890;
  }

  /* —— Header —— */
  .main-header {
    height: var(--bw-header-h) !important;
    background-color: rgba(255, 255, 255, 0.98) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  }

  body.scroll-up .main-header,
  body.scroll-down .main-header {
    background-color: rgba(255, 255, 255, 0.98) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }

  /* —— Swiper pagination (kontrast po pozadini) —— */
  .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    opacity: 1 !important;
    background-color: rgba(23, 72, 144, 0.35) !important;
  }

  .swiper-pagination-bullet-active {
    background-color: var(--bw-primary) !important;
  }

  .tw-pricing-sec .swiper-pagination-bullet,
  .tw-inner-page-banner .swiper-pagination-bullet {
    background-color: rgba(255, 255, 255, 0.55) !important;
  }

  .tw-pricing-sec .swiper-pagination-bullet-active,
  .tw-inner-page-banner .swiper-pagination-bullet-active {
    background-color: #fff !important;
  }

  .tw-sustain-sec .swiper-pagination-bullet {
    background-color: rgba(255, 255, 255, 0.45) !important;
  }

  .tw-sustain-sec .swiper-pagination-bullet-active {
    background-color: #fff !important;
  }

  .swiper-pagination {
    position: relative !important;
    bottom: auto !important;
    margin-top: 0.5rem;
    margin-bottom: 0.35rem;
    z-index: 2;
  }

  /* —— Half-fluid: ukloni legacy padding-top / 100vw hack —— */
  .half-fluid .left-half,
  .half-fluid .right-half,
  .half-fluid [class*="col-xl-"].position-xl-absolute,
  .half-fluid .h-100 {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    inset: auto !important;
    margin: 0 !important;
    left: auto !important;
    right: auto !important;
  }

  .half-fluid .image,
  .half-fluid figure.image {
    width: 100% !important;
    max-width: 100% !important;
    left: auto !important;
    margin-left: 0 !important;
    margin-inline: 0 !important;
    padding: 0 !important;
    padding-top: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: block !important;
  }

  .half-fluid .image img,
  .half-fluid figure.image img {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block;
    margin-inline: 0;
  }

  .half-fluid .content {
    margin-inline-start: 0 !important;
    max-width: 100% !important;
    padding: 0.65rem 0 0.85rem !important;
  }

  /* Inner hero: mobile-images.css */

  /* —— Footer —— */
  footer.footer .container > .row.mb-4 {
    margin-bottom: 0.85rem !important;
  }

  footer.footer .footer-title {
    font-size: clamp(1.35rem, 5.5vw, 1.75rem) !important;
    line-height: 1.15 !important;
    margin-bottom: 0.35rem !important;
  }

  footer.footer .footer-loc-app-strip {
    gap: 0.5rem !important;
    align-items: center !important;
  }

  footer.footer .footer-loc-app-strip > .footer-app-block,
  footer.footer .footer-loc-app-strip > .footer-loc-block {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    align-self: center !important;
  }

  footer.footer .footer-app-block,
  footer.footer .footer-loc-block {
    padding: 0.5rem 0.5rem 0.35rem !important;
  }

  footer.footer .footer-app-block:not(.footer-loc-block) {
    padding-bottom: 0.25rem !important;
  }

  footer.footer .footer-app-block:not(.footer-loc-block) .footer-loc-app-title {
    margin-bottom: 0.35rem !important;
  }

  footer.footer .footer-app-block:not(.footer-loc-block) a {
    display: inline-block;
    line-height: 0;
    margin: 0;
  }

  footer.footer .footer-loc-app-title {
    margin-bottom: 0.25rem !important;
    line-height: 1.25 !important;
  }

  footer.footer .footer-loc-meta {
    margin-bottom: 0.2rem !important;
  }

  footer.footer .footer-loc-divider {
    display: none !important;
  }

  footer.footer .footer-loc-rule {
    margin: 0.35rem auto !important;
    max-width: 12rem;
  }

  footer.footer .row.mb-3 {
    margin-bottom: 0.65rem !important;
  }

  footer.footer .footer-legal {
    padding-top: 0.65rem !important;
    margin-top: 0.35rem !important;
    padding-bottom: max(0.85rem, env(safe-area-inset-bottom, 0px)) !important;
  }

  footer.footer .footer-legal p {
    margin-bottom: 0.35rem !important;
  }

  footer.footer .footer-legal p:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0.25rem;
  }

  footer.footer .footer-app-block img {
    max-width: 100%;
    height: auto;
    max-height: 45px;
    width: auto;
  }
}

@media screen and (max-width: 575.98px) {
  footer.footer .footer-social {
    gap: 0.75rem !important;
  }
}