/* Pasek/tlo pod menu przy scrollu (wlasny, niezalezny od Webflow IX).
   Na gorze navbar jest przezroczysty (nad Hero); po scrollu dostaje PELNE biale tlo,
   zeby tresc Hero nie przeswitywala. Cien z .rt-nav-shadow dokladany jak wczesniej. */
.rt-navbar{ transition: background-color .35s ease; }
/* Solidne KREMOWE tlo navbara przy scrollu. !important - Webflow IX2 ustawia tlo INLINE
   (na /kontakt, blogu itd. na ciemnozielone rgb(7,40,30)); inline bez !important przegrywa z !important. */
.rt-navbar.c4a-nav-scrolled{ background-color:#f6f1e8 !important; box-shadow:0 6px 20px rgba(0,0,0,.10); }

/* --- dodatki UI (sesja 3) --- */
/* Hover przycisku "kontakt" w navbarze - spojnie z reszta przyciskow (27.07): ciemna zielen + bialy tekst.
   Uwaga: .rt-color-overley to nakladka wewnatrz przycisku - jej kolor MUSI byc zgodny z tlem hover przyciskow,
   inaczej bialy tekst na bialej nakladce = pusty owal. */
.rt-navbar a.rt-tab-none:hover .rt-color-overley{ background-color:#07281e !important; }
.rt-navbar a.rt-tab-none:hover .rt-button-text, .rt-navbar a.rt-tab-none:hover .rt-button-hover-text{ color:#ffffff !important; }

/* Miniatury bloga: jednolity kadr "cover" (jak stara strona), niezaleznie od proporcji zdjecia.
   Kadr 630/406 (lista) oraz zajawki; zoom hover na samym obrazku (kadr przycina). */
.rt-blog-item-v2 .rt-blog-image{ aspect-ratio:630 / 406; overflow:hidden; }
.rt-blog-item-v2 .rt-blog-image .rt-blog-image-v2{ width:100%; height:100%; }
.rt-blog-item-v2 .rt-blog-image-v2 img{ width:100% !important; height:100% !important; object-fit:cover !important; transition:transform .45s ease; }
.rt-blog-item-v2:hover .rt-blog-image-v2 img{ transform:scale(1.06); }

/* zajawki juz maja cover (rt-auto-fit) - dokladamy tylko hover-zoom na obrazku */
.rt-blog-item .rt-blog-item-image img, .rt-blog-item .rt-image img{ transition:transform .45s ease; }
.rt-blog-item:hover .rt-blog-item-image img, .rt-blog-item:hover .rt-image img{ transform:scale(1.06); }

/* --- Kolor menu na stronach z jasnym wariantem (blog, posty, kontakt, chef, regulamin, polityka, dziekujemy) --- */
/* Te strony maja menu w kolorze #bfbfbf (jasnoszary) - zaprojektowane pod dawny CIEMNOZIELONY navbar.
   Na gorze navbar jest przezroczysty nad ciemnym Hero, wiec jasny tekst jest OK.
   Po scrollu navbar robi sie KREMOWY (.c4a-nav-scrolled) - wtedy przelaczamy menu na CIEMNY (#515151),
   a link aktywny na ciemna zielen (#07281e) - tak samo jak na Home. Przelaczenie tla i tekstu
   dzieje sie na tym samym progu (klasa .c4a-nav-scrolled), wiec sa zsynchronizowane. */
.rt-navbar.c4a-nav-scrolled .rt-menu-text.w-variant-b917673a-8bc1-2955-348d-c00c8761fc4d{ color:#515151 !important; }
.rt-navbar.c4a-nav-scrolled .rt-menu-text.w-variant-b917673a-8bc1-2955-348d-c00c8761fc4d.w--current{ color:#07281e !important; }

/* --- HERO home: poprawki (27.07) --- */
/* Kolo hero zawsze okragle (na mobile robilo sie "jajko" - wysokosc != szerokosc) */
.home-hero_wrapper{ border-radius:50% !important; aspect-ratio:1/1; height:auto !important; overflow:hidden; }
/* Ikona "100% rzemiosla": -10% i bardziej w prawo, by nie zaslaniala zdjec */
.rt-sticker img{ width:175px !important; }
.rt-sticker{ left:auto !important; right:-40px !important; top:-30px !important; }
@media (max-width:767px){
  .rt-sticker img{ width:140px !important; }
  .rt-sticker{ right:-8px !important; top:-40px !important; }
}

/* --- PRZYCISKI-27-07: animacje hover przyciskow byly w webflow.js (IX2, usuniete).
   Zamiast nich prosty hover jak w navbarze: ciemna zielen + bialy tekst. --- */
.rt-button{ transition:background-color .25s ease, opacity .25s ease; }
.rt-button .rt-button-text{ transition:color .25s ease; }
a[data-wf--rt-button-v1--variant="base"]:hover .rt-button{ background-color:#07281e !important; }
a[data-wf--rt-button-v1--variant="base"]:hover .rt-button .rt-button-text{ color:#fff !important; }
a[data-wf--rt-button-v1--variant="base"]:hover .rt-button img{ filter:invert(1) brightness(1.8); }
a[data-wf--rt-button-v1--variant="white-text-button"]:hover .rt-button{ opacity:.82; }
/* zdublowane warstwy hover (relikt animacji Webflow) - chowamy, upraszczamy do jednej warstwy */
.rt-button-text.rt-button-hover-text, .rt-button-hover-arrow{ display:none !important; }