/* ============================================================
   Банер за съгласие за бисквитки — Yoana Club Card
   Самостоятелен компонент: работи и на лендинга (#yc),
   и на правните страници (#yc-legal). Всички селектори
   започват с #yc-consent, за да не се бият с останалия CSS.
   ============================================================ */

#yc-consent *{margin:0;padding:0;box-sizing:border-box}

#yc-consent{
  position:fixed;left:0;right:0;bottom:0;z-index:9999;
  font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  background:#0A3A1B;color:#EAF2EA;
  border-top:3px solid #F47B1E;
  box-shadow:0 -12px 40px -12px rgba(0,0,0,.45);
  padding:20px 20px calc(20px + env(safe-area-inset-bottom));
  transform:translateY(110%);
  transition:transform .38s cubic-bezier(.16,.84,.44,1);
}
#yc-consent.is-open{transform:translateY(0)}

#yc-consent .yc-consent__in{
  max-width:1160px;margin-inline:auto;
  display:flex;align-items:center;gap:28px;
}

#yc-consent .yc-consent__txt{flex:1 1 auto;min-width:0}

#yc-consent h2{
  font-size:1.02rem;font-weight:800;color:#FFFFFF;
  margin-bottom:6px;letter-spacing:-.01em;line-height:1.25;
}

#yc-consent p{
  font-size:.9rem;line-height:1.55;color:#C3D6C6;
}

#yc-consent a{
  color:#F9B87A;text-decoration:underline;text-underline-offset:2px;
}
#yc-consent a:hover{color:#FFFFFF}

#yc-consent .yc-consent__btns{
  flex:0 0 auto;display:flex;gap:12px;
}

/* Двата бутона са с еднакъв размер и тежест — отказът трябва да е
   толкова лесен, колкото и приемането. Това го изисква GDPR. */
#yc-consent button{
  font:inherit;font-weight:800;font-size:.92rem;
  cursor:pointer;white-space:nowrap;
  min-width:148px;padding:13px 24px;
  border-radius:999px;border:2px solid transparent;
  transition:background .18s,border-color .18s,color .18s,transform .18s;
}
#yc-consent button:active{transform:translateY(1px)}
#yc-consent button:focus-visible{outline:3px solid #F9B87A;outline-offset:3px}

#yc-consent .yc-consent__ok{
  background:#F47B1E;color:#FFFFFF;
}
#yc-consent .yc-consent__ok:hover{background:#DE6710}

#yc-consent .yc-consent__no{
  background:transparent;color:#EAF2EA;border-color:#4A6A52;
}
#yc-consent .yc-consent__no:hover{background:rgba(255,255,255,.08);border-color:#7C9A84}

/* докато банерът стои, мобилният sticky бутон се скрива, за да не се застъпват */
body.yc-consent-open #yc .stickybar{display:none}

/* --- таблет и телефон --- */
@media (max-width:860px){
  #yc-consent{padding:18px 16px calc(18px + env(safe-area-inset-bottom))}
  #yc-consent .yc-consent__in{
    flex-direction:column;align-items:stretch;gap:16px;
  }
  #yc-consent h2{font-size:.98rem}
  #yc-consent p{font-size:.86rem}
  #yc-consent .yc-consent__btns{flex-direction:row}
  #yc-consent button{flex:1 1 0;min-width:0;padding:13px 12px}
}

@media (max-width:360px){
  #yc-consent button{font-size:.85rem;padding:12px 8px}
}

@media (prefers-reduced-motion:reduce){
  #yc-consent{transition:none}
}