/* ============================================================
 * ad-banners.css — V1.42.5
 * ============================================================
 * Reklamos juostų ir reklamos vietų perdarymas į svetainės spalvas
 * (Juozo sprendimas 2026-08-27): fonas šviesus kaip svetainės,
 * MORKINĖS (#ec5e24) linijos viršuje ir apačioje, SALOTINIAI
 * (#cfeb97 / #f4fbe2 / #4c7c18) bortai aplink reklamas.
 * Vietoj buvusio juodo/auksinio stiliaus. Įkraunamas PO bundle CSS
 * (last-win), React kodas neliečiamas — tik CSS override'ai.
 *
 * Taip pat mobile: apatinė juosta 2 stulpeliai (ne stack'as → 56 px),
 * turinys gauna padding-bottom, kad juosta neuždengtų mygtukų;
 * AI paieškos FAB virš juostos.
 * ============================================================ */

:root {
  --pp-orange: #ec5e24;
  --pp-green: #76b82a;
  --pp-green-dark: #4c7c18;
  --pp-green-border: #cfeb97;
  --pp-green-surface: #f4fbe2;
  --pp-bar-h: 56px;
}

/* ---------------------------------------------------------------- */
/* 1) APATINĖ FIKSUOTA JUOSTA (Nemokamos paslaugos | Reklama | Vieta) */
/* ---------------------------------------------------------------- */
.fixed.bottom-0.h-14.bg-neutral-900 {
  background: #ffffff !important;
  color: #262626 !important;
  border-top: 3px solid var(--pp-orange) !important;
  box-shadow: inset 0 -3px 0 var(--pp-orange), 0 -4px 16px rgba(0, 0, 0, 0.08) !important;
}

/* Kairė plytelė — „Nemokamos paslaugos" */
.fixed.bottom-0.h-14 .bg-\[\#18181b\]\/90 {
  background: var(--pp-green-surface) !important;
  border-color: var(--pp-green-border) !important;
}
.fixed.bottom-0.h-14 .text-neutral-100 { color: #262626 !important; }
.fixed.bottom-0.h-14 .text-neutral-400 { color: #525252 !important; }
.fixed.bottom-0.h-14 .bg-\[\#76b82a\]\/30 { background: #ffffff !important; }

/* Vidurinė plytelė — reklama (buvo juoda su auksu) */
.fixed.bottom-0.h-14 .from-\[\#1a1410\] {
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid var(--pp-green-border) !important;
}
.fixed.bottom-0.h-14 .from-\[\#1a1410\]:hover { border-color: var(--pp-green) !important; }
.fixed.bottom-0.h-14 .from-amber-600 { display: none !important; } /* auksinės linijos */
.fixed.bottom-0.h-14 .bg-yellow-400 {
  background: var(--pp-orange) !important;
  color: #ffffff !important;
}

/* Dešinė plytelė — „Vieta jūsų reklamai" */
.fixed.bottom-0.h-14 .from-neutral-800\/60 {
  background: #ffffff !important;
  background-image: none !important;
  border: 1px dashed var(--pp-green-border) !important;
}
.fixed.bottom-0.h-14 .from-neutral-800\/60:hover { border-color: var(--pp-green) !important; background: var(--pp-green-surface) !important; }
.fixed.bottom-0.h-14 .bg-amber-500\/15 { background: var(--pp-green-surface) !important; border-color: var(--pp-green-border) !important; }
.fixed.bottom-0.h-14 .text-amber-400 { color: var(--pp-green-dark) !important; }
.fixed.bottom-0.h-14 .text-amber-300 { color: var(--pp-green-dark) !important; }

/* ---------------------------------------------------------------- */
/* 2) REKLAMOS VIETOS puslapyje (viršuje, šone, apačioje) — AdRotator */
/* ---------------------------------------------------------------- */
/* Užpildyta reklama */
.relative.bg-white.border-2.border-amber-300.rounded-lg {
  border-color: var(--pp-green-border) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}
/* Morkinės linijos viršuje ir apačioje — virš paveikslėlio (pseudo, ne inset shadow) */
.relative.bg-white.border-2.border-amber-300.rounded-lg::before,
.relative.bg-white.border-2.border-amber-300.rounded-lg::after,
button.w-full.block.relative.border-2.border-dashed.border-neutral-400.rounded-lg::before,
button.w-full.block.relative.border-2.border-dashed.border-neutral-400.rounded-lg::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  height: 3px;
  background: var(--pp-orange);
  z-index: 5;
  pointer-events: none;
}
.relative.bg-white.border-2.border-amber-300.rounded-lg::before,
button.w-full.block.relative.border-2.border-dashed.border-neutral-400.rounded-lg::before { top: 0; }
.relative.bg-white.border-2.border-amber-300.rounded-lg::after,
button.w-full.block.relative.border-2.border-dashed.border-neutral-400.rounded-lg::after { bottom: 0; }
.relative.bg-white.border-2.border-amber-300.rounded-lg .bg-amber-400 {
  background: var(--pp-orange) !important;
  color: #ffffff !important;
  top: 6px !important; /* žemiau morkinės linijos */
}
.relative.bg-white.border-2.border-amber-300.rounded-lg .from-amber-50 {
  background: var(--pp-green-surface) !important;
  background-image: none !important;
}
.relative.bg-white.border-2.border-amber-300.rounded-lg .text-amber-600,
.relative.bg-white.border-2.border-amber-300.rounded-lg .text-amber-700,
.relative.bg-white.border-2.border-amber-300.rounded-lg .text-amber-900 { color: var(--pp-green-dark) !important; }
.relative.bg-white.border-2.border-amber-300.rounded-lg .from-amber-600 { display: none !important; }
.relative.bg-white.border-2.border-amber-300.rounded-lg img { padding: 3px 0; box-sizing: border-box; }

/* Tuščia vieta („Vieta jūsų reklamai" placeholder) */
button.w-full.block.relative.border-2.border-dashed.border-neutral-400.rounded-lg {
  border-color: var(--pp-green-border) !important;
  background: #ffffff !important;
  background-image: none !important;
  overflow: hidden;
}
button.w-full.block.relative.border-2.border-dashed.border-neutral-400.rounded-lg:hover {
  border-color: var(--pp-green) !important;
  background: var(--pp-green-surface) !important;
}

/* ---------------------------------------------------------------- */
/* 3) MOBILE — juosta neuždengia turinio                            */
/* ---------------------------------------------------------------- */
/* Turinio apačia visada laisva po fiksuota juosta (visuose ekranuose) */
.min-h-screen.bg-neutral-100.font-sans {
  padding-bottom: calc(var(--pp-bar-h) + 16px + env(safe-area-inset-bottom, 0px)) !important;
}

@media (max-width: 767px) {
  /* 2 plytelės greta (buvo stack'as → ~110 px aukščio ir dengė mygtukus) */
  .fixed.bottom-0.h-14 > .grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
    padding: 4px 8px !important;
  }
  .fixed.bottom-0.h-14 {
    min-height: var(--pp-bar-h) !important;
    height: auto !important;
  }
  /* Antraeilis tekstas plytelėse — vienos eilutės, kad tilptų */
  .fixed.bottom-0.h-14 .text-\[9px\] { display: none !important; }
  .fixed.bottom-0.h-14 .text-\[10px\] { font-size: 10px !important; line-height: 1.15 !important; }

  /* AI paieškos mygtukas — virš juostos */
  .pp-ai-fab { bottom: calc(var(--pp-bar-h) + 14px + env(safe-area-inset-bottom, 0px)) !important; }
}

/* ---------------------------------------------------------------- */
/* 4) Reklamos kvietimo juosta „Vieta jūsų reklamai — kontaktai…"    */
/*    (buvo geltonas gradientas)                                     */
/* ---------------------------------------------------------------- */
.bg-gradient-to-r.from-amber-100.via-amber-50.to-amber-100.border-amber-300.rounded-lg {
  position: relative;
  overflow: hidden;
  background: #ffffff !important;
  background-image: none !important;
  border-color: var(--pp-green-border) !important;
}
.bg-gradient-to-r.from-amber-100.via-amber-50.to-amber-100.border-amber-300.rounded-lg::before,
.bg-gradient-to-r.from-amber-100.via-amber-50.to-amber-100.border-amber-300.rounded-lg::after {
  content: ""; position: absolute; left: 0; right: 0; height: 3px; background: var(--pp-orange); pointer-events: none;
}
.bg-gradient-to-r.from-amber-100.via-amber-50.to-amber-100.border-amber-300.rounded-lg::before { top: 0; }
.bg-gradient-to-r.from-amber-100.via-amber-50.to-amber-100.border-amber-300.rounded-lg::after { bottom: 0; }
.bg-gradient-to-r.from-amber-100.via-amber-50.to-amber-100.border-amber-300.rounded-lg .text-amber-900,
.bg-gradient-to-r.from-amber-100.via-amber-50.to-amber-100.border-amber-300.rounded-lg .text-amber-800,
.bg-gradient-to-r.from-amber-100.via-amber-50.to-amber-100.border-amber-300.rounded-lg .text-amber-700 { color: var(--pp-green-dark) !important; }
.bg-gradient-to-r.from-amber-100.via-amber-50.to-amber-100.border-amber-300.rounded-lg .bg-amber-200,
.bg-gradient-to-r.from-amber-100.via-amber-50.to-amber-100.border-amber-300.rounded-lg .bg-amber-300 {
  background: var(--pp-orange) !important; color: #ffffff !important;
}