/* Saraç & Özkan Hukuk Bürosu - Vurgulu Renk Paleti & Cormorant Garamond Tipografisi */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

:root {
  /* Minimalist Asil Lacivert & Vurgulu Altın Paleti */
  --color-navy-darkest: #051321;
  --color-navy-dark: #07192b;
  --color-navy: #0b2238;
  --color-navy-light: #133352;
  --color-accent-gold: #c5a880;
  --color-accent-gold-bright: #dfb77c;
  --color-accent-gold-hover: #b39268;
  --color-bg-light: #f8fafc;
  --font-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
}

/* 1. TÜM SİTEDE METİN BOYUTLARINI BİR TIK BÜYÜTME (RESPONSIVE REM SCALE) */
html {
  font-size: 17.5px;
  -webkit-text-size-adjust: 100%;
}

@media (min-width: 640px) {
  html {
    font-size: 18.5px;
  }
}

@media (min-width: 1024px) {
  html {
    font-size: 19px;
  }
}

/* Tüm sitede Cormorant Garamond tipografisi */
*, body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, p, a, span {
  font-family: var(--font-serif);
}

/* 2. GÖVDE VE METİN VURGUSU (DOLGUN, OKUNAKLI, YÜKSEK KONTRAST) */
body {
  color: #0f172a;
  background-color: #ffffff;
  overflow-x: hidden;
  scroll-behavior: smooth;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Başlıklar & Tipografi: Asil Lacivert, Kalın & Net Vurgulu */
h1, h2, h3, h4, h5, h6, .font-serif, .font-heading {
  font-family: var(--font-serif) !important;
  color: #07192b;
  font-weight: 700 !important;
  letter-spacing: -0.015em;
  line-height: 1.25;
}

h1 {
  letter-spacing: -0.02em;
}

/* İnce/Soluk Görünümü Önleme: Cormorant Garamond için dolgun font ağırlığı */
.font-light {
  font-weight: 500 !important;
}

.font-normal {
  font-weight: 550 !important;
}

/* Paragraflar ve Açık Alanlardaki Metin Vurgusu */
p {
  color: #1e293b;
  font-weight: 500;
  line-height: 1.7;
}

/* Açık zeminlerdeki gri tonları netleştirme (solukluğu önleme) */
.bg-white p,
.bg-slate-50 p,
.law-card p,
.text-slate-600,
.text-slate-500 {
  color: #1e293b !important;
  font-weight: 500;
}

/* Koyu Alanlar (Hero, Danışma Bannerı, Header, Footer) Metin ve Renk Vurgusu */
.hero-gradient h1,
.bg-\[\#0b2238\] h2,
.bg-\[\#07192b\] h2,
.bg-\[\#051321\] h2 {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.45);
}

.hero-gradient p,
.hero-gradient .text-slate-300,
.hero-gradient .text-slate-200 {
  color: #f8fafc !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
}

.bg-\[\#0b2238\] p,
.bg-\[\#07192b\] p,
.bg-\[\#051321\] p,
.bg-\[\#0b2238\] .text-slate-300,
.bg-\[\#07192b\] .text-slate-300,
.bg-\[\#051321\] .text-slate-400,
footer .text-slate-400,
footer .text-slate-300,
.relative.z-50 .text-slate-300,
.relative.z-50 .text-slate-400 {
  color: #e2e8f0 !important;
  font-weight: 500;
}

/* Vurgulu Işıltılı Altın Rengi (Gold Accent) */
.text-\[\#c5a880\], .text-gold {
  color: #dfb77c !important;
  font-weight: 600;
}

/* Header & Navigation: Gece Mavisi Cam Efekti & Vurgulu Menü */
.glass-nav {
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  background: rgba(7, 25, 43, 0.98);
  border-bottom: 1px solid rgba(223, 183, 124, 0.2);
}

header nav a {
  font-weight: 600 !important;
  font-size: 1.12rem !important;
  letter-spacing: 0.015em;
  color: #f1f5f9 !important;
  transition: all 0.2s ease;
}

header nav a:hover,
header nav a.text-\[\#c5a880\] {
  color: #dfb77c !important;
}

/* İnce altın detay çizgisi */
.gold-gradient-line {
  height: 2px;
  background: linear-gradient(90deg, transparent, #dfb77c, transparent);
}

/* Hero Bölümü: Derin Gece Mavisi Radyal Gradyan */
.hero-gradient {
  background: radial-gradient(circle at 50% 25%, #133352 0%, #0b2238 60%, #07192b 100%);
}

/* Kart hover efektleri & Kart İçi Tipografi */
.law-card {
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  border-color: #cbd5e1;
}

.law-card:hover {
  transform: translateY(-4px);
  border-color: #dfb77c !important;
  box-shadow: 0 20px 35px -10px rgba(11, 34, 56, 0.15);
}

.law-card h3 {
  font-size: 1.3rem !important;
  color: #07192b !important;
  font-weight: 700 !important;
}

.law-card p {
  font-size: 1.05rem !important;
  color: #334155 !important;
  font-weight: 500;
  line-height: 1.6;
}

/* Sosyal Medya İkon Butonları */
.social-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 9999px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #f1f5f9;
  background-color: rgba(255, 255, 255, 0.08);
  transition: all 0.25s ease;
}

.social-icon-btn svg {
  width: 17px;
  height: 17px;
  display: block;
}

.social-icon-btn:hover {
  color: #ffffff;
  border-color: #dfb77c;
  background-color: rgba(223, 183, 124, 0.3);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(223, 183, 124, 0.25);
}

/* Form Alanları & Etiketler - Daha Okunaklı ve Vurgulu */
label {
  color: #07192b !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
}

input, textarea, select {
  font-size: 1.05rem !important;
  color: #0f172a !important;
  font-weight: 500 !important;
  border-color: #cbd5e1 !important;
}

input:focus, textarea:focus, select:focus {
  border-color: #dfb77c !important;
  outline: none;
  box-shadow: 0 0 0 3px rgba(223, 183, 124, 0.25) !important;
}

/* WhatsApp Yüzen Buton (Floating Button) */
.whatsapp-float {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 999;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #25D366;
  color: #ffffff;
  padding: 11px 20px 11px 16px;
  border-radius: 9999px;
  box-shadow: 0 10px 25px -5px rgba(37, 211, 102, 0.45);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  font-family: system-ui, -apple-system, sans-serif !important;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

.whatsapp-float:hover {
  background-color: #1eb956;
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 15px 30px -5px rgba(37, 211, 102, 0.6);
  color: #ffffff;
}

/* Footer Detayları */
footer {
  border-top: 1px solid rgba(223, 183, 124, 0.15) !important;
}

footer p {
  color: #cbd5e1 !important;
  font-size: 1.02rem !important;
  font-weight: 450 !important;
}

footer h4 {
  color: #dfb77c !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}

footer ul li a {
  color: #cbd5e1 !important;
  font-size: 1.05rem !important;
  font-weight: 500 !important;
  transition: all 0.2s ease;
}

footer ul li a:hover {
  color: #dfb77c !important;
  transform: translateX(2px);
}

/* Filigran arka plan */
.watermark-bg {
  position: relative;
}
.watermark-bg::after {
  content: '';
  position: absolute;
  right: -50px;
  bottom: -50px;
  width: 400px;
  height: 400px;
  background-image: url('../images/logo-dark-navbar.png');
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.03;
  pointer-events: none;
}