/*
Theme Name:        Esnaf Rehberi
Theme URI:         https://esnafrehberi.com
Author:            Onur
Description:       Türkiye'nin En Kapsamlı Firma Rehberi. React/Tailwind'den dönüştürülmüştür.
Version:           1.0.0
Requires at least: 6.0
Tested up to:      6.7
Requires PHP:      8.0
License:           GPL v2 or later
Text Domain:       esnaf-rehberi
Tags:              business-directory, custom-menu, featured-images, translation-ready
*/

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

:root {
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --color-nav: #1e1b4b;
  --color-nav-hover: #312e81;
  --color-logo: #1e1b4b;
  --color-logo-accent: #3b82f6;
  --color-vitrin: #b91c1c;
  --color-kategori: #f59e0b;
  --color-gold: #f59e0b;
  --color-haber: #4338ca;
  --color-ilan: #475569;
  --color-giris: #dc2626;
  --color-uye: #1e293b;
  --color-footer: #0f172a;
  --color-footer-border: #4f46e5;
  --color-body-bg: #f1f5f9;
  --color-card: #ffffff;
  --color-alim: #d1fae5;
  --color-satim: #fef3c7;
}

body {
  font-family: var(--font-primary);
  background-color: var(--color-body-bg);
  color: #1e293b;
  margin: 0;
  padding: 0;
}

/* Custom Scrollbar */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Theme Layout Helpers */
.er-container {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1024px) {
  .er-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* Building Logo Graphic */
.er-logo-graphic {
  width: 3rem;
  height: 3.5rem;
  background: linear-gradient(135deg, #fbbf24, #d97706);
  border-radius: 2px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  transition: transform 0.2s ease-in-out;
}
.er-logo-graphic:hover {
  transform: scale(1.05);
}
.er-logo-bar1 {
  width: 0.625rem;
  height: 2rem;
  background-color: #1e1b4b;
  position: absolute;
  bottom: 0;
  left: 0.5rem;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
}
.er-logo-bar2 {
  width: 0.625rem;
  height: 2.5rem;
  background-color: #1d4ed8;
  position: absolute;
  bottom: 0;
  left: 1.25rem;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
}
.er-logo-bar3 {
  width: 0.625rem;
  height: 1.5rem;
  background-color: #3b82f6;
  position: absolute;
  bottom: 0;
  left: 2rem;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
}

/* Topbar styles */
.er-topbar-btn:hover {
  color: #4f46e5;
}

/* Vitrin section styles */
.er-vitrin-label {
  background-color: var(--color-vitrin);
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.er-vitrin-card {
  min-width: 200px;
  flex-shrink: 0;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s;
}
.er-vitrin-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* Categories Sidebar */
.er-cat-header {
  background: linear-gradient(to bottom, #fbbf24, #f59e0b);
  color: #78350f;
  border-bottom: 2px solid #d97706;
}
.er-cat-item a {
  transition: all 0.2s ease-in-out;
}
.er-cat-item a:hover {
  background-color: #fffbeb;
  color: #b45309;
  padding-left: 1.25rem !important;
}

/* News Header styling */
.er-news-header {
  background-color: var(--color-haber);
  border-bottom: 4px solid #312e81;
}

/* Ads Header styling */
.er-ilan-header {
  background-color: var(--color-ilan);
  border-bottom: 4px solid #1e293b;
}

/* Business List Card Badge */
.er-firma-badge {
  transform: skewX(-12deg);
  background-color: var(--color-gold);
}

/* Single Business Details */
.er-contact-box {
  background-color: #fffbeb;
  border: 1px solid #fde68a;
}
.er-contact-label {
  color: #78350f;
}

.er-tabs {
  background-color: #f59e0b;
  border-bottom: 4px solid #d97706;
}
.er-tab-btn {
  color: #451a03;
  transition: all 0.15s ease-in-out;
}
.er-tab-btn.active {
  background-color: #fef3c7;
  color: #78350f;
  font-weight: 600;
}
.er-tab-btn:focus {
  outline: none;
}
.er-tab-pane {
  display: none;
}
.er-tab-pane.active {
  display: block;
}

/* Category Hero */
.er-cat-hero {
  position: relative;
  overflow: hidden;
}
.er-cat-hero-title {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 800;
  text-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.er-cat-feature-box {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Archive Hero */
.er-archive-hero {
  background: linear-gradient(135deg, #1e3a8a, #1e1b4b);
}

/* Auth Pages */
.er-auth-header {
  background: linear-gradient(135deg, #1e1b4b, #4338ca);
}

/* Footer Section */
.er-footer {
  background-color: var(--color-footer);
  border-top: 4px solid var(--color-footer-border);
}
.er-footer ul a {
  transition: color 0.2s;
}
.er-footer ul a:hover {
  color: #f59e0b;
}

/* Responsive grid layouts */
@media (max-width: 1023px) {
  .er-cat-feature-box {
    display: none !important;
  }
}

/* Custom Navigation Menu Styling to prevent squeezing */
.er-nav ul {
  display: flex;
  flex-direction: row;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .er-nav ul {
    flex-direction: column;
  }
}
.er-nav ul li a {
  display: block;
  padding: 0.75rem 1.25rem !important;
  color: #ffffff !important;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  text-decoration: none;
}
.er-nav ul li:first-child a {
  border-left: none;
}
.er-nav ul li a:hover {
  background-color: var(--color-nav-hover, #312e81) !important;
}