/* Filiz Beauty — arayüz düzeltmeleri (tüm sayfalara, style.css'ten sonra yüklenir) */

/* ---------- Üst bilgi şeridi: etiketler tek satır, sıkışık ayraç kaldırıldı ---------- */
.header-top { font-size: 13px; }
.header-top ul { flex-wrap: wrap; justify-content: center; gap: 4px 28px; }
.header-top ul li { white-space: normal; line-height: 1.5; }
.header-top ul li span { white-space: nowrap; margin-right: 6px; opacity: .75; }
.header-top ul li i { margin-right: 8px; }
.header-top ul li:after, .header-top ul li:before { display: none; }
@media (max-width: 1199px) { .header-top ul li:nth-child(2) span { display: none; } }
@media (max-width: 991px) { .header-top-wrap { display: none; } }

/* ---------- Başlık: işlevsiz arama + şablon yan paneli yerine Randevu butonu ---------- */
.menu-icons .nav-search, .menu-icons .menu-sidebar { display: none !important; }
.header-cta { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap;
  background: #25D366; color: #fff !important; font-family: "Montserrat", sans-serif; font-weight: 600;
  font-size: 14px; padding: 11px 20px; border-radius: 40px; transition: .25s; }
.menu-icons { margin-right: 12px; }
.header-cta:hover { background: #1ebe5b; color: #fff; }
@media (max-width: 991px) { .header-cta { display: none; } }

/* ---------- Butonlar: baştaki ikon metne yapışmasın ---------- */
.theme-btn > i.i-lead, a.theme-btn > i.i-lead { margin-left: 0; margin-right: 10px; }
.theme-btn { gap: 0; text-align: center; line-height: 1.4; }
@media (max-width: 575px) { .theme-btn { padding-left: 18px; padding-right: 18px; } }

/* ---------- Bölüm başlıkları: ölçek ve taşma ---------- */
h1, h2, h3 { overflow-wrap: break-word; hyphens: manual; }
.section-title h2, .fb-sec h2, .instagram-reels-section h2, .reviews-section h2 { font-size: clamp(26px, 3.2vw, 42px); line-height: 1.2; }
.section-title .sub-title, .fb-sec .sub-title, .instagram-reels-section .sub-title, .reviews-section .sub-title {
  font-size: 16px !important; letter-spacing: 1px; }
@media (max-width: 575px) {
  .section-title h2, .fb-sec h2, .instagram-reels-section h2, .reviews-section h2, .map-info h2 { font-size: 26px !important; }
  .bg-text { font-size: 64px !important; opacity: .5; }
}

/* ---------- Hero (ana sayfa) ---------- */
.hero-content h1 { font-size: clamp(34px, 3.6vw, 56px); line-height: 1.12; }
.hero-content .bg-text { opacity: .35; }
@media (max-width: 991px) {
  .hero-section { display: flex; flex-direction: column; }
  .hero-section > .container { order: 1; }
  .hero-content { margin-top: 56px !important; margin-bottom: 40px !important; }
  .hero-right-image { position: relative !important; order: 2; width: 100% !important; height: 62vw !important;
    min-height: 260px; max-height: 460px; z-index: 0 !important; background-position: center 35% !important; }
  .hero-content h1 { font-size: 34px; }
}
@media (max-width: 575px) { .hero-content h1 { font-size: 30px; letter-spacing: 0; } }

/* ---------- Ana sayfa "Neler Yapıyoruz": dar sütunu genişlet, süsü telefonda gizle ---------- */
@media (min-width: 1200px) { .features-item-wrap { margin-left: -40px; margin-right: -40px; } }
@media (max-width: 1199px) { .reatures-leaf { display: none; } }

/* ---------- Yorum kaydırıcısı: metin kenara dayanmasın ---------- */
.feedback-section .feedback-content, .testimonial-content { padding-left: 24px; padding-right: 24px; }

/* ---------- Google rozeti telefonda tek satır ---------- */
@media (max-width: 575px) {
  .google-badge { gap: 6px; padding: 8px 14px; font-size: 13px; flex-wrap: nowrap; white-space: nowrap; }
  .google-badge .stars { white-space: nowrap; }
  .google-badge .stars i { font-size: 11px; }
}

/* ---------- WhatsApp penceresi: telefonda içeriği kapatmasın ---------- */
@media (max-width: 767px) {
  .wa-popup { width: 290px; bottom: 74px; }
  .wa-popup-body { padding: 14px; font-size: 13px; }
}

/* ---------- Görseller animasyondan önce görünmez kalmasın (yavaş bağlantıda boş alan) ---------- */
@media (prefers-reduced-motion: reduce) { .wow { visibility: visible !important; animation: none !important; } }

/* ---------- İşlevsiz arama kutuları gizlendi ---------- */
.search-widget { display: none !important; }

/* ---------- Ana sayfa: kenardan kenara kutuları içerik genişliğine al ---------- */
@media (min-width: 1200px) {
  .booking-section > .container-fluid, .category-section { max-width: 1320px; margin-left: auto; margin-right: auto; }
  .category-section { gap: 0; }
}