/* ======================================== RIBOLOVNO.HR - HOMEPAGE PARTNER SLIDER Kartice identične /partneri/ stranici v1.3.8 ======================================== */ /* Slider uvijek koristi punu širinu dostupnog containera. */ body.home .elementor-widget-shortcode:has(.rib-auto-partners-slider), body.home .elementor-widget-shortcode:has(.rib-auto-partners-slider) > .elementor-widget-container, body.home .home-partners-slider-wrap:has(.rib-auto-partners-slider), body.home .home-partners-slider-viewport:has(.rib-auto-partners-slider), body.home .rib-auto-partners-slider { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } /* * Početna i child tema imaju stara pravila za .home-partner-slide. * Ovdje ih nadjačavamo i prisiljavamo isti outer-card izgled kao na /partneri/. */ body.home .rib-auto-partners-slider .home-partner-slide.rib-partner-directory-card { position: relative !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex: 0 0 280px !important; width: 280px !important; max-width: 280px !important; min-width: 0 !important; min-height: 315px !important; margin: 0 !important; padding: 15px !important; overflow: hidden !important; text-decoration: none !important; box-sizing: border-box !important; } /* Dno CTA gumba neka uvijek ostane uredno poravnato. */ body.home .rib-auto-partners-slider .home-partner-slide.rib-partner-directory-card .rib-partner-directory-logo { margin-top: auto; } body.home .rib-auto-partners-slider .home-partner-slide.rib-partner-directory-card .rib-partner-directory-cta { align-self: flex-start; } /* Tablet: isti breakpoint i širina kao /partneri/. */ @media (max-width: 1024px) { body.home .rib-auto-partners-slider .home-partner-slide.rib-partner-directory-card { flex-basis: 260px !important; width: 260px !important; max-width: 260px !important; } } /* Mobitel: isti osjećaj kao /partneri/, ali u slideru ostaje uredna širina. */ @media (max-width: 767px) { body.home .rib-auto-partners-slider .home-partner-slide.rib-partner-directory-card { flex: 0 0 calc((100% - 12px) / 2) !important; width: calc((100% - 12px) / 2) !important; max-width: 280px !important; min-height: 0 !important; padding: 11px !important; border-radius: 14px !important; } } @media (max-width: 359px) { body.home .rib-auto-partners-slider .home-partner-slide.rib-partner-directory-card { flex-basis: min(100%, 280px) !important; width: min(100%, 280px) !important; max-width: 280px !important; } } /* ======================================== FINALNE KOREKCIJE HOMEPAGE KARTICA v1.3.8 ======================================== */ /* Stari homepage CSS generira dodatni Premium badge preko pseudo-elementa. U automatskom slideru koristimo samo pravi zlatni badge iz plugina. */ body.home .rib-auto-partners-slider .home-partner-slide.premium-partner::before, body.home .rib-auto-partners-slider .home-partner-slide.premium-partner::after { display: none !important; content: none !important; } /* Tema ne smije mijenjati tekst kartice u crvenu / tamnu boju na hoveru. */ body.home .rib-auto-partners-slider .home-partner-slide.rib-partner-directory-card:hover, body.home .rib-auto-partners-slider .home-partner-slide.rib-partner-directory-card:focus-visible { background: radial-gradient(circle at 50% 0%, rgba(34, 197, 94, .085), transparent 42%), rgba(7, 20, 14, .98) !important; border-color: rgba(34, 197, 94, .82) !important; color: #ffffff !important; text-decoration: none !important; box-shadow: 0 16px 34px rgba(0, 0, 0, .28) !important; } /* Premium hover ostaje zlatan. */ body.home .rib-auto-partners-slider .home-partner-slide.rib-partner-directory-card.is-premium:hover, body.home .rib-auto-partners-slider .home-partner-slide.rib-partner-directory-card.is-premium:focus-visible { background: radial-gradient(circle at 50% 0%, rgba(242, 207, 29, .11), transparent 46%), rgba(7, 20, 14, .98) !important; border-color: #ffe04a !important; color: #ffffff !important; box-shadow: 0 16px 36px rgba(0, 0, 0, .30), 0 0 24px rgba(242, 207, 29, .11) !important; } /* Naslov i opis uvijek ostaju u bojama teme, i kod hovera. */ body.home .rib-auto-partners-slider .home-partner-slide.rib-partner-directory-card:hover .rib-partner-directory-name, body.home .rib-auto-partners-slider .home-partner-slide.rib-partner-directory-card:focus-visible .rib-partner-directory-name { color: #ffffff !important; } body.home .rib-auto-partners-slider .home-partner-slide.rib-partner-directory-card:hover .rib-partner-directory-description, body.home .rib-auto-partners-slider .home-partner-slide.rib-partner-directory-card:focus-visible .rib-partner-directory-description { color: rgba(255, 255, 255, .72) !important; } /* Obični CTA: jasno zelen na hoveru. */ body.home .rib-auto-partners-slider .home-partner-slide.rib-partner-directory-card:hover .rib-partner-directory-cta, body.home .rib-auto-partners-slider .home-partner-slide.rib-partner-directory-card:focus-visible .rib-partner-directory-cta { background: #22c55e !important; border-color: #22c55e !important; color: #06130a !important; -webkit-text-fill-color: #06130a !important; } /* Premium CTA: jasno zlatan na hoveru. */ body.home .rib-auto-partners-slider .home-partner-slide.rib-partner-directory-card.is-premium:hover .rib-partner-directory-cta, body.home .rib-auto-partners-slider .home-partner-slide.rib-partner-directory-card.is-premium:focus-visible .rib-partner-directory-cta { background: #f2cf1d !important; border-color: #f2cf1d !important; color: #111000 !important; -webkit-text-fill-color: #111000 !important; } /* ======================================== PREMIUM BADGE — UVIJEK ZLATAN v1.3.9 ======================================== */ body.home .rib-auto-partners-slider .rib-partner-directory-card.is-premium .rib-partner-directory-premium-badge, body.home .rib-auto-partners-slider .rib-partner-directory-card.is-premium .rib-partner-directory-premium-badge *, body.home .rib-auto-partners-slider .rib-partner-directory-card.is-premium:hover .rib-partner-directory-premium-badge, body.home .rib-auto-partners-slider .rib-partner-directory-card.is-premium:hover .rib-partner-directory-premium-badge * { color: #f2cf1d !important; -webkit-text-fill-color: #f2cf1d !important; opacity: 1 !important; text-shadow: none !important; } /* Dodatno osiguranje da stari pseudo-badge ostane ugašen. */ body.home .rib-auto-partners-slider .home-partner-slide.premium-partner::before, body.home .rib-auto-partners-slider .home-partner-slide.premium-partner::after { display: none !important; content: none !important; }