/* =========================================================
   Optimizasyon.co — Design System
   Giriş dosyası. Katman sırası önemli: her katman kendinden
   öncekini tüketir, asla önceye referans veren bir sonraki
   katman olmaz (foundations → primitives → composites → blocks).
   ========================================================= */

/* Foundations */
@import url("foundations/reset.css");
@import url("foundations/tokens.css");
@import url("foundations/semantic.css");
@import url("foundations/typography.css");
@import url("foundations/layout.css");

/* Primitives */
@import url("primitives/icon.css");
@import url("primitives/button.css");
@import url("primitives/icon-button.css");
@import url("primitives/input.css");
@import url("primitives/textarea-select.css");
@import url("primitives/selection-controls.css");
@import url("primitives/badge-chip.css");
@import url("primitives/avatar-divider.css");
@import url("primitives/feedback.css");

/* Composites */
@import url("composites/header.css");
@import url("composites/mega-menu.css");
@import url("composites/footer.css");
@import url("composites/sidebar-nav.css");
@import url("composites/tab-item.css");
@import url("composites/accordion.css");
@import url("composites/language-switcher.css");
@import url("composites/chat-bubble.css");
@import url("composites/mobile-menu.css");
@import url("composites/carousel-controls.css");
@import url("composites/page-hero.css");
@import url("composites/timeline.css");
@import url("composites/quote-wizard.css");
@import url("composites/pagination.css");
@import url("composites/panel-topbar.css");
@import url("composites/panel-tabbar.css");
@import url("composites/cookie-consent.css");

/* Blocks */
@import url("blocks/marquee-card.css");
@import url("blocks/hero-analyzer.css");
@import url("blocks/hero-marquee.css");
@import url("blocks/logo-strip.css");
@import url("blocks/service-grid.css");
@import url("blocks/about-stat.css");
@import url("blocks/reference-grid.css");
@import url("blocks/package-section.css");
@import url("blocks/testimonial-section.css");
@import url("blocks/partner-strip.css");
@import url("blocks/blog-section.css");
@import url("blocks/faq-section.css");
@import url("blocks/cta-band.css");
@import url("blocks/difference-block.css");
@import url("blocks/process-block.css");
@import url("blocks/sector-cross-links.css");
@import url("blocks/case-study-block.css");
@import url("blocks/hero-sector.css");
@import url("blocks/sector-data-block.css");
@import url("blocks/incentive-block.css");
@import url("blocks/service-scope-block.css");
@import url("blocks/deliverables-block.css");
@import url("blocks/contact-hero.css");
@import url("blocks/contact-block.css");
@import url("blocks/company-info-block.css");
@import url("blocks/legal-doc-block.css");
@import url("blocks/blog-grid.css");
@import url("blocks/blog-article-hero.css");
@import url("blocks/blog-article-body.css");
@import url("blocks/reference-hero.css");
@import url("blocks/video-reference-block.css");
@import url("blocks/auth-screen.css");
@import url("blocks/panel-dashboard.css");
@import url("blocks/panel-services.css");
@import url("blocks/panel-reports.css");
@import url("blocks/panel-report-detail.css");
@import url("blocks/panel-support.css");
@import url("blocks/tool-section.css");
@import url("blocks/tool-runner.css");
@import url("blocks/tool-result-block.css");
@import url("blocks/tool-limit-state.css");
@import url("blocks/panel-settings.css");

body { background: var(--bg-page); }

/* iOS Safari: focus'ta otomatik zoom — computed font-size < 16px
   olan text input/textarea/select'te tetiklenir. Tek CSS kuralı yeterli;
   HTML viewport hack'i (maximum-scale) kullanılmıyor (erişilebilirlik).
   .field__input dahil (sınıf özgüllüğü); hero/wizard gibi ≥16px alanlar
   kendi daha spesifik kurallarıyla kalır. */
@media (max-width: 1023px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]),
  textarea,
  select,
  .field__input {
    font-size: 16px;
  }
}