/* ===== FONT & BASE ===== */
.gariful-footer,
.gariful-footer p,
.gariful-footer span,
.gariful-footer a,
.gariful-footer li,
.gariful-footer .ova-text,
.gariful-footer .ova-contact-info .item {
  font-family: 'Work Sans', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

/* ===== NASLOVI ===== */
.gariful-footer .footer-heading,
.gariful-footer .footer-heading * {
  font-family: 'Work Sans', sans-serif !important;
  font-size: 14px !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  color: #7fa8d8 !important;
  margin-bottom: 4px !important;
}

/* ===== STUPCI ===== */
.gariful-footer .elementor-container {
  align-items: flex-start !important;
}

/* ===== KONTAKT INFO (uredi) ===== */
.gariful-footer .ova-contact-info .info {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.gariful-footer .ova-contact-info .item {
  margin: 0 !important;
  padding: 0 !important;
  align-items: center !important;
  gap: 10px !important;
}
.gariful-footer .ova-contact-info .ova-text {
  display: flex !important;
  align-items: center !important;
}
.gariful-footer .ova-contact-info .item i,
.gariful-footer .ova-contact-info .item svg,
.gariful-footer .ova-contact-info .icon {
  color: #7fa8d8 !important;
  font-size: 16px !important;
  opacity: 0.85 !important;
  margin-right: 4px !important;
}

/* ===== EMAIL (label iznad maila) ===== */
.gariful-footer .footer-email .ova-email {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 5px !important;
}
.gariful-footer .footer-email .ova-email p {
  color: #7fa8d8 !important;
  font-size: 15px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  margin: 0 !important;
}
.gariful-footer .footer-email .ova-email a {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 13px !important;
  text-decoration: none !important;
  margin: 0 !important;
}
.gariful-footer .footer-email .ova-email i {
  display: none !important;
}

/* ===== SOCIAL ===== */
.gariful-footer .social li a,
.gariful-footer .ova-socials a {
  width: 38px !important;
  height: 38px !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  transition: all 0.25s ease !important;
}
.gariful-footer .social li a:hover,
.gariful-footer .ova-socials a:hover {
  border-color: #7fa8d8 !important;
  background: rgba(127, 168, 216, 0.12) !important;
}

/* ===== BADGE (pill) ===== */
.gariful-footer .elementor-element-53fbf4a .wp-caption {
  display: inline-flex !important;
  align-items: center !important;
  gap: 11px !important;
  margin: 0 !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 999px !important;
  padding: 8px 18px 8px 8px !important;
}
.gariful-footer .elementor-element-53fbf4a .wp-caption img {
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}
.gariful-footer .elementor-element-53fbf4a .widget-image-caption {
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  font-style: normal !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  color: rgba(255, 255, 255, 0.6) !important;
  max-width: 100px !important;
}

/* ===== DONJI RED: COPYRIGHT + LINKOVI ===== */
.footer-bottom-links ul.menu {
  display: flex !important;
  flex-direction: row !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.footer-bottom-links ul.menu li {
  padding: 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}
.footer-bottom-links ul.menu li a,
.gariful-footer .elementor-widget-text-editor a {
  transition: color 0.25s ease !important;
}
.footer-bottom-links ul.menu li a:hover,
.gariful-footer .elementor-widget-text-editor a:hover {
  color: #7fa8d8 !important;
}

/* ===== Silver Partner ===== */

.gariful-footer .silver-partner {
    display: flex;
    flex-direction: row!important;
    align-items: center;
}



.gariful-footer .silver-partner .widget-image-caption {
    border-bottom: none;
}


/* ===== OUR PARTNERS ===== */
.our-partners-heading {
    display: flex;
    align-items: center;
    justify-content: center;
}

.partners-section {         
  background: #f4f6f9;
  padding: 42px 0 38px;
}
.partners-section .partners-title {
  text-align: center;
  color: #16233b;
  margin: 0 0 30px;
}
.partners-slider .swiper-slide-image {
  height: 38px !important;
  width: auto !important;
  object-fit: contain;
  margin: 0 auto;
  display: block;
  filter: grayscale(100%);
  opacity: 0.65;
  transition: all .3s ease;
}
.partners-slider .swiper-slide-image:hover {
  filter: grayscale(0%);
  opacity: 1;
}

.partners-slider .swiper-slide {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-width: 157px !important;
}

.partners-slider .swiper-slide-inner {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: #fbfcfd;
  border: 1px solid rgba(19, 23, 43, 0.06);
  border-radius: 12px;
  padding: 10px 20px;
  height: 80px;
  width: 100%;
  box-shadow: none;
  transition: box-shadow .4s ease, transform .4s ease, background .4s ease;
}

.partners-slider .swiper-slide-inner:hover {
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(50, 86, 198, 0.15);
  transform: translateY(-4px);
}

.partners-slider .swiper-slide-image {
  height: 40px !important;
  width: auto !important;
  max-width: 100%;
  object-fit: contain;
  margin: 0 auto;
  display: block;
  filter: grayscale(100%);
  opacity: 0.7;
  transition: filter .3s ease, opacity .3s ease;
}


.partners-slider .swiper-slide-inner:hover .swiper-slide-image {
  filter: grayscale(0%);
  opacity: 1;
}

/* optičko ujednačavanje pojedinih logotipa */
.partners-slider .swiper-slide-image[alt*="clickandboat"] { height: 45px !important; }
.partners-slider .swiper-slide-image[alt*="nausys"]       { height: 20px !important; }
.partners-slider .swiper-slide-image[alt*="boataround"]       { height: 90px !important; }
.partners-slider .swiper-slide-image[alt*="mmk"]       { height: 60px !important; }



/* tablet i mobitel – odmakni karusel od rubova ekrana */
@media (max-width: 1024px) {
  .partners-slider {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  
  /* tablet i mobitel – dodaj hint za swipe lijevo desno */
    .partners-section {  
    position: relative;
    padding-bottom: 34px;    
  }
  .partners-section::after {
    content: "← →";
    position: absolute;
    left: 0; right: 0; bottom: 10px;
    text-align: center;
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #9aa3b2;
    pointer-events: none;
  }
}

/* ===== TABLET ===== */
@media (max-width: 1024px) {
  .gariful-footer .footer-heading {
    margin-bottom: 16px !important;
  }
}

/* ===== MOBITEL ===== */
@media (max-width: 768px) {
  .gariful-footer .footer-bottom {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 16px !important;
  }
  .all-rights {
    order: 2 !important;
    text-align: center !important;
    width: 100% !important;
  }
  .footer-bottom-links {
    order: 1 !important;
    width: 100% !important;
  }
  .footer-bottom-links ul.menu {
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
  }
  .gariful-footer .elementor-element-53fbf4a .wp-caption {
    margin: 0 auto !important;
  }
  .gariful-footer .silver-partner {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .gariful-footer .socials {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}