/**
 * Milawood - Tasarım ve Renk Sistemi
 * Ana Kurumsal Renkler: #527E8B (Teal) ve #A5C766 (Olive Yeşil)
 * Tipografi & Menü Rengi: Siyah (#111111 / #222222)
 * Zemin Rengi: #FFFFFF (Beyaz)
 * Yazı Fontu: SADECE Outfit
 */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --mw-teal: #527E8B;
  --mw-olive: #A5C766;
  --mw-black: #111111;
  --mw-gray: #444444;
}

/* Sadece metin öğelerine Outfit uygulayarak ikon fontlarını ASLA bozmuyoruz */
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, p, a {
  font-family: 'Outfit', sans-serif;
}

body {
  background-color: #FFFFFF;
  color: #111111;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, .font-heading, .font-serif {
  font-weight: 700;
  color: #111111;
}

p {
  color: #333333;
}

/* FONT AWESOME TAM KORUMA */
.fa, .fas, .far, .fal, .fab, .fa-solid, .fa-regular, .fa-brands, [class*="fa-"] {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "FontAwesome" !important;
  font-style: normal;
  display: inline-block;
  line-height: 1;
}
.fa-brands, .fab {
  font-family: "Font Awesome 6 Brands" !important;
  font-weight: 400 !important;
}
.fa-regular, .far {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 400 !important;
}
.fa-solid, .fas {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

/* Footer metin renkleri: BEYAZ (#FFFFFF) */
footer, 
footer p, 
footer span, 
footer a, 
footer li, 
footer div {
  color: #FFFFFF;
}

footer a:hover {
  color: #A5C766 !important;
}

/* Kurumsal Renk Sınıfları */
.bg-teal { background-color: #527E8B !important; }
.text-teal { color: #527E8B !important; }
.border-teal { border-color: #527E8B !important; }

.bg-olive { background-color: #A5C766 !important; }
.text-olive { color: #A5C766 !important; }
.border-olive { border-color: #A5C766 !important; }

.hover-bg-teal:hover { background-color: #527E8B !important; color: #FFFFFF !important; }
.hover-bg-olive:hover { background-color: #A5C766 !important; color: #FFFFFF !important; }

/* Custom Scrollbar for Carousel & Page */
.custom-scrollbar::-webkit-scrollbar {
  height: 6px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #527E8B;
  border-radius: 9999px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: rgba(82, 126, 139, 0.1);
  border-radius: 9999px;
}