/* Akademia WHY - niestandardowe style uzupełniające Tailwind */
:root{
  --why-navy:#0B1F3B;
  --why-beige:#F5EFE6;
  --why-gold:#C9A66B;
  --why-cta:#FD7F67;
}
html{scroll-behavior:smooth}
body{font-family:'Montserrat',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans','Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; font-variant-ligatures: common-ligatures; font-feature-settings: "kern" 1;}
.heading{font-family:'Playfair Display',serif}
.btn-why{background-color:var(--why-cta);color:white;border-radius:9999px;padding:.75rem 1.25rem;transition:.2s}
.btn-why:hover{background-color:#e86f59}
.btn-ghost{border:1px solid var(--why-cta);color:var(--why-cta);border-radius:9999px;padding:.75rem 1.25rem;transition:.2s}
.btn-ghost:hover{background-color:var(--why-cta);color:#fff}
.section-divider{background:linear-gradient(90deg,rgba(11,31,59,0),rgba(11,31,59,.12),rgba(11,31,59,0));height:1px}
.hero-overlay{background:linear-gradient(180deg,rgba(11,31,59,.55),rgba(11,31,59,.65));}
.card{box-shadow:0 8px 24px rgba(0,0,0,.06);border:1px solid rgba(11,31,59,.06);overflow:hidden}
.badge{border:1px solid rgba(11,31,59,.18);border-radius:9999px;padding:.25rem .6rem;font-size:.8rem}
.icon-circle{width:40px;height:40px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;background:var(--why-beige);color:var(--why-navy)}
/* Prosty slider */
.slider{position:relative;overflow:hidden}
.slide-track{display:flex;transition:transform .5s ease}
.slide{min-width:100%}
/* Responsywne wideo */
.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:1rem}
.video-responsive iframe,.video-responsive video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
/* Modal */
.modal{position:fixed;inset:0;background:rgba(11,31,59,.6);display:none;align-items:center;justify-content:center;padding:1rem;z-index:50}
.modal.open{display:flex}
.modal-card{background:#fff;border-radius:1rem;max-width:640px;width:100%}

/* Promo popup */
.promo-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center;padding:1rem;z-index:60;opacity:0;transition:opacity .2s ease}
.promo-overlay.open{display:flex;opacity:1}
.promo-card{background:#fff;border-radius:1rem;max-width:720px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.25);transform:translateY(10px);opacity:0;transition:opacity .2s ease, transform .2s ease}
.promo-card.show{opacity:1;transform:translateY(0)}
.promo-close{position:absolute;top:.75rem;right:.9rem;font-size:1.75rem;line-height:1;color:#475569;background:transparent;border:0;cursor:pointer}
.promo-body{padding:1.5rem 1.25rem 1.75rem}
@media(min-width:640px){.promo-body{padding:2rem}}
.promo-title{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:700;color:#0f172a}
@media(min-width:640px){.promo-title{font-size:1.875rem}}
.promo-sub{margin-top:.25rem;color:#334155;font-weight:600}
.promo-text{margin-top:.75rem;color:#475569}
.promo-timer{margin:1rem 0;display:flex;gap:.75rem;justify-content:center}
.promo-timer .tbox{background:#0B1F3B;color:#fff;border-radius:.75rem;padding:.5rem .6rem;text-align:center;min-width:64px}
.promo-timer .tbox span{display:block;font-weight:700;font-size:1.35rem}
.promo-timer .tbox small{display:block;font-size:.75rem;opacity:.85}
.promo-cta{display:inline-block;background:#ff8c00;color:#fff;font-weight:700;border-radius:9999px;padding:.8rem 1.25rem;text-align:center}
.promo-cta:hover{background:#ffb84d;color:#111}
.promo-foot{margin-top:.75rem;color:#94a3b8;font-size:.85rem;text-align:center}
/* Blog list */
.post-card:hover{box-shadow:0 10px 28px rgba(0,0,0,.08)}
/* Footer links */
.footer a{color:#e7e7e7}
.footer a:hover{color:#fff}

/* Tymczasowe wsparcie dla logo z czarnym tłem w nagłówku */
.logo-no-bg{mix-blend-mode:screen}