/* =========================================================
   Dosadno.bg — общи поправки по интерфейса
   (лого, бутони, часови слотове). Зарежда се на всяка страница.
   ========================================================= */

/* ---- Лого: еднакъв размер навсякъде, не се разтяга и не излиза от лентата ---- */
.logo{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;
      text-decoration:none;line-height:1;max-width:220px}
.logo img{height:32px!important;width:auto!important;max-width:100%;
          object-fit:contain;display:block}
.logo svg{flex:0 0 auto}
@media(max-width:520px){ .logo img{height:26px!important} }

/* ---- Бутонът „Изкарай пари": на две страници липсваше базовият клас ---- */
.btn-outline:not(.btn){
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 20px;border-radius:999px;
  font-family:inherit;font-weight:700;font-size:15px;line-height:1;
  cursor:pointer;text-decoration:none;transition:.15s;
  border:2px solid var(--green,#0D7A5F);
  color:var(--green,#0D7A5F);background:transparent;
}
.btn-outline:not(.btn):hover{background:var(--green,#0D7A5F);color:#fff}
.btn,.btn-outline{white-space:nowrap}

/* лентата отгоре да не се пренарежда грозно на тесни екрани */
header .wrap,.nav-wrap,.topbar{flex-wrap:nowrap}
@media(max-width:520px){ .btn,.btn-outline{padding:9px 14px;font-size:14px} }

/* ---- Часови слотове: денонощно ---- */
.slots{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}
.slot.off{opacity:.6}
.slot.off:hover{opacity:1}
.slot-legend{font-size:13px;color:var(--muted,#5B6B64);margin-top:10px;line-height:1.5}

/* ---- Степърът за часове да е ясно свързан с етикета си ---- */
.stepper{vertical-align:middle}
.field > label + .stepper{margin-top:4px}

/* по-силни селектори — страниците имат .field label{display:block} */
.sizes label.size{display:flex!important;align-items:center;gap:12px}
.dayparts label.daypart{display:flex!important;align-items:center;gap:10px}
.sizes label.size input,.dayparts label.daypart input{margin:0;flex:0 0 auto;width:20px;height:20px}
.sizes label.size span,.dayparts label.daypart span{display:block}
.sizes label.size b,.dayparts label.daypart b{display:block;margin:0}
.sizes label.size small,.dayparts label.daypart small{display:block}