/* MSK Bulut — overrides & enhancements */

/* Smooth scrolling for in-page nav links */
html { scroll-behavior: smooth; }

/* Sticky navbar offset so headings aren't hidden under the bar */
.mskb-section { scroll-margin-top: 90px; }

/* Globe continuous rotation */
.cglobe-rot { animation: cglobe-spin 90s linear infinite; }
@media (prefers-reduced-motion: reduce) { .cglobe-rot { animation: none; } }

/* Navbar link hover */
.mskb-nav-links a { transition: color .2s ease; }
.mskb-nav-links a:hover { color: #e20c1c; }

/* Video tab buttons active/inactive helper states (toggled via app.js) */
.mskb-tab-btn { cursor: pointer; }

/* Generic page (blog / iletisim) helpers reusing site tokens */
.mskb-page-hero { padding-top: 8rem; padding-bottom: 3rem; }
@media (min-width: 1024px) { .mskb-page-hero { padding-top: 10rem; } }

/* Form controls for blog & contact pages */
.mskb-input {
  width: 100%;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 0.75rem;
  padding: 0.85rem 1rem;
  color: #f5f5f5;
  font-size: 0.95rem;
  font-family: Inter, system-ui, -apple-system, sans-serif;
  outline: none;
  transition: border-color .2s ease, background .2s ease;
}
.mskb-input::placeholder { color: #8a8a8a; }
.mskb-input:focus {
  border-color: rgba(227,6,19,0.6);
  background: rgba(255,255,255,0.08);
}
textarea.mskb-input { resize: vertical; min-height: 130px; }

.mskb-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #d4d4d4;
  margin-bottom: 0.4rem;
}

.mskb-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.9rem 2rem;
  border-radius: 9999px;
  background: #e20c1c;
  color: #fff;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  transition: background .2s ease, transform .15s ease;
}
.mskb-submit:hover { background: #c40a18; transform: translateY(-1px); }
.mskb-submit:disabled { opacity: .6; cursor: not-allowed; transform: none; }

.mskb-form-msg {
  margin-top: 1rem;
  font-size: 0.9rem;
  border-radius: 0.65rem;
  padding: 0.75rem 1rem;
  display: none;
}
.mskb-form-msg.show { display: block; }
.mskb-form-msg.ok {
  background: rgba(34,197,94,0.12);
  border: 1px solid rgba(34,197,94,0.4);
  color: #86efac;
}
.mskb-form-msg.err {
  background: rgba(227,6,19,0.12);
  border: 1px solid rgba(227,6,19,0.4);
  color: #fca5a5;
}

/* Glass card for blog/contact panels */
.mskb-glass {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 1.25rem;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* ═══════ Görsel koruma: sağ tık "Görseli farklı kaydet" / sürükle / mobil uzun-bas ═══════ */
img, video, picture, svg, canvas {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* ═══════ Dil değiştirici (TR / EN) ═══════ */
.mskb-lang { display:inline-flex; align-items:center; gap:2px; margin-left:6px; border:1px solid #e0e0e0; border-radius:9999px; padding:2px; background:#fff; }
.mskb-lang a { padding:3px 9px; border-radius:9999px; font-size:12px; font-weight:700; color:#777; text-decoration:none; line-height:1; transition:all .18s ease; }
.mskb-lang a.active { background:#e20c1c; color:#fff; }
.mskb-lang a:not(.active):hover { color:#e20c1c; }

/* ═══════ Mobil menü (hamburger) — başlıklar sıra sıra aşağı iner ═══════ */
.mskb-burger { display:none; flex-direction:column; gap:4px; background:none; border:none; cursor:pointer; padding:8px; margin-left:auto; }
.mskb-burger span { width:22px; height:2px; background:#222; border-radius:2px; transition:transform .25s ease, opacity .2s ease; }
.mskb-burger.open span:nth-child(1){ transform:translateY(6px) rotate(45deg); }
.mskb-burger.open span:nth-child(2){ opacity:0; }
.mskb-burger.open span:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }

@media (max-width: 860px) {
  .mskb-burger { display:flex; }
  .mskb-nav-links {
    position:absolute; top:72px; left:0; right:0;
    flex-direction:column !important; align-items:stretch !important;
    gap:0 !important; flex-wrap:nowrap !important;
    background:#fff; border-bottom:1px solid #ececec;
    box-shadow:0 18px 40px -24px rgba(0,0,0,0.35);
    max-height:0; overflow:hidden; padding:0 24px;
    transition:max-height .35s ease, padding .35s ease;
  }
  .mskb-nav-links.open { max-height:520px; padding:8px 24px 16px; }
  .mskb-nav-links a { padding:13px 4px !important; border-bottom:1px solid #f0f0f0; }
  .mskb-nav-links a:last-of-type { border-bottom:none; }
  .mskb-lang { margin:10px 0 2px; align-self:flex-start; }
}

/* ═══════ Alt köşe "Ana Sayfa" yüzen butonu ═══════ */
.mskb-home-btn {
  position:fixed; right:20px; bottom:20px; z-index:60;
  display:inline-flex; align-items:center; gap:7px;
  padding:10px 16px; border-radius:9999px;
  background:#e20c1c; color:#fff; font-size:13px; font-weight:700;
  text-decoration:none; box-shadow:0 10px 30px -8px rgba(227,12,28,0.55);
  transition:transform .18s ease, background .18s ease; border:none; cursor:pointer;
}
.mskb-home-btn:hover { background:#c40a18; transform:translateY(-2px); }
.mskb-home-btn svg { width:15px; height:15px; }
@media (max-width:520px){ .mskb-home-btn span{ display:none; } .mskb-home-btn{ padding:11px; } }

/* ═══════ Fiyat hesaplayıcı bölümü — ekranı tamamen doldurur ═══════ */
.mskb-calc-frame { width:100%; border:0; background:#fff; height:calc(100vh - 80px); min-height:720px; border-radius:16px; }

/* ═══════ Blog (admin yönetimli) kartları ═══════ */
.mskb-blog-grid { display:grid; grid-template-columns:1fr; gap:1.5rem; }
@media (min-width:640px){ .mskb-blog-grid{ grid-template-columns:1fr 1fr; } }
.mskb-blog-card { display:flex; flex-direction:column; overflow:hidden; cursor:pointer; text-align:left; }
.mskb-blog-card .thumb { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; background:#1a1a1a; }
.mskb-blog-empty { text-align:center; color:#a3a3a3; padding:2.5rem; grid-column:1/-1; }