:root {
  --okker: #cc9933;
  --okker-dark: #996b00;
  --beige: #f5f5dc;
  --brown: #663300;
}
body { font-family: 'Open Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #222; background: #fff; }
h1, h2, .display-5, .display-6, .navbar-brand { font-family: 'Lora', Georgia, serif; }
.bg-okkere { background: var(--okker); }
.hero { background: linear-gradient(180deg, rgba(204,153,51,.18), rgba(204,153,51,.06)); padding: 4rem 0; }
.badge-okker { background: var(--okker); color: #000; border: 1px solid var(--okker-dark); }
.card-okker { border: 1px solid rgba(153,107,0,.15); box-shadow: 0 8px 24px rgba(0,0,0,.05); }
.btn-okker { background: var(--okker); border-color: var(--okker-dark); color:#000; }
.btn-okker:hover { background: var(--okker-dark); color:#fff; }
.calendar { --cell-size: 44px; --gap: 6px; }
.calendar .month-nav button { border:none; background:transparent; font-size:1.25rem; }
.calendar-grid { display:grid; grid-template-columns: repeat(7, var(--cell-size)); gap: var(--gap); justify-content:start; }
.calendar .day-name,.calendar .day { width: var(--cell-size); height: var(--cell-size); display:grid; place-items:center; border-radius:.5rem; font-size:.9rem; }
.calendar .day-name { font-weight: 600; color:#444; }
.calendar .day { border:1px solid rgba(0,0,0,.08); background:#fff; }
.calendar .day.out { opacity:.35; }
.calendar .day.booked { background:#ffd9a3; border-color:#e6b566; }
.calendar .day.today { outline:2px solid var(--okker-dark); }
.calendar .legend .chip { width:14px; height:14px; display:inline-block; border-radius:3px; margin-right:6px; border:1px solid rgba(0,0,0,.15); }
.calendar .chip-free { background:#fff; }
.calendar .chip-booked { background:#ffd9a3; }

:root{
  /* Projekt okker szín (állíts, ha más árnyalatot használsz) */
  --okker: #d8a03a;
  --okker-ink: #5a4308; /* sötétebb szöveg/keret */
  --accent-bg: #fff7e6; /* nagyon halvány okker háttér */
}

/* --- Reviews section: erőteljesebb okker átmenet --- */
.section-accent{
  /* Fentről világos arany, alul mély okker */
  background: linear-gradient(180deg, #fce38a 0%, #f9a825 100%);
  border: 1px solid #d68910;
  border-radius: 16px;
  padding: clamp(16px, 2vw, 32px);
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
}

.section-accent h3,
.section-accent h4{
  color: #4a2f05; /* sötétebb barna szöveg */
  letter-spacing: .2px;
  margin-bottom: .6rem;
}

/* Kisméretű „kicker” badge a cím elé */
.section-accent .section-kicker{
  display:inline-block;
  font-size:.85rem;
  font-weight:600;
  color:#4a2f05;
  background: linear-gradient(180deg, #fff3cd 0%, #ffd95a 100%);
  border:1px solid #e6b75a;
  border-radius:999px;
  padding:.15rem .55rem;
  margin-bottom:.5rem;
}

/* Kártyák finom kiemelése a listában */
.section-accent .list-group-item{
  border: 1px solid rgba(214,137,16,.4);
  border-radius: 12px;
  margin-bottom: .5rem;
  background-color: rgba(255,255,255,0.7);
}

/* --- Dark Mode támogatás --- */
@media (prefers-color-scheme: dark) {
  .section-accent{
    background: linear-gradient(180deg, #5a3e0b 0%, #2f1d06 100%);
    border: 1px solid #c9971a;
    box-shadow: 0 6px 16px rgba(0,0,0,.4);
  }
  .section-accent h3,
  .section-accent h4,
  .section-accent .section-kicker{
    color: #fbe9b7;
  }
  .section-accent .list-group-item{
    background-color: rgba(0,0,0,0.3);
    border-color: rgba(201,151,26,.5);
  }
}


/* Mobilon a dátummezők címkéje mindig az input alatt */
@media (max-width: 767.98px) {
  #bookingForm label[for="from_date"],
  #bookingForm label[for="to_date"] {
    display: block !important;
    position: static !important;
    float: none !important;
    clear: both !important;
    margin-top: .25rem;
  }
}