/*
 * StudentsBooking UI v2 — Base
 * Sadece body.sb-v2 altında çalışır; eski sayfa stillerine dokunmaz.
 */
body.sb-v2 {
  margin: 0;
  padding-top: var(--sb-header-h);
  background: var(--sb-bg);
  color: var(--sb-text-body);
  font-family: var(--sb-font);
  font-size: 16px;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body.sb-v2 h1, body.sb-v2 h2, body.sb-v2 h3, body.sb-v2 h4, body.sb-v2 h5, body.sb-v2 h6,
body.sb-v2 .h1, body.sb-v2 .h2, body.sb-v2 .h3, body.sb-v2 .h4 {
  font-family: var(--sb-font);
  color: var(--sb-text-heading);
}

body.sb-v2 :where(a) { color: inherit; text-decoration: none; }
body.sb-v2 :where(a):hover { text-decoration: none; }

body.sb-v2 :focus-visible {
  outline: 2px solid var(--sb-primary);
  outline-offset: 2px;
}

body.sb-v2 img { max-width: 100%; }

.sb-container {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(var(--sb-container) + 2 * var(--sb-gutter));
  margin: 0 auto;
  padding: 0 var(--sb-gutter);
}

.sb-visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0);
  white-space: nowrap; border: 0;
}

.sb-icon {
  display: inline-block;
  width: 24px; height: 24px;
  flex: none;
  vertical-align: middle;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.sb-icon--sm { width: 20px; height: 20px; }
.sb-icon--xs { width: 16px; height: 16px; }

@media (max-width: 767px) {
  .sb-container { padding: 0 var(--sb-gutter-mobile); }
}

@media (prefers-reduced-motion: reduce) {
  body.sb-v2 *, body.sb-v2 *::before, body.sb-v2 *::after {
    transition-duration: 0ms !important;
    animation-duration: 0ms !important;
    scroll-behavior: auto !important;
  }
}
