/* ============================================================
 * mobile-fixes.css — V1.36.11
 * ============================================================
 * Mobile UX patobulinimų rinkinys.
 * Įkraunamas PO main bundle CSS, todėl perima Tailwind klases
 * cascade'o tvarka (last-win).
 *
 * Apima:
 *   1) iOS safe-area-inset palaikymas (notch / home indicator)
 *   2) Touch target minimum 44x44px (WCAG)
 *   3) text-xs perdidinimas mobile (12px → 13px)
 *   4) -webkit-tap-highlight-color outline mygtukams
 *   5) Header'io „+" mygtuko (orange CTA) padidinimas
 *   6) Smooth tap focus visualumui
 * ============================================================ */

/* ---------------------------------------------------------------- */
/* 1) iOS safe-area-inset — fixed bottom elementams neuždengti      */
/*    home indicator'iaus (iPhone X+)                                */
/* ---------------------------------------------------------------- */
@supports (padding: env(safe-area-inset-bottom)) {
  /* Cookie consent banner, žemiausi sticky bar'ai ir t.t. */
  .fixed.bottom-0 {
    padding-bottom: max(env(safe-area-inset-bottom), 0px);
  }

  /* Jei elementas turi h-14 (orange info bar 56px aukščio) — neaugin'am
     aukščio, tik pridedam paddinimą apačioje saugioje zonoje */
  .fixed.bottom-0.h-14 {
    height: auto;
    min-height: 3.5rem; /* 56px */
    padding-bottom: max(env(safe-area-inset-bottom), 0px);
  }
}

/* ---------------------------------------------------------------- */
/* 2) Touch target minimum 44x44px — mobile mygtukams                */
/*    (md breakpoint = 768px, žemiau jo - mobile)                    */
/* ---------------------------------------------------------------- */
@media (max-width: 767px) {
  /* Mygtukai su h-10 (40px) - WCAG nepasiekia 44px */
  button.h-10,
  a.h-10[role="button"],
  .btn.h-10 {
    min-height: 44px;
  }

  /* Vis dar mažesni mygtukai (h-8, h-9) - bent 40px */
  button.h-8,
  button.h-9,
  a.h-8[role="button"],
  a.h-9[role="button"] {
    min-height: 40px;
  }

  /* Pelėms su mažais paddingais p-1, p-1.5, p-2 - paaukštinam */
  button.p-1\.5,
  a.p-1\.5,
  button.p-1,
  a.p-1 {
    padding: 0.5rem;
    min-width: 40px;
    min-height: 40px;
  }
}

/* ---------------------------------------------------------------- */
/* 3) Šrifto dydžiai mobile - skaitomumas saulėtu lauku              */
/*    text-xs (12px) per mažas → padidinam į 13px                    */
/*    Tik mobile telefonams (< 640px)                                */
/* ---------------------------------------------------------------- */
@media (max-width: 639px) {
  .text-xs {
    font-size: 0.8125rem;  /* 13px (vietoj 12px) */
    line-height: 1.125rem; /* 18px */
  }

  /* Antraščių linijos aukštis - geresnis breathing room mažuose ekranuose */
  h1, h2, h3 {
    line-height: 1.2;
  }
}

/* ---------------------------------------------------------------- */
/* 4) Tap highlight - iOS pilkas blizgesys ant interactive elementų */
/*    pakeičiamas į subtilesnį                                       */
/* ---------------------------------------------------------------- */
button,
a,
[role="button"],
input[type="submit"],
input[type="button"],
label[for],
select {
  -webkit-tap-highlight-color: rgba(118, 184, 42, 0.15); /* brand green su alpha */
}

/* ---------------------------------------------------------------- */
/* 5) Mobile „Įdėti skelbimą" header CTA                              */
/*    PROBLEMA: bundle'yje yra DU „naujas-skelbimas" mygtukai —      */
/*      a) Oranžinis kvadratinis „+" (md:hidden, p-1.5+w-4 h-4)      */
/*      b) Žalias „Įdėti skelbimą" (BE md:hidden — visada matomas)   */
/*    Mobile vartotojas matydavo abu — dublikatas.                    */
/*    SPRENDIMAS (V1.36.14): paslėpti oranžinį „+" mobile.            */
/*    V1.36.15 PATAISA: žalias mygtukas nustatomas tokio paties       */
/*    dydžio kaip „Prisijungti" mygtukas (px-3 py-1 text-[11px]).     */
/* ---------------------------------------------------------------- */
@media (max-width: 767px) {
  /* (a) Paslėpti oranžinį „+" mobile */
  button[title="Įdėti nemokamą skelbimą"],
  button[title*="nemokamą skelbimą"] {
    display: none !important;
  }

  /* (b) Suderinti žalio mygtuko dydį su „Prisijungti" mygtuku       */
  /*     „Prisijungti": px-3 py-1 text-[11px] gap-1                  */
  /*     Žalias originaliai: px-3 py-1.5 (4px aukštesnis) + default  */
  /*     šrifto dydis (~14-16px). Force'inam padding + font-size +   */
  /*     gap, kad atitiktų prisijungti.                              */
  #header_post_ad_btn {
    padding: 0.25rem 0.75rem;      /* py-1 px-3 */
    font-size: 0.6875rem;          /* text-[11px] */
    line-height: 1rem;
    gap: 0.25rem;                  /* gap-1 */
  }

  /* Ikona viduje žalio mygtuko — sumažinam, kad proporcingai tilptų */
  #header_post_ad_btn svg {
    width: 0.875rem;               /* w-3.5 = 14px */
    height: 0.875rem;
  }
}

/* ---------------------------------------------------------------- */
/* 6) Input'ams - iOS auto-zoom prevention                            */
/*    Jei input font-size < 16px, iOS automatiškai zoom'ina          */
/*    input'ą focus'inant. Force'inam 16px mobile.                   */
/* ---------------------------------------------------------------- */
@media (max-width: 767px) {
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="password"],
  input[type="number"],
  input[type="search"],
  input[type="url"],
  textarea,
  select {
    font-size: 16px; /* min 16px - kitaip iOS zoom'ina */
  }
}

/* ---------------------------------------------------------------- */
/* 7) Mobile-friendly scrollbar (sticky/scroll containers)            */
/* ---------------------------------------------------------------- */
.overflow-x-auto,
.overflow-y-auto,
.overflow-auto {
  -webkit-overflow-scrolling: touch; /* momentum scrolling iOS */
  scroll-behavior: smooth;
}

/* ---------------------------------------------------------------- */
/* 8) Disable text selection on UI elements (mobile UX)               */
/*    Tik interactive elementams - tekstas turinyje LIEKA selectable */
/* ---------------------------------------------------------------- */
button,
[role="button"],
nav,
.no-select {
  -webkit-user-select: none;
  user-select: none;
}

/* ---------------------------------------------------------------- */
/* 9) Image lazy load placeholder (smooth fade-in)                   */
/* ---------------------------------------------------------------- */
img[loading="lazy"] {
  background-color: #f3f4f6; /* neutral-100 */
}

/* ---------------------------------------------------------------- */
/* 10) Print: paslepti nereikalingus UI elementus                    */
/* ---------------------------------------------------------------- */
@media print {
  .fixed,
  .sticky,
  nav,
  button {
    display: none !important;
  }
}

/* ---------------------------------------------------------------- */
/* 11) V1.36.34/35: Slapukų banner mobile fix                         */
/*     PROBLEMA: mobile vartotojas nematė kur paspausti               */
/*     (mygtukai nuslinkdavo už ekrano arba apdengti kitų bottom      */
/*     juostų: VIP Aukcionas, Nemokamos paslaugos, Vieta reklamai).   */
/*     V1.36.35 PATAISA: bottom: 100px — slapukų banner pakeliamas    */
/*     VIRŠ reklamų banner juostų (kurios yra fixed bottom: 0).      */
/* ---------------------------------------------------------------- */
@media (max-width: 767px) {
  /* Slapukų banner konteineris — z-index 60 (virš reklamų juostos default 0, */
  /* bet POD modalų z-[110]/z-50 — kad atsidaręs modal'as nebūtų uždengtas) */
  /* + pakeltas 100px virš reklamų banner apačioje */
  div.fixed.bottom-0.left-0.right-0.z-50.bg-white.border-t-2 {
    z-index: 60 !important;
    bottom: 100px !important;
    max-height: 75vh !important;
    overflow-y: auto !important;
    box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.15) !important;
    border-radius: 12px 12px 0 0 !important;
  }

  /* Vidinis padding — kompaktiškesnis */
  div.fixed.bottom-0.left-0.right-0.z-50.bg-white.border-t-2 > div {
    padding: 0.75rem !important;
  }

  /* Tekstas — mažesnis bet skaitomas */
  div.fixed.bottom-0.left-0.right-0.z-50.bg-white.border-t-2 h3 {
    font-size: 0.875rem !important;
    margin-bottom: 0.25rem !important;
  }

  div.fixed.bottom-0.left-0.right-0.z-50.bg-white.border-t-2 p {
    font-size: 0.75rem !important;
    line-height: 1.4 !important;
  }

  /* Mygtukai — touch-friendly (min 44px), aiškūs */
  div.fixed.bottom-0.left-0.right-0.z-50.bg-white.border-t-2 button {
    min-height: 44px !important;
    font-size: 0.8125rem !important;
    padding: 0.625rem 0.75rem !important;
    font-weight: 700 !important;
  }

  /* Pagrindinis žalias mygtukas „Sutikti su visais" — labiausiai matomas */
  div.fixed.bottom-0.left-0.right-0.z-50.bg-white.border-t-2 button.bg-\[\#76b82a\] {
    box-shadow: 0 2px 8px rgba(118, 184, 42, 0.4) !important;
    flex: 1 1 100% !important;
    order: -1 !important;
  }
}

/* ---------------------------------------------------------------- */
/* 12) V1.36.38: Papildomos mobile saugos                              */
/*     a) Body padding-bottom — apsauga nuo h-14 reklamų juostos      */
/*        (juoda fixed bottom-0 h-14 bg-neutral-900, 56px aukščio)    */
/*        uždengiamo turinio paskutinės kortelės                      */
/*     b) Modal'ai (fixed inset-0) — užtikrinti, kad NEUŽDENGTŲ      */
/*        slapukų banner (kuris z-index: 60). Modal'ų z-index turi    */
/*        būti >= 100, kas jau bundle'yje yra (z-[110]).             */
/* ---------------------------------------------------------------- */
@media (max-width: 767px) {
  /* a) Apsauga, kad turinio paskutinė kortelė nebūtų uždengta       */
  /*    fixed bottom-0 h-14 reklamų juostos (56px + safe-area).      */
  /*    Pridedam padding TIK main konteineriui, ne body, kad         */
  /*    nepaveiktų fixed elementų pozicionavimo.                     */
  #root > div,
  main {
    padding-bottom: max(70px, env(safe-area-inset-bottom, 0px)) !important;
  }

  /* b) Welcome modal landscape režime — jei modal'as netelpa        */
  /*    į ekraną, leidžiame scroll'inti vidiniam kortelei.          */
  .pp-welcome-overlay {
    align-items: flex-start !important;
    padding-top: 5vh !important;
    overflow-y: auto !important;
  }

  .pp-welcome-card {
    max-height: 90vh !important;
    overflow-y: auto !important;
  }
}

/* ---------------------------------------------------------------- */
/* 13) V1.36.38: Ekstremaliai mažas ekranas (≤ 360px plotis)         */
/*     Senesnių telefonų (iPhone SE 1st gen, mažų Android) palaikymas */
/* ---------------------------------------------------------------- */
@media (max-width: 360px) {
  /* Slapukų banner — dar kompaktiškesnis */
  div.fixed.bottom-0.left-0.right-0.z-50.bg-white.border-t-2 > div {
    padding: 0.5rem !important;
  }

  div.fixed.bottom-0.left-0.right-0.z-50.bg-white.border-t-2 p {
    font-size: 0.7rem !important;
  }

  /* Welcome modal — sumažinti tarpą */
  .pp-welcome-card-body {
    padding: 20px 16px 16px !important;
  }

  .pp-welcome-title {
    font-size: 16px !important;
  }
}

/* ---------------------------------------------------------------- */
/* 14) V1.36.41: Admin tab juosta mobile — tik ikonos (be teksto)    */
/*     PROBLEMA: 8 tabai netilpsta į mobile ekraną, tekstai apkarpomi */
/*     SPRENDIMAS: mobile slepiam tab tekstą (font-size: 0),         */
/*     paliekam tik ikonas. Visi 8 tabai (~40px×8 = 320px) tilps į   */
/*     bet kokį telefoną. Click'ai veikia normaliai (CSS keičia tik  */
/*     vizualinį atvaizdavimą, ne event handler'ius).                */
/*     Pridėtas title attribute per ikonos SVG aria-label (jei yra). */
/* ---------------------------------------------------------------- */
@media (max-width: 767px) {
  /* Admin tab juostos mygtukai — paslėpti tekstą, palikti ikonas */
  /* Selektorius taiko TIK button vaikams overflow-x-auto + border-b */
  /* + border-neutral-700 konteinerio (tai unikali admin tab juosta) */
  div[class*="border-b"][class*="border-neutral-700"][class*="overflow-x-auto"] > button {
    padding: 0.625rem 0.75rem !important;
    font-size: 0 !important;
    gap: 0 !important;
    min-width: 0 !important;
  }

  /* SVG ikona viduje — matoma, didesnio dydžio kompensuoti teksto netekimą */
  div[class*="border-b"][class*="border-neutral-700"][class*="overflow-x-auto"] > button svg {
    width: 1.25rem !important;
    height: 1.25rem !important;
    flex-shrink: 0 !important;
  }
}