/* ==========================================================================
   HIZLI İŞLER — MODERN SCROLL REVEAL & INTERACTIVE MOTION SYSTEM
   Inspired by Gevent / Rometheme & Apple-level Fluid Animations
   ========================================================================== */

/* 1. Base Scroll-Triggered Animation States */
.reveal-on-scroll {
  opacity: 0;
  will-change: transform, opacity;
  transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
}

.reveal-up {
  transform: translateY(40px);
}

.reveal-left {
  transform: translateX(-45px);
}

.reveal-right {
  transform: translateX(45px);
}

.reveal-scale {
  transform: scale(0.92);
}

/* Active State (Triggered by IntersectionObserver) */
.reveal-on-scroll.is-revealed {
  opacity: 1 !important;
  transform: translateY(0) translateX(0) scale(1) !important;
}

/* Stagger Delays */
.delay-1 { transition-delay: 0.1s !important; }
.delay-2 { transition-delay: 0.2s !important; }
.delay-3 { transition-delay: 0.3s !important; }
.delay-4 { transition-delay: 0.4s !important; }
.delay-5 { transition-delay: 0.5s !important; }
.delay-6 { transition-delay: 0.6s !important; }

/* 2. Floating Micro-Animations (Gevent Style Floating Icons/Badges) */
@keyframes geventFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}

@keyframes geventPulseSlow {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.05);
    opacity: 0.85;
  }
}

@keyframes geventShineSweep {
  0% {
    left: -100%;
  }
  20%, 100% {
    left: 200%;
  }
}

/* Apply Floating to Badges & Key Visuals */
.hero-category-pill,
.sales-badge-pill {
  animation: geventFloat 4s ease-in-out infinite !important;
}

.pill-status-dot {
  animation: geventPulseSlow 2s infinite !important;
}

/* 3. Button Shimmer & Glowing Hover */
.header-btn-cta,
.btn-plan-project,
.sales-submit-btn,
.mega-promo-btn {
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.header-btn-cta::before,
.btn-plan-project::before,
.sales-submit-btn::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 60% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent) !important;
  transform: skewX(-25deg) !important;
  pointer-events: none !important;
  animation: geventShineSweep 5s infinite !important;
}

.header-btn-cta:hover,
.btn-plan-project:hover,
.sales-submit-btn:hover {
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow: 0 12px 28px -4px rgba(0, 184, 144, 0.45) !important;
}

/* 4. Interactive Framed Cards Elevation */
.service-wrapper {
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.service-wrapper:hover {
  transform: translateY(-8px) scale(1.015) !important;
  border-color: #C2542D !important;
  box-shadow: 0 22px 45px -8px rgba(0, 184, 144, 0.20), 0 10px 18px -4px rgba(15, 23, 42, 0.08) !important;
}

.why-choose-wrapper2 {
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.why-choose-wrapper2:hover {
  transform: translateY(-6px) scale(1.015) !important;
  border-color: #C2542D !important;
  box-shadow: 0 18px 36px -6px rgba(0, 184, 144, 0.16), 0 8px 16px -3px rgba(15, 23, 42, 0.06) !important;
}

.accordion-item {
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.accordion-item:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 28px -4px rgba(15, 23, 42, 0.10) !important;
  border-color: #686D70 !important;
}

/* 5. Icon Hover Spin & Float */
.service-btn-area {
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.service-wrapper:hover .service-btn-area {
  transform: rotate(-45deg) scale(1.1) !important;
}


/* ==========================================================================
   PUBLICIS SAPIENT COLOR PALETTE & DESIGN SYSTEM
   • Signature Ruby Red: #C2542D
   • Deep Brand Black: #000000 / #0A0A0A
   • Clean White: #FFFFFF
   • Soft Off-White Background: #F8F9FA
   • Crisp Borders: #D8D9D5 / #D8D9D5
   ========================================================================== */
:root {
  --color-primary: #C2542D !important;
  --color-primary-hover: #A63E19 !important;
  --color-secondary: #000000 !important;
  --color-heading-1: #000000 !important;
  --color-title: #000000 !important;
  --color-text: #1E293B !important;
  --color-body: #F8F9FA !important;
  --color-white: #FFFFFF !important;
  --color-border: #D8D9D5 !important;
}

body, html {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
  color: #555A5D !important;
}

/* 1. Primary CTA Buttons (Publicis Sapient "Let's Connect" style) */
.header-btn-cta,
.btn-plan-project,
.sales-submit-btn,
.mega-promo-btn,
.wpr-btn.primary {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(0, 184, 144, 0.35) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.header-btn-cta:hover,
.btn-plan-project:hover,
.sales-submit-btn:hover,
.mega-promo-btn:hover,
.wpr-btn.primary:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 8px 24px rgba(0, 184, 144, 0.45) !important;
}

/* 2. Subtitles, Pills & Badges */
.sub-title,
.section-top-area .sub-title {
  color: #C2542D !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}

.pill-status-dot {
  background-color: #C2542D !important;
  box-shadow: 0 0 10px rgba(0, 184, 144, 0.5) !important;
}

.sales-badge-pill {
  background: rgba(0, 184, 144, 0.08) !important;
  color: #C2542D !important;
  border: 1px solid rgba(0, 184, 144, 0.2) !important;
}

/* 3. Navigation & Links */
.wpr-desktop-menu .menu-item > a:hover,
.wpr-desktop-menu .menu-item a.main-element:hover {
  color: #C2542D !important;
}

/* 4. Form Active Chip & Focus */
.sales-service-chip.active {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #FFFFFF !important;
}

.sales-input:focus,
.sales-textarea:focus {
  border-color: #C2542D !important;
  box-shadow: 0 0 0 3px rgba(0, 184, 144, 0.15) !important;
}

/* 5. Service Cards — Publicis Sapient Style */
.service-wrapper .content .top .tag {
  color: #C2542D !important;
  font-weight: 800 !important;
}

.service-wrapper .content .bottom ul {
  border-left: 3px solid #C2542D !important;
}

.service-wrapper .content .bottom .service-btn-area {
  color: #C2542D !important;
}

.service-wrapper .content .bottom .service-btn-area svg,
.service-wrapper .content .bottom .service-btn-area i {
  color: #C2542D !important;
  fill: #C2542D !important;
}

.service-wrapper:hover {
  border-color: #C2542D !important;
  box-shadow: 0 20px 40px -6px rgba(0, 184, 144, 0.18), 0 8px 16px -3px rgba(15, 23, 42, 0.06) !important;
}

.service-wrapper:hover .content .bottom .service-btn-area {
  background: #C2542D !important;
  border-color: #C2542D !important;
  color: #FFFFFF !important;
}

.service-wrapper:hover .content .bottom .service-btn-area svg,
.service-wrapper:hover .content .bottom .service-btn-area i {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* 6. Why Choose / Step Cards */
.why-choose-wrapper2:hover {
  border-color: #C2542D !important;
  box-shadow: 0 16px 32px -4px rgba(0, 184, 144, 0.15), 0 8px 14px -3px rgba(15, 23, 42, 0.05) !important;
}

/* 7. FAQ Accordion Active */
.accordion-button:not(.collapsed) {
  color: #C2542D !important;
}

/* 8. Mega Menu */
.mega-service-card-item:hover {
  border-color: #C2542D !important;
  box-shadow: 0 4px 15px rgba(0, 184, 144, 0.1) !important;
}

.mega-service-card-item:hover .mega-srv-title {
  color: #C2542D !important;
}



/* ==========================================================================
   HIZLI İŞLER — PREMİUM MAT KOYU & KIRIK BEYAZ RENK SİSTEMİ
   --------------------------------------------------------------------------
   • Ana Arka Plan (%60):       #F5F4EF
   • İkincil Arka Plan (%18):   #EEEDE7
   • Kart / Kutu Arka Planı:     #FFFFFF
   • Kart Hover:                #F8F8F4
   • Ana Kırık Beyaz (%9):      #202427 (ASLA #FFFFFF KULLANILMAZ)
   • İkincil Başlık:            #34383A
   • Normal Metin:              #555A5D
   • Pasif / Yardımcı Metin:    #686D70
   • Ana Marka Vurgu (%3):      #C2542D
   • Marka Hover:               #A63E19
   • Border / Çerçeve:          #D8D9D5
   • Footer Arka Planı:         #E7E6E0
   ========================================================================== */

:root {
  --color-primary: #C2542D !important;
  --color-primary-hover: #A63E19 !important;
  --color-secondary: #C2542D !important;
  --color-heading-1: #202427 !important;
  --color-title: #202427 !important;
  --color-text: #555A5D !important;
  --color-body: #F5F4EF !important;
  --color-card: #FFFFFF !important;
  --color-card-hover: #F8F8F4 !important;
  --color-border: #D8D9D5 !important;
  --color-white: #202427 !important;
}

/* GENEL ZEMİN & MAT YAPI */
html, body {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
  color: #555A5D !important;
}

body.home-bg,
.home-bg {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
}

/* TİPOGRAFİ HİYERARŞİSİ */
h1, h2, h3, h4, h5, h6,
.section-title,
.hero-headline,
.headline-main,
.headline-accent,
.title,
strong, b {
  color: #202427 !important;
  text-shadow: none !important;
}

.sub-title,
.section-top-area .sub-title {
  color: #C2542D !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  background: transparent !important;
  border: none !important;
}

p, span, li, label, .desc, .text {
  color: #555A5D !important;
}

.text-muted,
.proc-label,
.sales-trust-notes,
.small-desc,
.time,
.date {
  color: #686D70 !important;
}

/* ==========================================================================
   1. HEADER
   Arka plan: #F5F4EF | Menü: #555A5D | Hover: #202427 | Aktif: #C2542D | CTA: #C2542D (Yazı: #F5F4EF)
   ========================================================================== */
header,
.header-style-one,
.wpr-header-area {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
}

.header-style-one .header-style-one-wrapper,
.header-wrapper,
.main-header {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.5) !important;
}

.header-style-one-wrapper .logo,
.header-wrapper .logo,
.logo {
  background: transparent !important;
}

/* Logo'yu koyu zemin üzerinde ferah ve doğal kılmak için zarif arka plan koruyucu */
.header-style-one-wrapper .logo img,
.header-wrapper .logo img {
  filter: none !important;
  background: #202427 !important;
  padding: 4px 10px !important;
  border-radius: 8px !important;
}

.wpr-desktop-menu .menu-item > a,
.wpr-desktop-menu .menu-item a.main-element,
.main-element,
.header-link {
  color: #555A5D !important;
  font-weight: 500 !important;
  transition: color 0.25s ease !important;
}

.wpr-desktop-menu .menu-item > a:hover,
.wpr-desktop-menu .menu-item a.main-element:hover,
.header-link:hover {
  color: #202427 !important;
}

.wpr-desktop-menu .menu-item.active > a,
.wpr-desktop-menu .menu-item.active a.main-element,
.wpr-desktop-menu .menu-item.current-menu-item > a {
  color: #C2542D !important;
}

/* Header Butonları */
.header-a11y-btn {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  color: #555A5D !important;
  border-radius: 999px !important;
}

.header-a11y-btn:hover {
  color: #202427 !important;
  border-color: #C2542D !important;
}

.header-btn-cta,
.wpr-btn.header-btn {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #F5F4EF !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(0, 184, 144, 0.25) !important;
  transition: all 0.25s ease !important;
}

.header-btn-cta:hover,
.wpr-btn.header-btn:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #F5F4EF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0, 184, 144, 0.35) !important;
}

/* MEGA MENU */
.hia-mega-menu,
.mega-menu-grid-layout {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  box-shadow: 0 20px 45px -10px rgba(0, 0, 0, 0.7) !important;
  border-radius: 18px !important;
}

.mega-intro-col {
  background: #EEEDE7 !important;
  border-right: 1px solid #D8D9D5 !important;
}

.mega-intro-title {
  color: #202427 !important;
}

.mega-intro-desc {
  color: #555A5D !important;
}

.mega-intro-link {
  color: #C2542D !important;
  font-weight: 600 !important;
}

.mega-service-card-item {
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 12px !important;
}

.mega-service-card-item:hover {
  background: #F8F8F4 !important;
  border-color: #C2542D !important;
}

.mega-srv-title {
  color: #202427 !important;
}

.mega-service-card-item:hover .mega-srv-title {
  color: #C2542D !important;
}

.mega-srv-desc {
  color: #686D70 !important;
}

.mega-promo-card {
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 14px !important;
}

.mega-promo-title {
  color: #202427 !important;
}

.mega-promo-desc {
  color: #555A5D !important;
}

.mega-promo-btn {
  background: #C2542D !important;
  color: #F5F4EF !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
}

.mega-promo-btn:hover {
  background: #A63E19 !important;
  color: #F5F4EF !important;
}

/* ==========================================================================
   2. HERO ALANI
   Arka plan: #F5F4EF | Başlık: #202427 | Vurgu: #C2542D | Açıklama: #555A5D
   Ana CTA: #C2542D (Yazı: #F5F4EF) | İkincil CTA: Şeffaf, border #D8D9D5, yazı #202427
   ========================================================================== */
.corporate-hero-section {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
  background-image: none !important;
  border-bottom: 1px solid #D8D9D5 !important;
  color: #555A5D !important;
}

.corporate-hero-section::before {
  display: none !important;
}

.hero-category-pill {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

.pill-status-dot {
  background-color: #C2542D !important;
  box-shadow: 0 0 8px rgba(0, 184, 144, 0.4) !important;
}

.hero-headline {
  color: #202427 !important;
}

.hero-headline .headline-accent,
.headline-accent {
  color: #C2542D !important;
}

.hero-subtext {
  color: #555A5D !important;
}

/* Hero CTA Butonları */
.btn-plan-project,
.hero-cta-container .btn-plan-project {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #F5F4EF !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(0, 184, 144, 0.25) !important;
  transition: all 0.25s ease !important;
}

.btn-plan-project:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #F5F4EF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0, 184, 144, 0.35) !important;
}

.btn-plan-secondary,
.hero-cta-container .btn-secondary {
  background: transparent !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  transition: all 0.25s ease !important;
}

.btn-plan-secondary:hover,
.hero-cta-container .btn-secondary:hover {
  background: #FFFFFF !important;
  border-color: #202427 !important;
  color: #202427 !important;
}

/* Hero Süreç Barı */
.hero-process-nav {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
}

.hero-proc-title,
.proc-label {
  color: #686D70 !important;
}

.proc-step {
  color: #202427 !important;
  font-weight: 600 !important;
}

/* Hero Form Kartı (Sağ Kolon) */
.sales-lead-container,
.sales-card {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 20px !important;
  box-shadow: 0 15px 40px -5px rgba(0, 0, 0, 0.6) !important;
  overflow: hidden !important;
}

.sales-lead-container:hover,
.sales-card:hover {
  border-color: #D8D9D5 !important;
  box-shadow: 0 20px 45px -5px rgba(0, 0, 0, 0.7) !important;
}

.sales-card-header,
.sales-card-bar {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
  border-bottom: 1px solid #D8D9D5 !important;
}

.sales-title {
  color: #202427 !important;
}

.sales-subtitle {
  color: #555A5D !important;
}

.sales-badge-pill {
  background: #EEEDE7 !important;
  color: #C2542D !important;
  border: 1px solid #D8D9D5 !important;
}

.sales-field-label {
  color: #202427 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.sales-input,
.sales-textarea {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
  border-radius: 10px !important;
}

.sales-input:focus,
.sales-textarea:focus {
  background: #FFFFFF !important;
  border-color: #C2542D !important;
  color: #202427 !important;
  box-shadow: 0 0 0 2px rgba(0, 184, 144, 0.15) !important;
}

.sales-input::placeholder,
.sales-textarea::placeholder {
  color: #686D70 !important;
}

.sales-service-chip {
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #555A5D !important;
  border-radius: 8px !important;
}

.sales-service-chip:hover {
  background: #F8F8F4 !important;
  color: #202427 !important;
}

.sales-service-chip.active {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #F5F4EF !important;
  font-weight: 700 !important;
}

.sales-submit-btn,
.wpr-btn.submit {
  background: #C2542D !important;
  background-color: #C2542D !important;
  background-image: none !important;
  color: #F5F4EF !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(0, 184, 144, 0.25) !important;
  border: none !important;
}

.sales-submit-btn:hover,
.wpr-btn.submit:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #F5F4EF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0, 184, 144, 0.35) !important;
}

/* ==========================================================================
   3. HİZMETLER
   Bölüm arka planı: #EEEDE7 | Kartlar: #FFFFFF | Kart border: #D8D9D5
   Kart hover: #F8F8F4 | Başlık: #202427 | Açıklama: #555A5D | İkonlarda #C2542D
   ========================================================================== */
.wpr-services-area {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
}

.wpr-services-area .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 22px !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4) !important;
}

.wpr-services-area .section-top-area,
.wpr-services-area .section-title-area {
  background: transparent !important;
}

.service-wrapper {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35) !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
}

.service-wrapper:hover {
  background: #F8F8F4 !important;
  background-color: #F8F8F4 !important;
  border-color: #C2542D !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.5) !important;
}

.service-wrapper .image-area img {
  opacity: 0.15 !important;
  filter: none !important;
}

.service-wrapper:hover .image-area img {
  opacity: 0.28 !important;
}

.service-wrapper::after {
  background: linear-gradient(180deg, rgba(24, 27, 29, 0.4) 0%, rgba(24, 27, 29, 0.92) 80%, #FFFFFF 100%) !important;
}

.service-wrapper:hover::after {
  background: linear-gradient(180deg, rgba(30, 34, 36, 0.4) 0%, rgba(30, 34, 36, 0.92) 80%, #F8F8F4 100%) !important;
}

.service-wrapper .content .top .tag {
  color: #C2542D !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}

.service-wrapper .content .mid h2,
.service-wrapper .content .mid .h2 {
  color: rgba(241, 240, 235, 0.04) !important;
}

.service-wrapper .content .bottom ul {
  border-left: 2px solid #C2542D !important;
}

.service-wrapper .content .bottom ul li {
  color: #555A5D !important;
  font-weight: 500 !important;
}

.service-wrapper:hover .content .bottom ul li {
  color: #34383A !important;
}

.service-wrapper .content .bottom .service-btn-area {
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #C2542D !important;
  border-radius: 10px !important;
}

.service-wrapper .content .bottom .service-btn-area svg,
.service-wrapper .content .bottom .service-btn-area i {
  color: #C2542D !important;
  fill: #C2542D !important;
}

.service-wrapper:hover .content .bottom .service-btn-area {
  background: #C2542D !important;
  border-color: #C2542D !important;
  color: #F5F4EF !important;
}

.service-wrapper:hover .content .bottom .service-btn-area svg,
.service-wrapper:hover .content .bottom .service-btn-area i {
  color: #F5F4EF !important;
  fill: #F5F4EF !important;
}

/* ==========================================================================
   4. PROJELER / PORTFÖY
   Arka plan: #F5F4EF | Proje başlıkları: #202427 | Vurgu: #C2542D
   ========================================================================== */
.wpr-portfolio-area,
.portfolio-area {
  background-color: #F5F4EF !important;
}

.portfolio-item,
.work-item {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 16px !important;
}

.portfolio-item:hover,
.work-item:hover {
  background: #F8F8F4 !important;
  border-color: #C2542D !important;
}

/* ==========================================================================
   5. NEDEN HIZLI İŞLER
   Arka plan: #EEEDE7 | Büyük rakamlar: #C2542D | Başlık: #202427
   Açıklamalar: #555A5D | Ayırıcı çizgiler: #D8D9D5
   ========================================================================== */
.wpr-why-choose-us-area {
  background-color: #EEEDE7 !important;
}

.wpr-why-choose-us-area .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 22px !important;
}

.wpr-why-choose-area .wrapper-top,
.wpr-why-choose-area .item,
.wpr-content-area {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 16px !important;
}

.wpr-why-choose-area .wrapper-top:hover,
.wpr-why-choose-area .item:hover {
  background: #F8F8F4 !important;
  border-color: #D8D9D5 !important;
}

.wpr-why-choose-us-area .odometer,
.wpr-why-choose-us-area .number,
.wpr-why-choose-us-area .counter-number {
  color: #C2542D !important;
  font-weight: 700 !important;
}

.wpr-why-choose-us-area .wrapper-list li {
  color: #555A5D !important;
  border-bottom: 1px solid #D8D9D5 !important;
}

/* ==========================================================================
   6. SÜREÇ / ADIMLAR (wpr-why-choose-us-area2)
   Arka plan: #F5F4EF | Numaralar: #C2542D | Numara alanları: #FFFFFF
   Başlık: #202427 | Açıklama: #555A5D | Border: #D8D9D5
   ========================================================================== */
.wpr-why-choose-us-area2 {
  background-color: #F5F4EF !important;
}

.wpr-why-choose-us-area2 .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 22px !important;
}

.why-choose-wrapper2 {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 18px !important;
  padding: 26px 22px !important;
  transition: all 0.3s ease !important;
}

.why-choose-wrapper2:hover {
  background: #F8F8F4 !important;
  border-color: #C2542D !important;
  transform: translateY(-3px) !important;
}

.why-choose-wrapper2 .icon {
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 12px !important;
  width: 48px !important;
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.why-choose-wrapper2 .title {
  color: #202427 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

.why-choose-wrapper2 .desc {
  color: #555A5D !important;
}

.why-choose-wrapper2 .step-number,
.why-choose-wrapper2 .num {
  color: #C2542D !important;
}

/* ==========================================================================
   7. SIKÇA SORULAN SORULAR (FAQ)
   Bölüm: #EEEDE7 | Kartlar: #FFFFFF | Hover: #F8F8F4 | Başlık: #202427 | Yazı: #555A5D
   ========================================================================== */
.wpr-faq-area {
  background-color: #EEEDE7 !important;
}

.wpr-faq-area .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 22px !important;
}

.accordion-item {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 14px !important;
  margin-bottom: 14px !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
}

.accordion-item:hover {
  border-color: #C2542D !important;
  background: #F8F8F4 !important;
}

.accordion-button {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #202427 !important;
  border-bottom: 1px solid #D8D9D5 !important;
  font-weight: 600 !important;
}

.accordion-button:not(.collapsed) {
  background: #F8F8F4 !important;
  background-color: #F8F8F4 !important;
  color: #C2542D !important;
}

.accordion-body {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #555A5D !important;
}

/* ==========================================================================
   8. ANA CTA & İLETİŞİM ALANI
   Arka plan: #EEEDE7 | Başlık: #202427 | Açıklama: #555A5D
   Ana buton: #C2542D (Yazı: #F5F4EF) | Hover: #A63E19
   ========================================================================== */
.wpr-contact-area {
  background-color: #EEEDE7 !important;
}

.wpr-contact-area .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 22px !important;
}

.wpr-contact-area .left-content-area,
.wpr-contact-area .contact-form-area {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 18px !important;
}

.wpr-contact-area form input,
.wpr-contact-area form textarea {
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
  border-radius: 10px !important;
}

.wpr-contact-area form input:focus,
.wpr-contact-area form textarea:focus {
  background: #FFFFFF !important;
  border-color: #C2542D !important;
}

.wpr-contact-area .single-input.last label {
  background: #EEEDE7 !important;
  border: 1.5px dashed #D8D9D5 !important;
  color: #555A5D !important;
  border-radius: 12px !important;
}

.wpr-contact-area .single-input.last label:hover {
  border-color: #C2542D !important;
  color: #202427 !important;
}

.wpr-contact-area .wpr-btn,
.wpr-contact-area button.submit {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #F5F4EF !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(0, 184, 144, 0.25) !important;
  border: none !important;
}

.wpr-contact-area .wpr-btn:hover,
.wpr-contact-area button.submit:hover {
  background: #A63E19 !important;
  color: #F5F4EF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0, 184, 144, 0.35) !important;
}

/* ==========================================================================
   9. FOOTER
   Arka plan: #E7E6E0 | Başlıklar: #202427 | Linkler: #686D70 | Link hover: #C2542D | Border: #D8D9D5
   ========================================================================== */
footer,
.wpr-footer-area,
.footer-area {
  background: #E7E6E0 !important;
  background-color: #E7E6E0 !important;
  border-top: 1px solid #D8D9D5 !important;
}

.wpr-footer-area .section-inner,
footer .section-inner {
  background: #E7E6E0 !important;
  background-color: #E7E6E0 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 20px !important;
}

.wpr-footer-area .footer-top .title,
.footer-title,
.footer-heading {
  color: #202427 !important;
  font-weight: 600 !important;
}

.wpr-footer-area p,
.wpr-footer-area .footer-link,
.wpr-footer-area ul li a,
.copyright-text {
  color: #686D70 !important;
}

.wpr-footer-area ul li a:hover,
.wpr-footer-area .footer-link:hover,
.copyright-text a:hover {
  color: #C2542D !important;
}

.wpr-footer-area .copyright-area {
  border-top: 1px solid #D8D9D5 !important;
}



/* ==========================================================================
   HIZLI İŞLER — AUTHORITATIVE COLOR SYSTEM
   --------------------------------------------------------------------------
   Ana Zemin (%60):             #F5F4EF
   İkincil Bölümler (%18):      #EEEDE7
   Kartlar / Kutular (%10):     #FFFFFF
   Kart Hover:                  #F8F8F4
   Ana Kırık Beyaz (%9):        #202427 (ASLA #FFFFFF KULLANILMAZ)
   İkincil Başlık:              #34383A
   Normal Metin:                #555A5D
   Pasif / Yardımcı Metin:      #686D70
   Ana Marka Vurgu (%3):        #C2542D
   Marka Hover:                 #A63E19
   Border / Çerçeve:            #D8D9D5
   Footer:                      #E7E6E0
   ========================================================================== */

/* 1. Global Reset & Zemin */
html, body, body.home-bg, .home-bg {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
  color: #555A5D !important;
}

/* 2. Tipografi */
h1, h2, h3, h4, h5, h6,
.section-title,
.section-title-area h2,
.hero-headline,
.headline-main,
.title,
.card-title,
strong, b {
  color: #202427 !important;
  text-shadow: none !important;
}

.headline-accent,
.hero-headline .headline-accent {
  color: #C2542D !important;
}

.sub-title,
.section-top-area .sub-title {
  color: #C2542D !important;
  font-weight: 700 !important;
  background: transparent !important;
  border: none !important;
}

p, li, span, label, .desc, .text {
  color: #555A5D !important;
}

.text-muted,
.sales-trust-notes,
.proc-label,
.small-desc,
.time,
.date {
  color: #686D70 !important;
}

/* 3. Header */
header,
.header-style-one,
.wpr-header-area {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
}

.header-style-one .header-style-one-wrapper,
.header-wrapper,
.main-header {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6) !important;
}

.wpr-desktop-menu .menu-item > a,
.wpr-desktop-menu .menu-item a.main-element,
.main-element,
.header-link {
  color: #555A5D !important;
  font-weight: 500 !important;
  transition: color 0.2s ease !important;
}

.wpr-desktop-menu .menu-item > a:hover,
.wpr-desktop-menu .menu-item a.main-element:hover,
.header-link:hover {
  color: #202427 !important;
}

.wpr-desktop-menu .menu-item.active > a,
.wpr-desktop-menu .menu-item.active a.main-element,
.wpr-desktop-menu .menu-item.current-menu-item > a {
  color: #C2542D !important;
}

.header-btn-cta,
.wpr-btn.header-btn {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #F5F4EF !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0, 184, 144, 0.25) !important;
}

.header-btn-cta:hover,
.wpr-btn.header-btn:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #F5F4EF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0, 184, 144, 0.35) !important;
}

.header-a11y-btn {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  color: #555A5D !important;
}

.header-a11y-btn:hover {
  color: #202427 !important;
  border-color: #C2542D !important;
}

/* 4. Hero */
.corporate-hero-section {
  background: #F5F4EF !important;
  background-color: #F5F4EF !important;
  border-bottom: 1px solid #D8D9D5 !important;
}

.hero-category-pill {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
}

.pill-status-dot {
  background-color: #C2542D !important;
  box-shadow: 0 0 8px rgba(0, 184, 144, 0.4) !important;
}

.btn-plan-project {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #F5F4EF !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0, 184, 144, 0.25) !important;
}

.btn-plan-project:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #F5F4EF !important;
  transform: translateY(-2px) !important;
}

.btn-plan-secondary {
  background: transparent !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
  border-radius: 999px !important;
}

.btn-plan-secondary:hover {
  background: #FFFFFF !important;
  color: #202427 !important;
}

.hero-process-nav {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
}

.hero-proc-title,
.proc-label {
  color: #686D70 !important;
}

.proc-step {
  color: #202427 !important;
  font-weight: 600 !important;
}

/* Hero Form Kartı */
.sales-lead-container,
.sales-card {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 20px !important;
  box-shadow: 0 15px 40px -5px rgba(0, 0, 0, 0.6) !important;
}

.sales-card-header,
.sales-card-bar {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
  border-bottom: 1px solid #D8D9D5 !important;
}

.sales-title {
  color: #202427 !important;
}

.sales-subtitle {
  color: #555A5D !important;
}

.sales-badge-pill {
  background: #EEEDE7 !important;
  color: #C2542D !important;
  border: 1px solid #D8D9D5 !important;
}

.sales-field-label {
  color: #202427 !important;
}

.sales-input,
.sales-textarea {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
  border-radius: 10px !important;
}

.sales-input:focus,
.sales-textarea:focus {
  background: #FFFFFF !important;
  border-color: #C2542D !important;
  color: #202427 !important;
  box-shadow: 0 0 0 2px rgba(0, 184, 144, 0.15) !important;
}

.sales-input::placeholder,
.sales-textarea::placeholder {
  color: #686D70 !important;
}

.sales-service-chip {
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #555A5D !important;
  border-radius: 8px !important;
}

.sales-service-chip:hover {
  background: #F8F8F4 !important;
  color: #202427 !important;
}

.sales-service-chip.active {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #F5F4EF !important;
  font-weight: 700 !important;
}

.sales-submit-btn,
.wpr-btn.submit {
  background: #C2542D !important;
  background-color: #C2542D !important;
  background-image: none !important;
  color: #F5F4EF !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0, 184, 144, 0.25) !important;
}

.sales-submit-btn:hover,
.wpr-btn.submit:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #F5F4EF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0, 184, 144, 0.35) !important;
}

/* 5. Hizmetler (Bölüm: #EEEDE7, Kartlar: #FFFFFF, Hover: #F8F8F4, Border: #D8D9D5) */
.wpr-services-area {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
}

.wpr-services-area .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 22px !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4) !important;
}

.service-wrapper {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35) !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
}

.service-wrapper:hover {
  background: #F8F8F4 !important;
  background-color: #F8F8F4 !important;
  border-color: #C2542D !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.5) !important;
}

.service-wrapper::after {
  background: linear-gradient(180deg, rgba(24, 27, 29, 0.4) 0%, rgba(24, 27, 29, 0.92) 80%, #FFFFFF 100%) !important;
}

.service-wrapper:hover::after {
  background: linear-gradient(180deg, rgba(30, 34, 36, 0.4) 0%, rgba(30, 34, 36, 0.92) 80%, #F8F8F4 100%) !important;
}

.service-wrapper .content .top .tag {
  color: #C2542D !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}

.service-wrapper .content .mid h2,
.service-wrapper .content .mid .h2 {
  color: rgba(241, 240, 235, 0.04) !important;
}

.service-wrapper .content .bottom ul {
  border-left: 2px solid #C2542D !important;
}

.service-wrapper .content .bottom ul li {
  color: #555A5D !important;
  font-weight: 500 !important;
}

.service-wrapper:hover .content .bottom ul li {
  color: #34383A !important;
}

.service-wrapper .content .bottom .service-btn-area {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #C2542D !important;
  border-radius: 10px !important;
}

.service-wrapper .content .bottom .service-btn-area svg,
.service-wrapper .content .bottom .service-btn-area i {
  color: #C2542D !important;
  fill: #C2542D !important;
}

.service-wrapper:hover .content .bottom .service-btn-area {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #F5F4EF !important;
}

.service-wrapper:hover .content .bottom .service-btn-area svg,
.service-wrapper:hover .content .bottom .service-btn-area i {
  color: #F5F4EF !important;
  fill: #F5F4EF !important;
}

/* 6. Neden Hızlı İşler (Bölüm: #EEEDE7) */
.wpr-why-choose-us-area {
  background-color: #EEEDE7 !important;
}

.wpr-why-choose-us-area .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 22px !important;
}

.wpr-why-choose-area .wrapper-top,
.wpr-why-choose-area .item,
.wpr-content-area {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 16px !important;
}

.wpr-why-choose-area .wrapper-top:hover,
.wpr-why-choose-area .item:hover {
  background: #F8F8F4 !important;
  background-color: #F8F8F4 !important;
  border-color: #D8D9D5 !important;
}

.wpr-why-choose-us-area .odometer,
.wpr-why-choose-us-area .number,
.wpr-why-choose-us-area .counter-number {
  color: #C2542D !important;
}

.wpr-why-choose-us-area .wrapper-list li {
  color: #555A5D !important;
  border-bottom: 1px solid #D8D9D5 !important;
}

/* 7. Süreç (Bölüm: #F5F4EF, Kartlar: #FFFFFF, Hover: #F8F8F4) */
.wpr-why-choose-us-area2 {
  background-color: #F5F4EF !important;
}

.wpr-why-choose-us-area2 .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 22px !important;
}

.why-choose-wrapper2 {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 18px !important;
  padding: 26px 22px !important;
  transition: all 0.3s ease !important;
}

.why-choose-wrapper2:hover {
  background: #F8F8F4 !important;
  background-color: #F8F8F4 !important;
  border-color: #C2542D !important;
  transform: translateY(-3px) !important;
}

.why-choose-wrapper2 .icon {
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 12px !important;
}

.why-choose-wrapper2 .title {
  color: #202427 !important;
}

.why-choose-wrapper2 .desc {
  color: #555A5D !important;
}

/* 8. SSS / Accordion (Bölüm: #EEEDE7, Kartlar: #FFFFFF) */
.wpr-faq-area {
  background-color: #EEEDE7 !important;
}

.wpr-faq-area .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 22px !important;
}

.accordion-item {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 14px !important;
  margin-bottom: 14px !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
}

.accordion-item:hover {
  border-color: #C2542D !important;
  background: #F8F8F4 !important;
}

.accordion-button {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #202427 !important;
  border-bottom: 1px solid #D8D9D5 !important;
  font-weight: 600 !important;
}

.accordion-button:not(.collapsed) {
  background: #F8F8F4 !important;
  background-color: #F8F8F4 !important;
  color: #C2542D !important;
}

.accordion-body {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #555A5D !important;
}

/* 9. İletişim / Form (Bölüm: #EEEDE7, Kartlar: #FFFFFF) */
.wpr-contact-area {
  background-color: #EEEDE7 !important;
}

.wpr-contact-area .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 22px !important;
}

.wpr-contact-area .left-content-area,
.wpr-contact-area .contact-form-area {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 18px !important;
}

.wpr-contact-area .left-content-area h2,
.wpr-contact-area .left-content-area h3,
.wpr-contact-area .left-content-area .title {
  color: #202427 !important;
}

.wpr-contact-area .left-content-area p,
.wpr-contact-area .left-content-area a {
  color: #555A5D !important;
}

.wpr-contact-area .left-content-area a:hover {
  color: #C2542D !important;
}

.wpr-contact-area form input,
.wpr-contact-area form textarea {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
  border-radius: 10px !important;
}

.wpr-contact-area form input:focus,
.wpr-contact-area form textarea:focus {
  background: #FFFFFF !important;
  border-color: #C2542D !important;
}

.wpr-contact-area form input::placeholder,
.wpr-contact-area form textarea::placeholder {
  color: #686D70 !important;
}

.wpr-contact-area .single-input.last label {
  background: #EEEDE7 !important;
  border: 1.5px dashed #D8D9D5 !important;
  color: #555A5D !important;
  border-radius: 12px !important;
}

.wpr-contact-area .single-input.last label:hover {
  border-color: #C2542D !important;
  color: #202427 !important;
}

.wpr-contact-area .wpr-btn,
.wpr-contact-area button.submit {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #F5F4EF !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(0, 184, 144, 0.25) !important;
  border: none !important;
}

.wpr-contact-area .wpr-btn:hover,
.wpr-contact-area button.submit:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #F5F4EF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0, 184, 144, 0.35) !important;
}

/* 10. Footer (Arka plan: #E7E6E0, Başlıklar: #202427, Linkler: #686D70, Hover: #C2542D, Border: #D8D9D5) */
footer,
.wpr-footer-area,
.footer-area {
  background: #E7E6E0 !important;
  background-color: #E7E6E0 !important;
  border-top: 1px solid #D8D9D5 !important;
}

.wpr-footer-area .section-inner,
footer .section-inner {
  background: #E7E6E0 !important;
  background-color: #E7E6E0 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 20px !important;
}

.wpr-footer-area .footer-top .title,
.footer-title,
.footer-heading {
  color: #202427 !important;
  font-weight: 600 !important;
}

.wpr-footer-area p,
.wpr-footer-area .footer-link,
.wpr-footer-area ul li a,
.copyright-text {
  color: #686D70 !important;
}

.wpr-footer-area ul li a:hover,
.wpr-footer-area .footer-link:hover,
.copyright-text a:hover {
  color: #C2542D !important;
}

.wpr-footer-area .copyright-area {
  border-top: 1px solid #D8D9D5 !important;
}



/* ==========================================================================
   HIZLI İŞLER — AÇIK TEMA, ERİŞİLEBİLİRLİK VE RESPONSIVE TASARIM SİSTEMİ
   --------------------------------------------------------------------------
   Ana Arka Plan (%60):       #F5F4EF
   İkincil Arka Plan (%18):   #EEEDE7
   Kart Arka Planı (%10):     #FFFFFF
   Kart Hover:                #F8F8F4
   Ana Başlık (%9):           #202427
   İkincil Başlık:            #34383A
   Gövde Metni:               #555A5D
   İkincil Metin:             #686D70
   Pasif Metin:               #74797B
   Ana Marka Rengi (%3):      #C2542D
   Marka Hover:               #A63E19
   Açık Marka Zemini:         #FAEDE7
   Border:                    #D8D9D5
   Kart Border:               #E1E2DE
   Footer Arka Planı:         #E7E6E0
   Klavye Focus:              #8C3415 (min 2px)
   ========================================================================== */

:root {
  --color-primary: #C2542D !important;
  --color-primary-hover: #A63E19 !important;
  --color-primary-light: #FAEDE7 !important;
  --color-secondary: #202427 !important;
  --color-heading-1: #202427 !important;
  --color-title: #202427 !important;
  --color-text: #555A5D !important;
  --color-text-light: #686D70 !important;
  --color-body: #F5F4EF !important;
  --color-section-alt: #EEEDE7 !important;
  --color-card: #FFFFFF !important;
  --color-card-hover: #F8F8F4 !important;
  --color-border: #D8D9D5 !important;
  --color-card-border: #E1E2DE !important;
  --color-footer: #E7E6E0 !important;
  --color-focus: #8C3415 !important;
}

/* 1. Global Reset & Ana Zemin (#F5F4EF) */
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body, body.home-bg, .home-bg {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
  color: #555A5D !important;
  font-size: 1rem !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
  overflow-x: hidden !important;
  -webkit-font-smoothing: antialiased;
}

/* Erişilebilirlik Focus Stili (WCAG 2.2 AA) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid #8C3415 !important;
  outline-offset: 3px !important;
}

/* 2. Tipografi Hiyerarşisi */
h1, h2, h3, h4, h5, h6,
.section-title,
.hero-headline,
.headline-main,
.title,
strong, b {
  color: #202427 !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  text-shadow: none !important;
}

h3, h4, .sub-heading, .card-title {
  color: #34383A !important;
}

p, .desc, .text {
  color: #555A5D !important;
  font-size: 1rem !important;
  line-height: 1.65 !important;
}

.text-muted,
.small-desc,
.sales-trust-notes,
.proc-label {
  color: #686D70 !important;
  font-size: 0.875rem !important;
}

.sub-title,
.section-top-area .sub-title {
  color: #C2542D !important;
  background: #FAEDE7 !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  font-size: 0.8125rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  display: inline-block !important;
  border: 1px solid rgba(194, 84, 45, 0.2) !important;
}

/* 3. HEADER */
header,
.header-style-one,
.wpr-header-area {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
}

.header-style-one .header-style-one-wrapper,
.header-wrapper,
.main-header {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  border: 1px solid #E1E2DE !important;
  border-radius: 18px !important;
  box-shadow: 0 4px 20px rgba(32, 36, 39, 0.04) !important;
  padding: 10px 24px !important;
}

.header-style-one-wrapper .logo img,
.header-wrapper .logo img,
.logo img {
  filter: none !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.wpr-desktop-menu .menu-item > a,
.wpr-desktop-menu .menu-item a.main-element,
.main-element {
  color: #34383A !important;
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
  transition: color 0.2s ease !important;
}

.wpr-desktop-menu .menu-item > a:hover,
.wpr-desktop-menu .menu-item a.main-element:hover {
  color: #C2542D !important;
}

.wpr-desktop-menu .menu-item.active > a,
.wpr-desktop-menu .menu-item.active a.main-element,
.wpr-desktop-menu .menu-item.current-menu-item > a {
  color: #C2542D !important;
  border-bottom: 2px solid #C2542D !important;
  padding-bottom: 4px !important;
}

.header-a11y-btn {
  background: #FAEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #C2542D !important;
  border-radius: 999px !important;
  min-height: 44px !important;
  padding: 8px 16px !important;
  font-weight: 600 !important;
}

.header-btn-cta,
.wpr-btn.header-btn {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  min-height: 48px !important;
  min-width: 48px !important;
  padding: 12px 24px !important;
  border-radius: 999px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(194, 84, 45, 0.25) !important;
  transition: all 0.25s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.header-btn-cta:hover,
.wpr-btn.header-btn:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(194, 84, 45, 0.35) !important;
}

/* 4. HERO */
.corporate-hero-section {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
  border-bottom: 1px solid #D8D9D5 !important;
  padding: 40px 0 60px 0 !important;
}

.hero-category-pill {
  background: #FFFFFF !important;
  border: 1px solid #E1E2DE !important;
  color: #34383A !important;
  border-radius: 999px !important;
  box-shadow: 0 2px 8px rgba(32, 36, 39, 0.04) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  padding: 8px 18px !important;
}

.pill-status-dot {
  background-color: #C2542D !important;
  box-shadow: 0 0 8px rgba(194, 84, 45, 0.4) !important;
}

.hero-headline {
  color: #202427 !important;
  font-size: clamp(2rem, 4vw + 1rem, 3.75rem) !important;
  line-height: 1.15 !important;
}

.hero-headline .headline-accent,
.headline-accent {
  color: #C2542D !important;
}

.hero-subtext {
  color: #555A5D !important;
  font-size: clamp(1rem, 1.2vw, 1.1875rem) !important;
  line-height: 1.7 !important;
  max-width: 580px !important;
}

.btn-plan-project {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  min-height: 48px !important;
  padding: 14px 28px !important;
  border-radius: 999px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(194, 84, 45, 0.25) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.btn-plan-project:hover {
  background: #A63E19 !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
}

.btn-plan-secondary {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
  border-radius: 999px !important;
  min-height: 48px !important;
  padding: 14px 28px !important;
  font-weight: 600 !important;
}

.btn-plan-secondary:hover {
  background: #F8F8F4 !important;
  border-color: #C2542D !important;
  color: #C2542D !important;
}

/* Hero Süreç Barı */
.hero-process-bar {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-top: 24px !important;
}

.process-lead-text {
  color: #686D70 !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
}

.process-step-track {
  background: #FFFFFF !important;
  border: 1px solid #E1E2DE !important;
  border-radius: 12px !important;
  padding: 8px 16px !important;
  box-shadow: 0 2px 8px rgba(32, 36, 39, 0.03) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.proc-step {
  color: #202427 !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
}

.proc-arrow {
  color: #C2542D !important;
  font-weight: 700 !important;
}

/* Hero Form Kartı (Sağ Kolon) */
.sales-lead-container,
.sales-card {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #E1E2DE !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 35px rgba(32, 36, 39, 0.06) !important;
  overflow: hidden !important;
}

.sales-card-header,
.sales-card-bar {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
  border-bottom: 1px solid #E1E2DE !important;
  padding: 10px 18px !important;
}

.sales-title {
  color: #202427 !important;
  font-size: 1.35rem !important;
}

.sales-subtitle {
  color: #555A5D !important;
  font-size: 0.9375rem !important;
}

.sales-badge-pill {
  background: #FAEDE7 !important;
  color: #C2542D !important;
  border: 1px solid rgba(194, 84, 45, 0.25) !important;
}

.sales-field-label {
  color: #202427 !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
}

.sales-input,
.sales-textarea {
  background: #F5F4EF !important;
  background-color: #F5F4EF !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
  border-radius: 10px !important;
  min-height: 48px !important;
  padding: 12px 16px !important;
  font-size: 0.9375rem !important;
}

.sales-input:focus,
.sales-textarea:focus {
  background: #FFFFFF !important;
  border-color: #C2542D !important;
  outline: 2px solid #8C3415 !important;
  outline-offset: 1px !important;
}

.sales-input::placeholder,
.sales-textarea::placeholder {
  color: #74797B !important;
}

.sales-service-chip {
  background: #F5F4EF !important;
  border: 1px solid #D8D9D5 !important;
  color: #34383A !important;
  border-radius: 8px !important;
  min-height: 44px !important;
  padding: 8px 12px !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
}

.sales-service-chip:hover {
  background: #FAEDE7 !important;
  color: #C2542D !important;
  border-color: #C2542D !important;
}

.sales-service-chip.active {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #FFFFFF !important;
}

.sales-submit-btn,
.wpr-btn.submit {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  min-height: 48px !important;
  border-radius: 999px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(194, 84, 45, 0.25) !important;
}

.sales-submit-btn:hover,
.wpr-btn.submit:hover {
  background: #A63E19 !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
}

/* 5. HİZMETLERİMİZ (Bölüm: #EEEDE7, Kartlar: #FFFFFF, Kart Hover: #F8F8F4) */
.wpr-services-area {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  padding: 70px 0 !important;
}

.wpr-services-area .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 24px !important;
  padding: 40px !important;
}

.service-wrapper {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #E1E2DE !important;
  border-radius: 18px !important;
  box-shadow: 0 4px 16px rgba(32, 36, 39, 0.04) !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
}

.service-wrapper:hover {
  background: #F8F8F4 !important;
  background-color: #F8F8F4 !important;
  border-color: #C2542D !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 24px rgba(194, 84, 45, 0.12) !important;
}

.service-wrapper .image-area img {
  opacity: 0.12 !important;
}

.service-wrapper:hover .image-area img {
  opacity: 0.20 !important;
}

.service-wrapper::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.94) 80%, #FFFFFF 100%) !important;
}

.service-wrapper:hover::after {
  background: linear-gradient(180deg, rgba(248, 248, 244, 0.4) 0%, rgba(248, 248, 244, 0.94) 80%, #F8F8F4 100%) !important;
}

.service-wrapper .content .top .tag {
  color: #C2542D !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  font-size: 1.0625rem !important;
}

.service-wrapper .content .mid h2,
.service-wrapper .content .mid .h2 {
  color: rgba(32, 36, 39, 0.04) !important;
}

.service-wrapper .content .bottom ul {
  border-left: 3px solid #C2542D !important;
  padding-left: 14px !important;
}

.service-wrapper .content .bottom ul li {
  color: #555A5D !important;
  font-size: 0.9375rem !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
}

.service-wrapper:hover .content .bottom ul li {
  color: #202427 !important;
}

.service-wrapper .content .bottom .service-btn-area {
  background: #FAEDE7 !important;
  background-color: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.25) !important;
  color: #C2542D !important;
  border-radius: 12px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.service-wrapper .content .bottom .service-btn-area svg,
.service-wrapper .content .bottom .service-btn-area i {
  color: #C2542D !important;
  fill: #C2542D !important;
}

.service-wrapper:hover .content .bottom .service-btn-area {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #FFFFFF !important;
}

.service-wrapper:hover .content .bottom .service-btn-area svg,
.service-wrapper:hover .content .bottom .service-btn-area i {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* 6. NEDEN HIZLI İŞLER (Bölüm: #EEEDE7, Kartlar: #FFFFFF) */
.wpr-why-choose-us-area {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  padding: 60px 0 !important;
}

.wpr-why-choose-us-area .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 24px !important;
}

.wpr-why-choose-area .wrapper-top,
.wpr-why-choose-area .item,
.wpr-content-area {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #E1E2DE !important;
  border-radius: 16px !important;
}

.wpr-why-choose-us-area .odometer,
.wpr-why-choose-us-area .number,
.wpr-why-choose-us-area .counter-number {
  color: #C2542D !important;
  font-weight: 700 !important;
}

.wpr-why-choose-us-area .wrapper-list li {
  color: #555A5D !important;
  border-bottom: 1px solid #E1E2DE !important;
}

/* 7. SÜREÇ / ADIMLAR (Bölüm: #F5F4EF, Numaralar: #C2542D, Numara Alanı: #FAEDE7) */
.wpr-why-choose-us-area2 {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
  padding: 60px 0 !important;
}

.wpr-why-choose-us-area2 .section-inner {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  border: 1px solid #E1E2DE !important;
  border-radius: 24px !important;
  box-shadow: 0 4px 20px rgba(32, 36, 39, 0.03) !important;
}

.why-choose-wrapper2 {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #E1E2DE !important;
  border-radius: 18px !important;
  padding: 24px 20px !important;
  transition: all 0.25s ease !important;
}

.why-choose-wrapper2:hover {
  background: #F8F8F4 !important;
  border-color: #C2542D !important;
  transform: translateY(-3px) !important;
}

.why-choose-wrapper2 .icon {
  background: #FAEDE7 !important;
  background-color: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.2) !important;
  border-radius: 14px !important;
  width: 52px !important;
  height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #C2542D !important;
}

.why-choose-wrapper2 .title {
  color: #202427 !important;
  font-size: 1.125rem !important;
}

/* 8. SSS / SIKÇA SORULAN SORULAR */
.wpr-faq-area {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  padding: 60px 0 !important;
}

.wpr-faq-area .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 24px !important;
}

.accordion-item {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #E1E2DE !important;
  border-radius: 14px !important;
  margin-bottom: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 6px rgba(32, 36, 39, 0.02) !important;
}

.accordion-button {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #202427 !important;
  border-bottom: 1px solid #E1E2DE !important;
  font-weight: 600 !important;
  font-size: 1.0625rem !important;
  padding: 18px 22px !important;
}

.accordion-button:not(.collapsed) {
  background: #F8F8F4 !important;
  color: #C2542D !important;
}

.accordion-body {
  background: #FFFFFF !important;
  color: #555A5D !important;
  font-size: 0.9375rem !important;
  line-height: 1.65 !important;
  padding: 20px 22px !important;
}

/* 9. İLETİŞİM & ANA CTA (Bölüm: #EEEDE7, Kartlar: #FFFFFF, Buton: #C2542D - Yazı: #FFFFFF) */
.wpr-contact-area {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  padding: 60px 0 !important;
}

.wpr-contact-area .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 24px !important;
}

.wpr-contact-area .left-content-area,
.wpr-contact-area .contact-form-area {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #E1E2DE !important;
  border-radius: 20px !important;
  box-shadow: 0 6px 20px rgba(32, 36, 39, 0.04) !important;
  padding: 36px !important;
}

.wpr-contact-area .left-content-area h2,
.wpr-contact-area .left-content-area h3 {
  color: #202427 !important;
}

.wpr-contact-area .left-content-area p,
.wpr-contact-area .left-content-area a {
  color: #555A5D !important;
}

.wpr-contact-area .left-content-area a:hover {
  color: #C2542D !important;
}

.wpr-contact-area .single-input {
  background: #FFFFFF !important;
  border: 1px solid #E1E2DE !important;
  border-radius: 12px !important;
  padding: 16px !important;
  margin-bottom: 16px !important;
}

.wpr-contact-area .single-input span,
.wpr-contact-area .single-input label {
  color: #202427 !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
}

.wpr-contact-area form input,
.wpr-contact-area form textarea {
  background: #F5F4EF !important;
  background-color: #F5F4EF !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
  min-height: 48px !important;
  padding: 12px 16px !important;
  border-radius: 8px !important;
}

.wpr-contact-area form input:focus,
.wpr-contact-area form textarea:focus {
  background: #FFFFFF !important;
  border-color: #C2542D !important;
  outline: 2px solid #8C3415 !important;
}

.wpr-contact-area .single-input.last label {
  background: #F5F4EF !important;
  border: 1.5px dashed #D8D9D5 !important;
  color: #686D70 !important;
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
}

.wpr-contact-area .wpr-btn,
.wpr-contact-area button.submit {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  min-height: 48px !important;
  padding: 14px 28px !important;
  border-radius: 999px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(194, 84, 45, 0.25) !important;
}

.wpr-contact-area .wpr-btn:hover,
.wpr-contact-area button.submit:hover {
  background: #A63E19 !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
}

/* 10. FOOTER (Açık Zemin: #E7E6E0, Başlık: #202427, Link: #555A5D, Hover: #C2542D, Border: #D0D1CC) */
footer,
.wpr-footer-area,
.footer-area {
  background: #E7E6E0 !important;
  background-color: #E7E6E0 !important;
  border-top: 1px solid #D0D1CC !important;
  padding: 60px 0 30px 0 !important;
}

.wpr-footer-area .section-inner,
footer .section-inner {
  background: #E7E6E0 !important;
  background-color: #E7E6E0 !important;
  border: none !important;
}

.wpr-footer-area .footer-top .title,
.footer-title,
.footer-heading {
  color: #202427 !important;
  font-size: 1.125rem !important;
  font-weight: 700 !important;
}

.wpr-footer-area p,
.wpr-footer-area .footer-link,
.wpr-footer-area ul li a,
.copyright-text {
  color: #555A5D !important;
  font-size: 0.9375rem !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.wpr-footer-area ul li a:hover,
.wpr-footer-area .footer-link:hover,
.copyright-text a:hover {
  color: #C2542D !important;
}

.wpr-footer-area .copyright-area {
  border-top: 1px solid #D0D1CC !important;
  margin-top: 40px !important;
  padding-top: 24px !important;
}

/* 11. RESPONSIVE BREAKPOINT & MOBILE-FIRST SİSTEMİ */

/* XS & SM: 0 - 575px Mobil */
@media (max-width: 575px) {
  .section-inner {
    padding: 20px 16px !important;
    border-radius: 16px !important;
  }

  .corporate-hero-section {
    padding: 20px 0 40px 0 !important;
  }

  .hero-headline {
    font-size: 2rem !important;
    line-height: 1.2 !important;
  }

  .section-title,
  .section-title-area h2 {
    font-size: 1.65rem !important;
  }

  .section-bottom-content {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .wpr-why-choose-us-area2 .bottom-content-area {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .sales-lead-container,
  .sales-card {
    padding: 20px 16px !important;
  }

  .wpr-contact-area .section-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }

  .wpr-contact-area .left-content-area,
  .wpr-contact-area .contact-form-area {
    padding: 22px 18px !important;
    width: 100% !important;
  }

  .footer-row,
  .wpr-footer-area .row {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }

  .header-btn-cta,
  .btn-plan-project,
  .sales-submit-btn {
    width: 100% !important;
    min-height: 48px !important;
  }

  .hero-process-bar {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .process-step-track {
    flex-wrap: wrap !important;
    width: 100% !important;
  }
}

/* MD: 576 - 767px Büyük Mobil */
@media (min-width: 576px) and (max-width: 767px) {
  .section-bottom-content {
    grid-template-columns: 1fr !important;
  }

  .wpr-why-choose-us-area2 .bottom-content-area {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .hero-headline {
    font-size: 2.35rem !important;
  }
}

/* TABLET: 768 - 991px */
@media (min-width: 768px) and (max-width: 991px) {
  .section-bottom-content {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }

  .wpr-why-choose-us-area2 .bottom-content-area {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .hero-headline {
    font-size: 2.75rem !important;
  }
}

/* LAPTOP: 992 - 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
  .section-bottom-content {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
  }

  .container {
    max-width: 960px !important;
  }
}

/* DESKTOP: 1200 - 1439px */
@media (min-width: 1200px) and (max-width: 1439px) {
  .container {
    max-width: 1200px !important;
  }

  .section-bottom-content {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
  }
}

/* LARGE DESKTOP: 1440 - 1919px */
@media (min-width: 1440px) and (max-width: 1919px) {
  .container {
    max-width: 1280px !important;
  }
}

/* XL DESKTOP: 1920px+ */
@media (min-width: 1920px) {
  .container {
    max-width: 1360px !important;
    margin: 0 auto !important;
  }
}



/* ==========================================================================
   HIZLI İŞLER — SICAK ZEYTİN YEŞİLİ & KIRIK BEYAZ PREMİUM SİSTEMİ
   --------------------------------------------------------------------------
   Ana Arka Plan:       #F5F4EF
   İkincil Arka Plan:   #EEEDE7
   Kart Arka Planı:     #FFFFFF
   Kart Hover:          #F8F8F4
   Ana Başlık:          #202427
   İkincil Başlık:      #34383A
   Gövde Metni:         #555A5D
   İkincil Metin:       #686D70
   Pasif Metin:         #74797B
   ANA MARKA RENGİ:     #C2542D (Sıcak Zeytin Yeşili)
   MARKA HOVER:         #A63E19
   AÇIK MARKA ZEMİNİ:   #FAEDE7
   Border:              #D8D9D5
   Kart Border:         #E1E2DE
   Footer:              #E7E6E0
   Focus:               #8C3415 (min 2px)
   ========================================================================== */

:root {
  --color-primary: #C2542D !important;
  --color-primary-hover: #A63E19 !important;
  --color-primary-light: #FAEDE7 !important;
  --color-secondary: #202427 !important;
  --color-heading-1: #202427 !important;
  --color-title: #202427 !important;
  --color-text: #555A5D !important;
  --color-text-light: #686D70 !important;
  --color-body: #F5F4EF !important;
  --color-section-alt: #EEEDE7 !important;
  --color-card: #FFFFFF !important;
  --color-card-hover: #F8F8F4 !important;
  --color-border: #D8D9D5 !important;
  --color-card-border: #E1E2DE !important;
  --color-footer: #E7E6E0 !important;
  --color-focus: #8C3415 !important;
}

/* 1. Global Reset & Zemin */
body, body.home-bg, .home-bg {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
  color: #555A5D !important;
}

/* Erişilebilirlik Klavye Focus Göstergesi (WCAG 2.2 AA) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid #8C3415 !important;
  outline-offset: 3px !important;
}

/* 2. Tipografi */
h1, h2, h3, h4, h5, h6,
.section-title,
.hero-headline,
.headline-main,
.title,
strong, b {
  color: #202427 !important;
}

.headline-accent,
.hero-headline .headline-accent {
  color: #C2542D !important;
}

.sub-title,
.section-top-area .sub-title {
  color: #A63E19 !important;
  background: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.25) !important;
}

/* 3. Header & Menü */
.wpr-desktop-menu .menu-item > a:hover,
.wpr-desktop-menu .menu-item a.main-element:hover {
  color: #C2542D !important;
}

.wpr-desktop-menu .menu-item.active > a,
.wpr-desktop-menu .menu-item.active a.main-element,
.wpr-desktop-menu .menu-item.current-menu-item > a {
  color: #C2542D !important;
  border-bottom: 2px solid #C2542D !important;
}

.header-btn-cta,
.wpr-btn.header-btn {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(194, 84, 45, 0.25) !important;
}

.header-btn-cta:hover,
.wpr-btn.header-btn:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 18px rgba(166, 62, 25, 0.35) !important;
}

.header-a11y-btn {
  background: #FAEDE7 !important;
  color: #A63E19 !important;
}

/* 4. Hero */
.corporate-hero-section {
  background: #F5F4EF !important;
  background-color: #F5F4EF !important;
}

.pill-status-dot {
  background-color: #C2542D !important;
  box-shadow: 0 0 8px rgba(194, 84, 45, 0.4) !important;
}

.btn-plan-project {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(194, 84, 45, 0.25) !important;
}

.btn-plan-project:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 18px rgba(166, 62, 25, 0.35) !important;
}

.btn-plan-secondary:hover {
  border-color: #C2542D !important;
  color: #C2542D !important;
}

.proc-arrow {
  color: #C2542D !important;
}

/* Hero Form Kartı */
.sales-badge-pill {
  background: #FAEDE7 !important;
  color: #A63E19 !important;
  border: 1px solid rgba(194, 84, 45, 0.25) !important;
}

.sales-service-chip:hover {
  background: #FAEDE7 !important;
  color: #A63E19 !important;
  border-color: #C2542D !important;
}

.sales-service-chip.active {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #FFFFFF !important;
}

.sales-submit-btn,
.wpr-btn.submit {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(194, 84, 45, 0.25) !important;
}

.sales-submit-btn:hover,
.wpr-btn.submit:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 18px rgba(166, 62, 25, 0.35) !important;
}

/* 5. Hizmetler (Bölüm: #EEEDE7, Kartlar: #FFFFFF, Kart Hover: #F8F8F4) */
.wpr-services-area {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
}

.wpr-services-area .section-inner {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
}

.service-wrapper:hover {
  background: #F8F8F4 !important;
  border-color: #C2542D !important;
  box-shadow: 0 8px 24px rgba(194, 84, 45, 0.15) !important;
}

.service-wrapper .content .top .tag {
  color: #C2542D !important;
}

.service-wrapper .content .bottom ul {
  border-left: 3px solid #C2542D !important;
}

.service-wrapper .content .bottom .service-btn-area {
  background: #FAEDE7 !important;
  background-color: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.25) !important;
  color: #C2542D !important;
}

.service-wrapper .content .bottom .service-btn-area svg,
.service-wrapper .content .bottom .service-btn-area i {
  color: #C2542D !important;
  fill: #C2542D !important;
}

.service-wrapper:hover .content .bottom .service-btn-area {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #FFFFFF !important;
}

.service-wrapper:hover .content .bottom .service-btn-area svg,
.service-wrapper:hover .content .bottom .service-btn-area i {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* 6. Neden Hızlı İşler */
.wpr-why-choose-us-area {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
}

.wpr-why-choose-us-area .odometer,
.wpr-why-choose-us-area .number,
.wpr-why-choose-us-area .counter-number {
  color: #C2542D !important;
}

/* 7. Süreç / Adımlar */
.why-choose-wrapper2:hover {
  border-color: #C2542D !important;
}

.why-choose-wrapper2 .icon {
  background: #FAEDE7 !important;
  background-color: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.2) !important;
  color: #C2542D !important;
}

.why-choose-wrapper2 .icon svg,
.why-choose-wrapper2 .icon i {
  color: #C2542D !important;
  fill: #C2542D !important;
}

/* 8. SSS / Accordion */
.accordion-button:not(.collapsed) {
  background: #F8F8F4 !important;
  color: #A63E19 !important;
}

/* 9. İletişim / Form & Ana CTA */
.wpr-contact-area {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
}

.wpr-contact-area .left-content-area a:hover {
  color: #C2542D !important;
}

.wpr-contact-area form input:focus,
.wpr-contact-area form textarea:focus {
  border-color: #C2542D !important;
  outline: 2px solid #8C3415 !important;
}

.wpr-contact-area .single-input.last label:hover {
  border-color: #C2542D !important;
  color: #202427 !important;
}

.wpr-contact-area .wpr-btn,
.wpr-contact-area button.submit {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(194, 84, 45, 0.25) !important;
}

.wpr-contact-area .wpr-btn:hover,
.wpr-contact-area button.submit:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #FFFFFF !important;
}

/* 10. Footer */
.wpr-footer-area ul li a:hover,
.wpr-footer-area .footer-link:hover,
.copyright-text a:hover {
  color: #C2542D !important;
}



/* ==========================================================================
   HIZLI İŞLER — CANLI VE PREMİUM RENK SİSTEMİ (Vibrant Olive Green)
   --------------------------------------------------------------------------
   Ana Arka Plan:       #F5F4EF
   İkincil Arka Plan:   #EEEDE7
   Kart Arka Planı:     #FFFFFF
   Kart Hover:          #F8F8F4
   Ana Başlık:          #202427
   İkincil Başlık:      #34383A
   Gövde Metni:         #555A5D
   İkincil Metin:       #686D70
   Pasif Metin:         #74797B
   ANA MARKA:           #C2542D (Canlı & Enerjik Zeytin Yeşili)
   MARKA VURGU:         #C2542D (Renkli Başlık Vurguları)
   BUTON HOVER:         #A63E19
   BUTON ACTIVE:        #8C3415
   AÇIK MARKA ZEMİNİ:   #FAEDE7
   Border:              #D8D9D5
   Kart Border:         #E1E2DE
   Footer:              #E7E6E0
   Focus:               #8C3415 (min 2px)
   ========================================================================== */

:root {
  --color-primary: #C2542D !important;
  --color-primary-hover: #A63E19 !important;
  --color-primary-active: #8C3415 !important;
  --color-primary-accent: #C2542D !important;
  --color-primary-light: #FAEDE7 !important;
  --color-secondary: #202427 !important;
  --color-heading-1: #202427 !important;
  --color-title: #202427 !important;
  --color-text: #555A5D !important;
  --color-text-light: #686D70 !important;
  --color-body: #F5F4EF !important;
  --color-section-alt: #EEEDE7 !important;
  --color-card: #FFFFFF !important;
  --color-card-hover: #F8F8F4 !important;
  --color-border: #D8D9D5 !important;
  --color-card-border: #E1E2DE !important;
  --color-footer: #E7E6E0 !important;
  --color-focus: #8C3415 !important;
}

/* 1. Global Reset & Zemin */
body, body.home-bg, .home-bg {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
  color: #555A5D !important;
}

/* Erişilebilirlik Klavye Focus Göstergesi (WCAG 2.2 AA) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid #8C3415 !important;
  outline-offset: 3px !important;
}

/* 2. Tipografi Hiyerarşisi */
h1, h2, h3, h4, h5, h6,
.section-title,
.hero-headline,
.headline-main,
.title,
strong, b {
  color: #202427 !important;
}

/* Renkli Başlıklar ve Vurgular */
.headline-accent,
.hero-headline .headline-accent,
.highlight-text,
.text-accent {
  color: #C2542D !important;
  font-weight: 700 !important;
}

.sub-title,
.section-top-area .sub-title {
  color: #C2542D !important;
  background: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.28) !important;
  font-weight: 700 !important;
}

/* 3. Header & Menü */
.wpr-desktop-menu .menu-item > a:hover,
.wpr-desktop-menu .menu-item a.main-element:hover {
  color: #C2542D !important;
}

.wpr-desktop-menu .menu-item.active > a,
.wpr-desktop-menu .menu-item.active a.main-element,
.wpr-desktop-menu .menu-item.current-menu-item > a {
  color: #C2542D !important;
  border-bottom: 2px solid #C2542D !important;
}

/* CTA BUTONLARI — Canlı, Güçlü, Net (#C2542D, Hover: #A63E19, Active: #8C3415) */
.header-btn-cta,
.wpr-btn.header-btn,
.btn-plan-project,
.sales-submit-btn,
.wpr-btn.submit,
.wpr-contact-area .wpr-btn,
button.submit,
.mega-promo-btn {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  min-height: 48px !important;
  padding: 12px 26px !important;
  border-radius: 999px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(194, 84, 45, 0.3) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.header-btn-cta *,
.wpr-btn.header-btn *,
.btn-plan-project *,
.sales-submit-btn *,
.wpr-btn.submit *,
.wpr-contact-area .wpr-btn *,
button.submit * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

.header-btn-cta:hover,
.wpr-btn.header-btn:hover,
.btn-plan-project:hover,
.sales-submit-btn:hover,
.wpr-btn.submit:hover,
.wpr-contact-area .wpr-btn:hover,
button.submit:hover,
.mega-promo-btn:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(166, 62, 25, 0.35) !important;
}

.header-btn-cta:active,
.btn-plan-project:active,
.sales-submit-btn:active,
button.submit:active {
  background: #8C3415 !important;
  background-color: #8C3415 !important;
  transform: translateY(0) !important;
}

.header-a11y-btn {
  background: #FAEDE7 !important;
  color: #C2542D !important;
}

/* 4. Hero */
.corporate-hero-section {
  background: #F5F4EF !important;
  background-color: #F5F4EF !important;
}

.pill-status-dot {
  background-color: #C2542D !important;
  box-shadow: 0 0 8px rgba(194, 84, 45, 0.45) !important;
}

.btn-plan-secondary:hover {
  border-color: #C2542D !important;
  color: #C2542D !important;
}

.proc-arrow {
  color: #C2542D !important;
}

/* Hero Form Kartı */
.sales-badge-pill {
  background: #FAEDE7 !important;
  color: #C2542D !important;
  border: 1px solid rgba(194, 84, 45, 0.28) !important;
}

.sales-service-chip:hover {
  background: #FAEDE7 !important;
  color: #C2542D !important;
  border-color: #C2542D !important;
}

.sales-service-chip.active {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

.sales-service-chip.active * {
  color: #FFFFFF !important;
}

/* 5. Hizmetler (Bölüm: #EEEDE7, Kartlar: #FFFFFF, Kart Hover: #F8F8F4) */
.wpr-services-area {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
}

.wpr-services-area .section-inner {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
}

.service-wrapper:hover {
  background: #F8F8F4 !important;
  border-color: #C2542D !important;
  box-shadow: 0 8px 24px rgba(194, 84, 45, 0.16) !important;
}

.service-wrapper .content .top .tag {
  color: #C2542D !important;
  font-weight: 700 !important;
}

.service-wrapper .content .bottom ul {
  border-left: 3px solid #C2542D !important;
}

.service-wrapper .content .bottom .service-btn-area {
  background: #FAEDE7 !important;
  background-color: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.28) !important;
  color: #C2542D !important;
}

.service-wrapper .content .bottom .service-btn-area svg,
.service-wrapper .content .bottom .service-btn-area i {
  color: #C2542D !important;
  fill: #C2542D !important;
}

.service-wrapper:hover .content .bottom .service-btn-area {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #FFFFFF !important;
}

.service-wrapper:hover .content .bottom .service-btn-area svg,
.service-wrapper:hover .content .bottom .service-btn-area i {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* 6. Neden Hızlı İşler */
.wpr-why-choose-us-area {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
}

.wpr-why-choose-us-area .odometer,
.wpr-why-choose-us-area .number,
.wpr-why-choose-us-area .counter-number {
  color: #C2542D !important;
  font-weight: 700 !important;
}

/* 7. Süreç / Adımlar */
.why-choose-wrapper2:hover {
  border-color: #C2542D !important;
}

.why-choose-wrapper2 .icon {
  background: #FAEDE7 !important;
  background-color: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.24) !important;
  color: #C2542D !important;
}

.why-choose-wrapper2 .icon svg,
.why-choose-wrapper2 .icon i {
  color: #C2542D !important;
  fill: #C2542D !important;
}

/* 8. SSS / Accordion */
.accordion-button:not(.collapsed) {
  background: #F8F8F4 !important;
  color: #C2542D !important;
}

/* 9. İletişim & Form */
.wpr-contact-area {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
}

.wpr-contact-area .left-content-area a:hover {
  color: #C2542D !important;
}

.wpr-contact-area form input:focus,
.wpr-contact-area form textarea:focus {
  border-color: #C2542D !important;
  outline: 2px solid #8C3415 !important;
}

.wpr-contact-area .single-input.last label:hover {
  border-color: #C2542D !important;
  color: #202427 !important;
}

/* 10. Footer */
.wpr-footer-area ul li a:hover,
.wpr-footer-area .footer-link:hover,
.copyright-text a:hover {
  color: #C2542D !important;
}



/* ==========================================================================
   HIZLI İŞLER — ZENGİN PREMİUM YEŞİL GÜNCELLEMESİ
   --------------------------------------------------------------------------
   Ana Marka / Buton:      #C2542D
   Hover:                  #A63E19
   Açık Vurgu:             #FAEDE7
   Renkli Başlık / Vurgu:  #C2542D
   Focus / Active:         #8C3415
   Ana Arka Plan:          #F5F4EF
   İkincil Arka Plan:      #EEEDE7
   Kart Arka Planı:        #FFFFFF
   Kart Hover:             #F8F8F4
   Ana Başlık:             #202427
   İkincil Başlık:         #34383A
   Gövde Metni:            #555A5D
   Border:                 #D8D9D5
   Kart Border:            #E1E2DE
   Footer:                 #E7E6E0
   ========================================================================== */

:root {
  --color-primary: #C2542D !important;
  --color-primary-hover: #A63E19 !important;
  --color-primary-active: #8C3415 !important;
  --color-primary-accent: #C2542D !important;
  --color-primary-light: #FAEDE7 !important;
  --color-focus: #8C3415 !important;
}

/* 1. Klavye Focus */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid #8C3415 !important;
  outline-offset: 3px !important;
}

/* 2. Renkli Başlıklar ve Vurgular (#C2542D) */
.headline-accent,
.hero-headline .headline-accent,
.highlight-text,
.text-accent,
.service-wrapper .content .top .tag {
  color: #C2542D !important;
  font-weight: 700 !important;
}

.sub-title,
.section-top-area .sub-title {
  color: #C2542D !important;
  background: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.25) !important;
}

/* 3. Menü Aktif & Hover */
.wpr-desktop-menu .menu-item > a:hover,
.wpr-desktop-menu .menu-item a.main-element:hover {
  color: #C2542D !important;
}

.wpr-desktop-menu .menu-item.active > a,
.wpr-desktop-menu .menu-item.active a.main-element,
.wpr-desktop-menu .menu-item.current-menu-item > a {
  color: #C2542D !important;
  border-bottom: 2px solid #C2542D !important;
}

/* 4. Butonlar (#C2542D, Hover: #A63E19, Active: #8C3415) */
.header-btn-cta,
.wpr-btn.header-btn,
.btn-plan-project,
.sales-submit-btn,
.wpr-btn.submit,
.wpr-contact-area .wpr-btn,
button.submit,
.mega-promo-btn {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(194, 84, 45, 0.28) !important;
}

.header-btn-cta *,
.wpr-btn.header-btn *,
.btn-plan-project *,
.sales-submit-btn *,
.wpr-btn.submit *,
.wpr-contact-area .wpr-btn *,
button.submit * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

.header-btn-cta:hover,
.wpr-btn.header-btn:hover,
.btn-plan-project:hover,
.sales-submit-btn:hover,
.wpr-btn.submit:hover,
.wpr-contact-area .wpr-btn:hover,
button.submit:hover,
.mega-promo-btn:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #FFFFFF !important;
  box-shadow: 0 8px 20px rgba(166, 62, 25, 0.35) !important;
}

.header-btn-cta:active,
.btn-plan-project:active,
.sales-submit-btn:active,
button.submit:active {
  background: #8C3415 !important;
  background-color: #8C3415 !important;
}

/* 5. Açık Vurgu Alanları (#FAEDE7) */
.sales-badge-pill,
.header-a11y-btn {
  background: #FAEDE7 !important;
  color: #C2542D !important;
  border: 1px solid rgba(194, 84, 45, 0.25) !important;
}

.sales-service-chip:hover {
  background: #FAEDE7 !important;
  color: #C2542D !important;
  border-color: #C2542D !important;
}

.sales-service-chip.active {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #FFFFFF !important;
}

.pill-status-dot {
  background-color: #C2542D !important;
  box-shadow: 0 0 8px rgba(194, 84, 45, 0.45) !important;
}

.btn-plan-secondary:hover {
  border-color: #C2542D !important;
  color: #C2542D !important;
}

.proc-arrow {
  color: #C2542D !important;
}

/* 6. Hizmet Kartları */
.service-wrapper:hover {
  border-color: #C2542D !important;
  box-shadow: 0 8px 24px rgba(194, 84, 45, 0.16) !important;
}

.service-wrapper .content .bottom ul {
  border-left: 3px solid #C2542D !important;
}

.service-wrapper .content .bottom .service-btn-area {
  background: #FAEDE7 !important;
  background-color: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.25) !important;
  color: #C2542D !important;
}

.service-wrapper .content .bottom .service-btn-area svg,
.service-wrapper .content .bottom .service-btn-area i {
  color: #C2542D !important;
  fill: #C2542D !important;
}

.service-wrapper:hover .content .bottom .service-btn-area {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #FFFFFF !important;
}

.service-wrapper:hover .content .bottom .service-btn-area svg,
.service-wrapper:hover .content .bottom .service-btn-area i {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* 7. Neden Hızlı İşler & Süreç */
.wpr-why-choose-us-area .odometer,
.wpr-why-choose-us-area .number,
.wpr-why-choose-us-area .counter-number {
  color: #C2542D !important;
}

.why-choose-wrapper2:hover {
  border-color: #C2542D !important;
}

.why-choose-wrapper2 .icon {
  background: #FAEDE7 !important;
  background-color: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.2) !important;
  color: #C2542D !important;
}

.why-choose-wrapper2 .icon svg,
.why-choose-wrapper2 .icon i {
  color: #C2542D !important;
  fill: #C2542D !important;
}

/* 8. SSS & İletişim */
.accordion-button:not(.collapsed) {
  color: #C2542D !important;
}

.wpr-contact-area .left-content-area a:hover {
  color: #C2542D !important;
}

.wpr-contact-area form input:focus,
.wpr-contact-area form textarea:focus {
  border-color: #C2542D !important;
  outline: 2px solid #8C3415 !important;
}

.wpr-contact-area .single-input.last label:hover {
  border-color: #C2542D !important;
  color: #202427 !important;
}

.wpr-footer-area ul li a:hover,
.wpr-footer-area .footer-link:hover,
.copyright-text a:hover {
  color: #C2542D !important;
}



/* ==========================================================================
   HIZLI İŞLER — SICAK TERRACOTTA / KİREMİT RENK SİSTEMİ
   (Yeşil, Sarı ve Pembe Olmayan Sıcak & Premium Marka Rengi)
   --------------------------------------------------------------------------
   Ana Marka / Butonlar:   #C2542D (Sıcak Terracotta / Kızıl-Kiremit)
   Buton Hover:            #A63E19
   Buton Active / Focus:   #8C3415
   Renkli Vurgu & Başlık:  #C2542D
   Açık Vurgu Zemini:      #FAEDE7
   Ana Arka Plan:          #F5F4EF (Sıcak Kırık Beyaz)
   İkincil Arka Plan:      #EEEDE7
   Kart Arka Planı:        #FFFFFF
   Kart Hover:             #F8F8F4
   Ana Başlık:             #202427
   Gövde Metni:            #555A5D
   Border:                 #D8D9D5
   ========================================================================== */

:root {
  --color-primary: #C2542D !important;
  --color-primary-hover: #A63E19 !important;
  --color-primary-active: #8C3415 !important;
  --color-primary-accent: #C2542D !important;
  --color-primary-light: #FAEDE7 !important;
  --color-focus: #8C3415 !important;
}

/* 1. Klavye Focus */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid #8C3415 !important;
  outline-offset: 3px !important;
}

/* 2. Vurgulanan Başlık Yazısı (#C2542D) */
.headline-accent,
.hero-headline .headline-accent,
.highlight-text,
.text-accent,
.service-wrapper .content .top .tag {
  color: #C2542D !important;
  font-weight: 700 !important;
}

.sub-title,
.section-top-area .sub-title {
  color: #C2542D !important;
  background: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.25) !important;
  font-weight: 700 !important;
}

/* 3. Menü Aktif & Hover */
.wpr-desktop-menu .menu-item > a:hover,
.wpr-desktop-menu .menu-item a.main-element:hover {
  color: #C2542D !important;
}

.wpr-desktop-menu .menu-item.active > a,
.wpr-desktop-menu .menu-item.active a.main-element,
.wpr-desktop-menu .menu-item.current-menu-item > a {
  color: #C2542D !important;
  border-bottom: 2px solid #C2542D !important;
}

/* 4. Butonlar (#C2542D, Hover: #A63E19, Active: #8C3415) */
.header-btn-cta,
.wpr-btn.header-btn,
.btn-plan-project,
.sales-submit-btn,
.wpr-btn.submit,
.wpr-contact-area .wpr-btn,
button.submit,
.mega-promo-btn {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(194, 84, 45, 0.28) !important;
}

.header-btn-cta *,
.wpr-btn.header-btn *,
.btn-plan-project *,
.sales-submit-btn *,
.wpr-btn.submit *,
.wpr-contact-area .wpr-btn *,
button.submit * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

.header-btn-cta:hover,
.wpr-btn.header-btn:hover,
.btn-plan-project:hover,
.sales-submit-btn:hover,
.wpr-btn.submit:hover,
.wpr-contact-area .wpr-btn:hover,
button.submit:hover,
.mega-promo-btn:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #FFFFFF !important;
  box-shadow: 0 8px 20px rgba(166, 62, 25, 0.35) !important;
}

.header-btn-cta:active,
.btn-plan-project:active,
.sales-submit-btn:active,
button.submit:active {
  background: #8C3415 !important;
  background-color: #8C3415 !important;
}

/* 5. Açık Vurgu Alanları & Form Çipleri */
.sales-badge-pill,
.header-a11y-btn {
  background: #FAEDE7 !important;
  color: #C2542D !important;
  border: 1px solid rgba(194, 84, 45, 0.25) !important;
}

.sales-service-chip:hover {
  background: #FAEDE7 !important;
  color: #C2542D !important;
  border-color: #C2542D !important;
}

.sales-service-chip.active {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

.sales-service-chip.active * {
  color: #FFFFFF !important;
}

.pill-status-dot {
  background-color: #C2542D !important;
  box-shadow: 0 0 8px rgba(194, 84, 45, 0.45) !important;
}

.btn-plan-secondary:hover {
  border-color: #C2542D !important;
  color: #C2542D !important;
}

.proc-arrow {
  color: #C2542D !important;
}

/* 6. Hizmet Kartları */
.service-wrapper:hover {
  border-color: #C2542D !important;
  box-shadow: 0 8px 24px rgba(194, 84, 45, 0.16) !important;
}

.service-wrapper .content .bottom ul {
  border-left: 3px solid #C2542D !important;
}

.service-wrapper .content .bottom .service-btn-area {
  background: #FAEDE7 !important;
  background-color: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.25) !important;
  color: #C2542D !important;
}

.service-wrapper .content .bottom .service-btn-area svg,
.service-wrapper .content .bottom .service-btn-area i {
  color: #C2542D !important;
  fill: #C2542D !important;
}

.service-wrapper:hover .content .bottom .service-btn-area {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #FFFFFF !important;
}

.service-wrapper:hover .content .bottom .service-btn-area svg,
.service-wrapper:hover .content .bottom .service-btn-area i {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* 7. Neden Hızlı İşler & Süreç */
.wpr-why-choose-us-area .odometer,
.wpr-why-choose-us-area .number,
.wpr-why-choose-us-area .counter-number {
  color: #C2542D !important;
}

.why-choose-wrapper2:hover {
  border-color: #C2542D !important;
}

.why-choose-wrapper2 .icon {
  background: #FAEDE7 !important;
  background-color: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.2) !important;
  color: #C2542D !important;
}

.why-choose-wrapper2 .icon svg,
.why-choose-wrapper2 .icon i {
  color: #C2542D !important;
  fill: #C2542D !important;
}

/* 8. SSS & İletişim */
.accordion-button:not(.collapsed) {
  color: #C2542D !important;
}

.wpr-contact-area .left-content-area a:hover {
  color: #C2542D !important;
}

.wpr-contact-area form input:focus,
.wpr-contact-area form textarea:focus {
  border-color: #C2542D !important;
  outline: 2px solid #8C3415 !important;
}

.wpr-contact-area .single-input.last label:hover {
  border-color: #C2542D !important;
  color: #202427 !important;
}

.wpr-footer-area ul li a:hover,
.wpr-footer-area .footer-link:hover,
.copyright-text a:hover {
  color: #C2542D !important;
}



/* ==========================================================================
   HIZLI İŞLER — BAŞLIK VURGUSU ANİMASYON SİSTEMİ (Headline Accent Animation)
   Gevent / Envato Elements Style Fluid Shimmer & Glowing Wave Underline
   ========================================================================== */

@keyframes headlineAccentFlow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes headlineAccentPulse {
  0%, 100% {
    transform: scale(1);
    filter: drop-shadow(0 2px 8px rgba(194, 84, 45, 0.15));
  }
  50% {
    transform: scale(1.018);
    filter: drop-shadow(0 4px 14px rgba(194, 84, 45, 0.32));
  }
}

@keyframes headlineUnderlineFlow {
  0%, 100% {
    background-position: 0% 50%;
    transform: scaleX(1);
    opacity: 0.9;
  }
  50% {
    background-position: 100% 50%;
    transform: scaleX(1.025);
    opacity: 1;
  }
}

/* ==========================================================================
   PERFECT MULTI-LINE & SINGLE-LINE HEADLINE ACCENT ANIMATION
   ========================================================================== */

@keyframes headlineAccentFlow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes headlineAccentGlow {
  0%, 100% {
    filter: drop-shadow(0 2px 6px rgba(194, 84, 45, 0.25));
  }
  50% {
    filter: drop-shadow(0 4px 14px rgba(194, 84, 45, 0.50));
  }
}

.headline-accent,
.hero-headline .headline-accent,
.section-title .headline-accent,
.highlight-text,
.animated-accent {
  display: inline !important;
  font-weight: 800 !important;
  background: linear-gradient(
    110deg,
    #C2542D 0%,
    #E56C42 25%,
    #FFA580 50%,
    #E56C42 75%,
    #C2542D 100%
  ) !important;
  background-size: 240% 100% !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  animation: headlineAccentFlow 3.5s ease-in-out infinite, headlineAccentGlow 3.5s ease-in-out infinite alternate !important;
  will-change: background-position, filter !important;
  padding: 0 !important;
  margin: 0 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(194, 84, 45, 0.85) !important;
  text-decoration-thickness: 3.5px !important;
  text-underline-offset: 6px !important;
  text-decoration-skip-ink: none !important;
  transition: all 0.3s ease !important;
}

/* Remove any broken pseudo-element overlays */
.headline-accent::after,
.hero-headline .headline-accent::after,
.section-title .headline-accent::after {
  display: none !important;
}

/* Hover Interaction */
.headline-accent:hover,
.hero-headline .headline-accent:hover {
  text-decoration-color: #E56C42 !important;
  filter: drop-shadow(0 6px 18px rgba(194, 84, 45, 0.6)) !important;
}