/* Ormis Gıda — Project styles (Tailwind tabanı üstüne yardımcılar) */

:root {
  --primary: #004d27;
  --primary-container: #006837;
  --gold: #D4AF37;
  --gold-hover: #B8962E;
  --inverse-surface: #2e3132;
  --border-subtle: #E9ECEF;
  --shadow-soft: 0 4px 12px rgba(0, 33, 71, 0.08);
  --shadow-lift: 0 8px 24px rgba(0, 33, 71, 0.12);
}

/* Material Symbols default state */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Glass panel */
.glass-panel {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: var(--shadow-soft);
}

.soft-shadow { box-shadow: var(--shadow-soft); }
.soft-industrial-shadow { box-shadow: var(--shadow-soft); }

/* Hover-lift */
.hover-lift {
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.hover-lift:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-lift);
  border-bottom-color: var(--gold);
}

/* Overlay gradients */
.hero-overlay {
  background: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,33,71,0.78) 100%);
}
.category-overlay {
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.70) 100%);
}

/* Product card hover */
.product-card { transition: all 0.3s ease; }
.product-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lift);
  border-bottom: 2px solid var(--gold);
}

/* Inputs */
.input-glow:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 77, 39, 0.18);
  border-color: var(--primary);
}

/* Türkçe karakter rendering kalitesini destekler */
html, body {
  overflow-x: hidden;
  max-width: 100vw;
}
body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'kern', 'liga', 'clig', 'calt';
}

/* Hero overlay — text legibility + image visibility dengesi */
.hero-overlay {
  background:
    linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,33,71,0.35) 100%),
    radial-gradient(ellipse at center, rgba(0,33,71,0.45) 0%, transparent 70%) !important;
}

/* Hero kritik layout — Tailwind CDN yavaş yüklense bile hero çalışsın */
.hero-main {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80vh;
  overflow: hidden;
  background-color: #002147;
}
.hero-main > [style*="background-image"] {
  /* Chrome eklentilerinin display:none enjeksiyonuna karşı koruma */
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 0 !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.hero-main > .hero-overlay {
  position: absolute !important;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: 10 !important;
}
.hero-main > .container,
.hero-main > div.relative {
  position: relative;
  z-index: 20 !important;
}

/* Scroll yumuşatma + ankor offset (sticky nav payı) */
html { scroll-padding-top: 96px; }

/* Print için temizlik */
@media print {
  header, footer, [aria-label*="WhatsApp"], #mobile-menu { display: none !important; }
  body { color: #000; background: #fff; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}

/* Logo placeholder fallback (görsel yüklenemezse) */
img[alt][src*="logo"] { background: transparent; }

/* Filter scrollbar — gizli (mobilde scroll çalışır ama bar görünmez) */
.filter-scroll { scrollbar-width: none; -ms-overflow-style: none; }
.filter-scroll::-webkit-scrollbar { display: none; }

/* Selection */
::selection { background: var(--gold); color: #fff; }