:root{
  --brown-900:#2b1a10;
  --brown-800:#3a2316;
  --brown-700:#4a2c1c;
  --sand-50:#fbf6ef;
  --card:#ffffff;
  --text:#1f2328;
}
body{
  background: radial-gradient(1200px 800px at 20% -10%, rgba(176,138,90,.25), transparent 50%),
              radial-gradient(1000px 600px at 90% 0%, rgba(74,44,28,.25), transparent 55%),
              linear-gradient(180deg, var(--sand-50), #fff 45%, var(--sand-50));
  color: var(--text);
}
.nav-public{ background: linear-gradient(90deg, var(--brown-900), var(--brown-700)); }
.brand-dot{
  width:10px;height:10px;border-radius:999px;background:#d9b98c;
  box-shadow: 0 0 0 3px rgba(217,185,140,.2);
}
.card-soft{
  background: var(--card);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}
.badge-occupied{
  background: rgba(74,44,28,.12);
  color: #3a2316;
  border: 1px solid rgba(74,44,28,.18);
}
.fc .fc-toolbar-title{ font-weight: 700; }
.fc .fc-button-primary{ background: var(--brown-700); border-color: var(--brown-700); }
.fc .fc-button-primary:hover{ background: var(--brown-800); border-color: var(--brown-800); }
.fc .fc-button-primary:disabled{ background: rgba(74,44,28,.45); border-color: rgba(74,44,28,.45); }
.form-hint{ font-size: .875rem; color: rgba(31,35,40,.72); }
.kpi{ font-size: 1.75rem; font-weight: 800; letter-spacing: -0.02em; }
@media (max-width: 768px){
  .fc .fc-toolbar.fc-header-toolbar{ flex-direction: column; gap: .5rem; align-items: stretch; }
}
.hb-card {
  border-radius: 18px;
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
  border: 1px solid rgba(0,0,0,.06);
}

.public-calendar .fc {
  font-size: 0.95rem;
}

.public-calendar .fc-daygrid-day-frame {
  min-height: 90px;
}

.legend-dot {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  display: inline-block;
}

.calc-box {
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 14px;
  background: rgba(255,255,255,.6);
}

@media (max-width: 768px) {
  .public-calendar .fc-daygrid-day-frame {
    min-height: 70px;
  }
}
/* =========================
   THEME: ODAILE CRAIULUI (MARO)
   ========================= */

/* fallback daca nu ai deja variabile */
:root{
  --hb-brown-900:#2a1a12;
  --hb-brown-800:#3a2418;
  --hb-brown-700:#4a2d1d;
  --hb-brown-600:#5a3724;

  --hb-cream:#f6f1ea;
  --hb-card:#ffffff;
  --hb-border: rgba(0,0,0,.08);
  --hb-shadow: 0 12px 30px rgba(0,0,0,.10);
}

/* fundal similar cu panel */
body{
  background:
    radial-gradient(1200px 600px at 20% 0%, rgba(176,138,90,.22), transparent 55%),
    radial-gradient(900px 500px at 90% 10%, rgba(90,55,36,.18), transparent 60%),
    linear-gradient(180deg, var(--hb-cream), #ffffff 60%);
}

/* navbar maro (fix ca in staff) */
.navbar-hb{
  background: linear-gradient(90deg, var(--hb-brown-900), var(--hb-brown-700));
  box-shadow: 0 10px 22px rgba(0,0,0,.18);
}
.navbar-hb .navbar-brand,
.navbar-hb .nav-link{
  color: rgba(255,255,255,.92) !important;
}
.navbar-hb .nav-link{
  padding: .55rem .8rem;
  border-radius: 999px;
}
.navbar-hb .nav-link:hover{
  background: rgba(255,255,255,.10);
}
.navbar-hb .nav-link.active{
  background: rgba(255,255,255,.18);
  color:#fff !important;
}
.navbar-hb .navbar-toggler{
  border-color: rgba(255,255,255,.35);
}
.navbar-hb .navbar-toggler-icon{
  filter: brightness(200%);
}

/* card-uri */
.hb-card{
  border-radius: 18px;
  background: var(--hb-card);
  border: 1px solid var(--hb-border);
  box-shadow: var(--hb-shadow);
}

/* legenda */
.legend-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  display: inline-block;
}

/* calc box */
.calc-box{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 14px;
  padding: 14px;
  background: rgba(246,241,234,.55);
}

/* FullCalendar - sa se potriveasca cu tema */
.public-calendar .fc .fc-toolbar-title{
  font-weight: 700;
}
.public-calendar .fc .fc-button{
  border: 0;
  background: rgba(42,26,18,.10);
  color: #2a1a12;
  box-shadow: none;
}
.public-calendar .fc .fc-button:hover{
  background: rgba(42,26,18,.18);
}
.public-calendar .fc .fc-button.fc-button-active{
  background: rgba(42,26,18,.28);
  color:#2a1a12;
}
.public-calendar .fc .fc-daygrid-day-number{
  color:#2a1a12;
  text-decoration: none;
}
.public-calendar .fc .fc-col-header-cell-cushion{
  color:#2a1a12;
  text-decoration:none;
}

/* evenimente background (ocupat) - daca in api/availability.php ai backgroundColor */
.public-calendar .fc .fc-bg-event{
  opacity: .35;
}

/* mobile tweaks */
@media (max-width: 768px){
  .navbar-hb .nav-link{
    border-radius: 12px;
    padding: .6rem .75rem;
  }
  .public-calendar .fc-daygrid-day-frame{
    min-height: 70px;
  }
}