html{overflow-y:scroll;}
:root{ --radius:10px; }

body{ font-family:"DM Sans",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; }

.site-body{ background:#f4f4f4; }

/* Top bar */
.site-topbar{ background:#f4f4f4; }
.site-logo{ font-weight:800; font-size:28px; color:#1f1f1f; text-decoration:none; letter-spacing:-.3px; }
.site-toplink{ color:#2b2b2b; text-decoration:none; font-weight:700; display:inline-flex; align-items:center; padding:8px 10px; border-radius:10px; }
.site-toplink:hover{ color:#F5B800; background:rgba(245,184,0,.12); }

/* Search bar */
.site-searchbar{ background:#1f1f1f; }
.site-searchbar-inner{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:28px;
  padding:14px 0;
}
.site-search-form{
  display:flex;
  align-items:center;
  gap:12px;
  flex: 0 1 66.666%;
  max-width: 66.666%;
  min-width:0;
}
.site-search-input,
.site-search-select{
  height:44px;
  background:#ffffff;
  border:1px solid rgba(17,24,39,.16);
  border-radius:6px;
  padding:0 14px;
  outline:none;
}
.site-search-input{
  flex:1 1 auto;
  min-width:220px;
}
.site-search-select{
  flex:0 0 260px;
  min-width:200px;
  padding-right:34px;
}
.site-search-input::placeholder{ color:#6b7280; }

.site-search-btn{
  height:44px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 18px;
  border-radius:6px;
  border:1px solid rgba(255,255,255,.18);
  background:#f5b800;
  color:#000;
  font-weight:800;
  font-size:14px;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
}
.site-search-btn:hover{ background:#d9a400; color:#000; }
.site-search-btn-icon{ font-size:14px; line-height:1; }

.site-add-btn{
  height:44px;
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border-radius:6px;
  background:#DC362A;
  border:1px solid #DC362A;
  color:#ffffff;
  font-weight:800;
  font-size:14px;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
}
.site-add-btn:hover{ background:#C61F1D; border-color:#C61F1D; color:#ffffff; }

/* Responsive */
@media (max-width: 991.98px){
  .site-searchbar-inner{ flex-direction:column; align-items:stretch; gap:10px; }
  .site-search-form{
    width:100%;
    max-width:none;
    flex:1 1 auto;
    flex-wrap:wrap;
    gap:10px;
  }
  .site-search-input{ flex:1 1 320px; min-width:0; }
  .site-search-select{ flex:1 1 220px; min-width:0; }
  .site-search-btn{ flex:0 0 auto; }
  .site-add-btn{ width:100%; margin-left:0; }
}

@media (max-width: 575.98px){
  .site-search-btn{ width:100%; justify-content:center; }
  .site-search-select{ flex:1 1 100%; }
}


/* Components */
.card{ border-radius:var(--radius); }
.btn{ border-radius:8px; }
.badge{ border-radius:999px; }


/* Ads */
.site-adbar{ background:#f4f4f4; }
.site-adslot{ background:#ffffff; border:1px solid rgba(17,24,39,.08); border-radius:10px; padding:10px; min-height:90px; display:flex; align-items:center; justify-content:center; }
.site-adslot:empty{ display:none; }


/* Global link color */
a{ color:#1f1f1f; text-decoration:none; }
a:hover{ color:#f5b800; text-decoration:none; }

/* Bootstrap primary button theme */
.btn-primary{
    --bs-btn-color:#000;
  --bs-btn-hover-color:#000;
  --bs-btn-active-color:#000;
--bs-btn-bg:#f5b800;
  --bs-btn-border-color:#f5b800;
  --bs-btn-hover-bg:#d9a400;
  --bs-btn-hover-border-color:#d9a400;
  --bs-btn-active-bg:#b88a00;
  --bs-btn-active-border-color:#b88a00;
}
.btn-outline-primary{
    --bs-btn-hover-color:#000;
--bs-btn-color:#f5b800;
  --bs-btn-border-color:#f5b800;
  --bs-btn-hover-bg:#f5b800;
  --bs-btn-hover-border-color:#f5b800;
}


/* Top nav (pages) */
.site-topnav{ display:flex; align-items:center; gap:14px; }
.site-nav-toggle{ display:none; border:1px solid #e0e0e0; background:#ffffff; color:#2b2b2b; border-radius:10px; padding:10px 12px; font-weight:800; line-height:1; }
.site-nav-links{ display:flex; align-items:center; gap:18px; }
@media (max-width: 768px){
  .site-nav-toggle{ display:inline-flex; }
  .site-nav-links{ display:none; position:absolute; right:12px; top:60px; background:#ffffff; border:1px solid #e0e0e0; border-radius:12px; padding:10px; flex-direction:column; align-items:flex-start; gap:10px; min-width:220px; box-shadow:0 10px 25px rgba(0,0,0,.08); z-index:1000; }
  .site-nav-links.open{ display:flex; }
  .site-topbar .container{ position:relative; }

  /* Mobile tap targets */
  .site-nav-links .site-toplink{ display:block; width:100%; padding:12px 14px; }
}


/* Admin */
body.bg-light .nav-link{ color:#111111; font-weight:600; }
body.bg-light .nav-link:hover{ background:#f4f4f4; }
body.bg-light aside{ position:sticky; top:0; height:100vh; overflow:auto; }
body.bg-light .badge{ font-weight:700; }
body.bg-light .card{ border-radius:12px; }

/* Logo size (responsive) */
.site-logo img{
  height: 56px !important;
  width: auto !important;
  display:block;
}
@media (max-width: 768px){
  .site-logo img{ height: 44px !important; }
}