/* ==========================================================
   BITE – Senzorični vrt, Pasji hotel, označevanje sofinanciranja
   (naloži se PO style.css)
   ========================================================== */
:root{
  --g-ink: #1d3b2a;
  --g-ink-soft: #4d6457;
  --g-leaf: #3f8f5a;
  --g-leaf-soft: #e5f3e8;
  --g-sand: #fbf6ec;
  --g-line: rgba(29, 59, 42, .12);
  --g-radius: 26px;
}

/* ---------- PODSTRAN: HERO ---------- */
.garden-hero{
  position: relative; overflow: hidden;
  padding: 5rem 0 4.2rem;
  background:
    radial-gradient(900px 420px at 12% 0%, #e7f6df 0%, transparent 60%),
    radial-gradient(700px 380px at 95% 20%, #fff0d6 0%, transparent 60%),
    linear-gradient(180deg, #f6fbf3 0%, #fbf8f1 100%);
}
.garden-hero .container{ position: relative; z-index: 1; }
.garden-kicker{
  display:inline-block; font-weight: 800; letter-spacing:.14em; text-transform: uppercase;
  font-size:.78rem; color: var(--g-leaf); background: var(--g-leaf-soft);
  padding: .35rem .8rem; border-radius: 999px; margin-bottom: 1rem;
}
.garden-hero h1{
  font-family: 'Baloo 2', cursive; font-weight: 700; color: var(--g-ink);
  font-size: clamp(2.3rem, 5vw, 3.8rem); line-height: 1.04; max-width: 900px; margin: 0 0 1rem;
}
.garden-hero h1 span{ color: var(--g-leaf); display:block; }
.garden-hero .lead{ font-size: 1.12rem; color: var(--g-ink-soft); max-width: 720px; line-height:1.7; }
.garden-leaves{ position:absolute; right:-40px; top: 30px; width: 380px; opacity:.9; z-index:0; pointer-events:none; }

/* ---------- SENSES ROW ---------- */
.senses{ display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1rem; margin-top: 2.6rem; }
.sense{
  background:#fff; border:1px solid var(--g-line); border-radius: 20px; padding: 1.2rem 1.1rem;
  display:flex; gap:.8rem; align-items:flex-start;
}
.sense-ico{ flex: 0 0 46px; width:46px; height:46px; border-radius: 14px; display:grid; place-items:center; background: var(--t-bg); color: var(--t-fg); }
.sense-ico svg{ width: 24px; height: 24px; }
.sense h3{ font-family:'Baloo 2', cursive; font-size: 1.1rem; color: var(--g-ink); line-height:1.1; margin:0 0 .15rem; }
.sense p{ font-size:.88rem; color: var(--g-ink-soft); margin:0; line-height:1.45; }
.s-see{ --t-bg:#fdeaf1; --t-fg:#d6457a; }
.s-smell{ --t-bg:#eaf6e6; --t-fg:#3f8f5a; }
.s-hear{ --t-bg:#e6f0fb; --t-fg:#3a74c0; }
.s-touch{ --t-bg:#fbf0de; --t-fg:#b9792a; }

/* ---------- CONTENT BLOCKS ---------- */
.garden-body{ padding: 4.5rem 0; background: #fff; }
.garden-cols{ display:grid; grid-template-columns: 1fr 1fr; gap: 1.4rem; }
.garden-block{
  background: var(--g-sand); border-radius: var(--g-radius); padding: 2rem 2rem 1.8rem;
  border: 1px solid var(--g-line);
}
.garden-block.wide{ grid-column: 1 / -1; display:grid; grid-template-columns: 1fr 1fr; gap: 2rem; background: linear-gradient(120deg, #eef7ea, #fbf6ec); }
.garden-block h2{
  font-family:'Baloo 2', cursive; color: var(--g-ink); font-size: 1.6rem; line-height:1.15; margin: 0 0 .7rem;
}
.garden-block p{ color: var(--g-ink-soft); line-height: 1.75; margin: 0 0 .8rem; }
.garden-block p:last-child{ margin-bottom:0; }
.garden-tags{ display:flex; flex-wrap:wrap; gap:.45rem; margin-top: 1rem; }
.garden-tags span{ background:#fff; border:1px solid var(--g-line); padding:.3rem .75rem; border-radius:999px; font-size:.82rem; font-weight:700; color: var(--g-ink); }

.garden-quote{
  margin: 3rem auto 0; max-width: 820px; text-align:center;
  font-family:'Baloo 2', cursive; font-size: clamp(1.35rem, 2.6vw, 1.9rem); line-height:1.35; color: var(--g-ink);
}
.garden-quote small{ display:block; font-family:'Nunito', sans-serif; font-size: 1rem; color: var(--g-ink-soft); margin-top:.8rem; line-height:1.6; }

/* ---------- SOFINANCIRANJE ---------- */
.cofund{ padding: 3.5rem 0 4rem; background: #f7f8fa; border-top: 1px solid var(--g-line); }
.cofund-card{
  background:#fff; border-radius: 22px; border: 1px solid rgba(0,0,0,.08);
  padding: 2rem; max-width: 980px; margin: 0 auto;
}
.cofund-logos{ display:block; width: 100%; max-width: 720px; height:auto; margin: 0 auto 1.6rem; }
.cofund h2{ font-family:'Baloo 2', cursive; color:#1b2a4a; font-size:1.45rem; margin:0 0 1rem; text-align:center; }
.cofund dl{ display:grid; grid-template-columns: 210px 1fr; gap: .75rem 1.4rem; margin:0; }
.cofund dt{ font-weight:800; color:#1b2a4a; font-size:.92rem; }
.cofund dd{ margin:0; color:#3d4a5c; line-height:1.6; font-size:.96rem; }
.cofund dd ul{ margin:.1rem 0 0; padding-left: 1.1rem; }
.cofund .dopolni{ background:#fff4c2; border:1px dashed #d8a800; padding:.1rem .45rem; border-radius:6px; color:#6b5200; font-weight:700; }

/* ---------- PASJI HOTEL (kmalu) ---------- */
.hotel-soon{ padding: 0 0 4.5rem; background:#fff; }
.hotel-card{
  position:relative; overflow:hidden; border-radius: 28px; padding: 2.4rem 2.4rem;
  background: linear-gradient(120deg, #1f3c63 0%, #2c5c8f 100%); color:#fff;
  display:grid; grid-template-columns: auto 1fr auto; gap: 1.6rem; align-items:center;
}
.hotel-ico{ width: 76px; height: 76px; border-radius: 22px; background: rgba(255,255,255,.12); display:grid; place-items:center; }
.hotel-ico svg{ width: 40px; height: 40px; color:#ffd36b; }
.hotel-badge{ display:inline-block; background:#ffd36b; color:#1f3c63; font-weight:800; font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; padding:.3rem .7rem; border-radius:999px; margin-bottom:.5rem; }
.hotel-card h2{ font-family:'Baloo 2', cursive; font-size: clamp(1.6rem, 3vw, 2.1rem); line-height:1.1; margin:0 0 .35rem; color:#fff; }
.hotel-card p{ margin:0; color: rgba(255,255,255,.88); line-height:1.6; max-width: 560px; }
.hotel-cta{
  display:inline-flex; align-items:center; justify-content:center; white-space:nowrap;
  background:#fff; color:#1f3c63; font-weight:800; padding: .9rem 1.4rem; border-radius: 999px;
  transition: transform .15s ease, background-color .2s ease;
}
.hotel-cta:hover{ transform: translateY(-2px); background:#ffd36b; }

/* ---------- DOMAČA STRAN: TEASER ---------- */
.home-garden{ padding: 4.5rem 0 2rem; }
.home-garden-card{
  border-radius: 30px; overflow:hidden; display:grid; grid-template-columns: 1.15fr 1fr;
  background: linear-gradient(120deg, #eef7ea 0%, #fbf6ec 100%); border:1px solid var(--g-line);
}
.home-garden-text{ padding: 2.6rem 2.6rem 2.4rem; }
.home-garden-text h2{ font-family:'Baloo 2', cursive; color: var(--g-ink); font-size: clamp(1.8rem, 3.4vw, 2.5rem); line-height:1.08; margin: 0 0 .8rem; }
.home-garden-text p{ color: var(--g-ink-soft); line-height:1.7; margin:0 0 1.3rem; }
.home-garden-art{ position:relative; background: radial-gradient(circle at 60% 40%, #d9efd2 0%, #eef7ea 55%, transparent 75%); display:grid; place-items:center; padding: 1.5rem; }
.home-garden-art .senses{ grid-template-columns: 1fr 1fr; margin:0; width:100%; max-width: 420px; }
.home-garden-art .sense{ padding: .9rem; }
.btn-garden{
  display:inline-flex; align-items:center; gap:.5rem; background: var(--g-leaf); color:#fff;
  font-weight:800; padding: .85rem 1.5rem; border-radius:999px; transition: transform .15s ease, background-color .2s ease;
}
.btn-garden:hover{ transform: translateY(-2px); background:#2f7548; }
.home-garden .cofund-mini{ margin-top: 1.4rem; display:flex; align-items:center; gap: .8rem; flex-wrap:wrap; }
.home-garden .cofund-mini img{ height: 46px; width:auto; background:#fff; border-radius: 8px; padding: 4px 6px; }

/* ---------- MOBILE ---------- */
@media (max-width: 900px){
  .senses{ grid-template-columns: 1fr 1fr; }
  .garden-cols, .garden-block.wide, .home-garden-card{ grid-template-columns: 1fr; }
  .garden-block.wide{ gap: 0; }
  .hotel-card{ grid-template-columns: 1fr; text-align:left; }
}
@media (max-width: 560px){
  .garden-hero{ padding: 3.2rem 0 3rem; }
  .garden-leaves{ width: 220px; right:-70px; top: 0; opacity:.5; }
  .senses{ grid-template-columns: 1fr; }
  .home-garden-art .senses{ grid-template-columns: 1fr 1fr; }
  .home-garden-art .sense{ flex-direction: column; gap:.5rem; }
  .garden-block{ padding: 1.5rem 1.3rem; }
  .cofund-card{ padding: 1.4rem 1.1rem; }
  .cofund dl{ grid-template-columns: 1fr; gap: .2rem; }
  .cofund dd{ margin-bottom: .8rem; }
  .home-garden-text{ padding: 1.8rem 1.4rem; }
  .hotel-card{ padding: 1.8rem 1.4rem; }
  .home-garden .cofund-mini img{ height: 34px; }
}
@media (prefers-reduced-motion: reduce){
  .btn-garden, .hotel-cta{ transition:none; }
}

/* ---------- FOTOGRAFIJA VRTA ---------- */
.garden-hero-grid{ display:grid; grid-template-columns: 1.25fr 1fr; gap: 2.6rem; align-items:center; }
.garden-photo{ margin:0; border-radius: 28px; overflow:hidden; box-shadow: 0 24px 50px rgba(29,59,42,.18); aspect-ratio: 4 / 5; }
.garden-photo img{ width:100%; height:100%; object-fit: cover; display:block; transition: transform .8s ease; }
.garden-photo:hover img{ transform: scale(1.03); }
.garden-hero .garden-leaves{ display:none; }
.home-garden-art.photo{ padding:0; background:none; min-height: 100%; }
.home-garden-art.photo img{ width:100%; height:100%; object-fit:cover; display:block; min-height: 360px; }
@media (max-width: 900px){
  .garden-hero-grid{ grid-template-columns: 1fr; gap: 1.6rem; }
  .garden-photo{ aspect-ratio: 4 / 3; }
  .home-garden-art.photo img{ min-height: 0; aspect-ratio: 4 / 3; }
}
@media (prefers-reduced-motion: reduce){ .garden-photo img{ transition:none; } }