/*
Theme Name: OTO Park Siemianowice Śląskie
Description: Dedykowany motyw strony OTO Park Siemianowice Śląskie — wierne odwzorowanie projektu (widoki: komputer / tablet / telefon) z panelem edycji najemców, promocji i aktualności.
Author: Kosma Zarzycki — Strona na wymiar
Version: 1.4.6
Text Domain: otopark
*/

/* === Baza z projektu (helmet) === */
html,body{margin:0;padding:0;background:#ffffff}
body{font-family:'Poppins',system-ui,sans-serif;color:#1c1c1a;-webkit-font-smoothing:antialiased}
a{color:#111111;text-decoration:none}
a:hover{color:#111111}
input,textarea,button{font-family:'Poppins',system-ui,sans-serif}
input::placeholder,textarea::placeholder{color:#9c9c94}
input:focus,textarea:focus{outline:2px solid #A8D84F;outline-offset:0}

/* === Przełączanie widoków projektu === */
.vw{display:none}
@media (min-width:1180px){.vw-desktop{display:block}}
@media (min-width:700px) and (max-width:1179.98px){.vw-tablet{display:block}}
@media (max-width:699.98px){.vw-mobile{display:block}}

/* Admin bar WordPressa nie może rozjechać sticky nagłówków */
body.admin-bar .vw header{top:32px !important}
@media (max-width:782px){body.admin-bar .vw header{top:46px !important}}

/* === Płynne przejścia między stronami (View Transitions — Chrome/Edge/Safari;
   pozostałe przeglądarki po prostu ignorują) === */
@view-transition{navigation:auto}
::view-transition-old(root){animation-duration:.18s}
::view-transition-new(root){animation-duration:.18s}

/* === Treść edytowalna w panelu (Regulamin) — typografia jak reszta strony === */
.otopark-tresc{font-size:13.5px;line-height:1.75;color:rgb(76,76,70)}
.otopark-tresc h2{font-size:17px;font-weight:800;letter-spacing:-.3px;color:rgb(22,22,20);margin:22px 0 10px}
.otopark-tresc h3{font-size:14.5px;font-weight:700;color:rgb(25,25,23);margin:18px 0 8px}
.otopark-tresc p{margin:0 0 9px}
.otopark-tresc ul,.otopark-tresc ol{margin:0 0 12px 20px}
.otopark-tresc li{margin-bottom:5px}
.otopark-tresc a{color:rgb(92,122,30);font-weight:600}
@media (max-width:699.98px){.otopark-tresc{font-size:12.5px}.otopark-tresc h2{font-size:15px}}

/* === Przyciski w okienkach: jednakowa wysokość i wyrównanie === */
[data-modal] [data-close],
[data-modal] [data-goto-plan],
[data-modal] [data-if="rules"]{
  height:46px !important;
  padding:0 22px !important;
  box-sizing:border-box !important;
  align-items:center;
  justify-content:center;
  line-height:1;
}
[data-modal] [data-close],
[data-modal] [data-goto-plan]{display:inline-flex !important}
/* rząd przycisków — równe odstępy, zawijanie na wąskich ekranach */
.oto-btn-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

/* === Wyszukiwarka + „Zobacz plan centrum": równa wysokość i jedna linia === */
.oto-search-row{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;margin-top:20px}
.oto-search-row > *{margin-top:0 !important;margin-bottom:0 !important}
.oto-search-row [data-goto-plan],
.oto-search-row [data-goto-news]{min-height:46px;height:auto}
@media (min-width:700px) and (max-width:1179.98px){
  .oto-search-row [data-goto-news]{min-height:50px}
}
@media (max-width:699.98px){
  .oto-search-row{margin-top:12px}
  /* na telefonie przycisk pod polem — wysokość taka sama jak pole „Szukaj najemcy" (48 px) */
  .oto-search-row [data-goto-plan],
  .oto-search-row [data-goto-news]{flex:1 1 100%;min-height:48px;justify-content:center}
}


/* Opis w nagłówku Sklepów i Promocji — równa wysokość, żeby przyciski startowały z tego samego miejsca */
@media (min-width:1180px){
  .oto-hero-lead{min-height:calc(1.6em * 3)}
}

/* === Okienka na telefonie/tablecie: ukryty pasek przewijania (przewijanie nadal działa) === */
@media (max-width:1179.98px){
  [data-modal]::-webkit-scrollbar,
  [data-modal] *::-webkit-scrollbar,
  [data-search-overlay]::-webkit-scrollbar,
  [data-search-overlay] *::-webkit-scrollbar,
  [data-menu] *::-webkit-scrollbar{width:0;height:0;display:none}
  [data-modal],
  [data-modal] *,
  [data-search-overlay],
  [data-search-overlay] *,
  [data-menu] *{scrollbar-width:none;-ms-overflow-style:none}
}

/* === Okienka na komputerze: pasek przewijania w stylu strony —
   zielony, widoczny na stałe, pojawia się tylko gdy treść się nie mieści === */
@media (min-width:1180px){
  /* Chrome / Edge / Brave / Safari */
  [data-modal]::-webkit-scrollbar,
  [data-modal] *::-webkit-scrollbar,
  [data-search-overlay]::-webkit-scrollbar,
  [data-search-overlay] *::-webkit-scrollbar{width:10px;height:10px}
  [data-modal]::-webkit-scrollbar-track,
  [data-modal] *::-webkit-scrollbar-track,
  [data-search-overlay]::-webkit-scrollbar-track,
  [data-search-overlay] *::-webkit-scrollbar-track{background:transparent}
  [data-modal]::-webkit-scrollbar-thumb,
  [data-modal] *::-webkit-scrollbar-thumb,
  [data-search-overlay]::-webkit-scrollbar-thumb,
  [data-search-overlay] *::-webkit-scrollbar-thumb{
    background:#A8D84F;border-radius:99px;border:2px solid #ffffff;
  }
  [data-modal]::-webkit-scrollbar-thumb:hover,
  [data-modal] *::-webkit-scrollbar-thumb:hover,
  [data-search-overlay]::-webkit-scrollbar-thumb:hover,
  [data-search-overlay] *::-webkit-scrollbar-thumb:hover{background:#93C33E}
  /* Firefox (nie zna reguł powyżej) */
  @supports not selector(::-webkit-scrollbar){
    [data-modal],
    [data-modal] *,
    [data-search-overlay],
    [data-search-overlay] *{scrollbar-width:thin;scrollbar-color:#A8D84F transparent}
  }
}

/* === Warstwy okienek === zabezpieczenie na wypadek, gdyby skrypt nie zdążył:
   otwarte okienko zawsze nad treścią strony (kafelki skrótów, sticky nagłówek) */
body > [data-modal]{z-index:130}
body > [data-menu]{z-index:110}

/* === Deski tablet/telefon: przycinanie BEZ tworzenia obszaru przewijania ===
   (overflow:hidden „połykał" gest palca na telefonie i strona nie dawała się przewijać) */
.oto-fit{overflow:hidden;touch-action:pan-y pinch-zoom}
.oto-fit-inner{touch-action:pan-y pinch-zoom}
@supports (overflow: clip){
  .oto-fit{overflow:clip;overflow-clip-margin:0}
}
/* strona zawsze przewijalna w pionie — zabezpieczenie przed blokadą gestu */
html,body{overscroll-behavior-y:auto}

/* === Poziome paski (najemcy, kategorie): przewijanie palcem zostaje,
   znika belka przewijania nachodząca na przyciski === */
.vw *::-webkit-scrollbar{width:0;height:0;display:none}
.vw *{scrollbar-width:none;-ms-overflow-style:none}

/* === Kotwice sekcji (#aktualnosci, #plan) — żeby nagłówek nie chował się
   pod przyklejonym paskiem na tablecie i telefonie === */
@media (min-width:700px) and (max-width:1179.98px){.vw-tablet [data-sec]{scroll-margin-top:90px}}
@media (max-width:699.98px){.vw-mobile [data-sec]{scroll-margin-top:76px}}