/**
 * Dynamic Section Styling - Inline CSS Replacement
 * CMS/blok ayarlarından gelen renk, gradient, font-size vb. değişkenler
 * CSS custom properties ile uygulanır. Blade'de sadece --var: value atanır.
 * Gerçek stil kuralları burada tanımlanır.
 */

/* ===== Özellikler (Features) V5 & V7 ===== */
.features_variant5,
.features_variant7 {
  padding-top: var(--section-pt, 48px) !important;
  background-color: var(--section-bg-color, #ffffff);
  background-image: var(--section-bg-image, none), var(--section-bg-gradient, none);
  background-size: cover;
  background-position: center;
}
.features_variant5 .features_variant5_title,
.features_variant7 .features_variant7_title {
  color: var(--section-title-color, #111827) !important;
  font-size: var(--section-title-size, 1.875rem) !important;
}
.features_variant5 .features_variant5_description,
.features_variant7 .features_variant7_description {
  color: var(--section-subtitle-color, #6b7280) !important;
  font-size: var(--section-subtitle-size, 1rem) !important;
}
.features_variant5 .features_variant5_card_description,
.features_variant7 .features_variant7_card_description {
  color: var(--section-text-color, #6b7280) !important;
  font-size: var(--section-text-size, 0.875rem) !important;
}

/* ===== Plans/Pricing V3, V7 ===== */
.pricing_variant3,
.pricing_variant7 {
  background-color: var(--section-bg-color, transparent);
  background-image: var(--section-bg-image, none), var(--section-bg-gradient, none);
  background-size: cover;
  background-position: center;
}
.pricing_variant3 .pricing_variant3_title,
.pricing_variant7 .pricing_variant7_title {
  color: var(--section-title-color, inherit) !important;
  font-size: var(--section-title-size, inherit) !important;
}
.pricing_variant3 .pricing_variant3_subtitle,
.pricing_variant7 .pricing_variant7_subtitle {
  color: var(--section-subtitle-color, inherit) !important;
  font-size: var(--section-subtitle-size, inherit) !important;
}

/* ===== Service Post Slider V4, V5 ===== */
.service-timeline-v4,
.service-hexagon-v5 {
  background-color: var(--section-bg-color, transparent);
  background-image: var(--section-bg-image, none), var(--section-bg-gradient, none);
  background-size: cover;
  background-position: center;
}
.service-timeline-v4 .timeline-title,
.service-hexagon-v5 .hexagon-title {
  color: var(--section-title-color, inherit) !important;
  font-size: var(--section-title-size, inherit) !important;
  /* WCAG: Gradient/koyu arka planda metin gölgesi okunabilirlik için */
  text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.service-timeline-v4 .timeline-subtitle,
.service-hexagon-v5 .hexagon-subtitle {
  color: var(--section-subtitle-color, inherit) !important;
  font-size: var(--section-subtitle-size, inherit) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

/* ===== FAQ V5 ===== */
.faq_section_v5 {
  background-color: var(--section-bg-color, #fafafa) !important;
  background-image: var(--section-bg-image, none);
  background-size: cover;
  background-position: center;
}
.faq_section_v5 .faq_section_v5_title {
  color: var(--section-title-color, inherit) !important;
  font-size: var(--section-title-size, inherit) !important;
}
.faq_section_v5 .faq_section_v5_subtitle {
  color: var(--section-subtitle-color, inherit) !important;
  font-size: var(--section-subtitle-size, inherit) !important;
}

/* ===== Testimonials V2, V4 ===== */
.testimonial_slider_variant2,
.testimonial_slider_variant4 {
  background-color: var(--section-bg-color, transparent);
  background-image: var(--section-bg-image, none), var(--section-bg-gradient, none);
  background-size: cover;
  background-position: center;
}
.testimonial_slider_variant2 .testimonial_slider_variant2_title {
  color: var(--section-title-color, inherit) !important;
  font-size: var(--section-title-size, inherit) !important;
}
.testimonial_slider_variant2 .testimonial_slider_variant2_description {
  color: var(--section-subtitle-color, inherit) !important;
  font-size: var(--section-subtitle-size, inherit) !important;
}
.testimonial_slider_variant2 .testimonial-v2-btn {
  background-color: var(--section-btn-color, inherit) !important;
  border-color: var(--section-btn-color, inherit) !important;
}

/* ===== Counters V1 ===== */
.counter_variant1 {
  background-color: var(--section-bg-color, transparent);
  background-image: var(--section-bg-image, none), var(--section-bg-gradient, none);
}
.counter_variant1 .counter_v1_title {
  color: var(--section-title-color, inherit) !important;
  font-size: var(--section-title-size, inherit) !important;
}
.counter_variant1 .counter_v1_subtitle {
  color: var(--section-subtitle-color, inherit) !important;
  font-size: var(--section-subtitle-size, inherit) !important;
}
.counter_variant1 .counter_v1_icon {
  color: var(--counter-icon-color, inherit) !important;
}

/* ===== Google Reviews V5 ===== */
.google-reviews-section.variant-5 {
  background-color: var(--section-bg-color, transparent) !important;
}
.google-reviews-section.variant-5 .section-bg.google-reviews-v5-bg-image {
  background-image: var(--section-bg-image);
  background-size: cover;
  background-position: center;
}
.google-reviews-section.variant-5 .section-title {
  color: var(--section-title-color, inherit) !important;
  font-size: var(--section-title-size, inherit) !important;
}
.google-reviews-section.variant-5 .section-subtitle {
  color: var(--section-subtitle-color, inherit) !important;
  font-size: var(--section-subtitle-size, inherit) !important;
}

/* ===== Request Form V6 ===== */
.request-form-modern-v6 {
  background-color: var(--section-bg-color, transparent);
  background-image: var(--section-bg-image, none), var(--section-bg-gradient, none);
  background-size: cover;
  background-position: center;
}
.request-form-modern-v6 .modern-v6-title {
  color: var(--section-title-color, inherit) !important;
  font-size: var(--section-title-size, inherit) !important;
}
.request-form-modern-v6 .modern-v6-subtitle {
  color: var(--section-subtitle-color, inherit) !important;
  font-size: var(--section-subtitle-size, inherit) !important;
}

/* ===== Footer V5 - Dynamic theming ===== */
.footer-v5-simple {
  background-color: var(--footer-bg-color, #fff) !important;
  background-image: var(--footer-bg-image, none), var(--footer-bg-gradient, none) !important;
  background-size: cover !important;
  background-position: center !important;
}
.footer-v5-simple .footer-v5-logo-desc {
  color: var(--footer-link-color, #64748b) !important;
  font-size: 12px !important;
}
.footer-v5-simple .footer-v5-menu-title {
  color: var(--footer-title-color, #0f172a) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
  margin-top: 0 !important;
}
.footer-v5-simple .footer-v5-link {
  color: var(--footer-link-color, #64748b) !important;
  text-decoration: none !important;
  transition: opacity 0.2s ease !important;
}
.footer-v5-simple .footer-v5-link:hover {
  opacity: 0.7 !important;
}
.footer-v5-simple .footer-v5-social-link {
  color: var(--footer-link-color, #64748b) !important;
  font-size: 14px !important;
}
.footer-v5-simple .footer-v5-copyright {
  color: var(--footer-copyright-color, #94a3b8) !important;
  font-size: 12px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/* ===== Hero/Page sections - breadcrumb, title colors ===== */
.blog-hero-new .blog-title {
  color: var(--hero-title-color, #ffffff) !important;
}
.blog-hero-new .hero-subtitle,
.blog-hero-new .blog-hero-subtitle {
  font-size: 1rem !important;
  margin-top: 10px !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8) !important;
  color: var(--hero-subtitle-color, var(--hero-title-color, #ffffff)) !important;
}
.blog-hero-new .breadcrumb-item a,
.blog-hero-new .breadcrumb-item.active {
  color: var(--hero-breadcrumb-color, var(--hero-title-color, #ffffff)) !important;
}

/* ===== Project Category Hero ===== */
.project-category-hero .project-category-title,
.project-category-hero .service-title {
  color: var(--hero-title-color, #ffffff) !important;
}
.project-category-hero .project-category-subtitle,
.project-category-hero .project-category-count {
  color: var(--hero-subtitle-color, #ffffff) !important;
  font-size: 1rem;
  margin-top: 10px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
}
.project-category-hero .project-category-count {
  font-size: 0.95rem;
  margin-top: 15px;
  opacity: 0.9;
}
.project-category-hero .project-category-breadcrumb,
.project-category-hero .breadcrumb-item.active.project-category-breadcrumb {
  color: var(--hero-breadcrumb-color, #ffffff) !important;
}

/* Footer V6/V7 — inline style azaltma + minimum okunabilir font (12px) */
.footer-v6-simple .footer-v6-menu-title {
  font-size: 12px !important;
  font-weight: 600;
  margin-bottom: 4px;
  margin-top: 0;
}
.footer-v6-simple .footer-v6-nav-list {
  font-size: 12px;
}
.footer-v6-simple .footer-v6-copyright-line {
  font-size: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.footer-v7-social-circle {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}

/* ===== Service Details Hero ===== */
.service-details-hero .blog-category.service-details-category {
  color: var(--hero-category-color, #ffffff) !important;
}

/* ===== Project Category - Grid & Empty State ===== */
.project-category-grid {
  padding: 80px 0;
}
.project-category-empty {
  padding: 60px 0;
}
.project-category-empty-icon {
  font-size: 4rem;
  margin-bottom: 20px;
  opacity: 0.3;
}
.project-category-empty-title {
  color: #666;
  font-size: 1.5rem;
  margin-bottom: 15px;
}
.project-category-empty-btn {
  display: inline-block;
  margin-top: 20px;
  padding: 12px 30px;
  background: var(--primary-color, #007bff);
  color: #fff;
  text-decoration: none;
  border-radius: 50px;
  font-weight: 600;
  transition: transform 0.3s, box-shadow 0.3s;
}
.project-category-empty-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3);
}

/* ===== Testimonials Intro ===== */
.testimonials-intro-text {
  max-width: 720px;
  font-size: 1.05rem;
  line-height: 1.7;
  color: #555;
}

/* ===== Project Category - Cards ===== */
.project-card-featured {
  position: absolute;
  top: 15px;
  right: 15px;
  background: #ffc107;
  color: #000;
  padding: 4px 12px;
  border-radius: 15px;
  font-size: 0.75rem;
  font-weight: 600;
}
.project-card-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.project-card-client {
  color: #666;
  font-size: 0.9rem;
  font-weight: 500;
}
.project-status-badge {
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: 500;
}
.project-status-completed { background: #28a745; color: #fff; }
.project-status-in_progress { background: #ffc107; color: #000; }
.project-status-planning { background: #17a2b8; color: #fff; }
.project-status-default { background: #6c757d; color: #fff; }
.project-card-tech {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 12px;
  margin-bottom: 12px;
}
.project-tech-badge {
  background: #f0f0f0;
  color: #333;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 0.75rem;
}
.project-tech-more {
  color: #666;
}
.project-category-pagination {
  margin-top: 60px;
}
.project-category-back {
  margin-top: 50px;
}
.project-category-back-btn {
  display: inline-block;
  padding: 12px 30px;
  background: transparent;
  color: var(--primary-color, #007bff);
  text-decoration: none;
  border-radius: 50px;
  font-weight: 600;
  border: 2px solid var(--primary-color, #007bff);
  transition: background 0.3s, color 0.3s;
}
.project-category-back-btn:hover {
  background: var(--primary-color, #007bff);
  color: #fff;
}

/* ===== Anasayfa: blok başlığı + kısa açıklama uyumu (home.blade + wrapBlocks) =====
   Panelden gelen color / font-size inline stilleri daha yüksek öncelikte kalır; boş bırakıldığında bu değerler geçerli olur. */
.awa-home-blocks {
  --awa-home-intro-title-size: clamp(1.32rem, 2.1vw, 1.75rem);
  --awa-home-intro-title-weight: 600;
  --awa-home-intro-title-tracking: -0.02em;
  --awa-home-intro-title-lh: 1.28;
  --awa-home-intro-title-margin: 0 0 0.55rem;
  --awa-home-intro-lead-size: clamp(0.94rem, 1.3vw, 1.0625rem);
  --awa-home-intro-lead-lh: 1.62;
  --awa-home-intro-lead-max: 42rem;
  --awa-home-intro-lead-color: #334155;
  --awa-home-intro-head-spacing: clamp(1.35rem, 3.2vw, 2.25rem);
}

/* Başlık tipografisi: font-size/weight panel inline veya varyant CSS’inde; burada yalnızca dikey ritim */
.awa-home-blocks .awa-home-block section:not(.custom-html-block) .container [class*="header"]:not([class*="card_header"]):not([class*="card-header"]):not([class*="showcase-header"]) h2:not(.accordion-header):not(.faqs-variant1-accordion-header),
.awa-home-blocks .awa-home-block section:not(.custom-html-block) .container-fluid [class*="services-variant2-title"] h2,
.awa-home-blocks .awa-home-block section:not(.custom-html-block) .container-fluid [class*="services-variant3-title"] h2,
.awa-home-blocks .awa-home-block section:not(.custom-html-block) h2.about_v1_title,
.awa-home-blocks .awa-home-block section:not(.custom-html-block) h2.about_v2_title,
.awa-home-blocks .awa-home-block section:not(.custom-html-block) h2.about_v3_title,
.awa-home-blocks .awa-home-block section:not(.custom-html-block) h2.about_v4_title,
.awa-home-blocks .awa-home-block section:not(.custom-html-block) h2.n1_title,
.awa-home-blocks .awa-home-block section:not(.custom-html-block) h2.n2_title,
.awa-home-blocks .awa-home-block section:not(.custom-html-block) h2.main-title,
.awa-home-blocks .awa-home-block section:not(.custom-html-block) h2.section-title {
  margin: var(--awa-home-intro-title-margin);
}

.awa-home-blocks .awa-home-block section:not(.custom-html-block) .container [class*="header"]:not([class*="card_header"]):not([class*="card-header"]):not([class*="showcase-header"]),
.awa-home-blocks .awa-home-block section:not(.custom-html-block) .container-fluid [class*="services-variant2-title"],
.awa-home-blocks .awa-home-block section:not(.custom-html-block) .container-fluid [class*="services-variant3-title"],
.awa-home-blocks .awa-home-block section:not(.custom-html-block) .google-reviews-section .section-header {
  margin-bottom: var(--awa-home-intro-head-spacing);
}

.awa-home-blocks .awa-home-block section:not(.custom-html-block) .container [class*="header"]:not([class*="card_header"]):not([class*="card-header"]):not([class*="showcase-header"]) p,
.awa-home-blocks .awa-home-block section:not(.custom-html-block) .container [class*="header"]:not([class*="card_header"]):not([class*="card-header"]):not([class*="showcase-header"]) span[class*="subtitle"],
.awa-home-blocks .awa-home-block section:not(.custom-html-block) .container-fluid [class*="services-variant2-title"] p,
.awa-home-blocks .awa-home-block section:not(.custom-html-block) .container-fluid [class*="services-variant3-title"] p,
.awa-home-blocks .awa-home-block section:not(.custom-html-block) p.about_v1_subtitle,
.awa-home-blocks .awa-home-block section:not(.custom-html-block) p.about_v2_subtitle,
.awa-home-blocks .awa-home-block section:not(.custom-html-block) p.about_v3_subtitle,
.awa-home-blocks .awa-home-block section:not(.custom-html-block) p.about_v4_subtitle,
.awa-home-blocks .awa-home-block section:not(.custom-html-block) p.n1_subtitle,
.awa-home-blocks .awa-home-block section:not(.custom-html-block) p.n2_subtitle {
  font-size: var(--awa-home-intro-lead-size);
  line-height: var(--awa-home-intro-lead-lh);
  max-width: var(--awa-home-intro-lead-max);
  margin-left: auto;
  margin-right: auto;
}

/* Yoğun arka plan (gradient / görsel / koyu düz): panel alt başlık rengi boşken — kutu / text-shadow yok */
.awa-home-blocks .awa-home-block section:not(.custom-html-block) p.service-showcase-desc.service-showcase-desc--on-gradient,
.awa-home-blocks .awa-home-block section:not(.custom-html-block) p.awa-section-lead--on-busy,
.awa-home-blocks .awa-home-block section:not(.custom-html-block) span.awa-section-lead--on-busy {
  color: #ffffff !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  text-shadow: none !important;
  font-weight: inherit;
}

.awa-home-blocks .awa-home-block section:not(.custom-html-block) p.service-showcase-desc,
.awa-home-blocks .awa-home-block section:not(.custom-html-block) p.icon_slider_section__sub {
  font-size: var(--awa-home-intro-lead-size);
  line-height: var(--awa-home-intro-lead-lh);
  max-width: var(--awa-home-intro-lead-max);
  margin-left: auto;
  margin-right: auto;
}

.awa-home-blocks .awa-home-block section:not(.custom-html-block) .google-reviews-section .section-header span.section-subtitle {
  display: block;
  font-size: var(--awa-home-intro-lead-size);
  line-height: var(--awa-home-intro-lead-lh);
  max-width: var(--awa-home-intro-lead-max);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem;
}

.awa-home-blocks .awa-home-block section:not(.custom-html-block) p.references-marquee-v7__subtitle {
  font-size: var(--awa-home-intro-lead-size);
  line-height: var(--awa-home-intro-lead-lh);
  max-width: min(var(--awa-home-intro-lead-max), 52rem);
  margin-left: auto;
  margin-right: auto;
}

.awa-home-blocks .awa-home-block section:not(.custom-html-block) p.references-marquee-v7__subtitle.references-marquee-v7__subtitle--on-busy {
  color: #ffffff !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  max-width: min(var(--awa-home-intro-lead-max), 52rem);
  text-shadow: none !important;
  font-weight: inherit;
}

/* Anasayfa blok sarmalayıcısı dışında: aynı yoğun-zemin alt başlığı (panel rengi boşken) */
section:not(.custom-html-block) p.service-showcase-desc.service-showcase-desc--on-gradient,
section:not(.custom-html-block) p.awa-section-lead--on-busy,
section:not(.custom-html-block) span.awa-section-lead--on-busy {
  color: #ffffff;
  background: transparent;
  padding: 0;
  border-radius: 0;
  text-shadow: none;
  font-weight: inherit;
}

section:not(.custom-html-block) p.references-marquee-v7__subtitle.references-marquee-v7__subtitle--on-busy {
  color: #ffffff;
  background: transparent;
  padding: 0;
  border-radius: 0;
  max-width: min(42rem, 52rem);
  text-shadow: none;
  font-weight: inherit;
}

/* Özel HTML blok: turuncu (#ff6600 / rgb(255,102,0)) + açık metin çoğu zaman AA geçmez */
.custom-html-block__inner a[style*="255, 102, 0"],
.custom-html-block__inner a[style*="255,102,0"],
.custom-html-block__inner a[style*="#ff6600"],
.custom-html-block__inner a[style*="#f60"],
.custom-html-block__inner a[style*="#F60"] {
  background-color: #9a3412 !important;
  color: #ffffff !important;
}