/*
Theme Name: DailyTour Global Premium
Description: Luxury Travel & Booking Theme
Version: 2.0
*/

/* --- 1. MODERN DEĞİŞKENLER (PREMIUM PALET) --- */
:root {
  /* Renkler: Flat renk yerine Gradyan kullanıyoruz */
  --primary: #003580;
  --primary-grad: linear-gradient(135deg, #00224f 0%, #0055b3 100%); /* Derin Okyanus */
  --accent: #ff6b00;
  --accent-grad: linear-gradient(135deg, #ff6b00 0%, #ff9f43 100%); /* Gün Batımı */
  
  --text-dark: #1a1a1a;
  --text-grey: #636e72;
  --bg-body: #f8f9fa;
  --bg-white: #ffffff;
  
  --glass: rgba(255, 255, 255, 0.90);
  --glass-border: rgba(255, 255, 255, 0.5);
  
  --shadow-sm: 0 5px 15px rgba(0,0,0,0.05);
  --shadow-lg: 0 20px 50px rgba(0,0,0,0.15);
  
  --radius: 16px;
  --font-head: 'Montserrat', sans-serif; /* Daha modern başlıklar */
  --font-body: 'Open Sans', sans-serif;
}

/* --- 2. TEMEL AYARLAR --- */
* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: var(--font-body);
  background-color: var(--bg-body);
  color: var(--text-dark);
  line-height: 1.6;
  overflow-x: hidden;
}

a { text-decoration: none; color: inherit; transition: all 0.3s ease; }
ul { list-style: none; }
img { max-width: 100%; display: block; }

/* Font Yükleme (Eğer header'da yoksa diye garanti olsun) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Open+Sans:wght@400;600&display=swap');

/* --- 3. PREMIUM HEADER (BUZLU CAM) --- */
.site-header {
  position: fixed; top: 0; left: 0; width: 100%;
  padding: 15px 0;
  z-index: 1000;
  transition: all 0.4s ease;
  background: rgba(255,255,255,0.05); /* Şeffaf başla */
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

/* Scroll yapınca header beyazlaşsın */
.site-header.scrolled {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(20px); /* iPhone efekti */
  padding: 10px 0;
  box-shadow: 0 5px 30px rgba(0,0,0,0.05);
}

.header-wrap {
  max-width: 1300px; margin: 0 auto; padding: 0 30px;
  display: flex; justify-content: space-between; align-items: center;
}

.logo {
  font-family: var(--font-head);
  font-size: 26px; font-weight: 800;
  color: #fff; /* Başta beyaz */
  letter-spacing: -1px;
}
.site-header.scrolled .logo { color: var(--primary); }

.logo span { color: var(--accent); }

.nav-menu a {
  margin-left: 25px; font-weight: 600; font-size: 15px; color: #fff; opacity: 0.9;
}
.site-header.scrolled .nav-menu a { color: var(--text-dark); }

.nav-menu a:hover { color: var(--accent); opacity: 1; transform: translateY(-2px); display: inline-block; }

.btn-cart {
  background: var(--accent-grad);
  color: #fff !important;
  padding: 10px 25px;
  border-radius: 50px;
  box-shadow: 0 5px 15px rgba(255, 107, 0, 0.3);
}
.btn-cart:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(255, 107, 0, 0.5);
}

/* --- 4. HERO SECTION (SİNEMATİK) --- */
.hero-section {
  position: relative;
  height: 90vh; /* Ekranı kaplasın */
  min-height: 600px;
  display: flex; align-items: center; justify-content: center;
  text-align: center; color: #fff;
  margin-top: -80px; /* Header'ın altına girsin */
  overflow: hidden;
}

.hero-bg-video {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  object-fit: cover; z-index: -1;
  transform: scale(1.1); /* Hafif zoomlu başlasın */
}

.hero-overlay {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  background: radial-gradient(circle, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.6) 100%);
  z-index: 0;
}

.hero-content {
  position: relative; z-index: 2;
  max-width: 1000px; padding: 0 20px;
  animation: fadeUp 1s ease-out;
}

.hero-title {
  font-family: var(--font-head);
  font-size: 4rem; /* Kocaman başlık */
  font-weight: 800;
  margin-bottom: 20px;
  line-height: 1.1;
  text-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
.hero-desc {
  font-size: 1.4rem; font-weight: 300; margin-bottom: 50px; opacity: 0.9;
}

/* --- 5. ARAMA KUTUSU (COCKPIT STİLİ) --- */
.search-box-wrapper {
  background: var(--glass);
  backdrop-filter: blur(20px);
  padding: 10px;
  border-radius: 100px; /* Hap şeklinde */
  display: inline-flex;
  align-items: center;
  box-shadow: 0 20px 50px rgba(0,0,0,0.3);
  width: 100%; max-width: 950px;
  border: 1px solid var(--glass-border);
  transition: transform 0.3s ease;
}

.search-box-wrapper:hover { transform: translateY(-5px); }

.search-group {
  flex: 1; padding: 15px 25px;
  border-right: 1px solid rgba(0,0,0,0.05);
  text-align: left; position: relative;
}
.search-group:last-child { border: none; flex: 0; padding: 5px; }

.search-group label {
  display: block; font-size: 11px; font-weight: 700; letter-spacing: 1px;
  color: #888; text-transform: uppercase; margin-bottom: 5px;
}
.search-group select, .search-group input {
  width: 100%; border: none; background: transparent;
  font-family: var(--font-head); font-weight: 700; font-size: 16px; color: var(--text-dark);
  outline: none; cursor: pointer;
}

.btn-search {
  background: var(--primary-grad);
  color: #fff; border: none;
  width: 65px; height: 65px; border-radius: 50%;
  font-size: 22px; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-shadow: 0 10px 20px rgba(0, 53, 128, 0.3);
}
.btn-search:hover { transform: rotate(90deg) scale(1.1); background: var(--accent-grad); }

/* --- 6. VİTRİN & KARTLAR (LUXURY CARDS) --- */
.section { padding: 100px 0; }
.wrap { max-width: 1300px; margin: 0 auto; padding: 0 30px; }

.section-title h2 {
  font-family: var(--font-head);
  font-size: 2.5rem; font-weight: 800;
  color: var(--primary); margin-bottom: 10px;
  letter-spacing: -1px;
}
.section-title p { color: var(--text-grey); font-size: 1.1rem; }

.tours-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 40px; margin-top: 50px;
}

.tour-card {
  background: #fff;
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all 0.4s ease;
  position: relative;
  border: 1px solid rgba(0,0,0,0.03);
}

.tour-card:hover {
  transform: translateY(-15px);
  box-shadow: var(--shadow-lg);
}

.card-img {
  height: 250px; overflow: hidden; position: relative;
}
.card-img img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform 0.6s ease;
}
.tour-card:hover .card-img img { transform: scale(1.1); }

.price-tag {
  position: absolute; bottom: 20px; right: 20px;
  background: var(--accent-grad);
  color: #fff; padding: 8px 20px; border-radius: 50px;
  font-weight: 700; font-family: var(--font-head);
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.card-body { padding: 30px; }
.tour-meta {
  display: flex; gap: 15px; margin-bottom: 15px;
  font-size: 13px; color: #888; font-weight: 600;
}
.tour-meta i { color: var(--accent); margin-right: 5px; }

.card-body h3 {
  font-family: var(--font-head);
  font-size: 1.4rem; margin-bottom: 12px;
  line-height: 1.3; color: var(--text-dark);
}
.card-body p {
  color: var(--text-grey); font-size: 0.95rem; margin-bottom: 25px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

.btn-card {
  display: block; text-align: center;
  background: #f0f4ff; color: var(--primary);
  padding: 15px; border-radius: 12px;
  font-weight: 700; letter-spacing: 0.5px;
  transition: 0.3s;
}
.btn-card:hover {
  background: var(--primary); color: #fff;
  box-shadow: 0 10px 20px rgba(0, 53, 128, 0.2);
}

/* --- 7. FOOTER & EXTRAS --- */
.site-footer {
  background: #0b0c10; color: #fff; padding: 80px 0 40px;
  border-top: 5px solid var(--accent);
}

/* Whatsapp Butonu (Animasyonlu) */
.whatsapp-float {
  position: fixed; bottom: 30px; right: 30px;
  background: #25d366; color: #fff;
  width: 65px; height: 65px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 35px; box-shadow: 0 10px 30px rgba(37, 211, 102, 0.4);
  z-index: 999; animation: pulse 2s infinite;
}
@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
  70% { box-shadow: 0 0 0 20px rgba(37, 211, 102, 0); }
  100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

/* MOBİL UYUM */
@media (max-width: 768px) {
  .hero-title { font-size: 2.5rem; }
  .search-box-wrapper { flex-direction: column; border-radius: 24px; padding: 20px; }
  .search-group { width: 100%; border: none; border-bottom: 1px solid #eee; padding: 15px 0; }
  .btn-search { width: 100%; border-radius: 15px; margin-top: 15px; height: 50px; transform: none !important; }
  .btn-search i { margin-right: 10px; }
  .btn-search::after { content: "ARA"; font-weight: bold; }
}
/* =========================================
   ULTRA PREMIUM FOOTER STYLES
   ========================================= */

/* Genel Footer Yapısı */
.site-footer {
    background-color: #0b0c10; /* Koyu Zemin */
    color: #a0a0a0;
    font-size: 14px;
    margin-top: 80px;
    position: relative;
    overflow: hidden;
}

/* 1. Newsletter Alanı (Üst) */
.footer-newsletter {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    padding: 40px 0;
    position: relative;
}
.newsletter-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.newsletter-text h3 {
    color: #fff;
    font-size: 1.5rem;
    font-family: var(--font-head);
    margin-bottom: 5px;
    display: flex; align-items: center; gap: 10px;
}
.newsletter-text p {
    color: rgba(255,255,255,0.8);
    font-size: 0.95rem;
}

.newsletter-form .input-group {
    display: flex;
    background: #fff;
    padding: 5px;
    border-radius: 50px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.newsletter-form input {
    border: none;
    padding: 10px 20px;
    width: 250px;
    outline: none;
    font-size: 14px;
    border-radius: 50px 0 0 50px;
}
.newsletter-form button {
    background: var(--accent);
    color: #fff;
    border: none;
    padding: 10px 25px;
    border-radius: 50px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s;
}
.newsletter-form button:hover {
    background: var(--accent-hover);
    transform: translateX(3px);
}

/* 2. Ana Footer Grid */
.footer-main {
    padding: 70px 0 50px;
    background-image: url('https://www.transparenttextures.com/patterns/cubes.png'); /* Hafif doku */
}
.footer-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
    gap: 40px;
}

/* Kolon Stilleri */
.footer-col h4.widget-title {
    color: #fff;
    font-size: 1.2rem;
    font-family: var(--font-head);
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 10px;
}
.footer-col h4.widget-title::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    width: 40px; height: 3px;
    background: var(--accent);
    border-radius: 2px;
}

/* Marka Alanı */
.footer-logo {
    font-family: var(--font-head);
    font-size: 28px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 20px;
    display: block;
}
.footer-logo span { color: var(--accent); }
.brand-desc {
    line-height: 1.7;
    margin-bottom: 25px;
}

/* Sosyal Medya İkonları */
.social-links { display: flex; gap: 10px; margin-bottom: 20px; }
.sc-icon {
    width: 40px; height: 40px;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
    display: flex; align-items: center; justify-content: center;
    color: #fff;
    transition: 0.3s;
}
.sc-icon:hover { transform: translateY(-3px); }
.sc-icon.instagram:hover { background: #E1306C; }
.sc-icon.facebook:hover { background: #1877F2; }
.sc-icon.twitter:hover { background: #1DA1F2; }
.sc-icon.youtube:hover { background: #FF0000; }

/* TÜRSAB Badge */
.tursab-badge {
    border: 1px solid rgba(255,255,255,0.2);
    padding: 10px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center; gap: 10px;
    font-size: 12px;
}
.tursab-badge i { color: var(--accent); font-size: 16px; }

/* Link Listeleri */
.footer-links li { margin-bottom: 12px; }
.footer-links a {
    color: #a0a0a0;
    transition: 0.3s;
    display: flex; align-items: center; gap: 8px;
}
.footer-links a i { font-size: 12px; color: var(--accent); opacity: 0.6; }
.footer-links a:hover {
    color: #fff;
    transform: translateX(5px);
}
.footer-links a:hover i { opacity: 1; }

/* İletişim Kartları */
.contact-item {
    display: flex; gap: 15px; margin-bottom: 20px;
}
.contact-item i {
    font-size: 20px; color: var(--accent);
    margin-top: 5px;
}
.contact-item span {
    display: block; font-size: 11px; text-transform: uppercase; letter-spacing: 1px;
    color: #666; margin-bottom: 3px;
}
.contact-item a, .contact-item p {
    color: #fff; font-size: 14px;
}

/* Ödeme İkonları */
.payment-icons {
    margin-top: 25px;
    display: flex; gap: 10px;
    font-size: 24px; color: #ccc;
}

/* 3. Footer Alt (Bottom) */
.footer-bottom {
    background: #050608;
    padding: 20px 0;
    border-top: 1px solid rgba(255,255,255,0.05);
}
.bottom-inner {
    display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;
}
.copyright-text { color: #666; }
.bottom-links a { color: #666; font-size: 13px; }
.bottom-links a:hover { color: var(--accent); }
.bottom-links .sep { margin: 0 10px; color: #444; }

/* 4. WhatsApp Float (Geliştirilmiş) */
.whatsapp-float {
    position: fixed; bottom: 30px; right: 30px;
    background: #25d366; color: white;
    padding: 10px 20px 10px 15px;
    border-radius: 50px;
    display: flex; align-items: center; gap: 10px;
    text-decoration: none;
    box-shadow: 0 10px 30px rgba(37, 211, 102, 0.4);
    z-index: 9999;
    transition: 0.3s;
    animation: floatAnim 3s ease-in-out infinite;
}
.whatsapp-float i { font-size: 30px; }
.wa-text { font-weight: 700; font-family: var(--font-head); }
.whatsapp-float:hover {
    background: #128c7e; transform: scale(1.05);
}
@keyframes floatAnim {
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}

/* 5. Back To Top Butonu */
#backToTop {
    position: fixed; bottom: 100px; right: 35px;
    width: 45px; height: 45px;
    background: var(--primary);
    color: #fff; border: none; border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    opacity: 0; pointer-events: none;
    transition: 0.4s; z-index: 999;
}
#backToTop:hover { background: var(--accent); transform: translateY(-5px); }

/* Mobil Uyum */
@media (max-width: 992px) {
    .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
    .footer-grid { grid-template-columns: 1fr; }
    .newsletter-inner { flex-direction: column; text-align: center; }
    .newsletter-form input { width: 100%; }
    .bottom-inner { flex-direction: column; gap: 10px; text-align: center; }
    .whatsapp-float { bottom: 20px; right: 20px; padding: 10px; border-radius: 50%; }
    .wa-text { display: none; } /* Mobilde yazıyı gizle sadece ikon kalsın */
}
/* --- PREMIUM WHATSAPP BUTONU (FİX) --- */
.whatsapp-float {
    position: fixed;
    width: 65px;
    height: 65px;
    bottom: 30px;
    right: 30px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50%;
    text-align: center;
    font-size: 32px;
    box-shadow: 0 5px 20px rgba(37, 211, 102, 0.5);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border: 2px solid #fff; /* Beyaz çerçeve klas gösterir */
    animation: pulse-green 2s infinite;
}

.whatsapp-float:hover {
    background-color: #128c7e;
    color: #fff;
    transform: scale(1.1); /* Üzerine gelince büyüsün */
    box-shadow: 0 8px 25px rgba(37, 211, 102, 0.7);
}

.whatsapp-float i {
    margin-top: 2px; /* İkonu milimetrik ortalamak için */
}

/* Nefes Alma Animasyonu */
@keyframes pulse-green {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(37, 211, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

/* Mobilde biraz daha küçük olsun ki ekranı kapatmasın */
@media (max-width: 768px) {
    .whatsapp-float {
        width: 55px;
        height: 55px;
        font-size: 28px;
        bottom: 20px;
        right: 20px;
    }
}
/* =========================================
   HEADER SIFIRLAMA VE KURULUM
   ========================================= */

/* 1. Header Ana Kutusu (Sabit ve Şeffaf) */
.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    padding: 20px 0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    background: transparent; /* Başlangıçta şeffaf */
    border-bottom: 1px solid rgba(255, 255, 255, 0.15); /* İnce çizgi */
}

/* Scroll Yapılınca (Aşağı inince) Görünüm */
.site-header.scrolled {
    background: #ffffff;
    padding: 12px 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); /* Hafif gölge */
    border-bottom: none;
}

/* İçeriği Hizalama (Flexbox) */
.header-wrap {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 25px;
    display: flex;
    align-items: center;
    justify-content: space-between; /* Sağa sola yasla */
}

/* =========================================
   LOGO TASARIMI
   ========================================= */
.logo {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 800;
    color: #ffffff; /* Başta beyaz */
    text-transform: uppercase;
    letter-spacing: -0.5px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    line-height: 1;
}

.logo span {
    color: #ff6b00; /* Turuncu nokta */
}

/* Scroll olunca Logo Rengi */
.site-header.scrolled .logo {
    color: #003580; /* Lacivert */
}

/* =========================================
   MENÜ (ORTA KISIM)
   ========================================= */
.nav-menu {
    display: flex;
    gap: 30px;
}

.nav-menu a {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    padding: 5px 0;
}

/* Menü Alt Çizgi Efekti */
.nav-menu a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #ff6b00;
    transition: 0.3s;
}

.nav-menu a:hover::after {
    width: 100%;
}

/* Scroll olunca Link Rengi */
.site-header.scrolled .nav-menu a {
    color: #1a1a1a;
}

/* =========================================
   SAĞ TARAF (BUTONLAR & SEPET)
   ========================================= */
.header-right {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* Sepet İkonu */
.icon-btn {
    color: #ffffff;
    font-size: 20px;
    position: relative;
    transition: 0.3s;
}

.site-header.scrolled .icon-btn {
    color: #333;
}

.cart-badge {
    position: absolute;
    top: -8px;
    right: -10px;
    background: #ff6b00;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(255,255,255,0.2);
}

/* Rezervasyon Butonu */
.btn-rez {
    background: #ff6b00; /* Turuncu */
    color: #fff !important;
    padding: 12px 25px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(255, 107, 0, 0.3);
}

.btn-rez:hover {
    background: #e65100;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(255, 107, 0, 0.4);
}

/* Mobil Menü Tetikleyici (Hamburger) */
.mobile-toggle {
    display: none; /* Masaüstünde gizli */
    background: none;
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
}

.site-header.scrolled .mobile-toggle {
    color: #333;
}

/* =========================================
   MOBİL UYUM (RESPONSIVE)
   ========================================= */
@media (max-width: 992px) {
    /* Masaüstü menüyü ve butonu gizle */
    .desktop-menu, .btn-rez {
        display: none;
    }

    /* Hamburgeri göster */
    .mobile-toggle {
        display: block;
    }
    
    .header-wrap {
        padding: 0 20px;
    }
    
    .logo {
        font-size: 20px;
    }
}
/* --- HEADER HİZALAMA DÜZELTMESİ --- */

/* 1. Admin Bar yüzünden oluşan boşluğu sil */
html { margin-top: 0 !important; }

/* 2. Header içeriğini kenarlardan uzaklaştır */
.header-wrap {
    max-width: 1400px; /* Genişlik sınırı */
    margin: 0 auto;    /* Ortala */
    padding: 0 40px !important; /* Soldan ve sağdan boşluk bırak */
    width: 100%;
}

/* 3. Mobilde o boşluğu biraz azaltalım */
@media (max-width: 768px) {
    .header-wrap {
        padding: 0 20px !important;
    }
}

/* 4. Eğer solda "Mobil Menü" açık kalıyorsa onu gizle */
.mobile-menu {
    right: -350px !important; /* Ekran dışına it */
    left: auto !important;    /* Solda durmasın */
    display: block;
}
.mobile-menu.active {
    right: 0 !important; /* Sadece açılınca gelsin */
}
/* =========================================
   TEMİZ HEADER CSS (HATA DÜZELTİLDİ)
   ========================================= */

/* 1. Header Kutusu */
.site-header {
    position: fixed;
    top: 0; left: 0; width: 100%;
    z-index: 1000; /* Her şeyin üstünde */
    padding: 20px 0;
    transition: 0.4s;
    background: transparent; /* Şeffaf */
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.site-header.scrolled {
    background: #fff;
    padding: 10px 0;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.header-wrap {
    max-width: 1200px; margin: 0 auto; padding: 0 20px;
    display: flex; justify-content: space-between; align-items: center;
}

/* 2. Logo */
.logo {
    font-size: 24px; font-weight: 800; color: #fff;
    text-transform: uppercase; font-family: sans-serif;
    letter-spacing: -1px; text-decoration: none;
}
.logo span { color: #ff6b00; }

.site-header.scrolled .logo { color: #003580; } /* Scroll olunca koyu renk */

/* 3. Masaüstü Menü (Ortadaki) */
.desktop-menu { display: flex; gap: 25px; }

.desktop-menu a {
    color: #fff; font-weight: 600; font-size: 14px; text-decoration: none;
    text-transform: uppercase; opacity: 0.9;
}
.desktop-menu a:hover { opacity: 1; color: #ff6b00; }

.site-header.scrolled .desktop-menu a { color: #333; } /* Scroll olunca siyah */

/* 4. Sağ Taraf */
.header-right { display: flex; align-items: center; gap: 15px; }

.cart-btn {
    color: #fff; font-size: 18px; position: relative; margin-right: 10px;
}
.site-header.scrolled .cart-btn { color: #333; }

.badge {
    position: absolute; top: -8px; right: -8px;
    background: #ff6b00; color: #fff; font-size: 10px;
    width: 16px; height: 16px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
}

.rez-btn {
    background: #ff6b00; color: #fff !important;
    padding: 10px 20px; border-radius: 30px;
    font-weight: 700; font-size: 12px; text-decoration: none;
    transition: 0.3s;
}
.rez-btn:hover { background: #e65100; transform: translateY(-2px); }

/* 5. Mobil Menü (EKRANDAN GİZLE) */
.mobile-toggle { display: none; background: none; border: none; font-size: 24px; color: #fff; cursor: pointer; }
.site-header.scrolled .mobile-toggle { color: #333; }

.mobile-panel {
    position: fixed; top: 0; right: -300px; /* Ekranın DIŞINDA */
    width: 300px; height: 100%;
    background: #fff; z-index: 2000;
    padding: 20px; transition: 0.4s;
    box-shadow: -5px 0 20px rgba(0,0,0,0.2);
    display: flex; flex-direction: column;
}
.mobile-panel.active { right: 0; } /* Açılınca ekrana girsin */

.mp-head {
    display: flex; justify-content: space-between; align-items: center;
    border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 20px;
}
.mp-title { font-weight: bold; color: #333; font-size: 18px; }
#closeMenu { background: none; border: none; font-size: 22px; cursor: pointer; }

.mp-links a {
    display: block; padding: 12px 0; color: #333; font-weight: 600;
    border-bottom: 1px solid #f9f9f9; text-decoration: none;
}

.mp-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.5); z-index: 1999;
    display: none;
}
.mp-overlay.active { display: block; }

/* 6. RESPONSIVE AYARLAR */
@media (max-width: 992px) {
    .desktop-menu { display: none !important; } /* Masaüstü menüyü gizle */
    .rez-btn { display: none !important; }
    .mobile-toggle { display: block !important; } /* Hamburgeri aç */
}
/* =========================================
   TUR DETAY SAYFASI (PREMIUM)
   ========================================= */

.tour-page {
    padding-top: 80px;
    background: #f9f9f9;
    min-height: 100vh;
}

/* 1. Arkaplan Bulanık Header */
.tour-bg-header {
    height: 350px;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: -80px; /* Header altına girsin */
}
.tour-bg-header .overlay {
    position: absolute; top:0; left:0; width:100%; height:100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.3), #f9f9f9);
    backdrop-filter: blur(5px);
}

/* 2. Grid Yapısı */
.tour-container {
    display: grid;
    grid-template-columns: 2fr 1fr; /* Sol geniş, Sağ dar */
    gap: 40px;
    margin-top: -100px; /* Yukarı bindir */
    position: relative; z-index: 2;
    padding-bottom: 50px;
}

/* 3. Sol İçerik */
.tour-content {
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.05);
}

.tour-header-block h1 { font-size: 2.5rem; color: #1a1a1a; margin: 10px 0; }
.tour-cat { 
    background: #e3f2fd; color: #003580; padding: 5px 15px; 
    border-radius: 20px; font-size: 12px; font-weight: 700; 
}

.tour-meta-row {
    display: flex; gap: 20px; color: #666; font-size: 14px; margin-bottom: 25px;
}
.tour-meta-row i { color: #ff6b00; margin-right: 5px; }

.main-img {
    width: 100%; height: 400px; object-fit: cover; border-radius: 15px;
    margin-bottom: 30px;
}

.tour-desc-box h3, .tour-timeline h3 {
    font-size: 1.5rem; margin-bottom: 15px; color: #003580;
    border-bottom: 2px solid #f1f1f1; padding-bottom: 10px;
}
.tour-desc-box p { color: #555; line-height: 1.8; margin-bottom: 30px; }

/* Timeline (Program) */
.tour-timeline ul { padding-left: 20px; border-left: 2px solid #ddd; }
.tour-timeline li { margin-bottom: 15px; position: relative; padding-left: 20px; }
.tour-timeline li::before {
    content: ''; position: absolute; left: -26px; top: 5px;
    width: 10px; height: 10px; background: #ff6b00; border-radius: 50%;
    border: 3px solid #fff;
}
.tour-timeline .time { font-weight: 800; color: #1a1a1a; margin-right: 10px; }

/* 4. Sağ Taraf (Sticky Booking) */
.tour-sidebar { position: relative; }

.booking-card {
    background: #fff;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    position: sticky; top: 100px; /* Kayınca yapışır */
    border: 1px solid #eee;
}

.price-header {
    display: flex; justify-content: space-between; align-items: center;
    border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 20px;
}
.price-header .amount { font-size: 2rem; font-weight: 800; color: #003580; }

.form-group { margin-bottom: 20px; }
.form-group label { display: block; font-weight: 700; margin-bottom: 8px; font-size: 13px; }
.form-control { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 8px; }

/* Adet Seçici */
.qty-box {
    display: flex; align-items: center; border: 1px solid #ddd; border-radius: 8px; overflow: hidden;
}
.qty-btn {
    width: 40px; height: 40px; background: #f5f5f5; border: none; font-weight: bold; cursor: pointer;
}
.qty-btn:hover { background: #e0e0e0; }
#adultCount {
    width: 100%; text-align: center; border: none; font-weight: bold;
}

.total-row {
    display: flex; justify-content: space-between; font-size: 1.2rem; margin: 20px 0; border-top: 1px solid #eee; padding-top: 15px;
}

.btn-book-now {
    width: 100%; padding: 15px; background: #ff6b00; color: #fff;
    border: none; border-radius: 12px; font-weight: 800; font-size: 16px;
    cursor: pointer; margin-bottom: 10px; transition: 0.3s;
}
.btn-book-now:hover { background: #e65100; transform: translateY(-2px); }

.btn-whatsapp-book {
    display: block; width: 100%; padding: 12px; background: #25d366; color: #fff;
    text-align: center; border-radius: 12px; font-weight: 700; text-decoration: none;
}
.secure-note { font-size: 12px; color: #888; text-align: center; margin-top: 15px; }

/* Responsive */
@media (max-width: 992px) {
    .tour-container { grid-template-columns: 1fr; margin-top: -50px; }
    .tour-bg-header { height: 250px; }
}
/* =========================================
   STORE PAGE PREMIUM REDESIGN
   ========================================= */

.store-page {
    padding-top: 100px;
    background: #f4f7fe;
    padding-bottom: 80px;
}

/* 1. Store Hero (Merkezi Başlık) */
.store-hero {
    padding: 80px 0 60px;
    text-align: center;
}
.store-header-content .top-tag {
    font-size: 12px; font-weight: 800; color: var(--accent);
    letter-spacing: 3px; display: block; margin-bottom: 15px;
}
.store-header-content h1 {
    font-size: 3.2rem; color: var(--primary); font-weight: 800; line-height: 1.1; margin-bottom: 20px;
}
.store-header-content h1 span { color: var(--text-dark); }
.store-header-content p { font-size: 1.1rem; color: #64748b; max-width: 600px; margin: 0 auto; }

/* 2. Layout & Sidebar */
.store-container {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 40px;
    align-items: start;
}

.filter-box {
    background: #fff;
    padding: 30px;
    border-radius: 24px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.03);
    border: 1px solid #eef2f6;
    position: sticky; top: 110px;
}

.filter-head {
    display: flex; align-items: center; gap: 12px;
    margin-bottom: 25px; border-bottom: 1px solid #f1f5f9; padding-bottom: 15px;
}
.filter-head i { color: var(--accent); font-size: 1.2rem; }
.filter-head h3 { font-size: 1.2rem; color: var(--primary); font-weight: 700; }

.filter-group { margin-bottom: 20px; }
.filter-group label { display: block; font-size: 12px; font-weight: 800; color: #a3aed0; margin-bottom: 10px; text-transform: uppercase; }
.filter-group select {
    width: 100%; padding: 12px; border: 1px solid #e2e8f0; border-radius: 12px;
    background: #f8fafc; font-weight: 600; outline: none; transition: 0.3s;
}
.filter-group select:focus { border-color: var(--primary); background: #fff; }

.btn-filter-apply {
    width: 100%; padding: 15px; background: var(--primary); color: #fff;
    border: none; border-radius: 12px; font-weight: 800; cursor: pointer; transition: 0.3s;
}
.btn-filter-apply:hover { background: var(--accent); transform: translateY(-3px); }

.btn-reset { display: block; text-align: center; margin-top: 15px; color: #94a3b8; font-size: 13px; font-weight: 600; text-decoration: none; }

/* 3. Tur Kartları (Premium Grid) */
.store-top-bar {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 30px; padding: 15px 25px;
    background: #fff; border-radius: 16px; box-shadow: 0 4px 12px rgba(0,0,0,0.02);
}
.results-count { font-weight: 600; color: #64748b; }
.view-options { font-size: 1.2rem; color: #cbd5e1; display: flex; gap: 15px; }
.view-options .active { color: var(--primary); }

.tours-grid-premium {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 30px;
}

.tour-item-card {
    background: #fff; border-radius: 20px; overflow: hidden;
    transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 1px solid #f1f5f9; box-shadow: 0 5px 15px rgba(0,0,0,0.02);
}
.tour-item-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,0,0,0.08); }

.card-media { position: relative; height: 220px; overflow: hidden; }
.card-media img { width: 100%; height: 100%; object-fit: cover; transition: 0.6s; }
.tour-item-card:hover .card-media img { transform: scale(1.1); }

.price-sticker {
    position: absolute; bottom: 20px; right: 20px;
    background: var(--primary); color: #fff; padding: 10px 18px;
    border-radius: 14px; text-align: center; line-height: 1;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}
.price-sticker .p-label { display: block; font-size: 10px; opacity: 0.7; margin-bottom: 3px; }
.price-sticker .p-value { font-size: 1.2rem; font-weight: 800; }

.card-info { padding: 25px; }
.info-top { display: flex; justify-content: space-between; margin-bottom: 12px; }
.i-cat { font-size: 11px; font-weight: 800; color: var(--accent); text-transform: uppercase; }
.i-rating { font-size: 12px; font-weight: 700; color: #ffc107; }

.tour-item-card h3 { font-size: 1.3rem; font-weight: 700; color: var(--primary); margin-bottom: 12px; }

.info-bottom { display: flex; gap: 15px; margin-bottom: 25px; }
.i-detail { font-size: 13px; color: #94a3b8; font-weight: 600; }
.i-detail i { color: var(--primary); margin-right: 5px; }

.btn-card-premium {
    display: block; width: 100%; text-align: center;
    background: #f4f7fe; color: var(--primary); padding: 14px;
    border-radius: 12px; font-weight: 800; transition: 0.3s;
}
.tour-item-card:hover .btn-card-premium { background: var(--primary); color: #fff; }

/* 4. Support Card */
.support-mini-card {
    margin-top: 30px; background: #eef2f6; padding: 20px; border-radius: 16px; text-align: center;
}
.support-mini-card i { font-size: 1.8rem; color: var(--primary); margin-bottom: 10px; }
.support-mini-card h4 { font-size: 0.9rem; margin-bottom: 8px; }
.support-mini-card p { font-size: 0.8rem; color: #64748b; margin-bottom: 12px; }
.support-mini-card a { display: block; background: #25d366; color: #fff; padding: 10px; border-radius: 10px; font-weight: 700; text-decoration: none; }

/* Responsive */
@media (max-width: 992px) {
    .store-container { grid-template-columns: 1fr; }
    .store-hero h1 { font-size: 2.2rem; }
}
/* =========================================
   ULTRA PREMIUM CHECKOUT (ÖDEME) TASARIMI
   ========================================= */

/* Arkaplan ve Genel Yapı */
.woocommerce-checkout {
    background: #f8fafc;
    padding-top: 120px !important;
    padding-bottom: 80px;
}

/* Sayfa Başlığı */
.woocommerce-checkout h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    color: #003580;
    font-size: 1.4rem;
    margin-bottom: 25px;
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 10px;
}

/* Form Alanları (Billing Details) */
.woocommerce-checkout .col-1, .woocommerce-checkout .col-2 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.woocommerce-checkout input.input-text, 
.woocommerce-checkout select, 
.woocommerce-checkout textarea {
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    padding: 12px 15px !important;
    background: #fff !important;
    font-size: 14px !important;
    transition: 0.3s;
}

.woocommerce-checkout input:focus {
    border-color: #ff6b00 !important;
    box-shadow: 0 0 0 4px rgba(255, 107, 0, 0.1) !important;
    outline: none;
}

/* Sipariş Özeti (Sağ Taraf / Alt Taraf) */
#order_review_heading { display: none; } /* Gereksiz başlığı sil */

#order_review {
    background: #fff;
    padding: 35px;
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.05);
    border: 1px solid #eef2f6;
}

/* Tablo Düzeni */
.shop_table.woocommerce-checkout-review-order-table {
    border: none !important;
    border-radius: 0 !important;
}

.shop_table.woocommerce-checkout-review-order-table thead { display: none; }

.shop_table.woocommerce-checkout-review-order-table tr {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px dashed #e2e8f0;
}

.shop_table tr.order-total {
    border-bottom: none;
    background: #f8fafc;
    margin: 15px -35px -35px;
    padding: 25px 35px;
    border-radius: 0 0 24px 24px;
}

.shop_table .product-name { font-weight: 700; color: #1a1a1a; font-size: 16px; }
.shop_table .product-total bdi { font-weight: 800; color: #003580; font-size: 18px; }

/* Ödeme Yöntemleri (Iyzico vs.) */
#payment {
    background: transparent !important;
    border: none !important;
    margin-top: 30px;
}

#payment ul.payment_methods {
    border-bottom: none !important;
    padding: 0 !important;
}

#payment div.payment_box {
    background: #f1f5f9 !important;
    border-radius: 12px !important;
    color: #475569 !important;
    font-size: 13px !important;
}

#payment div.payment_box::before { display: none !important; }

/* SATIN AL BUTONU (FİNAL) */
#place_order {
    width: 100% !important;
    padding: 20px !important;
    background: linear-gradient(135deg, #ff6b00 0%, #ff9f43 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    box-shadow: 0 15px 30px rgba(255, 107, 0, 0.3) !important;
    transition: 0.4s !important;
    margin-top: 20px !important;
}

#place_order:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 20px 40px rgba(255, 107, 0, 0.5) !important;
}

/* Kupon Alanını Gizle (Opsiyonel) */
.woocommerce-form-coupon-toggle { display: none !important; }

/* Mobil Uyumluluk */
@media (max-width: 768px) {
    .woocommerce-checkout { padding-top: 80px !important; }
    #order_review { padding: 20px; }
    #order_review tr.order-total { margin: 15px -20px -20px; padding: 20px; }
}
/* Sepet İkonlarını Gizle */
.header-cart-count, 
.cart-badge, 
.fa-cart-shopping,
.fa-shopping-cart,
.shopping-cart-icon {
    display: none !important;
}
/* ==============================================================
   TATİLBUDUR STİLİ CHECKOUT TASARIMI (ULTIMATE)
   ============================================================== */

/* 1. Genel Düzen (Grid Yapısı) */
.woocommerce-checkout {
    display: grid;
    grid-template-columns: 1fr 380px; /* Sol geniş, Sağ 380px */
    gap: 30px;
    align-items: start;
    max-width: 1200px;
    margin: 0 auto;
}

/* Başlıkları Gizle (WooCommerce'in standart başlıklarını sevmiyoruz) */
.woocommerce-checkout h3#order_review_heading,
.woocommerce-billing-fields > h3 {
    display: none;
}

/* 2. SOL TARAF: MİSAFİR KARTLARI */
.dailytour-guest-section {
    grid-column: 1 / 2; /* Sol sütuna yerleş */
}

.dailytour-guest-section h3 {
    font-size: 1.5rem;
    color: #0f172a;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.guest-alert {
    background: #eff6ff;
    color: #1e40af;
    padding: 15px;
    border-radius: 8px;
    font-size: 13px;
    margin-bottom: 25px;
    border: 1px solid #dbeafe;
}

.guest-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02);
}

.guest-card h4 {
    color: #003580;
    font-size: 1rem;
    font-weight: 800;
    margin-bottom: 15px;
    background: #f8fafc;
    padding: 10px;
    border-radius: 6px;
}

/* Form Satırları (Yan Yana Kutular) */
.guest-row {
    display: flex;
    gap: 15px;
}
.guest-row .form-row {
    flex: 1;
    width: 100%;
}

/* Input Stilleri */
.guest-card input, .guest-card select {
    width: 100%;
    padding: 12px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    font-size: 14px;
    transition: 0.3s;
}
.guest-card input:focus, .guest-card select:focus {
    border-color: #ff6b00;
    box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.1);
    outline: none;
}
.guest-card label {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    margin-bottom: 5px;
    display: block;
}

/* Fatura Alanı (WooCommerce Default) Stili */
#customer_details {
    grid-column: 1 / 2;
    background: #fff;
    border: 1px solid #e2e8f0;
    padding: 25px;
    border-radius: 12px;
    margin-top: 20px;
}

/* 3. SAĞ TARAF: ÖZET VE ÖDEME (STICKY) */
#order_review {
    grid-column: 2 / 3; /* Sağ sütuna yerleş */
    grid-row: 1 / 10; /* Yukarıdan başla */
    background: #fff;
    padding: 25px;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
    position: sticky;
    top: 100px; /* Scroll yapınca yapışsın */
}

/* Tabloyu Temizle */
#order_review table {
    border: none;
    margin: 0;
}
#order_review table th, #order_review table td {
    border: none;
    padding: 10px 0;
}
#order_review thead { display: none; } /* Başlıkları gizle */

/* Ürün Görseli ve İsmi (Custom Fonksiyonla Ekledik) */
.checkout-product-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 15px;
}
.cp-img img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 12px;
}
.cp-info {
    font-size: 1.1rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.4;
}

/* Fiyat Alanları */
tr.cart-subtotal, tr.order-total {
    border-top: 1px dashed #e2e8f0;
}
tr.order-total th { font-size: 1.1rem; color: #64748b; }
tr.order-total td { 
    font-size: 1.8rem; 
    font-weight: 800; 
    color: #003580; 
    text-align: right; 
}

/* Ödeme Yöntemleri */
#payment {
    background: #f8fafc;
    border-radius: 12px;
    padding: 15px;
    margin-top: 20px;
}
#payment ul.payment_methods {
    border: none;
    padding: 0;
}
#place_order {
    width: 100%;
    background: #ff6b00;
    color: #fff;
    padding: 18px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 20px;
    transition: 0.3s;
}
#place_order:hover {
    background: #e65100;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(230, 81, 0, 0.3);
}

/* 4. MOBİL UYUMLULUK */
@media (max-width: 900px) {
    .woocommerce-checkout {
        grid-template-columns: 1fr; /* Tek sütun */
    }
    .guest-row {
        flex-direction: column; /* Mobilde inputlar alt alta */
        gap: 0;
    }
    #order_review {
        position: static; /* Mobilde yapışkan olmasın */
        order: -1; /* Özeti en üste al */
        margin-bottom: 30px;
    }
    /* Mobilde form sırası: Özet -> Misafir -> Fatura -> Ödeme Butonu */
    .dailytour-guest-section { order: 2; }
    #customer_details { order: 3; }
}
/* ==============================================================
   FOOTER VE LAYOUT DÜZELTMELERİ (FIX)
   ============================================================== */

/* 1. Footer'ı Kurtar (Sağa Kayma Sorunu Çözümü) */
footer, .footer-section, #footer {
    grid-column: 1 / -1 !important; /* Grid dışına taş */
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
    position: relative !important;
    margin-top: 50px !important;
}

/* 2. Ödeme Sayfası Ana Yapısı (Sınırlama) */
.woocommerce-checkout {
    /* Grid yapısını koru ama footer'a bulaşmasın */
    display: grid;
    grid-template-columns: 1fr 380px; 
    gap: 30px;
    align-items: start;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 50px; /* Footer ile mesafe */
}

/* 3. Fatura Alanını "İletişim Kutusu" Gibi Yap */
#customer_details {
    grid-column: 1 / 2;
    background: #fff;
    border: 1px solid #e2e8f0;
    padding: 25px;
    border-radius: 12px;
    margin-top: 20px;
}

/* Varsayılan "Fatura Detayları" yazısını gizle, biz JS ile ekleriz veya böyle kalsın */
.woocommerce-billing-fields h3 {
    font-size: 1.2rem;
    color: #0f172a;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 15px;
    margin-bottom: 20px;
    display: block !important; /* Başlığı geri açtık ama stil verdik */
}

/* Inputları Güzelleştir */
.woocommerce-billing-fields input {
    padding: 12px !important;
    border-radius: 8px !important;
    border: 1px solid #cbd5e1 !important;
}

/* Mobil Düzeltme */
@media (max-width: 900px) {
    .woocommerce-checkout {
        grid-template-columns: 1fr !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* Mobilde sıralama: Özet en üstte olsun istiyorsan */
    #order_review { order: 1; margin-bottom: 20px; }
    .dailytour-guest-section { order: 2; }
    #customer_details { order: 3; }
}


/* ==============================================================
   🔥 HEADER DÜZELTME (ANASAYFA HARİÇ HER YERDE)
   ============================================================== */

/* 1. Anasayfa OLMAYAN sayfalarda Header'ı Beyaz Yap */
body:not(.home) header,
body:not(.home) .site-header, 
body:not(.home) #masthead {
    background-color: #ffffff !important; /* Beyaz Arka Plan */
    position: relative !important; /* İçeriğin üstüne binmesin, kendi yerini kaplasın */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important; /* Hafif gölge atalım şık dursun */
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

/* 2. Menü Linklerini Siyaha Çevir (Beyaz üstünde görünsün) */
body:not(.home) header a,
body:not(.home) .site-header a,
body:not(.home) .main-navigation ul li a {
    color: #1e293b !important; /* Koyu Lacivert/Siyah Yazı */
    font-weight: 600 !important;
}

/* 3. Sepet ve Arama İkonlarını da Koyulaştır */
body:not(.home) .header-icons i,
body:not(.home) .shopping-cart i,
body:not(.home) .site-header i {
    color: #1e293b !important;
}

/* 4. Logoda "Daily" beyazsa görünmez, onu da halledelim (Varsa metin logosu) */
body:not(.home) .site-title a,
body:not(.home) .logo a {
    color: #1e293b !important;
}

/* 5. Rezervasyon Butonu Varsa Kenar Çizgisini Belirginleştir */
body:not(.home) .header-btn {
    border-color: #ff6b00 !important;
    color: #ff6b00 !important;
}

/* ==============================================================
   🔥 HEADER TEPEYE SABİTLEME & RENK DÜZELTME
   ============================================================== */

/* 1. Header'ı En Tepeye Zorla (Anasayfa Hariç) */
body:not(.home) header.site-header,
body:not(.home) #masthead {
    background-color: #ffffff !important; /* Bembeyaz arka plan */
    position: absolute !important; /* Sayfanın başına git */
    top: 0 !important; /* En tepeye yapış */
    left: 0 !important; /* En sola yapış */
    width: 100% !important; /* Boydan boya uzan */
    margin-top: 0 !important; /* Üstteki boşluğu yok et */
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    z-index: 9999 !important; /* Her şeyin üstünde dursun */
    box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important; /* Hafif gölge */
}

/* 2. İçeriği Biraz Aşağı İt (Header üstüne binmesin) */
body:not(.home) #page, 
body:not(.home) .site-content {
    padding-top: 100px !important; /* Header yüksekliği kadar boşluk bırak */
}

/* 3. Menü Linklerini SİYAH Yap (Görünmesi için) */
body:not(.home) .main-navigation ul li a,
body:not(.home) .site-header a {
    color: #1e293b !important; /* Koyu renk */
    font-weight: 700 !important;
}

/* 4. Logo ve İkonları SİYAH Yap */
body:not(.home) .site-title a,
body:not(.home) .header-icons i,
body:not(.home) .shopping-cart i {
    color: #1e293b !important;
}

/* 5. Mobilde Menü Çubuğunu Görünür Yap */
body:not(.home) .menu-toggle i {
    color: #1e293b !important;
}

/* 6. Rezervasyon Butonu Ayarı */
body:not(.home) .header-btn {
    background-color: #ff6b00 !important;
    color: #fff !important;
}
/* ==============================================================
   5. FERAHLATILMIŞ CHECKOUT TASARIMI (WIDE MODE)
   ============================================================== */

/* 1. Ana Konteynırı Genişlet */
.woocommerce-checkout {
    display: grid;
    grid-template-columns: 1.5fr 1fr; /* Sol tarafı (Formu) daha geniş yap (1.5 kat) */
    gap: 40px; /* Aradaki boşluğu artır */
    align-items: start;
    max-width: 1400px; /* Maksimum genişliği 1200'den 1400'e çıkar */
    margin: 0 auto;
    padding: 0 20px 80px 20px; /* Alt boşluk footer için */
}

/* 2. Kartların İçini Ferahlat */
.guest-card, #customer_details, #order_review {
    padding: 35px !important; /* İç boşluğu artır */
    border-radius: 16px !important;
    background: #fff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}

/* 3. Inputları Büyüt ve Güzelleştir */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout select,
.guest-card input,
.guest-card select {
    height: 50px !important; /* Yüksekliği artır */
    padding: 0 15px !important;
    font-size: 15px !important;
    border-radius: 10px !important;
    border: 1px solid #cbd5e1 !important;
    background-color: #f8fafc !important;
    width: 100%;
}

.woocommerce-checkout input:focus,
.guest-card input:focus {
    border-color: #ff6b00 !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 4px rgba(255, 107, 0, 0.1) !important;
}

/* 4. Etiketleri (Label) Belirginleştir */
label {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #475569 !important;
    margin-bottom: 8px !important;
    display: block;
}

/* 5. Fatura Toggle Alanı Animasyonu */
.woocommerce-billing-fields__field-wrapper p {
    transition: all 0.3s ease-in-out;
}

/* 6. Mobil Uyumluluk */
@media (max-width: 1000px) {
    .woocommerce-checkout {
        grid-template-columns: 1fr !important; /* Mobilde tek sütun */
        gap: 20px;
    }
    
    .guest-row {
        flex-direction: column; /* Mobilde misafir inputları alt alta */
        gap: 15px;
    }
    
    /* Mobilde sıralama: Özet en üstte olsun */
    #order_review { order: 1; margin-bottom: 20px; }
    .dailytour-guest-section { order: 2; }
    #customer_details { order: 3; }
}

/* 7. Footer Fix (Kesin Çözüm) */
footer, .footer-section, #footer {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    position: relative !important;
    clear: both !important;
    margin-top: 0 !important;
}
/* ==============================================================
   TATİLBUDUR STİLİ FERAH CHECKOUT (ULTIMATE FIX)
   ============================================================== */

/* 1. FATURA KUTUSU TASARIMI */
.woocommerce-billing-fields {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 30px !important;
    margin-top: 30px;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02);
}

/* Fatura Toggle Kutusu (Mavi Alan) */
.invoice-toggle-wrapper {
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    padding: 20px !important;
    border-radius: 10px;
    margin-bottom: 25px !important;
    display: flex;
    flex-direction: column;
}
.invoice-toggle-wrapper label.checkbox {
    font-weight: 800 !important;
    color: #0369a1 !important;
    font-size: 15px !important;
    display: flex;
    align-items: center;
    gap: 10px;
}
.invoice-toggle-wrapper input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    accent-color: #0284c7;
}

/* Radyo Butonları (Bireysel / Kurumsal) */
.invoice-type-selector {
    margin-bottom: 25px !important;
    padding: 10px 0;
    border-bottom: 1px dashed #e2e8f0;
}
.invoice-type-selector label.radio {
    margin-right: 20px;
    font-weight: 600;
    color: #334155;
    cursor: pointer;
}
.invoice-type-selector input[type="radio"] {
    margin-right: 5px;
    accent-color: #ff6b00;
}

/* Form Alanlarını Ferahlat */
.woocommerce-billing-fields p.form-row {
    margin-bottom: 20px !important;
}
.woocommerce-billing-fields label {
    font-size: 13px !important;
    color: #64748b !important;
    margin-bottom: 8px !important;
    font-weight: 600 !important;
}
.woocommerce-billing-fields input[type="text"],
.woocommerce-billing-fields input[type="tel"],
.woocommerce-billing-fields input[type="email"],
.woocommerce-billing-fields select {
    height: 50px !important;
    padding: 0 15px !important;
    border-radius: 8px !important;
    border: 1px solid #cbd5e1 !important;
    background-color: #f8fafc !important;
    font-size: 14px !important;
    width: 100%;
}
.woocommerce-billing-fields input:focus {
    border-color: #ff6b00 !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 3px rgba(255,107,0,0.1) !important;
}

/* Başlık */
.woocommerce-billing-fields h3 {
    font-size: 1.2rem;
    color: #0f172a;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 15px;
    margin-bottom: 25px;
}
/* ==============================================================
   🔥 CHECKOUT GENİŞLETME VE FOOTER TAMİRİ (KESİN ÇÖZÜM)
   ============================================================== */

/* 1. O Dar Alanı Genişlet (Sıkışıklığı Çözer) */
.page-template-default .wrap, 
.woocommerce-checkout .wrap,
.tour-container {
    max-width: 1400px !important; /* Genişliği artırdık */
    width: 95% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* 2. Grid Yapısını Düzelt (Sola ve Sağa Yay) */
.woocommerce-checkout {
    display: flex !important; /* Grid yerine Flex kullandım, daha garantidir */
    flex-wrap: wrap;
    gap: 30px;
    width: 100% !important;
    justify-content: space-between;
}

/* 3. Sol Taraf (Misafir ve Fatura) */
.dailytour-guest-section, 
#customer_details {
    flex: 1; /* Kalan boşluğu doldur */
    min-width: 0; /* Taşmayı önle */
}

/* 4. Sağ Taraf (Özet ve Ödeme - Sticky) */
#order_review, #order_review_heading {
    width: 400px !important; /* Sabit genişlik */
    flex-shrink: 0;
}

/* 5. Kartların İçini Düzelt (Gölge ve Beyazlık) */
.guest-card, 
.woocommerce-billing-fields,
#order_review {
    background: #fff !important;
    border-radius: 15px !important;
    padding: 30px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05) !important;
    margin-bottom: 20px;
}

/* 6. Inputları Büyüt (O Küçük Kutucukları Yok Et) */
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row select {
    width: 100% !important;
    height: 50px !important;
    padding: 0 15px !important;
    border: 1px solid #cbd5e1 !important;
    background: #f8fafc !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    box-sizing: border-box !important; /* Taşmayı engeller */
}

/* 7. FOOTER FIX (O KAYMAYI ENGELLER) */
footer, #footer, .site-footer {
    width: 100% !important;
    min-width: 100% !important;
    float: none !important;
    clear: both !important;
    display: block !important;
    position: relative !important;
    margin-top: 50px !important;
    z-index: 999;
}

/* 8. MOBİL DÜZELTME */
@media (max-width: 1024px) {
    .woocommerce-checkout {
        flex-direction: column !important;
    }
    #order_review {
        width: 100% !important;
        order: -1; /* Özeti en üste al */
    }
}
/* ==============================================================
   TATİLBUDUR PREMIUM CHECKOUT STİLİ
   ============================================================== */

/* 1. ANA DÜZEN (GENİŞLİK VE GRID) */
.woocommerce-checkout {
    display: grid;
    grid-template-columns: 1.6fr 1fr; /* Sol geniş, Sağ dar */
    gap: 40px;
    max-width: 1300px !important;
    width: 95% !important;
    margin: 40px auto !important;
    align-items: start;
}

/* 2. MİSAFİR KARTLARI */
.guest-card-box {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 20px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03);
}
.guest-title {
    background: #f1f5f9;
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    color: #334155;
    margin-bottom: 20px;
    display: inline-block;
}

/* Cinsiyet Butonları */
.guest-radio-group {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}
.guest-radio-group label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
}
.guest-radio-group input[type="radio"] {
    accent-color: #003580;
    width: 18px; height: 18px;
}

/* Input Satırları (Yan Yana) */
.guest-inputs-row {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
}
.guest-inputs-row .form-row {
    flex: 1;
    width: 100%;
}

/* 3. İLETİŞİM VE FATURA KUTUSU */
#customer_details {
    grid-column: 1 / 2;
}
.woocommerce-billing-fields {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03);
}
.woocommerce-billing-fields h3 {
    font-size: 1.2rem;
    color: #0f172a;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

/* Input Tasarımı */
input[type="text"], input[type="tel"], input[type="email"], input[type="date"], select {
    height: 50px !important;
    padding: 0 15px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    background-color: #f8fafc !important;
    width: 100%;
}
input:focus {
    border-color: #003580 !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 3px rgba(0, 53, 128, 0.1) !important;
}

/* 4. SAĞ TARAF (ÖZET KARTI) */
#order_review, #order_review_heading {
    grid-column: 2 / 3;
    grid-row: 1 / 10;
    background: #fff;
    padding: 25px !important;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    position: sticky;
    top: 30px;
}

/* 5. FOOTER DÜZELTME */
footer, #footer, .site-footer {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin-top: 50px !important;
    clear: both !important;
    display: block !important;
}

/* MOBİL */
@media (max-width: 900px) {
    .woocommerce-checkout {
        grid-template-columns: 1fr;
        display: flex;
        flex-direction: column;
    }
    #order_review { order: 1; width: 100% !important; position: static; }
    #customer_details, .guest-section-wrapper { order: 2; width: 100% !important; }
    .guest-inputs-row { flex-direction: column; gap: 10px; }
}
/* ==============================================================
   🔥 DAILYTOUR / TATİLBUDUR CHECKOUT TAM EKRAN STİLİ
   ============================================================== */

/* 1. ZİNCİRLERİ KIR: Temanın ana kapsayıcılarını zorla genişlet */
body.woocommerce-checkout #page,
body.woocommerce-checkout #content,
body.woocommerce-checkout .site-content,
body.woocommerce-checkout .wrap,
body.woocommerce-checkout .container {
    max-width: 1400px !important;
    width: 95% !important;
    padding: 0 15px !important;
    margin: 0 auto !important;
}

/* 2. GRID SİSTEMİ (Sol Geniş, Sağ Dar) */
form.checkout.woocommerce-checkout {
    display: flex !important;
    flex-direction: row;
    gap: 40px;
    margin-top: 40px;
    width: 100% !important;
    justify-content: space-between;
}

/* 3. SOL SÜTUN (Misafir ve İletişim Kutuları) */
.dt-checkout-left {
    flex: 1; /* Esnek alan, kalan yeri doldurur */
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* 4. SAĞ SÜTUN (Özet Kartı) */
#order_review_heading, 
#order_review {
    width: 400px !important; /* Sabit 400px genişlik */
    flex-shrink: 0;
}

#order_review {
    background: #fff !important;
    padding: 30px !important;
    border-radius: 16px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.06) !important;
    position: sticky !important;
    top: 30px !important;
}

/* 5. KUTU TASARIMLARI (Ferah Beyaz Kutular) */
.dt-guest-box, 
.woocommerce-billing-fields {
    background: #fff;
    padding: 35px;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
}

.dt-guest-box h3, 
.woocommerce-billing-fields h3 {
    font-size: 1.4rem;
    font-weight: 800;
    color: #1e293b;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

/* 6. MİSAFİR İÇ KARTLARI */
.dt-single-guest {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 25px;
    border-radius: 12px;
    margin-bottom: 20px;
}
.dt-single-guest h4 {
    font-size: 15px;
    font-weight: 700;
    color: #334155;
    margin-bottom: 15px;
    text-transform: uppercase;
}

/* 7. FORM ELEMANLARI (Büyük ve Net) */
.woocommerce input[type="text"], 
.woocommerce input[type="email"], 
.woocommerce input[type="tel"], 
.woocommerce input[type="date"],
.woocommerce select {
    height: 52px !important;
    padding: 0 15px !important;
    border-radius: 8px !important;
    border: 1px solid #cbd5e1 !important;
    background: #fff !important;
    font-size: 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.woocommerce input:focus {
    border-color: #ff6b00 !important;
    box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.1) !important;
}

/* 8. FOOTER DÜZELTME (Aşağıya Çak) */
footer, .site-footer, #footer {
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
    float: none !important;
    margin-top: 60px !important;
    display: block !important;
}

/* 9. MOBİL UYUMLULUK */
@media (max-width: 1024px) {
    form.checkout.woocommerce-checkout {
        flex-direction: column !important;
        gap: 20px;
    }
    #order_review {
        width: 100% !important;
        order: -1; /* Sağdaki özeti mobilde en üste taşı */
        position: relative !important;
        top: 0 !important;
    }
}
/* ==============================================================
   FOOTER FULL WIDTH & STICKY FIX
   ============================================================== */

/* 1. Footer Ana Kapsayıcıyı %100 Genişlet */
.site-footer {
    width: 100% !important;
    max-width: 100% !important;
    background: #111827; /* Koyu Lacivert Arka Plan */
    color: #fff;
    margin-top: 60px !important;
    position: relative;
    z-index: 10;
    clear: both !important;
}

/* 2. İçerik Kapsayıcılarını Genişlet (Dar Kalmasın) */
.site-footer .wrap {
    max-width: 1400px !important; /* Standart genişlik */
    width: 95% !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
}

/* 3. Grid Yapısını Düzelt (Sütunlar Yan Yana) */
.footer-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* 4 Eşit Sütun */
    gap: 40px !important;
    padding: 60px 0 !important;
}

/* 4. Bülten Alanını Genişlet */
.footer-newsletter {
    background: #ff6b00; /* Turuncu */
    padding: 40px 0;
    width: 100% !important;
}
.newsletter-inner {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    max-width: 1400px !important;
}

/* 5. Alt Çubuk (Copyright) */
.footer-bottom {
    background: #0f172a; /* Daha koyu ton */
    padding: 20px 0;
    border-top: 1px solid rgba(255,255,255,0.1);
    width: 100% !important;
}
.bottom-inner {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    max-width: 1400px !important;
}

/* 6. Mobil Uyumluluk */
@media (max-width: 1100px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr !important; /* Tablette 2 sütun */
        gap: 30px !important;
    }
    .newsletter-inner, .bottom-inner {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }
}
@media (max-width: 600px) {
    .footer-grid {
        grid-template-columns: 1fr !important; /* Mobilde tek sütun */
    }
}
//* ==============================================================
   🔥 FOOTER FİNAL TASARIM (JS TELEPORT DESTEKLİ)
   ============================================================== */

/* Footer Genel Ayarları (Artık Body içinde olduğu için rahatça yayılacak) */
.site-footer {
    width: 100% !important;
    max-width: 100% !important;
    background: #111827;
    margin: 0 !important;
    padding: 0 !important;
    display: block;
    clear: both;
    position: relative;
    z-index: 999;
}

/* 1. Turuncu Bülten Alanı */
.footer-newsletter {
    background-color: #ff6b00;
    width: 100%;
    padding: 40px 0;
}

/* 2. Ana Koyu Alan */
.footer-main {
    background-color: #111827;
    width: 100%;
    padding: 60px 0;
    color: #fff;
}

/* 3. Alt Telif Alanı */
.footer-bottom {
    background-color: #0f172a;
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid rgba(255,255,255,0.1);
}

/* 4. İçerik Ortalama (1400px ile sınırla ve ortala) */
.newsletter-inner,
.footer-grid,
.bottom-inner {
    max-width: 1400px !important;
    width: 95% !important;
    margin: 0 auto !important;
    display: flex; /* Flex yapısını koru */
    flex-wrap: wrap;
    justify-content: space-between;
}

/* 5. Footer Grid Yapısı */
.footer-grid {
    display: grid !important;
    grid-template-columns: 1.5fr 1fr 1fr 1.2fr !important;
    gap: 40px;
    align-items: start;
}

/* Mobil Ayarlar */
@media (max-width: 1024px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr !important;
    }
    .newsletter-inner, .bottom-inner {
        justify-content: center;
        text-align: center;
    }
}
@media (max-width: 600px) {
    .footer-grid {
        grid-template-columns: 1fr !important;
    }
}
/* ==============================================================
   🔥 FOOTER TAM EKRAN VE ORTALI İÇERİK (KESİN ÇÖZÜM)
   ============================================================== */

/* 1. Sayfa Kenar Boşluklarını Yok Et */
html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    overflow-x: hidden !important;
}

/* 2. Footer Ana Kutusu (Arka Planlar Buradan Gelir) */
.site-footer {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    /* Üstten boşluk bırakalım ki içeriğe yapışmasın */
    margin-top: 0 !important; 
}

/* 3. RENKLİ ŞERİTLER (BOYDAN BOYA) */
.footer-newsletter {
    background-color: #ff6b00 !important; /* Turuncu */
    width: 100% !important;
    padding: 40px 0 !important;
    display: block;
}

.footer-main {
    background-color: #111827 !important; /* Koyu Lacivert */
    width: 100% !important;
    padding: 60px 0 !important;
    display: block;
    color: #fff;
}

.footer-bottom {
    background-color: #0f172a !important; /* En Koyu */
    width: 100% !important;
    padding: 20px 0 !important;
    border-top: 1px solid rgba(255,255,255,0.1);
    display: block;
}

/* 4. İÇERİĞİ ORTALA (KAYMAYI ENGELLEYEN KOD) */
/* Burası çok önemli: İçerik 1400px genişliğinde ve ortada duracak */
.newsletter-inner,
.footer-grid,
.bottom-inner {
    max-width: 1400px !important;
    width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: wrap !important;
}

/* 5. Flex Hizalamaları */
.newsletter-inner {
    justify-content: space-between !important;
    align-items: center !important;
}

.bottom-inner {
    justify-content: space-between !important;
}

/* 6. Footer Grid (Sütunlar) */
.footer-grid {
    display: grid !important;
    grid-template-columns: 1.5fr 1fr 1fr 1.2fr !important;
    gap: 40px !important;
    align-items: start !important;
}

/* 7. Mobil Uyumluluk */
@media (max-width: 1200px) {
    .footer-grid { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 768px) {
    .footer-grid { grid-template-columns: 1fr !important; text-align: center; }
    .newsletter-inner { flex-direction: column; gap: 20px; text-align: center; }
    .bottom-inner { flex-direction: column; gap: 10px; text-align: center; }
}
/* ==============================================================
   📱 MOBİL VE TABLET DÜZELTMELERİ (RESPONSIVE FIX)
   ============================================================== */

@media only screen and (max-width: 1024px) {

    /* --- 1. GENEL AYARLAR --- */
    body, html {
        overflow-x: hidden !important; /* Sağa sola kaymayı engelle */
        width: 100% !important;
    }
    
    .wrap, .container {
        width: 92% !important; /* Mobilde kenarlardan az boşluk */
        padding: 0 !important;
    }

    /* --- 2. HEADER & MENU (MOBİL) --- */
    /* Logoyu ve Menü İkonunu Hizala */
    .site-header .wrap {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        height: 60px !important; /* Mobil header yüksekliği */
    }

    .site-branding, .logo {
        max-width: 140px !important; /* Logo çok büyük olmasın */
    }
    .site-branding img {
        height: auto !important;
    }

    /* Menü Butonu (Hamburger) */
    .menu-toggle {
        font-size: 24px !important;
        color: #1e293b !important; /* Görünür renk */
        margin-top: 0 !important;
    }

    /* Sepet İkonu Mobilde Hizalama */
    .header-icons {
        margin-right: 15px !important;
    }

    /* --- 3. ANASAYFA VİDEO ALANI (Müşteri İstediği İçin) --- */
    .hero-section {
        height: 100vh !important; /* Ekranı tam kapla */
        margin-top: -80px !important; /* Header altına girsin */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Videoyu Dikey Ekrana Oturt */
    .hero-bg-video {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important; /* Görüntüyü bozmadan kesip doldur */
        background-position: center center !important;
    }

    /* Mobilde Yazılar Dev Gibi Olmasın */
    .hero-content {
        padding: 0 20px !important;
        width: 100% !important;
    }
    .hero-content h1 {
        font-size: 2rem !important; /* 3.5rem'den küçült */
        line-height: 1.2 !important;
        margin-bottom: 15px !important;
    }
    .hero-content p {
        font-size: 1rem !important;
        display: block !important; /* Gizliyse aç */
    }

    /* Arama Kutusu Mobilde Düzen */
    .search-box-wrapper {
        width: 100% !important;
        padding: 15px !important;
        background: rgba(255,255,255,0.95) !important; /* Mobilde okunsun diye beyaz zemin */
        border-radius: 15px !important;
        margin-top: 20px !important;
    }

    /* --- 4. ÖDEME SAYFASI (CHECKOUT) --- */
    /* Sütunları Alt Alta Al */
    form.checkout.woocommerce-checkout {
        display: flex !important;
        flex-direction: column !important; /* Yan yana değil alt alta */
        gap: 20px !important;
        margin-top: 20px !important;
    }

    /* Sol Taraf (Misafir Formu) */
    #customer_details, .dt-checkout-left {
        width: 100% !important;
        padding: 0 !important;
    }

    /* Kutuların İç Boşluğunu Azalt (Mobilde yer değerli) */
    .dt-guest-box, 
    .woocommerce-billing-fields, 
    .dt-checkout-left,
    .guest-section-wrapper {
        padding: 20px !important; /* 35px'ten düşür */
        border-radius: 12px !important;
    }

    /* Sağ Taraf (Özet Kartı) */
    #order_review_heading, 
    #order_review {
        width: 100% !important;
        position: relative !important; /* Sticky özelliğini kaldır, akışa girsin */
        top: 0 !important;
        order: 10; /* En sona at */
        margin-bottom: 30px !important;
    }

    /* Inputları Mobilde Rahatlat */
    .woocommerce input[type="text"], 
    .woocommerce input[type="email"], 
    .woocommerce input[type="tel"], 
    .woocommerce input[type="date"],
    .woocommerce select {
        height: 48px !important; /* Parmakla basmak için ideal */
        font-size: 16px !important; /* iOS zoom yapmasın diye 16px */
    }
    
    /* Yan Yana Olan Inputları Alt Alta Al (Ad-Soyad vb.) */
    .dt-row, .guest-row {
        flex-direction: column !important;
        gap: 15px !important;
    }
    .form-row {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
    }

    /* --- 5. FOOTER (MOBİL) --- */
    /* Sütunları Tek Sıra Yap */
    .footer-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 30px !important;
        text-align: center !important; /* Mobilde ortalı güzel durur */
        padding: 40px 20px !important;
    }

    .newsletter-inner, .bottom-inner {
        flex-direction: column !important;
        gap: 20px !important;
        text-align: center !important;
    }

    /* Footer Genişlik Fix */
    .site-footer {
        width: 100% !important;
        overflow: hidden !important;
    }
    
    /* Footer Marka Açıklamasını Daralt */
    .brand-desc {
        width: 100% !important;
        margin: 0 auto 20px auto !important;
    }
    
    /* Sosyal İkonları Ortala */
    .social-links {
        justify-content: center !important;
    }
}
/* ==============================================================
   📱 MOBİL ANASAYFA VİDEO FIX (ARAMA KUTUSU AŞAĞIYA)
   ============================================================== */
@media only screen and (max-width: 768px) {
    
    /* 1. Hero Alanını Ekran Boyu Yap */
    .hero-section {
        height: 100vh !important; /* Ekran yüksekliği kadar */
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important; /* Her şeyi EN ALTA it */
        padding-bottom: 80px !important; /* En alttan biraz boşluk bırak */
    }

    /* 2. Yazıları (Başlık vs) Biraz Yukarı Al */
    .hero-content {
        width: 100% !important;
        padding: 0 15px !important;
        margin-bottom: 20px !important;
    }
    
    .hero-title {
        font-size: 1.8rem !important; /* Başlığı küçült, ekranı kaplamasın */
        margin-bottom: 10px !important;
    }
    .hero-desc {
        display: none !important; /* Mobilde uzun açıklamayı gizle, video görünsün */
    }

    /* 3. Arama Kutusunu Mobilde Güzelleştir */
    .search-box-wrapper {
        width: 100% !important;
        background: #fff !important;
        padding: 15px !important;
        border-radius: 15px 15px 0 0 !important; /* Köşeleri yuvarla */
        box-shadow: 0 -5px 20px rgba(0,0,0,0.1) !important;
        margin: 0 !important;
    }

    /* Inputları Alt Alta Diz (Yan yana sığmaz) */
    .search-form {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }
    
    .search-btn {
        width: 100% !important;
        margin-top: 5px !important;
    }
}
/* ==============================================================
   📱 MOBİL CHECKOUT "APP MODU" (FERAHLATMA)
   ============================================================== */
@media only screen and (max-width: 768px) {

    /* 1. Genel Kapsayıcıyı Rahatlat */
    form.checkout.woocommerce-checkout {
        display: block !important; /* Grid'i iptal et */
        padding: 0 10px !important; /* Kenarlardan çok az boşluk */
    }

    /* 2. Beyaz Kutuları (Kartları) Düzenle */
    .dt-guest-box, 
    .woocommerce-billing-fields, 
    .dt-checkout-left,
    #order_review {
        padding: 20px 15px !important; /* İç boşluğu azalt */
        margin-bottom: 20px !important; /* Kartlar arasına mesafe koy */
        border-radius: 12px !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.03) !important; /* Hafif gölge */
    }

    /* 3. Misafir Satırlarını Alt Alta Al */
    .dt-row, .guest-row {
        display: flex !important;
        flex-direction: column !important; /* Yan yana durmasınlar */
        gap: 10px !important;
    }

    /* 4. Inputları Parmak Dostu Yap */
    .woocommerce input[type="text"], 
    .woocommerce input[type="tel"], 
    .woocommerce input[type="email"], 
    .woocommerce input[type="date"],
    .woocommerce select {
        height: 50px !important; /* Yüksek, basması kolay */
        font-size: 16px !important; /* iOS zoom yapmasın diye */
        width: 100% !important;
        margin: 0 !important;
    }

    /* 5. Etiketleri (Ad, Soyad vb.) Küçült */
    .woocommerce form .form-row label {
        font-size: 13px !important;
        margin-bottom: 5px !important;
    }

    /* 6. Form Satırlarını Tam Genişlik Yap */
    .form-row, .form-row-first, .form-row-last {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
    }

    /* 7. Özet Kartını (Sipariş Onayla) En Alta ve Temiz Yap */
    #order_review {
        margin-top: 30px !important;
        background: #f8fafc !important; /* Hafif gri arka plan */
        border: 1px solid #e2e8f0 !important;
    }
    
    /* Sipariş Butonu */
    #place_order {
        width: 100% !important;
        padding: 18px !important;
        font-size: 18px !important;
        border-radius: 10px !important;
        position: fixed !important; /* Ekrana yapıştır (Opsiyonel) */
        bottom: 0 !important;
        left: 0 !important;
        z-index: 9999 !important;
        border-radius: 0 !important;
        box-shadow: 0 -5px 20px rgba(0,0,0,0.1) !important;
    }
    /* Buton sabitse alt tarafı boşalt */
    body { padding-bottom: 80px !important; }
}
/* ==============================================================
   ✅ DAILYTOUR FINAL OVERRIDE (SİLME YOK / SADECE EK)
   Amaç: Site full+full (bg full), içerik bozulmadan; checkout düzelsin.
   ============================================================== */

/* ---------------------------
   0) GENEL FULL WIDTH ZİNCİR KIRMA
   --------------------------- */

/* Sayfa genelinde dış wrapper’lar bazen max-width ile sıkıştırıyor.
   Biz arka planı full yapıyoruz, içeriği yine senin padding ile taşıyoruz. */
html, body { width: 100%; max-width: 100%; overflow-x: hidden; }

#page, #content, .site-content, .content-area, main, .site, .site-main{
  width: 100%;
  max-width: 100%;
}

/* Senin “wrap/container” mantığını bozmayalım: içerik hala derli toplu kalsın */
.wrap, .container, .header-wrap{
  width: 100%;
}

/* ---------------------------
   1) ANASAYFA / GENEL SECTION FULL
   --------------------------- */

.section{
  width: 100%;
}

/* Hero zaten full; ama bazı cihazlarda container daraltırsa kır */
.hero-section,
.hero-bg-video,
.hero-overlay{
  width: 100%;
  max-width: 100%;
}

/* ---------------------------
   2) TUR SAYFASI FULL+FULL
   --------------------------- */
.tour-page{
  width: 100%;
  max-width: 100%;
}
.tour-bg-header{
  width: 100%;
  max-width: 100%;
}
.tour-container{
  width: 100%;
  max-width: 1300px; /* senin premium ölçün (bozma) */
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 992px){
  .tour-container{
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* ---------------------------
   3) MAĞAZA (STORE) FULL+FULL
   --------------------------- */
.store-page{
  width: 100%;
  max-width: 100%;
}
.store-container{
  width: 100%;
  max-width: 1300px; /* senin tasarım ölçüsü */
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 992px){
  .store-container{
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* ---------------------------
   4) CHECKOUT: ASIL DÜZELTME
   --------------------------- */
/* Sende şu an .woocommerce-checkout selector’ı grid/flex yapılıyor ve
   bu checkout sayfasında body’yi de etkileyip her şeyi bozuyor. :contentReference[oaicite:1]{index=1}
   Çözüm: body’yi normal akışa al, grid’i sadece checkout formuna uygula. */

body.woocommerce-checkout{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Checkout sayfa wrapper'ı (woocommerce-checkout div) GRID OLMASIN */
body.woocommerce-checkout .woocommerce-checkout{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* Grid sadece form'a */
body.woocommerce-checkout form.checkout.woocommerce-checkout{
  display: grid !important;
  grid-template-columns: 1fr 380px !important;
  gap: 30px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 1200px !important; /* Tatilbudur gibi */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* Sol kolon */
body.woocommerce-checkout .guest-section-wrapper,
body.woocommerce-checkout #customer_details{
  grid-column: 1 / 2 !important;
  width: 100% !important;
}

/* Sağ kolon (özet) */
body.woocommerce-checkout #order_review{
  grid-column: 2 / 3 !important;
  width: 100% !important;
  position: sticky !important;
  top: 110px !important;
}

/* Ek bilgi (additional fields) senin örnekte kartın içine sağa kayıyor.
   Bunu fatura bloğunun ALTINA indiriyoruz */
body.woocommerce-checkout #customer_details{
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}
body.woocommerce-checkout .woocommerce-additional-fields{
  width: 100% !important;
  max-width: 100% !important;
  clear: both !important;
  margin-top: 18px !important;
  order: 999 !important;
}

/* Woo’nun col-1/col-2 float/flex davranışlarını resetle */
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2{
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

/* Footer kesin full */
body.woocommerce-checkout footer,
body.woocommerce-checkout #footer,
body.woocommerce-checkout .site-footer,
body.woocommerce-checkout .footer-section{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  clear: both !important;
  float: none !important;
}

/* Mobil checkout */
@media (max-width: 900px){
  body.woocommerce-checkout form.checkout.woocommerce-checkout{
    grid-template-columns: 1fr !important;
  }
  body.woocommerce-checkout #order_review{
    position: static !important;
    top: auto !important;
    order: -1 !important;
    margin-bottom: 20px !important;
  }
}

/* ---------------------------
   5) FOOTER FULL+FULL (GENEL)
   --------------------------- */
/* Footer’da zaten grid var (.footer-grid). Onu bozmayalım,
   sadece dışarıdan sıkıştıran max-width zincirini kırıyoruz. */
.site-footer{
  width: 100%;
  max-width: 100%;
}
.site-footer .wrap,
.site-footer .container{
  max-width: 1300px; /* footer premium grid bozulmasın */
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 600px){
  .site-footer .wrap,
  .site-footer .container{
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* =========================================================
   MOBILE CHECKOUT PRO (Tatilbudur hissi)
   - Üst üste binmeyi bitirir
   - Özet üstte
   - Ödeme butonu altta sticky bar
   ========================================================= */

@media (max-width: 900px){

  /* her şey border-box olsun, taşmaları azalt */
  body.woocommerce-checkout,
  body.woocommerce-checkout *{
    box-sizing: border-box;
  }

  /* alttaki sticky bar içerik üstüne binmesin */
  body.woocommerce-checkout{
    padding-bottom: 110px !important;
  }

  /* checkout form tek kolon: NET */
  body.woocommerce-checkout form.checkout.woocommerce-checkout{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* sol bloklar full */
  body.woocommerce-checkout .guest-section-wrapper,
  body.woocommerce-checkout #customer_details{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px 0 !important;
  }

  /* Woo’nun col-1 / col-2 floatları mobilde kesin kır */
  body.woocommerce-checkout #customer_details .col-1,
  body.woocommerce-checkout #customer_details .col-2{
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* ÖZET: mobilde en üste gelsin, sticky olmasın */
  body.woocommerce-checkout #order_review{
    position: static !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px 0 !important;
  }

  /* Özet kartı “tek parça” dursun */
  body.woocommerce-checkout #order_review .shop_table,
  body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table{
    width: 100% !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  /* Payment kutusu full ve kart gibi */
  body.woocommerce-checkout #payment{
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  /* Payment açıklamaları aşırı uzarsa taşmasın */
  body.woocommerce-checkout #payment .payment_box{
    max-width: 100% !important;
    overflow: hidden !important;
    word-break: break-word !important;
  }

  /* -----------------------------
     ALT STICKY ÖDEME BAR (KARİZMA)
     ----------------------------- */

  /* place-order alanını sticky bar yap */
  body.woocommerce-checkout #payment .place-order{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 99999 !important;

    background: rgba(255,255,255,0.96) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    padding: 12px 14px !important;
    border-top: 1px solid rgba(15,23,42,0.10) !important;
    box-shadow: 0 -10px 30px rgba(0,0,0,0.06) !important;
  }

  /* butonu full genişlik “ödemeye devam” gibi */
  body.woocommerce-checkout #place_order,
  body.woocommerce-checkout button#place_order{
    width: 100% !important;
    display: block !important;

    border-radius: 14px !important;
    padding: 14px 16px !important;
    font-weight: 800 !important;
    letter-spacing: .2px;
    font-size: 15px !important;
  }

  /* buton üstünde “toplam” satırı hissi verelim (varsa total çekelim) */
  body.woocommerce-checkout #payment .place-order:before{
    content: "Toplam Tutar";
    display: block;
    font-weight: 700;
    font-size: 12px;
    color: #64748b;
    margin-bottom: 6px;
  }

  /* Woo’nun privacy metni vs sticky bar içinde yamulmasın */
  body.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper{
    margin: 8px 0 10px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    color: #64748b !important;
  }

  /* “Ek bilgi” kesin altta */
  body.woocommerce-checkout .woocommerce-additional-fields{
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 14px !important;
  }
}
/* =========================================
   PLACE ORDER: Sticky bar kapat / normal akış
   ========================================= */

/* Mobilde sabit bar yaptıysak iptal */
@media (max-width: 900px){
  body.woocommerce-checkout #payment .place-order{
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: auto !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 0 !important;
    border-top: 0 !important;
    box-shadow: none !important;
    margin-top: 14px !important; /* ödeme seçeneklerinin altına boşluk */
  }

  /* Sticky bar için verdiğimiz ekstra padding'i de kapatalım */
  body.woocommerce-checkout{
    padding-bottom: 0 !important;
  }

  /* "Toplam Tutar" pseudo yazısını kapat */
  body.woocommerce-checkout #payment .place-order:before{
    content: none !important;
    display: none !important;
  }

  /* Buton yine full ve karizma kalsın */
  body.woocommerce-checkout #place_order,
  body.woocommerce-checkout button#place_order{
    width: 100% !important;
    display: block !important;
    border-radius: 14px !important;
    padding: 14px 16px !important;
    font-weight: 800 !important;
    font-size: 15px !important;
  }
}
/* Ek bilgiyi komple sakla */
body.woocommerce-checkout .woocommerce-additional-fields{
  display: none !important;
}
/* ==========================================================================
   🚀 DAILYTOUR MOBILE HERO OVERHAUL (PRO GRADE)
   Amaç: Videoyu özgür bırakmak, arama motorunu 'Control Center' moduna almak.
   ========================================================================== */

@media only screen and (max-width: 900px) {

    /* 1. Hero Section: Ekranı Tam Kapla ve İçeriği Alta İt */
    .hero-section {
        height: 100vh !important;       /* iOS Safari adres çubuğu hesaba katılır */
        height: 100dvh !important;      /* Modern tarayıcılar için Dynamic Viewport Height */
        min-height: 600px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important; /* Her şeyi en alta yasla */
        align-items: center !important;
        padding-bottom: 0 !important;   /* Boşlukları sıfırla, Search box yapışsın */
        position: relative !important;
        overflow: hidden !important;
    }

    /* 2. Video: Arka Planda Sinematik Derinlik */
    .hero-bg-video {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        z-index: 0 !important;
        filter: brightness(0.85); /* Yazı okunurluğu için hafif karartma */
    }

    /* 3. Hero Başlık ve Yazılar: Ortadan Kalkıp Üste/ ortaya hafifçe kayar */
    .hero-content {
        width: 100% !important;
        max-width: 100% !important;
        padding: 20px 25px !important;
        margin-bottom: 20px !important; /* Search box ile mesafe */
        text-align: left !important;    /* Mobilde sola yaslı daha modern durur */
        position: relative !important;
        z-index: 2 !important;
        /* Search box açıldığında yukarı kayması için transition ekleyebiliriz ilerde */
    }

    .hero-title {
        font-size: 2.8rem !important; /* Mobilde bile büyük ve iddialı */
        line-height: 1.1 !important;
        margin-bottom: 10px !important;
        text-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    }

    .hero-desc {
        font-size: 1.1rem !important;
        color: rgba(255,255,255,0.9) !important;
        display: block !important;
        max-width: 80% !important;
        font-weight: 500 !important;
        text-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
    }

    /* 4. ARAMA KUTUSU (CONTROL CENTER MODE) */
    /* Burası önemli: Ekranın altına yapışan cam panel */
    .search-box-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        border-radius: 25px 25px 0 0 !important; /* Sadece üst köşeleri yuvarla */
        background: rgba(255, 255, 255, 0.15) !important; /* Ultra şeffaf */
        backdrop-filter: blur(25px) !important; /* iOS Blur Efekti */
        -webkit-backdrop-filter: blur(25px) !important;
        border: 1px solid rgba(255, 255, 255, 0.3) !important;
        border-bottom: none !important;
        padding: 25px 25px 40px 25px !important; /* Alttan extra pay (iPhone Home bar için) */
        box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.2) !important;
        
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
        
        transform: translateY(0) !important; /* Animasyon sıfırlama */
    }

    /* Form İçindeki Grid Yapısı */
    /* Alan kazanmak için Tarih ve Kategori'yi yan yana alıyoruz */
    .search-box-wrapper form {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important; /* İki sütun */
        gap: 12px !important;
    }

    /* Rota Seçimi (Full Genişlik) */
    .search-group:nth-child(1) {
        grid-column: 1 / -1 !important; /* Tüm satırı kapla */
    }

    /* Tarih ve Konsept (Yan Yana) */
    .search-group:nth-child(2),
    .search-group:nth-child(3) {
        grid-column: span 1 !important; /* Yarım satır kapla */
    }

    /* Search Butonu (Full Genişlik) */
    .btn-search {
        grid-column: 1 / -1 !important; /* En altta boydan boya */
        width: 100% !important;
        height: 60px !important;
        border-radius: 16px !important;
        margin-top: 10px !important;
        font-size: 18px !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        background: #ff6b00 !important; /* Gradient yerine solid daha net okunur mobilde */
        box-shadow: 0 10px 25px rgba(255, 107, 0, 0.4) !important;
    }
    
    /* Buton içine yazı ekleyelim (Sadece ikon yetmez mobilde) */
    .btn-search i { margin-right: 10px !important; }
    .btn-search::after {
        content: "UYGUN TURLARI BUL";
        font-weight: 800 !important;
        font-family: 'Montserrat', sans-serif !important;
    }

    /* Input Tasarımı (Dark Mode Uyumlu Glass) */
    .search-group {
        border: none !important;
        padding: 0 !important;
        background: rgba(0, 0, 0, 0.3) !important; /* Input zeminleri koyu olsun */
        border-radius: 12px !important;
        padding: 10px 15px !important;
        position: relative !important;
        transition: 0.3s !important;
    }

    /* Aktif olunca parlasın */
    .search-group:focus-within {
        background: rgba(0, 0, 0, 0.5) !important;
        box-shadow: 0 0 0 2px rgba(255, 107, 0, 0.5) !important;
    }

    .search-group label {
        color: rgba(255,255,255,0.7) !important;
        font-size: 11px !important;
        margin-bottom: 2px !important;
    }

    .search-group select, 
    .search-group input {
        color: #fff !important;
        font-size: 15px !important;
        font-weight: 600 !important;
    }
    
    /* Select oklarını beyaza çevir */
    .search-group select {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: right 10px top 50% !important;
        background-size: 10px auto !important;
        appearance: none !important;
    }
    
    /* Date input ikonu filter */
    .search-group input[type="date"] {
        filter: invert(1) !important; /* Siyah takvimi beyaza çevir */
    }
}
/* ==========================================================================
   YENİ ARAMA ÇUBUĞU STİLLERİ (Videonun Altı)
   ========================================================================== */

/* Hero Alanı Temizliği */
.hero-section {
    min-height: 600px; /* Masaüstü yüksekliği */
    display: flex;
    align-items: center; /* Yazıyı dikey ortala */
    justify-content: center;
}

/* Arama Çubuğu Ana Konteyner */
.search-container-bar {
    background: #fff;
    padding: 30px 0;
    position: relative;
    z-index: 10;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    margin-top: -50px; /* Videonun üzerine hafifçe binsin */
    border-radius: 20px 20px 0 0; /* Üst köşeleri yuvarla */
}

/* Arama Formu (Flex Yapı) */
.main-search-form {
    display: flex;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 10px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}

/* Giriş Grupları */
.search-input-group {
    flex: 1; /* Kalan alanı eşit paylaş */
    display: flex;
    align-items: center;
    padding: 10px 20px;
    position: relative;
}

/* Sol Kenarlıklar (Ayraçlar) */
.search-input-group.border-left::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 40px;
    width: 1px;
    background: #e0e0e0;
}

/* İkonlar */
.search-input-group .icon {
    font-size: 24px;
    color: #ff6b00;
    margin-right: 15px;
    opacity: 0.8;
}

/* Label ve Input Alanı */
.input-content {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.input-content label {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 5px;
}

/* Select ve Input Stilleri (Sıfırlama) */
.input-content select,
.input-content input {
    border: none;
    background: transparent;
    font-size: 15px;
    color: #555;
    width: 100%;
    padding: 0;
    font-family: inherit;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none; /* Varsayılan okları gizle */
}

/* Tarih Placeholder Rengi */
.date-picker-input::placeholder { color: #999; }

/* Arama Butonu */
.btn-main-search {
    background: #ff6b00;
    color: #fff;
    border: none;
    padding: 0 40px;
    font-size: 16px;
    font-weight: 800;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s;
    text-transform: uppercase;
    white-space: nowrap; /* Yazının taşmasını önle */
    height: auto; /* Flex içinde yüksekliği uydur */
    margin-left: 10px; /* Buton ile son input arası boşluk */
}

.btn-main-search:hover {
    background: #e65c00;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 107, 0, 0.3);
}

/* ==========================================================================
   MOBİL UYUMLULUK (900px altı)
   ========================================================================== */
@media only screen and (max-width: 900px) {

    /* Hero Yüksekliğini Azalt */
    .hero-section {
        min-height: 400px !important; /* Mobilde daha kısa video */
        height: auto !important; /* Full ekran olmasın */
    }
    
    /* Hero Yazılarını Ortalama ve Küçültme */
    .hero-content {
        text-align: center !important;
        padding: 0 20px !important;
    }
    .hero-title {
        font-size: 2.2rem !important;
    }
    .hero-desc {
        font-size: 1rem !important;
        max-width: 100% !important;
    }
    .scroll-down { display: none !important; } /* Mobilde scroll okunu gizle */

    /* Arama Çubuğu Konteyneri (Mobilde yukarı kaydırma payını kaldır) */
    .search-container-bar {
        margin-top: 0 !important;
        border-radius: 0 !important;
        padding: 20px 0 !important;
        background: #f4f7f9; /* Hafif gri arka plan ile ayıralım */
    }

    /* Arama Formu (Alt alta dök) */
    .main-search-form {
        flex-direction: column !important; /* Dikey yerleşim */
        padding: 15px !important;
        border: none !important; /* Dış çerçeveyi kaldır */
        box-shadow: none !important; /* Gölgeyi kaldır */
        background: transparent !important;
        gap: 15px !important; /* Elemanlar arası boşluk */
    }

    /* Giriş Grupları (Tam Genişlik ve Beyaz Kutu) */
    .search-input-group {
        width: 100% !important;
        background: #fff !important;
        padding: 15px 20px !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
        border: 1px solid #eee !important;
    }

    /* Sol Kenarlıkları Kaldır (Mobilde gerek yok) */
    .search-input-group.border-left::before {
        display: none !important;
    }

    /* İkonları Biraz Büyüt */
    .search-input-group .icon {
        font-size: 20px !important;
        margin-right: 15px !important;
    }

    /* Label ve Select Yazı Boyutları */
    .input-content label {
        font-size: 12px !important;
        color: #888 !important;
    }
    .input-content select,
    .input-content input {
        font-size: 16px !important;
        color: #000 !important;
        font-weight: 600 !important;
    }

    /* Arama Butonu (Tam Genişlik ve Büyük) */
    .btn-main-search {
        width: 100% !important;
        height: 55px !important; /* Daha yüksek, kolay basılabilir */
        margin-left: 0 !important;
        font-size: 18px !important;
        border-radius: 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #ff6b00 !important; /* Tek renk */
    }
}
/* ==========================================================================
   🔥 ULTRA PREMIUM UI PATCH (TATİLBUDUR STYLE & OVAL FORMS)
   ========================================================================== */

/* 1. ARAMA KUTUSU (VİDEOYA MONTE EDİLMİŞ GÖRÜNÜM) */

/* Kapsayıcı: Kutuyu yukarı çeker */
.search-overlap-wrapper {
    position: relative;
    z-index: 20; /* Videonun üstünde durması için */
    margin-top: -100px; /* Videonun içine 100px gir */
    padding-bottom: 50px;
}

/* Yüzen Kutu: Beyaz, Gölgeli, Oval */
.search-floating-box {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.15); /* Derin gölge */
    padding: 10px;
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    border-top: 5px solid #ff6b00; /* İstediğin Turuncu Çizgi */
}

/* Üstteki "Tur Ara" Sekmesi */
.search-tabs {
    position: absolute;
    top: -45px;
    left: 20px;
    display: flex;
}
.s-tab {
    background: #fff;
    padding: 12px 25px;
    border-radius: 15px 15px 0 0;
    font-weight: 800;
    color: #ff6b00;
    box-shadow: 0 -5px 15px rgba(0,0,0,0.1);
    position: relative;
}
/* Sekmenin altına turuncu çizgiyle birleşsin diye */
.s-tab::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 5px;
    background: #fff;
}

/* Form İç Yapısı */
.main-search-form {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
}

.search-input-group {
    flex: 1;
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 12px;
    transition: 0.3s;
}
.search-input-group:hover {
    background: #fff7ed; /* Hoverda çok hafif turuncu zemin */
}

/* İkonları Yuvarlak İçine Al */
.icon-circle {
    width: 45px;
    height: 45px;
    background: #f1f5f9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ff6b00;
    font-size: 18px;
    margin-right: 15px;
}

/* Buton Revizyonu */
.btn-main-search {
    background: linear-gradient(135deg, #ff6b00 0%, #ff8c00 100%);
    color: #fff;
    border: none;
    height: 60px;
    width: 120px;
    border-radius: 15px;
    font-size: 18px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(255, 107, 0, 0.3);
    transition: transform 0.2s;
}
.btn-main-search:hover {
    transform: scale(1.05);
}

/* 2. TUR KARTLARI & BUTON MAKYAJI */

.tour-card {
    border: 2px solid transparent; /* Başlangıçta gizli çerçeve */
    transition: all 0.4s ease;
    overflow: hidden; /* Taşmaları engelle */
}

/* Kart Hover Efekti: Turuncu Çerçeve & Yukarı Kalkma */
.tour-card:hover {
    border-color: #ff6b00;
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(255, 107, 0, 0.15);
}

/* O ufak butonları büyütelim */
.cb-footer {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Fiyat Alanı */
.price-box .val {
    font-size: 1.4rem;
    font-weight: 800;
    color: #003580;
}

/* Detay Butonu (Ok işaretini büyütüp, şekil veriyoruz) */
.btn-arrow {
    background: #ff6b00;
    color: #fff;
    border: none;
    width: 45px;
    height: 45px;
    border-radius: 50%; /* Tam yuvarlak */
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(255, 107, 0, 0.3);
}

.tour-card:hover .btn-arrow {
    background: #003580; /* Hoverda lacivert olsun */
    transform: rotate(-45deg); /* Hafif dönme efekti */
}

/* Kart Görselindeki "İncele" butonu */
.card-overlay-info {
    background: rgba(255, 107, 0, 0.85) !important; /* Turuncu perde */
}
.quick-view-btn {
    padding: 12px 30px !important;
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/* 3. FOOTER NEWSLETTER (OVAL / HAP ŞEKLİ) */

.newsletter-form .input-group {
    background: transparent;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    display: flex;
    gap: 0; /* Boşluk yok, yapışık olacaklar */
}

.newsletter-form input {
    border-radius: 50px 0 0 50px !important; /* Sol tarafı oval yap */
    padding: 15px 25px !important;
    height: 55px;
    border: none;
    outline: none;
    width: 300px; /* Genişlik */
}

.newsletter-form button {
    border-radius: 0 50px 50px 0 !important; /* Sağ tarafı oval yap */
    height: 55px;
    padding: 0 30px;
    background: #003580; /* Lacivert buton */
    color: #fff;
    font-weight: 800;
    font-size: 14px;
    letter-spacing: 1px;
    border: 1px solid #fff; /* Beyaz kontür */
    border-left: none;
    cursor: pointer;
    transition: 0.3s;
}
.newsletter-form button:hover {
    background: #00224f;
}


/* 4. MOBİL UYUMLULUK DÜZELTMELERİ */
@media (max-width: 900px) {
    .search-overlap-wrapper {
        margin-top: 0; /* Mobilde videonun üzerine binmesin, altına insin */
        padding-bottom: 20px;
    }
    
    .search-floating-box {
        border-radius: 0; /* Mobilde köşeli olsun ekranı kaplasın */
        border-top: none;
        box-shadow: none;
        margin-top: -20px; /* Hafif yukarı çekip boşluğu kapat */
    }

    .search-tabs { display: none; } /* Mobilde sekmeyi gizle */

    .main-search-form {
        flex-direction: column;
        gap: 15px;
    }
    
    .search-input-group {
        width: 100%;
        background: #f8fafc;
        border: 1px solid #e2e8f0;
    }
    
    .btn-main-search {
        width: 100%;
    }

    /* Newsletter Mobilde alt alta oval */
    .newsletter-form .input-group {
        flex-direction: column;
        gap: 15px;
    }
    .newsletter-form input {
        border-radius: 50px !important; /* Tam oval */
        width: 100%;
        text-align: center;
    }
    .newsletter-form button {
        border-radius: 50px !important; /* Tam oval */
        width: 100%;
    }
}
/* ==========================================================================
   🔥 FINAL TOUCH: UI OPTIMIZATION & MOBILE FIX (V3.0)
   ========================================================================== */

/* --- 1. MASAÜSTÜ KARTLARI KÜÇÜLTME (KİBARLAŞTIRMA) --- */

/* Grid yapısını sıkılaştırıyoruz (Daha çok kart sığsın) */
.tours-grid {
    display: grid;
    /* Kart genişliğini 320px'den 260px'e çektik, daha zarif durur */
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important; 
    gap: 30px !important;
}

/* Kart görsel yüksekliğini kısıyoruz (Devasa olmasın) */
.tour-card .card-img-holder {
    height: 200px !important; /* Eskiden 300-400px civarıydı, şimdi ideal */
}
.tour-card .card-img-holder img {
    height: 100% !important;
    object-fit: cover;
}

/* Yazı alanlarını biraz daha kompakt yapıyoruz */
.tour-card .card-body {
    padding: 20px !important;
}
.tour-card h3 {
    font-size: 1.1rem !important; /* Başlık fontunu bir tık kıstık */
    margin-bottom: 10px !important;
    line-height: 1.4 !important;
}
.price-box .val {
    font-size: 1.2rem !important; /* Fiyat fontunu dengeledik */
}


/* --- 2. MOBİL ARAMA BARI (TÜM KÖŞELERİ YUVARLAK & YÜZEN ADA) --- */

@media (max-width: 900px) {
    
    /* Konteyner: Ekranın kenarlarına yapışmasın, ortada süzülsün */
    .search-container-bar {
        background: transparent !important; /* Arkadaki gri şeridi kaldır */
        padding: 0 15px !important; /* Sağdan soldan boşluk bırak */
        margin-top: -30px !important; /* Videonun içine hafifçe girsin (Bağlantı hissi) */
        position: relative;
        z-index: 30;
    }

    /* Kutu: Tamamen oval, gölgeli ve turuncu çizgili */
    .search-floating-box {
        background: #fff !important;
        border-radius: 20px !important; /* Web'deki gibi oval */
        box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important; /* Derin gölge */
        border-top: 5px solid #ff6b00 !important; /* Turuncu şapka */
        margin-top: 0 !important;
        padding: 20px !important;
    }

    /* Form elemanları arasındaki boşluğu açalım */
    .main-search-form {
        gap: 15px !important;
    }

    /* Input kutuları: Hafif gri ve oval */
    .search-input-group {
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px !important;
        padding: 12px !important;
    }
    
    /* Mobilde Buton: Tam genişlik ve oval */
    .btn-main-search {
        border-radius: 12px !important;
        width: 100% !important;
        margin-top: 10px !important;
    }
}


/* --- 3. MOBİL ÜRÜN KARTLARI (KÜÇÜLTME & ÇERÇEVE) --- */

@media (max-width: 900px) {

    /* Grid: Mobilde yan yana 1 tane ama kenarlardan boşluklu */
    .tours-grid {
        grid-template-columns: 1fr !important; /* Tek sütun */
        gap: 25px !important;
        padding: 0 10px !important; /* Ekran kenarına yapışmasın */
    }

    .tour-card {
        border-radius: 16px !important; /* Daha oval köşeler */
        box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;
        
        /* MOBİLDE KALICI TURUNCU ÇERÇEVE (İsteğe bağlı, çok şık durur) */
        border: 1px solid #ff6b00 !important; 
    }

    /* Görsel yüksekliğini mobilde de kısalım */
    .tour-card .card-img-holder {
        height: 180px !important;
    }

    /* Mobilde kartın içi ferah olsun */
    .tour-card .card-body {
        padding: 20px !important;
    }

    /* Başlık ve Font Ayarları */
    .tour-card h3 {
        font-size: 1.15rem !important;
    }
}
/* ==========================================================================
   🔥 TOUR CARD FINAL FIX (GÖRSEL VE DÜZEN DÜZELTMESİ)
   ========================================================================== */

/* 1. KART YAPISI */
.tour-card {
    background: #fff;
    border-radius: 16px; /* Oval Köşeler */
    overflow: hidden; /* Resim dışarı taşmasın */
    border: 1px solid #e2e8f0; /* Çok hafif çerçeve */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}

/* 2. GÖRSEL ALANI (RESİM TAM OTURSUN DİYE) */
.card-img-holder {
    width: 100%;
    height: 220px !important; /* Sabit yükseklik */
    position: relative;
    background: #f1f5f9; /* Resim yüklenmezse gri fon */
}

.card-img-holder img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Resmi kutuya kırparak tam oturtur (Sündürmez) */
    display: block;
}

/* Sol Üst Kategori Rozeti */
.card-badge-top {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.95);
    color: #ff6b00;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* 3. İÇERİK DÜZENİ */
.card-body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Alt kısmı eşitlemek için */
}

/* Başlık */
.tour-card h3 {
    font-size: 1.2rem !important;
    font-weight: 800 !important;
    color: #0f172a;
    margin: 0 0 10px 0 !important;
    line-height: 1.3;
}

/* Meta Bilgiler (Yan Yana Hizalama) */
.cb-meta-row {
    display: flex;
    align-items: center;
    gap: 15px; /* Yıldız ve Saat arası boşluk */
    margin-bottom: 12px;
    font-size: 13px;
    color: #64748b;
    border-bottom: 1px dashed #e2e8f0;
    padding-bottom: 12px;
}

.meta-item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 600;
}
.meta-item.rating i { color: #fbbf24; } /* Sarı Yıldız */
.meta-item.duration i { color: #94a3b8; } /* Gri Saat */

/* Açıklama Yazısı */
.short-desc {
    font-size: 13px;
    color: #94a3b8;
    line-height: 1.5;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 2 satırdan sonrasını ... yap */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 4. ALT KISIM (FİYAT VE BUTON) */
.cb-footer {
    margin-top: auto; /* En alta it */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.price-col {
    display: flex;
    flex-direction: column;
}
.price-col .lbl { font-size: 10px; text-transform: uppercase; color: #94a3b8; font-weight: 700; }
.price-col .val { font-size: 1.4rem; font-weight: 800; color: #003580; }

/* Turuncu Yuvarlak Buton */
.btn-arrow {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #ff6b00;
    color: #fff;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: 0.3s;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(255, 107, 0, 0.2);
}
.tour-card:hover .btn-arrow {
    background: #003580;
    transform: rotate(-45deg);
}
/* ==========================================================================
   🔥 CHECKOUT REVOLUTION (TATİLBUDUR PRO STYLE)
   ========================================================================== */

/* 1. GENEL SAYFA DÜZENİ (GRID SİSTEMİ) */
/* Sayfayı genişletelim ki kutular sıkışmasın */
body.woocommerce-checkout .wrap,
body.woocommerce-checkout .woocommerce {
    max-width: 1300px !important;
    width: 96% !important;
    margin: 0 auto !important;
}

/* Ana Form Izgarası: Sol (%65) - Sağ (%35) */
form.checkout.woocommerce-checkout {
    display: grid !important;
    grid-template-columns: 1.8fr 1fr !important; /* Sol taraf daha geniş */
    gap: 30px !important;
    margin-top: 30px !important;
}

/* 2. SOL TARAF: MİSAFİR VE İLETİŞİM KUTULARI */
/* Bu alanlar alt alta dökülsün ama ferah olsun */
.dt-checkout-left, 
#customer_details,
.woocommerce-billing-fields {
    width: 100% !important;
    display: block !important;
}

/* Kutuların Tasarımı: Beyaz, Gölgeli, Oval */
.dt-guest-box, 
.woocommerce-billing-fields {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 30px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03) !important;
}

/* Başlıklar: Altı Çizgili ve Net */
.dt-guest-box h3, 
.woocommerce-billing-fields h3 {
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    border-bottom: 2px solid #f1f5f9 !important;
    padding-bottom: 15px !important;
    margin-bottom: 25px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Inputları Yan Yana Sığdırma (Kompakt Mod) */
/* WooCommerce varsayılan floatlarını temizle, Flex kullan */
.woocommerce-billing-fields__field-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important; /* Inputlar arası boşluk */
}

.form-row {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
}

/* Yan Yana Gelmesi Gerekenler (Ad, Soyad, Tel, Email) */
/* Ekran genişse %48 yapıp yan yana alalım */
@media (min-width: 768px) {
    #billing_first_name_field, #billing_last_name_field,
    #billing_phone_field, #billing_email_field,
    .form-row-first, .form-row-last {
        width: 48% !important; /* Yan yana sığdır */
        flex: 0 0 48% !important;
    }
}

/* Input Tasarımı (Daha Kibar) */
.woocommerce input.input-text, 
.woocommerce select {
    height: 48px !important; /* Çok yüksek olmasın */
    padding: 0 15px !important;
    font-size: 14px !important; /* Yazıyı hafif küçülttük */
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.woocommerce input:focus {
    border-color: #ff6b00 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.1) !important;
}

/* Label (Etiket) */
.woocommerce form .form-row label {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #64748b !important;
    margin-bottom: 5px !important;
}

/* 3. SAĞ TARAF: ÖZET VE ÖDEME (STICKY) */
/* Sipariş özeti sağda sabit dursun */
#order_review_heading,
#order_review {
    grid-column: 2 / 3 !important;
    width: 100% !important;
}

#order_review {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 25px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08) !important;
    position: sticky !important;
    top: 30px !important; /* Scroll yapınca yapışsın */
    height: fit-content !important;
}

/* Tabloyu Temizle */
#order_review table.shop_table {
    border: none !important;
    margin: 0 0 20px 0 !important;
}
#order_review table th, 
#order_review table td {
    border: none !important;
    padding: 10px 0 !important;
    font-size: 14px !important;
}
#order_review tr.order-total th,
#order_review tr.order-total td {
    border-top: 1px dashed #e2e8f0 !important;
    padding-top: 15px !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #003580 !important;
}

/* 4. ÖDEME KUTUSU VE BUTONU */
#payment {
    background: #f1f5f9 !important; /* Hafif gri zemin */
    border-radius: 12px !important;
    padding: 15px !important;
}

#payment ul.payment_methods {
    border: none !important;
    padding: 0 !important;
    margin-bottom: 15px !important;
}

/* ÖDEME BUTONU (TATİLBUDUR TARZI) */
#place_order {
    width: 100% !important;
    background: linear-gradient(135deg, #ff6b00 0%, #ff8c00 100%) !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    padding: 18px !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: 0.3s !important;
    box-shadow: 0 10px 20px rgba(255, 107, 0, 0.25) !important;
    float: none !important;
    margin-top: 10px !important;
}
#place_order:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 15px 30px rgba(255, 107, 0, 0.4) !important;
}

/* Gizlilik Metni */
.woocommerce-terms-and-conditions-wrapper {
    font-size: 11px !important;
    color: #94a3b8 !important;
    margin-bottom: 15px !important;
}

/* ==========================================================================
   📱 MOBİL UYUMLULUK (STICKY BOTTOM BUTTON)
   ========================================================================== */
@media (max-width: 900px) {
    /* Grid'i iptal et, tek sütun yap */
    form.checkout.woocommerce-checkout {
        display: block !important;
        margin-top: 10px !important;
    }

    /* Sol ve Sağ blokları %100 yap */
    .dt-checkout-left, #order_review {
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    /* Inputları mobilde tam genişlik yap (yan yana sıkışmasın) */
    #billing_first_name_field, #billing_last_name_field,
    #billing_phone_field, #billing_email_field {
        width: 100% !important;
        flex: 0 0 100% !important;
    }

    /* ÖZET KISMI (ORDER REVIEW) */
    #order_review {
        position: static !important; /* Sticky özelliğini kaldır */
        padding: 20px !important;
        background: #fff !important;
        box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;
    }

    /* 🔥 MOBİL STICKY BUTON (APP HİSSİYATI) 🔥 */
    /* Ödeme butonunu yerinden söküp ekranın altına çakıyoruz */
    
    /* Ödeme Alanının İçini Düzenle */
    #payment {
        background: transparent !important;
        padding: 0 !important;
    }
    
    /* Buton Kapsayıcısı (Place Order div) */
    #payment .place-order {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        background: #fff !important;
        padding: 15px 20px !important;
        box-shadow: 0 -5px 20px rgba(0,0,0,0.1) !important;
        z-index: 9999 !important;
        display: flex !important;
        flex-direction: column !important;
        border-top: 1px solid #e2e8f0 !important;
    }

    /* Butonun Kendisi */
    #place_order {
        margin: 0 !important;
        border-radius: 50px !important; /* Tam yuvarlak köşeler */
        font-size: 16px !important;
        padding: 15px !important;
    }

    /* Sayfanın en altına boşluk bırak (Buton içeriği kapatmasın) */
    body.woocommerce-checkout {
        padding-bottom: 100px !important;
    }

    /* Mobilde Terms (Sözleşme) metnini biraz yukarı al */
    .woocommerce-terms-and-conditions-wrapper {
        margin-bottom: 80px !important; /* Butonun altında kalmasın */
    }
}
/* ==========================================================================
   📱 MOBILE CHECKOUT APP MODE (Sıkışıklık Giderici & Sticky Buton)
   ========================================================================== */

@media (max-width: 900px) {

    /* 1. GENEL KAPLAYICIYI RAHATLAT (ZİNCİRLERİ KIR) */
    body.woocommerce-checkout .wrap,
    body.woocommerce-checkout .woocommerce {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 10px !important; /* Kenarlardan sadece 10px boşluk */
        margin: 0 !important;
        overflow-x: hidden !important;
    }

    /* Izgarayı Tek Sütuna Düşür */
    form.checkout.woocommerce-checkout {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important; /* Kutular arası boşluk */
        margin-top: 15px !important;
        padding-bottom: 100px !important; /* En alttaki sticky buton için yer aç */
    }

    /* 2. KUTULARI GENİŞLET VE FERAHLAT */
    .dt-guest-box, 
    .woocommerce-billing-fields, 
    #order_review {
        width: 100% !important;
        padding: 20px 15px !important; /* İç boşluğu azalttık ki içerik sığsın */
        margin-bottom: 15px !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.03) !important; /* Hafif gölge */
        background: #fff !important;
        box-sizing: border-box !important;
    }

    /* Başlıkları Küçült */
    .dt-guest-box h3, 
    .woocommerce-billing-fields h3 {
        font-size: 1.1rem !important;
        margin-bottom: 15px !important;
        padding-bottom: 10px !important;
    }

    /* 3. INPUTLARI PARMAK DOSTU YAP */
    .woocommerce-billing-fields__field-wrapper {
        gap: 12px !important;
    }

    /* Yan yana olan inputları (Ad-Soyad) mobilde alt alta al veya %100 yap */
    .form-row, 
    #billing_first_name_field, #billing_last_name_field,
    #billing_phone_field, #billing_email_field {
        width: 100% !important;
        flex: 0 0 100% !important;
        margin-bottom: 0 !important;
    }

    .woocommerce input.input-text, 
    .woocommerce select {
        height: 50px !important; /* Yüksekliği artır, basması kolay olsun */
        font-size: 16px !important; /* iPhone zoom yapmasın diye 16px */
        padding: 0 15px !important;
    }

    /* 4. MİSAFİR KARTLARINI DÜZENLE */
    .dt-single-guest {
        padding: 15px !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
    }
    
    .dt-row {
        display: flex !important;
        flex-direction: column !important; /* Yan yana olanları alt alta al */
        gap: 10px !important;
    }

    /* 5. ÖZET TABLOSU (SAĞDAKİ KUTU) */
    #order_review {
        order: 1 !important; /* Özeti mobilde en üste almak istersen -1 yap */
        /* Şu an formun altında kalması mantıklı, ama sticky değil */
        position: static !important;
    }
    
    /* Ödeme Metotları */
    #payment {
        background: transparent !important;
        padding: 0 !important;
    }
    #payment ul.payment_methods {
        border-bottom: 1px solid #eee !important;
        padding-bottom: 15px !important;
    }

    /* 🔥 6. STICKY FOOTER BUTTON (OYUN DEĞİŞTİRİCİ) 🔥 */
    /* "Siparişi Onayla" butonunu söküp ekranın altına yapıştırıyoruz */
    
    #payment .place-order {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        background: #fff !important; /* Arka plan beyaz */
        padding: 15px 20px !important;
        box-shadow: 0 -5px 20px rgba(0,0,0,0.1) !important; /* Yukarı doğru gölge */
        z-index: 99999 !important;
        border-top: 1px solid #e2e8f0 !important;
        
        /* iPhone X/11/12/13/14/15 Home Bar Güvenli Alanı */
        padding-bottom: env(safe-area-inset-bottom, 20px) !important;
    }

    #place_order {
        width: 100% !important;
        margin: 0 !important;
        border-radius: 12px !important;
        padding: 16px !important;
        font-size: 16px !important;
        background: #ff6b00 !important; /* Tatilbudur Turuncusu */
        box-shadow: none !important; /* Zaten barın gölgesi var */
    }
    
    /* Terms (Sözleşme) yazısı butonun üstünde kalsın */
    .woocommerce-terms-and-conditions-wrapper {
        margin-bottom: 10px !important;
        padding: 0 5px !important;
    }
}
/* ==========================================================================
   🔥 V4.0 ULTIMATE STYLES (SWIPER HERO & SWIPEABLE DESTINATIONS)
   ========================================================================== */

/* --- 1. SİNEMATİK HERO SLIDER --- */
.hero-slider-section {
    position: relative;
    width: 100%;
    height: 100vh; /* Ekranı tam kaplar */
    min-height: 600px;
    background: #000;
    overflow: hidden;
}

.heroSwiper {
    width: 100%;
    height: 100%;
}

.heroSwiper .swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-overlay-dark {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);
    z-index: 1;
}

/* Videolar Arkaplanda Dönecek */
.hero-bg-video {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    object-fit: cover;
    z-index: 0;
}

/* Slider İçerik Kutusu */
.hero-slide-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    max-width: 800px;
    padding: 0 20px;
    margin-top: -50px; /* Arama kutusuna yer bırakmak için hafif yukarıda */
}

.slide-tag {
    display: inline-block;
    background: rgba(255, 107, 0, 0.9);
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.slide-title {
    font-size: 4.5rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 15px;
    text-shadow: 0 10px 30px rgba(0,0,0,0.5);
    font-family: 'Montserrat', sans-serif;
}

.slide-desc {
    font-size: 1.3rem;
    font-weight: 400;
    margin-bottom: 30px;
    opacity: 0.9;
    text-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

.btn-slide-action {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    color: #0f172a;
    padding: 15px 35px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none;
    transition: 0.3s;
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}

.btn-slide-action:hover {
    background: #ff6b00;
    color: #fff;
    transform: translateY(-3px);
}

/* Swiper UI Özelleştirmeleri (Orijinal Mavi Rengi Turuncu Yapıyoruz) */
.swiper-pagination-bullet-active {
    background: #ff6b00 !important;
}
.swiper-button-next, .swiper-button-prev {
    color: #fff !important;
    opacity: 0.5;
    transition: 0.3s;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
    color: #ff6b00 !important;
    opacity: 1;
}

/* --- 2. SAĞA KAYDIRMALI DESTİNASYON VİTRİNİ (SWIPEABLE) --- */

.section-title-left {
    margin-bottom: 30px;
}
.section-title-left h2 {
    font-size: 2.2rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 5px;
}
.section-title-left p {
    color: #64748b;
    font-size: 1.1rem;
}

/* Kaydırma Konteyneri (Asıl Sihir Burada) */
.destinations-scroll-wrapper {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory; /* Mıknatıs gibi karta oturmasını sağlar */
    -webkit-overflow-scrolling: touch; /* iOS'ta akıcı kaydırma */
    padding-bottom: 20px; /* Alttaki gölge kesilmesin diye */
    scrollbar-width: none; /* Firefox için scrollbar gizleme */
}
.destinations-scroll-wrapper::-webkit-scrollbar {
    display: none; /* Chrome/Safari için scrollbar gizleme */
}

/* Destinasyon Kartı */
.dest-card {
    flex: 0 0 auto; /* Küçülmesini engeller */
    width: 280px; /* Kart genişliği */
    height: 380px; /* Kart yüksekliği */
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    scroll-snap-align: start; /* Kaydırırken hep başa hizalanır */
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
    transition: 0.3s;
    cursor: pointer;
    text-decoration: none !important;
}

.dest-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}

.dest-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s ease;
}

.dest-card:hover img {
    transform: scale(1.1); /* Resim hafifçe büyür */
}

/* Kartın Üstündeki Gradient Karartma ve Yazılar */
.dest-overlay {
    position: absolute;
    bottom: 0; left: 0; width: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 100%);
    padding: 30px 20px 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.dest-overlay h3 {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 800;
    margin-bottom: 5px;
}

.dest-btn {
    color: #ff6b00;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Mobilde Sağda Boşluk Bırakmak İçin Sahte Div */
.scroll-spacer {
    flex: 0 0 10px;
}

/* Kaydırma İpucu (Swipe Hint) */
.scroll-hint {
    text-align: right;
    font-size: 13px;
    color: #94a3b8;
    font-weight: 600;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}
.pulse-anim {
    animation: hand-pulse 1.5s infinite;
}

@keyframes hand-pulse {
    0% { transform: translateX(0); }
    50% { transform: translateX(5px); color: #ff6b00; }
    100% { transform: translateX(0); }
}

/* --- MOBİL UYUMLULUK DÜZELTMELERİ --- */
@media (max-width: 900px) {
    
    .hero-slider-section {
        height: 100vh;
    }

    .slide-title {
        font-size: 2.5rem;
    }
    .slide-desc {
        font-size: 1.1rem;
    }

    /* Mobilde Swiper butonlarını gizle (zaten elle kaydıracak) */
    .swiper-button-next, .swiper-button-prev {
        display: none !important;
    }

    /* Vitrin Kart Genişlikleri Mobilde Hafif Küçülsün */
    .dest-card {
        width: 240px;
        height: 320px;
    }

    /* Başlıklar */
    .section-title-left h2 {
        font-size: 1.8rem;
    }
}
/* ==========================================================================
   🌟 ÖZELLİKLER (FEATURES) BÖLÜMÜ - GÜVEN KARTLARI
   ========================================================================== */

.features-section {
    background: #ffffff;
    padding: 80px 0;
    border-top: 1px solid #f1f5f9;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Yanyana 4 kutu */
    gap: 30px;
}

.feature-box {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 40px 25px;
    text-align: center;
    transition: all 0.4s ease;
    box-shadow: 0 5px 20px rgba(0,0,0,0.02);
}

/* Hover (Üstüne gelince) Efekti */
.feature-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
    border-color: #ff6b00; /* İnce turuncu çerçeve yanar */
}

/* İkon Kapsayıcısı */
.feature-box .icon-wrap {
    width: 80px;
    height: 80px;
    background: #fff7ed; /* Çok açık turuncu zemin */
    color: #ff6b00; /* Turuncu ikon */
    border-radius: 50%; /* Tam yuvarlak */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    margin: 0 auto 20px auto;
    transition: 0.4s;
}

/* Kutuya hover olunca ikonun rengi tersine dönsün */
.feature-box:hover .icon-wrap {
    background: #ff6b00;
    color: #fff;
    transform: scale(1.1); /* İkon hafif büyüsün */
}

/* Başlık */
.feature-box h4 {
    font-size: 1.25rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 12px;
}

/* Açıklama Metni */
.feature-box p {
    font-size: 0.95rem;
    color: #64748b;
    line-height: 1.6;
    margin: 0;
}

/* ==========================================================================
   📱 MOBİL UYUMLULUK (FEATURES)
   ========================================================================== */
@media (max-width: 992px) {
    .features-section {
        padding: 50px 0; /* Mobilde boşluğu biraz azalt */
    }
    
    .features-grid {
        grid-template-columns: repeat(2, 1fr); /* Tablette yan yana 2 kutu */
        gap: 20px;
    }
}

@media (max-width: 600px) {
    .features-grid {
        grid-template-columns: 1fr; /* Mobilde tamamen alt alta dökül */
        padding: 0 10px; /* Kenarlardan nefes alsın */
    }
    
    .feature-box {
        padding: 30px 20px; /* Mobilde kartları biraz daraltalım */
    }
}

/* ==============================================================
   DAILYTOUR LOGO IMAGE DESTEĞİ (eklendi)
   ============================================================== */
.logo.logo-image-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}
.logo.logo-image-wrap img {
    height: 54px;
    width: 54px;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 0 6px 18px rgba(0,0,0,0.15);
    background: #fff;
}
.logo.logo-image-wrap .logo-text-fallback { display:none; }

.footer-logo.footer-logo-image {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}
.footer-logo.footer-logo-image img {
    height: 54px;
    width: 54px;
    object-fit: cover;
    border-radius: 50%;
    background: #fff;
    padding: 2px;
}
.footer-logo.footer-logo-image .footer-logo-text-fallback { display:none; }

@media (max-width: 768px) {
    .logo.logo-image-wrap img {
        height: 44px;
        width: 44px;
    }
    .footer-logo.footer-logo-image img {
        height: 44px;
        width: 44px;
    }
}


/* ================================
   DAILYTOUR V4.2 PATCH (Remote media + mobile responsive)
   ================================ */
.hero-slider-section .hero-video-wrap {
    position: absolute;
    inset: 0;
    overflow: hidden;
    z-index: 0;
    background: #000;
}
.hero-slider-section .hero-bg-iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120vw;
    height: 67.5vw;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
    border: 0;
    pointer-events: none;
    opacity: .95;
}
.hero-slider-section .swiper-slide { overflow: hidden; }
.hero-slider-section .hero-slide-content { position: relative; z-index: 2; }
.hero-slider-section .hero-overlay-dark { z-index: 1; }

.destinations-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}
.dest-nav-btns { display: flex; gap: 8px; }
.dest-nav-btn {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    border: 1px solid rgba(15,23,42,.12);
    background: #fff;
    color: #0f172a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 18px rgba(15,23,42,.08);
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease;
}
.dest-nav-btn:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(15,23,42,.12); }
.destinations-scroll-wrapper {
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
    cursor: grab;
}
.destinations-scroll-wrapper.is-dragging { cursor: grabbing; user-select: none; }
.destinations-scroll-wrapper .dest-card { scroll-snap-align: start; }
.destinations-scroll-wrapper::-webkit-scrollbar { height: 10px; }
.destinations-scroll-wrapper::-webkit-scrollbar-thumb { background: rgba(15,23,42,.18); border-radius: 999px; }
.destinations-scroll-wrapper .scroll-spacer { flex: 0 0 24px; }

.tours-grid-premium .tour-card-premium img,
.dest-card img,
.tour-detail-page .tour-image img {
    object-fit: cover;
}

@media (max-width: 1200px) {
    .hero-slider-section .hero-bg-iframe {
        width: 140vw;
        height: 78.75vw;
    }
}

@media (max-width: 992px) {
    .search-floating-box .main-search-form {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .search-floating-box .search-input-group,
    .search-floating-box .search-input-group.border-left {
        border-left: 0 !important;
        border-top: 0;
        width: 100%;
        min-height: 64px;
    }
    .search-floating-box .btn-main-search {
        width: 100%;
        min-height: 48px;
    }
    .hero-slider-section .hero-bg-iframe {
        width: 180vw;
        height: 101.25vw;
    }
    .hero-slider-section .slide-title {
        font-size: clamp(24px, 6vw, 40px);
        line-height: 1.05;
    }
    .hero-slider-section .slide-desc {
        font-size: 14px;
        max-width: 90%;
    }
    .destinations-section .dest-card {
        min-width: 260px;
        width: 260px;
    }
    .scroll-hint {
        font-size: 12px;
        margin-bottom: 0;
    }
    .tour-detail-page .tour-main-grid {
        grid-template-columns: 1fr !important;
        gap: 18px;
    }
    .tour-detail-page .tour-sidebar {
        position: static !important;
    }
}

@media (max-width: 767px) {
    .hero-slider-section { margin-top: 0; }
    .hero-slider-section .heroSwiper,
    .hero-slider-section .swiper-slide {
        min-height: 68vh;
    }
    .hero-slider-section .hero-slide-content {
        padding: 22px 16px 82px;
    }
    .hero-slider-section .btn-slide-action {
        width: 100%;
        justify-content: center;
    }
    .hero-slider-section .swiper-button-next,
    .hero-slider-section .swiper-button-prev {
        width: 38px;
        height: 38px;
        top: auto;
        bottom: 16px;
    }
    .hero-slider-section .swiper-button-prev { left: 14px; }
    .hero-slider-section .swiper-button-next { right: 14px; }
    .hero-slider-section .swiper-pagination {
        bottom: 18px !important;
    }

    .destinations-section .wrap { padding-left: 12px; padding-right: 12px; }
    .destinations-scroll-wrapper {
        gap: 10px;
        padding-bottom: 6px;
    }
    .destinations-section .dest-card {
        min-width: 78vw;
        width: 78vw;
        height: 210px;
    }
    .destinations-toolbar {
        align-items: stretch;
    }
    .destinations-toolbar .scroll-hint {
        width: 100%;
        order: 2;
    }
    .dest-nav-btns {
        margin-left: auto;
    }

    .magaza-layout,
    .magaza-wrapper,
    .shop-layout,
    .shop-container {
        grid-template-columns: 1fr !important;
    }
    .tour-card-premium .tour-actions,
    .tour-card-premium .tour-footer {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .tour-detail-page .price-box,
    .tour-detail-page .booking-card,
    .tour-detail-page .tour-summary-card {
        padding: 14px !important;
        border-radius: 14px !important;
    }
    .tour-detail-page .booking-card .form-row {
        grid-template-columns: 1fr !important;
    }

    .woocommerce-checkout .dt-row {
        flex-direction: column !important;
        gap: 8px !important;
    }
    .woocommerce-checkout .dt-guest-box,
    .woocommerce-checkout .dt-order-box,
    .woocommerce-checkout .woocommerce-checkout-review-order {
        padding: 14px !important;
    }
}