/* ==========================================================================
   contact-cta-mobile.css — poprawki i nowe style kontaktowych CTA
   na mobile/tablecie (sticky stopka ogloszenia + sidebar profilu).
   Ladowane PO listing-cta.css, dlatego dziala jak override.
   NIE nadpisujemy listing-cta.css — wszystko nowe trafia tutaj.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Sticky stopka kontaktu na ogloszeniu (.ek-sticky-advert, info.php)
   -------------------------------------------------------------------------- */

/* Bug Safari/WebKit: 3-wartosciowy shorthand `padding` z `calc(env(...))`
   jako trzecia wartoscia bywa uniewazniany w calosci, co daje padding=0
   dookola -> "Zadzwon"/"Wyslij wiadomosc" przyklejone do krawedzi ekranu.
   Trzymamy boczne 14px w osobnej deklaracji; env() tylko dla padding-bottom. */
@media (max-width: 767px) {
	.ek-sticky-advert {
		padding: 10px 14px;
		padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
	}
}

/* Neutralizacja fix.css ".dip { padding:0 5px!important; top:-1px;
   margin-left:2px; width:auto!important }" — psuje to "Zadzwon" w sticky
   barze (kurczy do chipa zamiast 50% szerokosci wiersza, niska wysokosc,
   offset 1px). Wyzsza specyficznosc (.dip jako 2. klasa) + !important
   wygrywa z fix.css. */
@media (max-width: 767px) {
	.ek-sticky-advert__btn.dip {
		padding: 12px 12px !important;
		width: 100% !important;
		top: 0;
		margin-left: 0;
	}
}

/* --------------------------------------------------------------------------
   Listing — pusty odstep pod kafelkiem na mobile
   -------------------------------------------------------------------------- */

/* listing-cta.css dal .offer-large .offer-large-right { min-height: 205px }
   zeby na desktopie kolumna byla wyrownana z lewa (avatar+opis). Na mobile
   (<=767px) campaigns-main.css ustawia obie kolumny na width:100% i stackuje
   pionowo -> wymuszone 205px tworzy puste 60-100px pod "Ostatnia aktywnosc".
   Zerujemy min-height tylko na mobile; desktopowy fix zostaje nietkniety. */
@media (max-width: 767px) {
	.offer-large .offer-large-right { min-height: 0; }
}

/* --------------------------------------------------------------------------
   Profil — "Wyslij wiadomosc" pod awatarem (info.php, sidebar mob-left)
   -------------------------------------------------------------------------- */

/* Legacy .btn { padding:0 28px } + .btn img { vertical-align: baseline }
   w waskiej kolumnie .offer-full-inner-sidebar-mob-left (inline-block na
   tablet/mobile) = wizualnie brak paddingu po bokach (zwlaszcza w Safari).
   Wymuszamy modern flex z proporcjonalnym paddingiem 14px i odstepem
   ikona<->tekst, niezaleznym od silnika. */
.offer-full-inner-sidebar-mob-left > .btn.btn-small.btn-full-lead {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 0 14px;
	box-sizing: border-box;
}
.offer-full-inner-sidebar-mob-left > .btn.btn-small.btn-full-lead > a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
}
.offer-full-inner-sidebar-mob-left > .btn.btn-small.btn-full-lead > a > img {
	margin: 0;
	vertical-align: middle;
	flex: 0 0 auto;
}

/* --------------------------------------------------------------------------
   Desktop — sticky sidebar na karcie ogloszenia (advert.php / info.php)
   -------------------------------------------------------------------------- */

/* Sidebar (.offer-full-inner-sidebar = avatar, "Wyslij wiadomosc", aktywnosc,
   telefon, lokalizacje, dostepnosc) ma jechac wraz ze scrollem przez cala
   tresc ogloszenia. position:sticky zatrzyma sie naturalnie na dolnej
   krawedzi rodzica .offer-full (czyli koniec opisu + formularz kontaktu).
   Opinie (.reviews) sa juz POZA .offer-full, wiec tam sidebar znika z widoku
   — dokladnie "do konca tresci ogloszenia".
   Tylko desktop (>=992px); na <=991px campaigns-main.css daje width:100%
   i sidebar i tak idzie pod siebie. */
@media (min-width: 992px) {
	.offer-full .offer-full-inner-sidebar {
		position: sticky;
		top: 90px; /* wysokosc .navbar (position:fixed, padding 15px + logo) + 10px buforu */
	}
}

/* --------------------------------------------------------------------------
   Modal wiadomosci — ukrywanie stopki w success-state
   -------------------------------------------------------------------------- */

/* scripts.js po sukcesie podmienia .modal-body na <div class="ek-success">,
   ale .ek-modal-foot (regulamin + Anuluj + "Wyslij wiadomosc") zostaje
   widoczna — sugeruje, ze mozna jeszcze wyslac, choc juz wyslalismy.
   Ukrywamy stopke gdy w modalu jest .ek-success.
   :has() = Safari 15.4+ / WebKit current — w docelowych przegladarkach OK. */
#modal-card-message:has(.ek-success) .ek-modal-foot { display: none; }