/* SMMZONE — tasarım dosyalarındaki satır içi stillerin yanına yalnızca
   duyarlılık ve yardımcı kurallar eklenir. */

[hidden] { display: none !important; }
button { font-family: inherit; }
img { max-width: 100%; }
input::placeholder, textarea::placeholder { color: #A3A7BF; }
.sz-ph-light::placeholder { color: rgba(255,255,255,.75); }
:focus-visible { outline: 2px solid #5A4BFF; outline-offset: 2px; }

.sz-burger { display: none !important; }
.sz-side-scrim { display: none; }

/* Toast */
[data-sz-toast] { animation: szIn .25s ease-out; }
@keyframes szIn { from { opacity: 0; transform: translateY(-6px); } }

/* Genel site: dar ekran menüsü */
@media (max-width: 960px) {
  .sz-nav {
    display: none !important;
  }
  body.nav-open .sz-nav {
    display: flex !important; position: absolute; left: 0; right: 0; top: 68px; height: auto !important;
    flex-direction: column; align-items: stretch !important; padding: 8px 16px 16px; background: #fff;
    border-bottom: 1px solid #E8EAF3; box-shadow: 0 20px 40px rgba(20,24,70,.1); overflow: visible !important;
  }
  body.nav-open .sz-nav a { height: 48px !important; border-bottom: 1px solid #F1F2F8 !important; padding: 0 4px !important; font-size: 15px !important; }
  .sz-head .sz-burger { display: grid !important; }
  .sz-hide-sm { display: none !important; }
}
@media (max-width: 560px) {
  .sz-hide-xs { display: none !important; }
  .sz-head { gap: 8px !important; padding: 0 16px !important; }
}

/* Tasarımdaki geniş minmax değerleri telefonda taşmasın */
@media (max-width: 480px) {
  [style*="minmax(420px"], [style*="minmax(380px"], [style*="minmax(360px"], [style*="minmax(340px"], [style*="minmax(320px"] { grid-template-columns: minmax(0,1fr) !important; }
  [style*="max-width:1280px;margin:0 auto;padding:0 24px"] { padding: 0 16px !important; }
  section[data-screen-label="Kampanya"], section[data-screen-label="API CTA"], section[data-screen-label="Bülten"] { padding: 32px 22px !important; }
}

/* Giriş ekranı: telefonda marka paneli gizlenir */
@media (max-width: 900px) {
  .sz-auth { grid-template-columns: minmax(0,1fr) !important; }
  .sz-auth-brand { display: none !important; }
}

/* Panel */
@media (max-width: 1100px) {
  .sz-grid-2 { grid-template-columns: minmax(0,1fr) !important; }
  .sz-grid-2 > [style*="position:sticky"] { position: static !important; }
}
@media (max-width: 900px) {
  .sz-grid-side { grid-template-columns: minmax(0,1fr) !important; }
  .sz-grid-side > [style*="position:sticky"] { position: static !important; flex-direction: row !important; flex-wrap: wrap; }
  .sz-post-grid { grid-template-columns: minmax(0,1fr) !important; }
  .sz-post-grid aside { position: static !important; }
}
@media (max-width: 1024px) {
  .sz-panel { grid-template-columns: minmax(0,1fr) !important; }
  .sz-side { position: fixed !important; left: 0; top: 0; bottom: 0; width: 272px; z-index: 90; transform: translateX(-100%); transition: transform .25s ease; box-shadow: 20px 0 50px rgba(20,24,70,.15); }
  body.nav-open .sz-side { transform: none; }
  body.nav-open .sz-side-scrim { display: block; position: fixed; inset: 0; background: rgba(15,18,51,.4); z-index: 80; }
  .sz-top .sz-burger { display: grid !important; }
  .sz-top { padding: 0 16px !important; }
  .sz-main { padding: 18px 16px 32px !important; }
  .sz-ml-auto-sm { margin-left: auto; }
}
@media (max-width: 560px) {
  .sz-top > div:nth-child(2) span:last-child { display: none; }
  .sz-ml-auto-sm > div { display: none !important; }
}

/* Açık / koyu tema */
html:not([data-theme=dark]) .sz-ic-moon, html[data-theme=dark] .sz-ic-sun { display: none !important; }
html.sz-theme-anim, html.sz-theme-anim * { transition: background-color .25s ease, border-color .25s ease, color .25s ease !important; }
html[data-theme=dark] body.nav-open .sz-nav { background: #161A3A; border-color: #272C55; box-shadow: 0 20px 40px rgba(0,0,0,.4); }
html[data-theme=dark] body.nav-open .sz-nav a { border-color: #20254C !important; }
html[data-theme=dark] input::placeholder, html[data-theme=dark] textarea::placeholder { color: #626789; }
html[data-theme=dark] input, html[data-theme=dark] textarea, html[data-theme=dark] select { color: #F1F2FF; }
html[data-theme=dark] select option { background: #161A3A; color: #F1F2FF; }
html[data-theme=dark] [data-dark-invert] { filter: invert(1) hue-rotate(180deg); }
html[data-theme=dark] img[src*="/b/visa"], html[data-theme=dark] img[src*="-gray"] { filter: brightness(0) invert(1); opacity: .75; }

@media print {
  .sz-noprint { display: none !important; }
  body { background: #fff !important; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}