/*
 * FORVILLA Butik Otel — Marka Renk Paleti
 *
 * Primary Blue:        #4B90B5  ← Logo ana rengi
 * Primary Dark:        #2E6A8A  ← Koyu ton (hover, dark bg)
 * Primary Mid:         #3A7A9E  ← Orta ton (secondary accent)
 * Primary Light:       #7AB3CD  ← Açık ton (hover circle)
 * Primary Ultra Light: #E8F3F9  ← Çok açık (section bg)
 * Dark:                #0D1B2A  ← Koyu lacivert metin
 */

/* ===================================================
   1. CSS VARIABLE OVERRIDElERİ (:root)
   =================================================== */
:root {
  /* Homepage1 accent: yeşil → marka mavisi */
  --ztc-text-text-4:  #4B90B5;
  --ztc-bg-bg-2:      #4B90B5;
  --ztc-bg-bg-3:      #E8F3F9;

  /* İkincil yeşil → orta mavi */
  --ztc-text-text-7:  #3A7A9E;
  --ztc-bg-bg-6:      #3A7A9E;

  /* Homepage3 accent: altın → marka mavisi */
  --ztc-text-text-11: #4B90B5;
  --ztc-bg-bg-9:      #4B90B5;

  /* Koyu forest green → koyu marka mavisi */
  --ztc-text-text-10: #2E6A8A;
  --ztc-bg-bg-8:      #2E6A8A;

  /* Koyu siyah-yeşil → lacivert */
  --ztc-text-text-8:  #0D1B2A;
  --ztc-bg-bg-7:      #0D1B2A;

  /* Teal green → marka mavisi */
  --ztc-text-text-20: #4B90B5;
  --ztc-bg-bg-15:     #4B90B5;

  /* Custom variable (apartment fiyat badge) */
  --Home-Page-3-Secondary-Color: #4B90B5;
}

/* ===================================================
   2. HARDCODED RENK OVERRIDElERİ
   =================================================== */

/* header-btn1 hover circle: #A9CF3D → açık mavi */
.header-btn1::after               { background: #7AB3CD; }
/* homepage1 header içindeki btn1 hover circle */
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-btn a.header-btn1::after { background: #7AB3CD; }

/* header-btn3 hover circle: #EBDDB0 → açık mavi */
.header-btn3::after               { background: #A8CEE1; }
.header-btn3                      { color: #fff; }
.header-btn3:hover                { background: #2E6A8A; color: #fff; }
.header-btn3:hover::after         { background: #4B90B5; }

/* homepage3 header içindeki btn hover circle: #EBDDB0 → açık mavi */
.homepage3-body .header-area.homepage3 .header-elements .main-menu ul li .tp-submenu .homemenu-btn a::after { background: #7AB3CD; }

/* header-btn4 hover circle: #446A64 → orta mavi */
.header-btn4::after               { background: #3D7A96; }

/* apartment slider btn11 hardcoded bg: #14453D → koyu mavi */
.apartment-inner2-section-area .arpart-slider-area .apartment-boxarea .content .btn-area1 .header-btn11 {
  background: #2E6A8A;
}

/* ===================================================
   3. NAV HOVER / ACTIVE RENK OVERRIDElERİ
   =================================================== */
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li a:hover,
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li a.active {
  color: #4B90B5;
}

.homepage3-body .header-area.homepage3 .header-elements .main-menu ul li a:hover,
.homepage3-body .header-area.homepage3 .header-elements .main-menu ul li a.active {
  color: #4B90B5;
}

/* ===================================================
   4. FOOTER FORM BUTTON
   =================================================== */
.footer-contact-box .header-btn4             { background: #4B90B5; }
.footer-contact-box .header-btn4::after      { background: #7AB3CD; }
.footer-contact-box .header-btn4:hover::after { background: #4B90B5; }

/* ===================================================
   5. GENEL LINK HOVER
   =================================================== */
a:hover { color: #4B90B5; }

/* ===================================================
   6. SCROLL PROGRESS BAR
   =================================================== */
.progress-wrap svg.progress-circle path {
  stroke: #4B90B5;
}

/* ===================================================
   7. HEADER SOSYAL MEDYA İKON DAİRELERİ (#E9F3CF)
   =================================================== */
/* ===================================================
   8. SECTION BAŞLIK BADGE (rgba(163, 192, 82, 0.2))
   =================================================== */
.heading1 h5 {
  background: rgba(75, 144, 181, 0.15);
}
.footer1-section-area .footer-instagram-area .instagram-header h5 {
  background: rgba(75, 144, 181, 0.15);
}

/* ===================================================
   9. SLIDER NAV & İKON DAİRELERİ (#F4F9E7)
   =================================================== */
.service1-section-area .service-slider-area .owl-nav button {
  background: #DFF0F8;
  color: #4B90B5;
}
.others1-section-area .others-box .icons {
  background: #DFF0F8;
}

/* ===================================================
   10. GENEL OVERRIDE: kalan tüm açık yeşil bg tintler
   =================================================== */
.btn-area ul li a {
  background: #DFF0F8;
  color: #4B90B5;
}
.btn-area ul li a:hover {
  background: #4B90B5;
  color: #fff;
}