/**
 * gencompressor.com - Mobil Kullanılabilirlik (Google Search Console)
 * 1. İçerik ekrandan geniş
 * 2. Tıklanabilir öğeler birbirine çok yakın
 * 3. Metin okunamayacak kadar küçük
 */

/* ---------- 1. İçerik ekrandan geniş ---------- */
html {
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
}
body {
  overflow-x: hidden;
  max-width: 100vw;
}
img, video, iframe, embed, object {
  max-width: 100%;
  height: auto;
}
table {
  max-width: 100%;
}
.container {
  max-width: 100%;
}

/* ---------- 2. Tıklanabilir öğeler: min 48px (Google) ---------- */
@media (max-width: 768px) {
  /* Header nav & dil menüsü */
  header nav a,
  header nav button,
  header .dropdown a,
  header .dropdown button,
  #mobile-menu a,
  #mobile-menu button,
  #mobile-language-menu a {
    min-height: 48px;
    min-width: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding: 12px 16px !important;
  }
  header .dropdown-menu a {
    min-height: 48px;
    padding: 12px 16px !important;
  }
  #mobile-menu .space-y-2 > *,
  #mobile-language-menu .space-y-1 > * {
    margin-bottom: 4px;
  }
  /* Footer linkler */
  footer ul a,
  footer .footer-link,
  footer .social-icon {
    min-height: 48px;
    min-width: 48px;
    display: inline-flex;
    align-items: center;
    padding: 12px 0 !important;
  }
  footer .social-icon {
    justify-content: center;
  }
  footer ul.space-y-3 li,
  footer ul.space-y-4 li {
    margin-bottom: 8px;
  }
  /* Butonlar & CTA */
  a[href].bg-secondary,
  a[href].border-secondary,
  button[type="submit"],
  .slide a, .slide button,
  .hero-pattern a,
  .hero-section a {
    min-height: 48px;
    padding: 12px 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  /* Form gönder butonu */
  form button[type="submit"] {
    min-height: 48px;
    width: 100%;
  }
}

/* ---------- 3. Metin okunabilir (min ~16px) ---------- */
@media (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body, p, li, span, label {
    font-size: 1rem;
    line-height: 1.5;
  }
  /* Küçük metin sınıflarını mobilde büyüt */
  .text-xs {
    font-size: 0.875rem !important; /* 14px */
  }
  .text-sm {
    font-size: 0.9375rem !important; /* 15px */
  }
  footer .text-sm,
  footer .footer-link {
    font-size: 1rem !important;
  }
  h1 { font-size: 1.75rem !important; }
  h2 { font-size: 1.5rem !important; }
  h3, h4 { font-size: 1.25rem !important; }
}

/* ---------- Global Gold Gradient Theme (replaces #C7A963) ---------- */
:root {
  --gencomp-gold-solid: #c39b42;
  --gencomp-gold-gradient: linear-gradient(
    135deg,
    #c39b42 0%,
    #cca13e 14%,
    #fbe68a 22%,
    #fffdca 28%,
    #e5bf5e 38%,
    #9a6f1b 100%
  );
  --gencomp-gold-glow: rgba(251, 230, 138, 0.45);
}

/* Background: solid (#C7A963) -> shiny gold gradient */
html body .bg-secondary,
html body [class*="bg-[#C7A963]"],
html body [class*="bg-[#c7a963]"],
html body [class*="hover:bg-[#C7A963]"]:hover,
html body [class*="hover:bg-[#c7a963]"]:hover,
html body [style*="background-color: #C7A963"],
html body [style*="background-color:#C7A963"],
html body [style*="background-color: #c7a963"],
html body [style*="background-color:#c7a963"],
html body [style*="background: #C7A963"],
html body [style*="background:#C7A963"],
html body [style*="background: #c7a963"],
html body [style*="background:#c7a963"] {
  background-image: var(--gencomp-gold-gradient) !important;
  background-color: transparent !important;
}

/* Any Tailwind gradient using #C7A963 -> shiny gold gradient */
html body [class*="bg-gradient-to-"][class*="from-[#C7A963]"],
html body [class*="bg-gradient-to-"][class*="from-[#c7a963]"],
html body [class*="bg-gradient-to-"][class*="via-[#C7A963]"],
html body [class*="bg-gradient-to-"][class*="via-[#c7a963]"],
html body [class*="bg-gradient-to-"][class*="to-[#C7A963]"],
html body [class*="bg-gradient-to-"][class*="to-[#c7a963]"] {
  background-image: var(--gencomp-gold-gradient) !important;
}

/* Tailwind named gradient stop "secondary" (often mapped to #C7A963) */
html body [class*="from-secondary"] {
  --tw-gradient-from: #c39b42 !important;
  --tw-gradient-to: #9a6f1b !important;
  --tw-gradient-stops: #c39b42 0%, #cca13e 19%, #fbe68a 36%, #fffdca 50%, #e5bf5e 67%, #9a6f1b 100% !important;
}

/* Text: solid (#C7A963) -> shiny gold gradient text */
html body .text-secondary,
html body [class*="text-[#C7A963]"],
html body [class*="text-[#c7a963]"],
html body [class*="hover:text-secondary"]:hover,
html body [class*="hover:text-[#C7A963]"]:hover,
html body [class*="hover:text-[#c7a963]"]:hover,
html body [style*="color: #C7A963"],
html body [style*="color:#C7A963"],
html body [style*="color: #c7a963"],
html body [style*="color:#c7a963"] {
  color: transparent !important;
  background-image: var(--gencomp-gold-gradient) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Border: solid (#C7A963) -> gold (with gradient border-image fallback) */
html body .border-secondary,
html body [class*="border-[#C7A963]"],
html body [class*="border-[#c7a963]"],
html body [class*="focus:border-secondary"]:focus,
html body [class*="hover:border-[#C7A963]"]:hover,
html body [class*="hover:border-[#c7a963]"]:hover,
html body [class*="focus:border-[#C7A963]"]:focus,
html body [class*="focus:border-[#c7a963]"]:focus,
html body [style*="border-color: #C7A963"],
html body [style*="border-color:#C7A963"],
html body [style*="border-color: #c7a963"],
html body [style*="border-color:#c7a963"] {
  border-color: var(--gencomp-gold-solid) !important;
  border-image: var(--gencomp-gold-gradient) 1 !important;
  border-image-slice: 1 !important;
}

/* Hover background named "secondary" */
html body [class*="hover:bg-secondary"]:hover {
  background-image: var(--gencomp-gold-gradient) !important;
  background-color: transparent !important;
}

/* Focus ring / outline helpers commonly paired with secondary */
html body [class*="focus:ring-[#C7A963]"]:focus,
html body [class*="focus:ring-[#c7a963]"]:focus {
  --tw-ring-color: var(--gencomp-gold-glow) !important;
}

html body [class*="focus:ring-secondary"]:focus {
  --tw-ring-color: var(--gencomp-gold-glow) !important;
}

/* Components that set secondary via internal styles (use higher specificity) */
html body footer .footer-link:hover {
  color: transparent !important;
  background-image: var(--gencomp-gold-gradient) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html body footer .social-icon:hover {
  background-image: var(--gencomp-gold-gradient) !important;
  background-color: transparent !important;
}

/* Form focus borders that previously used #C7A963 */
html body input.form-input:focus,
html body textarea.form-input:focus,
html body select.form-input:focus {
  border-color: var(--gencomp-gold-solid) !important;
  box-shadow: 0 0 0 3px var(--gencomp-gold-glow) !important;
}

/* Index testimonial accent (was border-left: 4px solid #C7A963) */
html body .testimonial-card {
  border-left-color: var(--gencomp-gold-solid) !important;
  border-image: var(--gencomp-gold-gradient) 1 !important;
  border-image-slice: 1 !important;
}