/* ================================================================
   AWA-CMS — Frontend Design Polish
   Blade'e dokunulmaz. Mevcut class'ların üzerine CSS katmanı.
   Kapsam: tipografi, badge'ler, kartlar, boşluklar, geçişler.
   ================================================================ */

/* ─── Easing & token import ──────────────────────────────────────── */
:root {
  --ap-ease:    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ap-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);
  --ap-fast:    160ms;
  --ap-normal:  240ms;
  --ap-slow:    380ms;
  --ap-shadow:  0 8px 28px rgba(0,0,0,0.09), 0 2px 8px rgba(0,0,0,0.05);
  --ap-shadow-hover: 0 16px 48px rgba(0,0,0,0.13), 0 4px 12px rgba(0,0,0,0.06);
  --ap-r-card:  14px;
  --ap-r-badge: 100px;
}

/* ================================================================
   1. TİPOGRAFİ — Başlık letter-spacing & ağırlık tutarlılığı
   ================================================================ */

/* Section başlıkları: tighter tracking, güçlü ağırlık */
.about_v1_title,
.features_variant1_title,
.features_variant1_header h2,
.counter_v1_title,
.testimonial_slider_variant1_title,
.testimonial-v2-title,
.testimonial-v3-title,
.references-variant1-modern-title,
.faq_v1_title,
.pricing_variant1_title,
.team-modern-title,
.n1_title,
.n2_title,
.latest-blog-post-title,
.ops-timeline-v1 h2,
.serv-cat-glass-v1 h2,
.google-reviews-section h2,
.faqs-variant1-title,
[class*="_variant"][class*="_title"],
[class*="-variant"][class*="-title"] {
  letter-spacing: -0.025em;
  line-height: 1.2;
}

/* Section alt başlıkları: rahat satır yüksekliği */
.about_v1_subtitle,
.features_variant1_description,
.counter_v1_subtitle,
.testimonial_slider_variant1_description,
.references-variant1-modern-subtitle,
.faq_v1_subtitle,
.pricing_variant1_subtitle,
.n1_subtitle,
.n2_subtitle,
[class*="_subtitle"],
[class*="-subtitle"],
[class*="_description"]:not([class*="_card"]):not([class*="blog"]) {
  line-height: 1.72;
  font-size: clamp(0.9375rem, 1.6vw, 1.0625rem);
}

/* Kart içi metinler */
.features_variant1_card_description,
.counter_v1_description,
.ops-timeline-step p,
.serv-cat-glass-item p,
[class*="_card_description"] {
  line-height: 1.68;
  font-size: 0.9rem;
}

/* Kart başlıkları */
.features_variant1_card_title,
.counter_v1_label,
.ops-timeline-step h3,
[class*="_card_title"],
[class*="-card-title"] {
  font-weight: 700;
  letter-spacing: -0.018em;
}

/* Blog post başlığı */
.latest-blog-post-title {
  font-size: clamp(1.125rem, 2vw, 1.375rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.3 !important;
}
.latest-blog-excerpt {
  font-size: 0.9rem;
  line-height: 1.68;
}

/* ================================================================
   2. BADGE / ETİKET SİSTEMİ — Tutarlı pill görünümü
   ================================================================ */

.about_v1_badge,
.faq_v1_badge,
.n1_label,
.n2_label,
.team-modern-badge,
.faqs-variant1-badge,
[class*="_v1_badge"],
[class*="-badge"]:not(.pricing_variant1_discount_badge):not([class*="swiper"]):not([class*="pagination"]) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 5px 13px !important;
  border-radius: var(--ap-r-badge) !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin-bottom: 0.875rem !important;
}

/* İndirim badge'i farklı — pill ama daha büyük */
.pricing_variant1_discount_badge {
  padding: 3px 10px !important;
  border-radius: var(--ap-r-badge) !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
}

/* ================================================================
   3. ABOUT SECTION
   ================================================================ */

.about_v1_image_wrapper {
  border-radius: 18px !important;
  overflow: hidden !important;
  will-change: transform;
}
.about_v1_image {
  transition: transform var(--ap-slow) var(--ap-ease) !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
}
.about_v1_image_wrapper:hover .about_v1_image {
  transform: scale(1.04) !important;
}

.about_v1_list {
  padding-left: 0 !important;
  list-style: none !important;
}
.about_v1_list li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 5px 0 !important;
  font-size: 0.9375rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}
.about_v1_list li .fas {
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

/* ================================================================
   4. FEATURES KARTLARI
   ================================================================ */

.features_variant1_card {
  border-radius: var(--ap-r-card) !important;
  transition:
    transform  var(--ap-normal) var(--ap-spring),
    box-shadow var(--ap-normal) var(--ap-ease) !important;
}
.features_variant1_card:hover {
  transform: translateY(-5px) !important;
  box-shadow: var(--ap-shadow-hover) !important;
}

.features_variant1_icon_wrapper {
  transition: transform var(--ap-normal) var(--ap-spring) !important;
}
.features_variant1_card:hover .features_variant1_icon_wrapper {
  transform: scale(1.08) !important;
}

/* Diğer features varyantları */
.features_variant2_card,
.features_variant3_card,
.features_variant4_card,
.features_variant6_card,
.features_variant9_card,
.features_variant10_card {
  border-radius: var(--ap-r-card) !important;
  transition:
    transform  var(--ap-normal) var(--ap-spring),
    box-shadow var(--ap-normal) var(--ap-ease) !important;
}
.features_variant2_card:hover,
.features_variant3_card:hover,
.features_variant4_card:hover,
.features_variant6_card:hover,
.features_variant9_card:hover,
.features_variant10_card:hover {
  transform: translateY(-5px) !important;
  box-shadow: var(--ap-shadow-hover) !important;
}

/* ================================================================
   5. COUNTER / İSTATİSTİK
   ================================================================ */

.counter_v1_box {
  border-radius: var(--ap-r-card) !important;
  transition:
    transform  var(--ap-normal) var(--ap-spring),
    box-shadow var(--ap-normal) var(--ap-ease) !important;
}
.counter_v1_number {
  font-size: clamp(2.25rem, 4vw, 3rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  line-height: 1 !important;
}
.counter_v1_label {
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  margin-top: 6px !important;
  margin-bottom: 0 !important;
}
.counter_v1_description {
  font-size: 0.8125rem !important;
  margin-top: 4px !important;
  margin-bottom: 0 !important;
  line-height: 1.55 !important;
  opacity: 0.72 !important;
}

/* ================================================================
   6. REFERANSLAR / MÜŞTERİ LOGOLARI
   ================================================================ */

.references-variant1-modern-card-inner {
  border-radius: 10px !important;
  transition:
    transform  var(--ap-normal) var(--ap-spring),
    box-shadow var(--ap-normal) var(--ap-ease),
    opacity    var(--ap-fast)   ease !important;
}
.references-variant1-modern-card-inner img {
  transition: filter var(--ap-fast) ease !important;
}
.references-variant1-modern-card:hover .references-variant1-modern-card-inner {
  transform: translateY(-3px) !important;
}

/* ================================================================
   7. SSS (FAQ) ACCORDION
   ================================================================ */

.faq_v1_title {
  line-height: 1.2 !important;
}

.faq_v1_list .accordion-item {
  border-radius: 10px !important;
  margin-bottom: 8px !important;
  overflow: hidden !important;
  transition: box-shadow var(--ap-normal) var(--ap-ease) !important;
}
.faq_v1_list .accordion-item:hover {
  box-shadow: 0 4px 18px rgba(0,0,0,0.07) !important;
}
.faq_v1_list .accordion-button {
  font-weight: 600 !important;
  font-size: 0.9375rem !important;
  letter-spacing: -0.01em !important;
  transition: background-color var(--ap-fast) ease !important;
}
.faq_v1_list .accordion-body {
  font-size: 0.9rem !important;
  line-height: 1.72 !important;
}

/* faqs_section (farklı class yapısı) */
.faqs-variant1-section .accordion-item {
  border-radius: 10px !important;
  margin-bottom: 8px !important;
  overflow: hidden !important;
  transition: box-shadow var(--ap-normal) var(--ap-ease) !important;
}

/* ================================================================
   8. TESTİMONYAL
   ================================================================ */

.testimonial_slider_variant1_title {
  line-height: 1.2 !important;
}
/* Testimonial kartları */
[class*="testimonial"][class*="card"],
[class*="testimonial"][class*="-item"] {
  border-radius: var(--ap-r-card) !important;
}

/* ================================================================
   9. BÜLTEN FORMU
   ================================================================ */

.n1_title, .n2_title {
  letter-spacing: -0.025em !important;
  line-height: 1.2 !important;
}
.n1_subtitle, .n2_subtitle {
  line-height: 1.72 !important;
}
.n1_form_wrap,
.n2_form_wrap {
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* ================================================================
   10. PRİCING / FİYATLANDIRMA
   ================================================================ */

.pricing_variant1_title {
  letter-spacing: -0.025em !important;
  line-height: 1.2 !important;
}
.pricing_variant1_subtitle {
  line-height: 1.72 !important;
}
/* Pricing toggle */
.pricing_variant1_switch {
  transition: background-color var(--ap-fast) ease !important;
}

/* ================================================================
   11. BLOG TAB / SON BLOG YAZILARI
   ================================================================ */

.latest-blog-card {
  border-radius: var(--ap-r-card) !important;
  overflow: hidden !important;
}
.latest-blog-tabs-wrapper {
  border-radius: 12px !important;
  overflow: hidden !important;
}
.latest-blog-tab-button {
  border-radius: 8px !important;
  transition: background-color var(--ap-fast) ease !important;
}
.latest-blog-tab-item.active .latest-blog-tab-button,
.latest-blog-tab-button:hover {
  border-radius: 8px !important;
}
.latest-blog-read-more-link {
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  letter-spacing: -0.01em !important;
  transition: gap var(--ap-fast) ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.latest-blog-read-more-link:hover {
  gap: 10px !important;
}
.latest-blog-read-more-link .fa-arrow-right {
  transition: transform var(--ap-fast) var(--ap-ease) !important;
}
.latest-blog-read-more-link:hover .fa-arrow-right {
  transform: translateX(3px) !important;
}

/* ================================================================
   12. EKİP
   ================================================================ */

.team-modern-title {
  letter-spacing: -0.025em !important;
  line-height: 1.2 !important;
}
.team-modern-card {
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* ================================================================
   13. OPERASYONlar / TİMLİNE
   ================================================================ */

.ops-timeline-step {
  border-radius: var(--ap-r-card) !important;
}

/* ================================================================
   14. HİZMET KATEGORİSİ SLIDER
   ================================================================ */

[class*="serv-cat"][class*="item"],
[class*="serv-cat"][class*="card"] {
  border-radius: var(--ap-r-card) !important;
}

/* ================================================================
   15. GLOBAL — Image wrappers & Swiper nav
   ================================================================ */

/* Image zoom effect — tüm kart görselleri */
.features_variant1_card .img-loading-wrapper,
.serv-cat-glass-item .img-loading-wrapper,
[class*="blog-card"] .img-loading-wrapper,
[class*="project-card"] .img-loading-wrapper,
[class*="service-card"] .img-loading-wrapper {
  overflow: hidden !important;
  border-radius: inherit !important;
}

/* Swiper nav polish */
.swiper-button-prev,
.swiper-button-next {
  transition:
    transform var(--ap-fast) var(--ap-spring),
    opacity   var(--ap-fast) ease !important;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  transform: scale(1.1) !important;
}
.swiper-button-prev:active,
.swiper-button-next:active {
  transform: scale(0.93) !important;
  transition-duration: 60ms !important;
}

/* Section header bottom margin tutarlılığı */
.features_variant1_header,
.counter_v1_header,
.faq_v1_header,
.pricing_variant1_header,
.team-modern-header,
[class*="_header"].text-center {
  margin-bottom: clamp(1.75rem, 3vw, 2.75rem) !important;
}

/* ================================================================
   16. REDUCED MOTION
   ================================================================ */

@media (prefers-reduced-motion: reduce) {
  .about_v1_image,
  .features_variant1_card,
  .features_variant2_card,
  .features_variant3_card,
  .features_variant4_card,
  .features_variant6_card,
  .features_variant9_card,
  .features_variant10_card,
  .counter_v1_box,
  .references-variant1-modern-card-inner,
  .references-variant1-modern-card-inner img,
  .faq_v1_list .accordion-item,
  .faqs-variant1-section .accordion-item,
  .latest-blog-read-more-link .fa-arrow-right,
  .team-modern-card,
  .ops-timeline-step,
  .swiper-button-prev,
  .swiper-button-next {
    transition: none !important;
    transform: none !important;
    animation: none !important;
  }
}