/* ============================================================
   main.css — Root stylesheet entry point
   Imports all base styles and component styles in correct order.
   ============================================================ */

/* ── 1. Base ──────────────────────────────────────────────────── */
@import url('./base/reset.css');
@import url('./base/variables.css');
@import url('./base/typography.css');

/* ── 2. Layout ────────────────────────────────────────────────── */
@import url('./layout/header.css');
@import url('./layout/menu.css');
@import url('./layout/footer.css');

/* ── 3. Sections ──────────────────────────────────────────────── */
@import url('./sections/hero.css');
@import url('./sections/about.css');
@import url('./sections/projects.css');
@import url('./sections/media.css');
@import url('./sections/blog.css');
@import url('./sections/contact.css');

/* ── 4. Pages ─────────────────────────────────────────────────── */
@import url('./pages/inner-page.css');
@import url('./pages/projeler-page.css');

/* ── 5. Components ────────────────────────────────────────────── */
@import url('./components/side-cta.css');
@import url('./components/info-card.css');
@import url('./components/whatsapp.css');
@import url('./components/contact-panel.css');

/* ── 3. Global layout ─────────────────────────────────────────── */
html {
  scroll-behavior: smooth;
  height: 100%;
}

body {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}

/* Prevent body scroll when a modal/menu is open */
body.no-scroll {
  overflow: hidden;
}

/* ── 4. Focus visible styles (a11y) ──────────────────────────── */
:focus-visible {
  outline: 2px solid var(--color-brand-light);
  outline-offset: 3px;
  border-radius: var(--radius-sm);
}

/* ── 5. Selection color ──────────────────────────────────────── */
::selection {
  background: var(--color-brand-light);
  color: var(--color-white);
}

/* ── 6. Scrollbar (Webkit) ───────────────────────────────────── */
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 10px;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background: var(--color-light);
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  background: var(--color-brand-primary);
  border-radius: var(--radius-sm);
  border: 2px solid var(--color-light);
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
  background: var(--color-brand-light);
}

/* ── Page Transitions ─────────────────────────────────────────── */
body {
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}
body.page-transitioning {
  opacity: 0;
}