/*
Theme Name: Berceste Orijinal Tema
*/

/* Poppins Fontu */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

/* Renk Paleti ve Genel Ayarlar */
:root {
    --primary-color: #01a0be; 
    --secondary-color: #e07b1a; 
    --light-bg: #f8fcfd; 
    --orange-soft-bg: #fce4d0; 
    --dark-text: #2c3e50;
    --slider-bg: #e6f5f8; 
    --footer-bg: #013b46; 
}

body, html {
    font-family: 'Poppins', sans-serif;
    color: var(--dark-text);
    background-color: var(--light-bg);
    scroll-behavior: smooth;
}

/* --- ÜST BİLGİ BARI --- */
.top-bar { background-color: var(--primary-color); color: white; padding: 8px 0; font-size: 0.9rem; font-weight: 400; }

/* --- NAVİGASYON VE MENÜ DÜZELTMESİ (WORDPRESS İÇİN) --- */
.navbar { padding: 10px 0; background-color: white; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.navbar-brand img { height: 55px; width: auto; object-fit: contain; }

/* WordPress tüm sayfaları aktif sanmasın diye ana linkler turkuaz yapıldı */
.navbar-nav .nav-link,
.navbar-nav .current-menu-item > a,
.navbar-nav .current_page_item > a { 
    font-weight: 600; 
    color: var(--primary-color) !important; 
    margin: 0 10px; 
    text-transform: uppercase; 
    font-size: 0.85rem; 
    transition: color 0.3s; 
}
/* Sadece fareyle üzerine gelince (hover) turuncu olur */
.navbar-nav .nav-link:hover { 
    color: var(--secondary-color) !important; 
}

/* --- HERO SLIDER BÖLÜMÜ --- */
.hero-slider-section { background-color: var(--slider-bg); padding: 50px 0 20px 0; position: relative; overflow: hidden; }

.slider-card { background-color: white; border-radius: 20px; box-shadow: 0 15px 40px rgba(0,0,0,0.08); overflow: hidden; position: relative; z-index: 2; }
.slide-img-wrapper { height: 100%; display: flex; align-items: center; justify-content: center; background-color: #fcfcfc; padding: 20px; }
.slide-img { max-width: 100%; max-height: 500px; object-fit: contain; border-radius: 10px; }
.slide-text-wrapper { padding: 50px; display: flex; flex-direction: column; justify-content: center; height: 100%; }
.slide-title { color: var(--primary-color); font-weight: 700; font-size: 2.5rem; margin-bottom: 15px; }

/* DİNAMİK YAPI İÇİN MÜDAHALE (the_content() içinden gelen veriyi kapsüller) */
.price-badge { background-color: #fff4e6; border-left: 4px solid var(--secondary-color); padding: 10px 20px; margin-bottom: 25px; border-radius: 4px; display: inline-block; }
.price-badge p { color: var(--secondary-color); font-weight: 700; font-size: 1.4rem; margin-bottom: 0; }
.price-badge span { font-size: 0.85rem; color: #777; display: block; }

/* Panelden Eklenen Butonları Mühürler */
.slide-text-wrapper a.btn-primary-custom { background-color: var(--primary-color); color: white; padding: 12px 28px; font-weight: 600; border-radius: 50px; border: none; transition: 0.3s; text-decoration:none; display:inline-block; margin-right:10px; margin-top:15px;}
.slide-text-wrapper a.btn-primary-custom:hover { background-color: #018a9a; color: white; }
.slide-text-wrapper a.btn-warning-custom { background-color: var(--secondary-color); color: white; border: none; padding: 12px 28px; font-weight: 600; border-radius: 50px; transition: 0.3s; text-decoration: none; display: inline-block; margin-top:15px;}
.slide-text-wrapper a.btn-warning-custom:hover { background-color: #c96b14; color: white; transform: translateY(-2px); }

/* --- SLIDER OKLARI --- */
.carousel-control-prev, .carousel-control-next { width: 60px; height: 60px; top: 50%; transform: translateY(-50%); opacity: 1; z-index: 5; }
@media (min-width: 1400px) { .carousel-control-prev { left: -80px; } .carousel-control-next { right: -80px; } }
@media (min-width: 1200px) and (max-width: 1399px) { .carousel-control-prev { left: -60px; } .carousel-control-next { right: -60px; } }
@media (max-width: 1199px) { .carousel-control-prev { left: 10px; } .carousel-control-next { right: 10px; } }
.carousel-control-prev-icon, .carousel-control-next-icon { background-color: var(--primary-color); border-radius: 50%; width: 50px; height: 50px; box-shadow: 0 4px 12px rgba(0,0,0,0.2); transition: 0.3s; }
.carousel-control-prev-icon:hover, .carousel-control-next-icon:hover { background-color: var(--secondary-color); transform: scale(1.1); }

/* --- BÖLÜM BAŞLIKLARI VE BOŞLUKLAR --- */
.section-title { color: var(--primary-color); font-weight: 700; margin-bottom: 30px; text-transform: uppercase; position: relative; padding-bottom: 10px; }
.section-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 4px; background-color: var(--secondary-color); }
.text-center.section-title::after { left: 50%; transform: translateX(-50%); }
.section-spacing { padding: 50px 0; } 

/* --- KARTLAR --- */
.card { border: none; box-shadow: 0 12px 30px rgba(0,0,0,0.08); transition: transform 0.3s ease; background-color: white; border-radius: 12px; overflow: hidden; height: 100%; }
.card:hover { transform: translateY(-8px); }
.card-img-top { height: 220px; object-fit: cover; }
.about-image { box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important; border-radius: 12px !important; }

/* --- BANKA KUTULARI VE İLETİŞİM FORMU --- */
.bank-box { background: white; border-left: 6px solid var(--primary-color); padding: 25px; margin-bottom: 20px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
.contact-form-wrapper { background: white; padding: 40px; border-radius: 12px; box-shadow: 0 15px 35px rgba(0,0,0,0.05); border-top: 4px solid var(--primary-color); }

/* --- BUTONLAR (Genel) --- */
.btn-warning-custom { background-color: var(--secondary-color); color: white; border: none; padding: 12px 28px; font-weight: 600; border-radius: 50px; transition: 0.3s; text-decoration: none; display: inline-block; }
.btn-warning-custom:hover { background-color: #c96b14; color: white; transform: translateY(-2px); }
.btn-primary-custom { background-color: var(--primary-color); color: white; padding: 12px 28px; font-weight: 600; border-radius: 50px; border: none; transition: 0.3s; }
.btn-primary-custom:hover { background-color: #018a9a; color: white; }

/* --- FOOTER --- */
.footer { background-color: var(--footer-bg); color: #e0e0e0; padding: 60px 0 30px; }
.footer-title { color: white; font-weight: 600; margin-bottom: 20px; position: relative; padding-bottom: 10px; }
.footer-title::after { content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 3px; background-color: var(--secondary-color); }
.contact-list { padding-left: 0; list-style: none; }
.contact-list li { margin-bottom: 15px; display: flex; align-items: center; }
.contact-list i { color: var(--secondary-color); width: 30px; margin-right: 10px; }
.social-icon { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background-color: rgba(255,255,255,0.1); color: white; margin-right: 10px; text-decoration: none; transition: 0.3s; }
.social-icon:hover { background-color: var(--secondary-color); transform: translateY(-3px); }

/* --- MOBİL UYARLAMA --- */
@media (max-width: 991px) {
    .hero-slider-section { padding: 20px 0 10px 0; } 
    .section-spacing { padding: 30px 0; }
    .slider-card .row { display: block; margin: 0; }
    .slide-img-wrapper { height: auto !important; display: block; padding: 20px 10px 10px 10px; text-align: center; }
    .slide-img { max-height: 350px; width: auto; margin: 0 auto; }
    .slide-text-wrapper { height: auto !important; display: block; padding: 10px 20px 30px 20px; text-align: center; }
    .slide-title { font-size: 1.8rem; margin-bottom: 10px; }
    .price-badge { margin-bottom: 15px; }
    .section-title { margin-bottom: 20px; }
    .footer { text-align: center; }
    .footer-title::after { left: 50%; transform: translateX(-50%); }
    .contact-list li { justify-content: center; }
    .navbar-collapse { background: white; padding: 15px; border-radius: 10px; margin-top: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
    .carousel-control-prev, .carousel-control-next { top: 35%; transform: translateY(-50%); }
    .carousel-control-prev-icon, .carousel-control-next-icon { width: 35px; height: 35px; }
	
	/* =========================================
   FOOTER KESİN ÇÖZÜM (LOGO VE MENÜ)
   ========================================= */

/* 1. Footer Logosunu Kesin Olarak Sınırlandırır */
.footer img {
    max-width: 200px !important;
    max-height: 65px !important;
    height: auto !important;
    object-fit: contain !important;
    margin-bottom: 15px !important;
    display: block !important;
}

/* 2. WordPress Footer Menüsünü Düzeltir (Liste işaretlerini ve boşlukları siler) */
.footer ul {
    list-style-type: none !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

/* 3. Menü Elemanlarının Arasını Açar */
.footer ul li {
    margin-bottom: 12px !important;
    display: block !important;
}

/* 4. Menü Linklerinin Rengini ve Alt Çizgisini Düzeltir */
.footer ul li a {
    color: #ffffff !important; /* Beyaz renk */
    text-decoration: none !important; /* Alt çizgiyi kaldırır */
    font-size: 0.95rem !important;
    opacity: 0.9;
    transition: 0.3s ease !important;
}

/* 5. Menü Linklerine Üzerine Gelince Turuncu Olma Efekti (Opsiyonel Şıklık) */
.footer ul li a:hover {
    color: var(--secondary-color) !important;
    opacity: 1;
}
	/* =========================================
   FOOTER: NOKTA ATIŞI DÜZELTMELER
   ========================================= */

/* 1. Logonun yanına yazı kaymasını engeller (Yazıyı aşağı iter) */
.footer img {
    display: block !important;
    margin-bottom: 15px !important;
}

/* 2. Slogan metninin bütünlüğünü sağlar */
.footer .footer-slogan, 
.footer p {
    display: block !important;
    margin: 0 0 10px 0 !important;
}

/* 3. WordPress'in inatçı mavi menü linklerini BEYAZ yapar ve alt çizgisini siler */
.footer .widget_nav_menu ul li a,
.footer ul.menu li a,
.footer ul li a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 0.95rem;
    transition: 0.3s ease;
}

/* 4. Menü üzerine gelince turuncu olur */
.footer .widget_nav_menu ul li a:hover,
.footer ul.menu li a:hover,
.footer ul li a:hover {
    color: var(--secondary-color) !important;
}

/* 5. Menüdeki gereksiz liste boşluklarını temizler */
.footer .widget_nav_menu ul,
.footer ul.menu {
    padding-left: 0 !important;
    list-style: none !important;
}