.listing-specs-grid .seperator{display:none}

/* --- SIDEBAR & TEMEL AYARLAR --- */
#overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.5); z-index: 1000; }
#overlay.active { display: block; }
.side-menu { height: 100%; width: 280px; position: fixed; z-index: 9999999999; top: 0; left: -280px; background-color: #ffffff; color: #333; overflow-y: auto; transition: left 0.3s ease; }
.side-menu.open { left: 0; }
.side-menu .close-btn { position: absolute; top: 5px; right: 15px; font-size: 30px; color: #888; background: none; border: none; cursor: pointer; }
.side-menu .main-nav { list-style: none; padding: 40px 0 0 0; margin: 0; }
.side-menu .main-nav > li > a {text-transform:uppercase; display: flex; justify-content: space-between; align-items: center; padding: 15px; text-decoration: none; color: #444; border-bottom: 1px solid #eee; font-weight: 500; }
.side-menu .main-nav .arrow { font-size: 20px; color: #aaa; transition: transform 0.3s ease; }
.side-menu .main-nav > li > a.is-open .arrow { transform: rotate(90deg); }
.side-menu .submenu { display: none; list-style: none; padding: 0;margin:0 }
.side-menu .category-submenu { background-color: #8e44ad; }
.side-menu .category-submenu a { text-transform:uppercase;color: white; border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: flex; align-items: center; padding: 12px 20px; text-decoration: none;}
.side-menu .category-submenu .fas, .side-menu .category-submenu .fa-solid { margin-right: 15px; width: 25px; text-align: center; }
@media (min-width: 992px) {
    .side-menu { width: 300px; left: -300px; box-shadow: 2px 0 15px rgba(0, 0, 0, 0.2); overflow: visible; }
    .side-menu .main-nav > li:hover > a { background-color: #8e44ad; color: white; }
    .side-menu .main-nav > li:hover > a .arrow { color: white; }
    .side-menu .submenu { position: absolute; top: 0; left: 100%; width: 300px; height: 100vh; background-color: #8e44ad; border-left: 1px solid #732d91; display: block; padding-top: 0; box-shadow: 2px 2px 10px rgba(0,0,0,0.2); visibility: hidden; opacity: 0; transform: translateX(-15px); transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s; }
    .side-menu .submenu.is-visible { visibility: visible; opacity: 1; transform: translateX(0); transition: transform 0.3s ease, opacity 0.3s ease; }
    .side-menu .submenu a:hover { background-color: rgba(0, 0, 0, 0.15); }
}

:root { --primary-purple: #8e44ad; --dark-purple: #6c3a8c; --input-bg: #f1f3f5; --danger-red: #c0392b; }
html, body { margin: 0; font-family: 'Poppins', sans-serif;font-size:15px; background-color: #f8f9fa; }
button,a,.btn {font-size:15px}
main { padding-top: 72px; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 15px; }

/* --- HEADER --- */
header.top-header {
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: 0; /* DEĞİŞTİRİLDİ */
    height: 72px; /* Yüksekliği sabitliyoruz */
    z-index: 99999999;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
}
.header-container { display: flex; justify-content: space-between; align-items: center; gap: 40px;height: 100%; /* EKLENDİ */ }
.header-left, .header-right {
    display: flex;
    align-items: stretch; /* Dikeyde esnet */
    gap: 0; /* Boşlukları kaldırıyoruz, padding ile yöneteceğiz */
    flex-shrink: 0;
    height: 100%; /* Ebeveynin tüm yüksekliğini al */
}
.header-center {
    flex-grow: 1;
    min-width: 200px;
    display: flex; /* EKLENDİ */
    justify-content: end; /* EKLENDİ */
}
.mobile-menu-icon { display: none; font-size: 24px; }
.desktop-menu-icon { display: block; }
.logo { font-size: 28px; font-weight: 700; color: #333; text-decoration: none; display: flex; align-items: center; }
.logo img { max-width:220px }
.logo span { display: inline-block; background-color: var(--dark-purple); color: white; padding: 2px 10px; margin-right: 4px; border-radius: 6px; transform: skew(-10deg); }
.header-search {
    max-width: 500px; /* `width: 100%` DEĞİŞTİRİLDİ */
    width: 100%; /* Mobil için esneklik sağlar */
    display: flex;
    align-items: center;
    border: 2px solid #e0e0e0;
    border-radius: 5px;
    background-color: #fff;
    overflow: hidden;
}
.header-search input { flex-grow: 1; padding: 10px 15px; border: none; outline: none; font-size: 14px; font-family: 'Poppins', sans-serif; }
.header-search button { flex-shrink: 0; height: 100%; width: 45px; background: transparent; border: none; border-left: 1px solid #e0e0e0; color: #888; cursor: pointer; display: grid; place-items: center; font-size: 16px; }
.user-menu-container { position: relative; }
.action-icon {
    color: #555;
    font-size: 20px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px; /* Yatayda boşluk */
    height: 100%;
    box-sizing: border-box;
}

.header-left .action-icon{
    display:none
}

.add-listing-btn {
    background-color: var(--primary-purple);
    color: white!important;
    padding: 0 20px;
    border-radius: 0; /* Köşeleri sıfırla */
    text-decoration: none;
    font-weight: 500;
    display: flex;
    flex-direction: column; /* İkon ve yazıyı alt alta getir */
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 100%;
    box-sizing: border-box;
}
.add-listing-btn .fa-plus {
    font-size: 16px;
}
.add-listing-btn .btn-text {
    font-size: 12px;
    line-height: 1.5;
    margin-top:5px
}

/* --- HERO BÖLÜMÜ --- */
.hero-section { height: calc(100vh - 0px); box-sizing: border-box; position: relative; display: flex; flex-direction: column; justify-content: center; background-image: url('../images/sliderbg.jpg'); background-size: cover; background-position: center; color: white; text-align: center; }
.background-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 80%; background: rgba(0, 0, 0, 0.3); z-index: 1; }
.hero-content { position: relative; z-index: 2; }
.hero-content h1 { font-size: 55px; font-weight: 700; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); margin: 0 0 35px 0;color:#fff }
.cta-button {
  font-size: 20px;
  font-weight: bold;
  color:#686868;
  padding:5px 25px;
  text-decoration: none
}
.cta-button {
    display:inline-block;
  --r: 1.2em; /* control the ribbon shape */
  padding-inline: calc(var(--r) + .3em);
  line-height: 1.8;
  clip-path: polygon(0 0,100% 0,calc(100% - var(--r)) 50%,100% 100%,0 100%, var(--r) 50%);
  background: #fff; /* the main color */
  width: fit-content;
}

/* --- KATEGORİ SLIDER --- */
.category-slider-wrapper { position: absolute; bottom: 30px; left: 0; width: 100%; z-index: 2; }
.category-slider-wrapper.in-category-page { position: relative;bottom:auto;left:auto;margin-top:25px!important;padding:0 }
.swiper-slide { width: 120px; }
.category-box {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    width: 100%; aspect-ratio: 1 / 1;
    background-color: var(--cat-color, var(--primary-purple)); /* DÜZELTME: Renkler geri geldi */
    color: white!important; text-decoration: none; text-align: center;
    padding: 10px; box-sizing: border-box;
    transition: opacity 0.2s ease; /* DÜZELTME: Sadece opacity animasyonu */
    opacity: 0.8;
}
.category-box:hover {
    opacity: 1; /* DÜZELTME: Sadece opacity değişiyor */
}
.category-box i { font-size: 32px; margin-bottom: 10px; }
.category-box span {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    text-transform: uppercase;
    
    /* --- İki Satır Sınırlaması İçin EKLENDİ --- */
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Gösterilecek maksimum satır sayısı */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* --- ARAMA BÖLÜMÜ --- */
.detailed-search-section {
    padding: 40px 0;
    background-color: #ffffff;
    /* DÜZELTME: Gölge daha yayvan ve belirgin hale getirildi */
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 4;
}
.section-divider {
    height: 40px; /* Geçiş alanının yüksekliği */
    background-image: url('https://www.transparenttextures.com/patterns/az-subtle.png'); /* Buraya kendi desen resminizi koyabilirsiniz */
    background-repeat: repeat;
    background-position: center;
    background-color: #f8f9fa; /* Desen yüklenmezse görünecek renk */

    /* Soluklaşma efekti için maske */
    -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
}
.detailed-search-form { display: flex; flex-wrap: wrap; gap: 15px; }
.form-group { flex: 1 1 180px; }
.form-group-large { flex: 2 1 300px; }
.form-group-button { flex: 0 0 auto; }
.detailed-search-form input, .detailed-search-form select { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 5px; background-color: var(--input-bg); font-size: 16px; font-family: 'Poppins', sans-serif; box-sizing: border-box; }
.search-button { width: 100%; padding: 12px 25px; background-color: var(--primary-purple); color: white; border: none; border-radius: 5px; font-size: 16px; font-weight: 600; cursor: pointer; height: 100%;text-transform:uppercase }
.user-dropdown-menu { position: absolute; top: calc(100%); right: 0; width: 220px; background-color: #fff; border: 1px solid #eee; box-shadow: 0 5px 15px rgba(0,0,0,0.1); border-radius: 6px; opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s; z-index: 1000; }
.user-dropdown-menu.is-active { opacity: 1; visibility: visible; transform: translateY(0); }
.user-dropdown-menu ul { list-style: none; padding: 8px 0; margin: 0; }
.user-dropdown-menu li a { display: block; align-items: center; padding: 10px 20px; color: #333; text-decoration: none; font-size: 15px; }
.user-dropdown-menu li a:hover { background-color: #f0f0f0; }
.user-dropdown-menu li a i { margin-right: 15px; width: 20px; text-align: center; color: #888; }
.user-dropdown-menu .divider { border-top: 1px solid #eee; margin-top: 8px; padding-top: 8px; }
.logged-out .dropdown-logged-in, .logged-in .dropdown-logged-out { display: none; }
.logged-out .icon-logged-in, .logged-in .icon-logged-out { display: none; }
.logged-out .icon-logged-out, .logged-in .icon-logged-in { display: inline-block; }

/* --- VİTRİN, BLOG, MAĞAZALAR --- */
.showcase-section, .blog-section, .stores-section { padding: 60px 0; }
.showcase-section, .stores-section { background-color: #fff; }
.blog-section { background-color: #eee; }
.section-title { text-align: center; font-size: 32px; font-weight: 600; color: #333; text-transform: uppercase; margin-top: 0; margin-bottom: 40px; letter-spacing: 1px; }
.listings-grid, .posts-grid, .stores-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 25px; }
.listing-card {
    display: block;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    text-decoration: none;
    color: #333;
    transition: box-shadow 0.1s ease; /* DÜZELTME: Sadece gölge animasyonu */
    min-width: 0;
}
.listing-card:hover {
    /* transform: translateY(-5px); SATIRI SİLİNDİ */
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12); /* DÜZELTME: Gölge daha belirgin */
}
.card-image-wrapper { margin: 0; padding: 0; overflow: hidden; aspect-ratio: 4 / 3 }
.card-image-wrapper img { width: 100%; height: 100%; object-fit: cover; display: block; }
.card-content { padding: 15px; text-align: center; }
.card-title { font-size: 15px; font-weight: 500; margin: 0 0 5px 0; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.card-price { font-size: 18px; font-weight: 700; color: var(--price-color, var(--primary-purple)); margin-bottom: 5px; }
.card-category { display: inline-block; padding: 4px 10px; font-size: 12px; font-weight: 500; color: #fff; background-color: var(--price-color, #888); border-radius: 4px;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;max-width: 100%; }
.load-more-container { text-align: center; margin-top: 40px; }
.load-more-btn { display: inline-block; padding: 12px 30px; background-color: var(--primary-purple); color: #fff!important; text-decoration: none; font-weight: 600; border-radius: 5px; }
.post-card {
    background-color: #fff;
    border-bottom: 3px solid var(--primary-purple);
    overflow: hidden;
    display: flex; /* EKLENDİ */
    flex-direction: column; /* EKLENDİ */
}
.post-image-wrapper { display: block; aspect-ratio: 16 / 9; }
.post-image-wrapper img { width: 100%; height: 100%; object-fit: cover; }
.post-content {
    padding: 20px;
    display: flex; /* EKLENDİ */
    flex-direction: column; /* EKLENDİ */
    flex-grow: 1; /* EKLENDİ (İçeriğin kartı doldurmasını sağlar) */
}
.post-title { font-size: 18px; font-weight: 600; margin: 0 0 10px 0; }
.post-title a { color: #333; text-decoration: none; }
.post-excerpt {
    font-size: 14px;
    color: #777;
    margin: 0 0 20px 0;
    flex-grow: 1; /* EKLENDİ (Butonu en alta iter) */
}
.post-read-more {
    display: inline-block;
    padding: 8px 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #666;
    text-decoration: none;
    font-weight: 500;
    font-size: 13px;
    transition: all 0.2s ease;
    align-self: flex-start; /* EKLENDİ */
}
.post-read-more:hover { background-color: var(--primary-purple); border-color: var(--primary-purple); color: #fff; }
.stores-grid { grid-template-columns: repeat(4, 1fr); }
.store-card { display: flex; flex-direction: column; gap: 15px; text-decoration: none; border: 1px solid #eee; padding: 20px; transition: box-shadow 0.2s ease; text-align: center; }
.store-card:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.07); }
.store-logo-wrapper { margin: 0; }
.store-logo-wrapper img { max-width: 100%; height: auto; }
.store-name { font-size: 15px; font-weight: 500; color: #333; }
.site-footer { background-color: #333; color: #aaa; border-top: 4px solid var(--primary-purple); padding-top: 0; }
.footer-content { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; padding: 40px 0; text-align: center; }
.footer-col h4 { color: #fff; font-size: 14px; margin-top: 0; margin-bottom: 20px; text-transform: uppercase; }
.footer-col ul { list-style: none; padding: 0; margin: 0; }
.footer-col ul li { margin-bottom: 10px; }
.footer-col ul a { color: #aaa; text-decoration: none; font-size: 13px; transition: color 0.2s ease; }
.footer-col ul a:hover { color: #fff; }
.footer-col p { font-size: 13px; line-height: 1.8; margin-top: 0; }
.social-icons { display: flex; gap: 10px; margin-top: 20px; justify-content: center; }
.social-icon { width: 34px; height: 34px; border-radius: 50%; color: white!important; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 16px; }
.social-icon.twitter      { background-color: #1DA1F2; }
.social-icon.facebook     { background-color: #3b5998; }
.social-icon.linkedin     { background-color: #0077b5; }
.social-icon.whatsapp  { background-color: #075e54; }
.footer-bottom { border-top: 1px solid #444; padding: 20px 0; display: flex; justify-content: space-between; align-items: center; font-size: 12px; }
.payment-icons { display: flex; gap: 10px; font-size: 24px; }

/* Sidebar'daki Dil Değiştirici */
.sidebar-language-switcher {
    padding: 20px 15px;
    margin-top: 20px;
    border-top: 1px solid #eee;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.sidebar-language-switcher .lang-option {
    padding: 8px 16px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    color: #888;
    transition: all 0.2s ease;
}

.sidebar-language-switcher .lang-option.active,
.sidebar-language-switcher .lang-option:hover {
    background-color: var(--primary-purple);
    border-color: var(--primary-purple);
    color: #fff;
}

/* Footer'daki Dil Değiştirici */
.footer-bottom-right {
    display: flex;
    align-items: center;
    gap: 25px; /* İkonlar ve dil değiştirici arası boşluk */
}

.footer-language-switcher {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-language-switcher .lang-option {
    color: #aaa;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease;
}

.footer-language-switcher .lang-option:not(:last-child)::after {
  content: " |";
  margin-left: 0.5em;
}

.footer-language-switcher .lang-option.active {
    color: #fff;
}

.footer-language-switcher .lang-option:not(.active):hover {
    color: #fff;
}

.footer-language-switcher span {
    color: #666;
    font-size: 14px;
}

/* --- RESPONSIVE --- */
@media (max-width: 992px) {.hero-content h1 { font-size: 36px; } .listings-grid, .posts-grid, .stores-grid { grid-template-columns: repeat(3, 1fr); }
    .desktop-menu-icon {
        display: none;
    }
    .mobile-menu-icon {
        display: flex;
        align-items: center;
        padding: 0 15px;
        border-right: 1px solid #e0e0e0;
        height: 100%;
    }
    .header-left .action-icon {
        display: flex;
    }
    .logo {
        font-size: 24px;
    }
    .header-right, .header-left {
        gap: 0;
    }
    .add-listing-btn {
        padding: 0 15px;
        gap: 4px;
    }
    .header-container {
        gap: 0;
        padding: 0;
        justify-content: space-between;
    }

    /* YENİ: Tablette arama çubuğunu göster */
    .header-center {
        display: flex;
        flex-grow: 1; /* Arama çubuğunun kalan boşluğu doldurmasını sağlar */
        justify-content: left; /* Arama çubuğunu sola yaslar */
        min-width: 150px; /* Çok küçülmesini engeller */
    }
    .header-search {
        max-width: 100%; /* Tablette tam genişlik kullanabilir */
    }
    .action-icon.desktop-menu-icon {
        display:none
    }
    .user-icon {
        padding: 0 15px;
        height: 100%;
        border-right: 1px solid #e0e0e0; /* Ayırıcı çizgi */
    }
    .add-listing-btn {
        padding: 0 15px;
        height: 100%;
        border-radius: 0;
        gap: 4px;
    }
    .category-slider-wrapper { padding-bottom: 20px; }
    .form-group,
.form-group-large,
.form-group-button {
    flex-basis: 100%;
}
    .listings-grid, .posts-grid, .stores-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-content { grid-template-columns: 1fr; }
    .footer-bottom { flex-direction: column; gap: 15px; text-align: center; }
        .footer-bottom-right {
        flex-direction: column;
        gap: 15px;
    }
}
@media (max-width: 480px) {
    .listings-grid, .posts-grid, .stores-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ===== GİRİŞ SAYFASI İÇİN EKLENEN STİLLER ===== */

/* Arka plana soluk ikon deseni ekliyoruz */
.login-page-body {
    background-color: #f8f9fa;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g fill="%23e9ecef" fill-opacity="0.4"><path d="M 20 10 L 30 10 L 30 20 L 20 20 Z M 70 10 L 80 10 L 80 20 L 70 20 Z M 20 60 L 30 60 L 30 70 L 20 70 Z M 70 60 L 80 60 L 80 70 L 70 70 Z"></path></g></svg>');
    background-repeat: repeat;
}

/* Breadcrumb (sayfa yolu) stil ayarları */
.breadcrumb-section,#breadcrumb-container {
    background: #f1f3f5!important;
    padding: 15px 0;
    border-bottom: 1px solid #e0e0e0;
    text-align:left;
    margin:0
}
.breadcrumbs {
    font-size: 14px;
    color: #666;
}
.breadcrumbs a {
    color: var(--primary-purple);
    text-decoration: none;
}
.breadcrumbs a:hover {
    text-decoration: underline;
}
.breadcrumbs span {
    margin: 0 8px;
}

/* Giriş formunun ana bölümü */
.login-section {
    padding: 80px 0;
}
.login-panel {
    max-width: 900px;
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    display: flex;
    overflow: hidden;
}

/* Paneldeki iki sütun için ortak stil */
.login-column {
    flex: 1;
    padding: 50px;
}
.login-column h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-top: 0;
    margin-bottom: 15px;
    text-align:center
}
.login-column p {
    font-size: 15px;
    color: #6c757d;
    line-height: 1.7;
    margin-bottom: 30px;
    text-align:center
}

/* Sol taraftaki "Üye Ol" bölümü */
.register-prompt {
    border-right: 1px solid #f0f0f0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Sağ taraftaki Giriş Formu */
.login-info-text.error {
    color: #c0392b;
    font-weight: 500;
    font-size: 14px;
}

.login-form .form-group {
    margin-bottom: 20px;
}
.login-form label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #555;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.login-form input[type="email"],
.login-form input[type="password"] {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}
.login-form input:focus {
    outline: none;
    border-color: var(--primary-purple);
}

/* Buton stilleri */
.btn {
    display: inline-block;
    width: 100%;
    padding: 12px 25px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease;
    box-sizing: border-box;
}
.btn.btn-primary {
    background-color: var(--primary-purple);
    color: white;
    border: 1px solid var(--primary-purple);
}
.btn.btn-primary:hover {
    background-color: var(--dark-purple);
    border-color: var(--dark-purple);
}
.btn.btn-secondary {
    background-color: #fff;
    color: #555;
    border: 1px solid #ced4da;
}
.btn.btn-secondary:hover {
    background-color: #f8f9fa;
    border-color: #adb5bd;
}

/* ===== GİRİŞ SAYFASI RESPONSIVE AYARLARI ===== */
@media (max-width: 768px) {
    .login-section {
        padding: 40px 0;
    }
    .login-panel {
        flex-direction: column;
    }
    .login-column {
        padding: 30px;
    }
    .register-prompt {
        border-right: none;
        border-bottom: 1px solid #f0f0f0;
    }
}

/* ===== ŞİFREMİ UNUTTUM SAYFASI İÇİN EKLENEN STİLLER ===== */

.password-reset-page-body {
    background-color: #f8f9fa;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g fill="%23e9ecef" fill-opacity="0.4"><path d="M 20 10 L 30 10 L 30 20 L 20 20 Z M 70 10 L 80 10 L 80 20 L 70 20 Z M 20 60 L 30 60 L 30 70 L 20 70 Z M 70 60 L 80 60 L 80 70 L 70 70 Z"></path></g></svg>');
    background-repeat: repeat;
}

.password-reset-section {
    padding: 80px 0;
}

.password-reset-panel {
    max-width: 550px;
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    padding: 50px;
    text-align: center;
}

.password-reset-panel h1 {
    font-size: 28px;
    font-weight: 600;
    color: #333;
    margin-top: 0;
    margin-bottom: 25px;
}

.password-reset-panel h2 {
    font-size: 18px;
    font-weight: 500;
    color: #444;
    margin-top: 0;
    margin-bottom: 10px;
}

.password-reset-panel p {
    font-size: 14px;
    color: #6c757d;
    line-height: 1.6;
    margin-bottom: 30px;
}

.password-reset-form .form-group {
    margin-bottom: 15px;
}

.password-reset-form input[type="email"] {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
    text-align: center;
}

.password-reset-form input[type="email"]::placeholder {
  color: #999;
}

.password-reset-form input:focus {
    outline: none;
    border-color: var(--primary-purple);
}

/* ===== ŞİFREMİ UNUTTUM RESPONSIVE AYARLARI ===== */
@media (max-width: 768px) {
    .password-reset-section {
        padding: 40px 15px;
    }
    .password-reset-panel {
        padding: 30px;
    }
    .password-reset-panel h1 {
        font-size: 24px;
    }
    .password-reset-panel h2 {
        font-size: 16px;
    }
}

/* ===== ÜYE OL SAYFASI İÇİN EKLENEN STİLLER ===== */

.register-page-body {
    background-color: #f8f9fa;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0" 0 100 100"><g fill="%23e9ecef" fill-opacity="0.4"><path d="M 20 10 L 30 10 L 30 20 L 20 20 Z M 70 10 L 80 10 L 80 20 L 70 20 Z M 20 60 L 30 60 L 30 70 L 20 70 Z M 70 60 L 80 60 L 80 70 L 70 70 Z"></path></g></svg>');
    background-repeat: repeat;
}

.register-section {
    padding: 80px 0;
}
.register-panel {
    max-width: 900px;
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    display: flex;
    overflow: hidden;
}

.register-column {
    flex: 1;
    padding: 50px;
}
.register-column h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-top: 0;
    margin-bottom: 25px;
    text-align:center
}

.login-prompt {
    border-right: 1px solid #f0f0f0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.login-prompt h2 {
    margin-bottom: 20px;
}


.register-form .form-group {
    margin-bottom: 15px;
}
.register-form label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #555;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.register-form label .label-note {
    font-weight: 400;
    font-size: 11px;
    color: #888;
    text-transform: none;
    margin-left: 5px;
}

.register-form input[type="text"],
.register-form input[type="email"],
.register-form input[type="tel"],
.register-form input[type="password"] {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}
.register-form input:focus {
    outline: none;
    border-color: var(--primary-purple);
}

.phone-input-group {
    display: flex;
}
.phone-input-group .country-code {
    display: flex;
    align-items: center;
    padding: 0;
    background-color: #f1f3f5;
    border: 1px solid #ced4da;
    border-right: none;
    border-radius: 5px 0 0 5px;
    font-weight: 500;
    color: #555;
}
.phone-input-group input {
    border-radius: 0 5px 5px 0;
}

.legal-notice {
    text-align: center;
    font-size: 12px;
    color: #888;
    margin-top: 20px;
    line-height: 1.6;
}
.legal-notice a {
    color: var(--primary-purple);
    font-weight: 500;
    text-decoration: none;
}
.legal-notice a:hover {
    text-decoration: underline;
}

/* ===== ÜYE OL SAYFASI RESPONSIVE AYARLARI ===== */
@media (max-width: 768px) {
    .register-section {
        padding: 40px 0;
    }
    .register-panel {
        flex-direction: column;
    }
    .register-column {
        padding: 30px;
    }
    .login-prompt {
        border-right: none;
        border-bottom: 1px solid #f0f0f0;
    }
}

/* =================================================================== */
/* ===== FİNAL KATEGORİ LİSTELEME SAYFASI TÜM STİLLERİ ===== */
/* =================================================================== */

/* --- 1. Genel Sayfa Yapısı & Düzen --- */
main.listings-page-main { background-color: #f8f9fa; }
.listings-section { padding: 40px 0; }
.listings-container { display: grid; grid-template-columns: 280px 1fr; gap: 30px; }
.breadcrumb-section { background-color: #f1f3f5; padding: 15px 0; border-bottom: 1px solid #e0e0e0; font-size: 14px; }
.breadcrumbs a { color: var(--primary-purple); text-decoration: none; }
.breadcrumbs span { margin: 0 8px; }

/* --- 2. Sol Sidebar & Filtreler --- */
.filter-widget { margin-bottom: 25px; background-color: #fff; border: 1px solid #f0f0f0; border-radius: 5px; }
.filter-widget .widget-content:not(.no-height-limit) {
    max-height: 250px; /* Widget'ın ulaşabileceği maksimum yükseklik. Bu değeri ihtiyacınıza göre değiştirebilirsiniz. */
    overflow-y: auto;  /* İçerik bu yüksekliği aştığında dikey kaydırma çubuğunu otomatik olarak gösterir. */
    padding-right: 10px; /* İçeriğin kaydırma çubuğuna yapışmasını engeller. */
}
.filter-widget .widget-content::-webkit-scrollbar {
  width: 8px; /* Kaydırma çubuğunun genişliği */
}

.filter-widget .widget-content::-webkit-scrollbar-track {
  background: #f1f1f1; /* Kaydırma çubuğu arka planı */
  border-radius: 10px;
}

.filter-widget .widget-content::-webkit-scrollbar-thumb {
  background: #ccc; /* Kaydırma çubuğu rengi */
  border-radius: 10px;
}

.filter-widget .widget-content::-webkit-scrollbar-thumb:hover {
  background: var(--primary-purple); /* Üzerine gelince sitenin ana rengi olsun */
}
.listings-sidebar .widget-title { font-size: 16px; font-weight: 600; padding-bottom: 10px; margin: 0 0 20px 0; border-bottom: 2px solid #eee; display: flex; justify-content: space-between; align-items: center; cursor: pointer;text-transform:uppercase }
.listings-sidebar .widget-title:not(.active) { margin-bottom: 0; }
.collapsible-title .toggle-icon { color: #aaa; transition: color 0.3s ease;margin-left:15px }
.collapsible-title.active .toggle-icon { color: var(--primary-purple); }
.category-filter-list { list-style: none; padding: 0; margin: 0;display:block!important;
    max-height: 350px!important; /* Widget'ın ulaşabileceği maksimum yükseklik. Bu değeri ihtiyacınıza göre değiştirebilirsiniz. */
    overflow-y: auto;  /* İçerik bu yüksekliği aştığında dikey kaydırma çubuğunu otomatik olarak gösterir. */
    padding-right: 10px; /* İçeriğin kaydırma çubuğuna yapışmasını engeller. */
}
.category-filter-list::-webkit-scrollbar {
  width: 8px; /* Kaydırma çubuğunun genişliği */
}

.category-filter-list::-webkit-scrollbar-track {
  background: #f1f1f1; /* Kaydırma çubuğu arka planı */
  border-radius: 10px;
}

.category-filter-list::-webkit-scrollbar-thumb {
  background: #ccc; /* Kaydırma çubuğu rengi */
  border-radius: 10px;
}

.category-filter-list::-webkit-scrollbar-thumb:hover {
  background: var(--primary-purple); /* Üzerine gelince sitenin ana rengi olsun */
}
.category-filter-list li { margin-bottom: 5px; }
.category-filter-list a { display: block; padding: 10px 15px; text-decoration: none; color: #333; font-size: 15px; border-radius: 4px; transition: background-color 0.2s ease, color 0.2s ease; }
.category-filter-list a:hover { background-color: #f1f3f5; }
.category-filter-list a.active { background-color: #f1f3f5; color: var(--primary-purple); font-weight: 500; }
.filter-form select, .filter-form input {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box; /* BU SATIRI EKLEYİN */
}
.btn.btn-primary { width: 100%; background-color: var(--primary-purple); color: white; border: none; padding: 12px; font-weight: 600; border-radius: 5px; cursor: pointer; }
.featured-listings-widget .product-card { margin-bottom: 15px; }
.featured-listings-widget .product-card:last-child { margin-bottom: 0; }

/* --- 3. Sağ Ana İçerik --- */
.listings-main { min-width: 0; }
.listings-main .listings-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; background-color: #fff; border: 1px solid #f0f0f0; border-radius: 5px; }
.listings-main h2 { margin: 0; font-size: 18px; font-weight: 600;text-transform:uppercase }

/* --- 4. İLAN KARTI TASARIMI --- */
.product-card { display: block; background-color: #fff; border: 1px solid #e9e9e9; text-decoration: none; color: #333; transition: box-shadow 0.2s ease, transform 0.2s ease; border-radius: 5px; overflow: hidden; }
.product-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12); }
.product-card .card-image-wrapper { margin: 0; aspect-ratio: 16 / 9;  }
.product-card .card-image-wrapper img { width: 100%; height: 100%; object-fit: cover }
.product-card .card-content { padding: 15px; text-align: center; }
.product-card .card-title { font-size: 15px; font-weight: 500; margin: 0 0 8px 0; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product-card .card-price { font-size: 18px; font-weight: 700; color: var(--primary-purple); margin-bottom: 12px; }
.product-card .card-category { display: inline-block; padding: 5px 15px; font-size: 12px; font-weight: 500; color: #fff; background-color: var(--primary-purple); border-radius: 5px; }
.listings-grid.style-3-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }
.product-card--featured { background-color: var(--primary-purple); border-color: var(--primary-purple); }
.product-card--featured .card-title,
.product-card--featured .card-price { color: #fff; }
.product-card--featured .card-category { background-color: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.5); }

/* --- 5. Vitrin Slider (Swiper) --- */
.showcase-slider { position: relative; padding: 5px; margin: 0 -5px; }
.showcase-slider .swiper-button-next, .showcase-slider .swiper-button-prev { color: var(--primary-purple); background-color: rgba(255,255,255,0.9); width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0,0,0,0.1); transition: opacity 0.2s ease; }
.showcase-slider .swiper-button-next:after, .showcase-slider .swiper-button-prev:after { font-size: 18px; font-weight: bold; }
.showcase-slider:not(:hover) .swiper-button-next, .showcase-slider:not(:hover) .swiper-button-prev { opacity: 0; }

/* --- 6. Sayfalama (Pagination) --- */
.pagination { display: flex; justify-content: flex-end; align-items: center; gap: 8px; margin-top: 40px; }
.page-number, .page-arrow { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border: 1px solid #eee; background-color: #fff; color: #555; text-decoration: none; font-weight: 600; border-radius: 5px; transition: all 0.2s ease; }
.page-number.active, .page-number:hover, .page-arrow:hover { background-color: var(--primary-purple); border-color: var(--primary-purple); color: #fff; }

/* --- 7. Alt Kategori Açıklama Bölümü --- */
.category-description-section { background-color: #fff; padding: 40px 0; border-top: 1px solid #eee; }
.category-description-section .container { text-align: center; }
.category-description-section h3.collapsible-title { font-size: 20px; margin: 0 0 15px 0; cursor: pointer; display: inline-flex; align-items: center; }
.category-description-section h3.collapsible-title:not(.active) { margin-bottom: 0; }
.category-description-section h3 i.fa-pencil-alt { font-size: 16px; color: #999; margin: 0 15px 0 5px; }
.category-description-section p { max-width: 800px; margin: 0 auto 25px auto; color: #666; font-size: 15px; line-height: 1.8; }
.category-description-section .social-icons { justify-content: center; }

.map-search-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 12px;
    margin-bottom: 25px; /* Altındaki widget ile arasını açar */
    background-color: var(--primary-purple);
    color: white!important;
    text-decoration: none;
    font-weight: 600;
    border-radius: 5px;
    box-sizing: border-box;
    transition: background-color 0.2s ease;
}

.map-search-button:hover {
    background-color: var(--dark-purple);
}

.map-search-button i {
    margin-right: 10px;
}

.category-back-link {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    margin-bottom: 15px;
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    text-decoration: none;
    color: var(--primary-purple);
    font-weight: 600;
    font-size: 14px;
    transition: background-color 0.2s ease;
}

.category-back-link:hover {
    background-color: #f1f3f5;
}

.category-back-link i {
    margin-right: 8px;
}

/* --- 8. Responsive Tasarım --- */
@media (max-width: 992px) {
    .listings-container { grid-template-columns: 1fr; }
    .listings-grid.style-3-cols { grid-template-columns: repeat(2, 1fr); }
    .sub-cat-item { flex: 0 0 120px; }
}
@media (max-width: 768px) {
        /* YENİ: Mobilde arama çubuğunu tekrar gizle */
    .header-center {
        display: none;
    }
    .header-left, .header-right {
        flex: 0 0 auto;
    }

    .logo {
        flex-grow: 1;
        display: flex;
        justify-content: center;
    }

    .logo img {
        max-width: 150px;
    }

    .header-left {
        display: flex;
        justify-content: flex-start;
    }
    .listings-grid.style-3-cols { grid-template-columns: repeat(2, 1fr); gap: 15px; }
    .featured-listings-widget { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
    .featured-listings-widget .product-card { margin-bottom: 0; }
    .filter-widget {
        border: none;
        background-color: transparent; /* Beyaz kutu görünümünü kaldırır */
    }
}

/* =================================================================== */
/* ===== FİNAL İLAN DETAY SAYFASI TÜM STİLLERİ ===== */
/* =================================================================== */

/* --- 1. Genel Sayfa Yapısı & Düzen --- */
.listing-detail-page-main { padding-bottom: 100px; }
.listing-detail-section { padding: 40px 0; }
.listing-detail-container { display: grid; grid-template-columns: 1fr 320px; gap: 30px; align-items: start; }
.listing-title { font-size: 28px; font-weight: 600; margin-top: 0; margin-bottom: 25px; line-height: 1.4; }
.listing-content { min-width: 0; }

/* --- 2. GÜNCELLENDİ: Resim Galerisi ve Thumbnail Slider --- */
.gallery-main-image { display: block; margin: 0 0 15px 0; cursor: pointer; }
.gallery-main-image img { width: 100%; height: auto; object-fit: cover; border-radius: 8px; border: 1px solid #eee; }
.thumbnail-slider { position: relative; padding: 4px 35px; margin: 0; height: 80px; display: flex; align-items: center; }
.thumbnail-slider .swiper-slide { width: 84px; height: 75px; }
.thumbnail-slider img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; cursor: pointer; border: 2px solid transparent; opacity: 0.7; transition: all 0.2s ease; }
.thumbnail-slider img:hover { opacity: 1; }
.thumbnail-slider img.active { border-color: var(--primary-purple); opacity: 1; }
.thumbnail-slider .swiper-button-next, .thumbnail-slider .swiper-button-prev { color: #333; width: 30px; height: 30px; top: 88%; transform: translateY(-50%); }
.thumbnail-slider .swiper-button-next:after, .thumbnail-slider .swiper-button-prev:after { font-size: 16px; font-weight: bold; }

/* --- 3. İçerik Blokları ve GÜNCELLENEN Bilgi Tablosu --- */
.listing-section-block { background-color: #fff; border: 1px solid #f0f0f0; border-radius: 5px; padding: 25px; margin-top: 30px; }
.listing-section-block p { overflow-wrap: break-word; }
.listing-specs-grid { display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid #e9ecef; border-radius: 5px; overflow: hidden; margin-top: 30px; }
.spec-item, .spec-item-full { padding: 15px; display: flex; align-items: center; }
.spec-item-full { grid-column: 1 / -1; font-size: 16px; font-weight: 500; border-bottom: 1px solid #e9ecef; }
.spec-item-full i { margin-right: 10px; color: #888; }
.spec-item-full .spec-value { flex-grow: 1; }
.spec-item { justify-content: space-between; }
.spec-item:nth-child(odd) { background-color: #f8f9fa; }
.spec-item { border-top: 1px solid #e9ecef; }
.spec-item:nth-child(2), .spec-item:nth-child(3) { border-top: none; }
.spec-item:nth-child(2n) { border-left: 1px solid #e9ecef; }
.spec-label { font-weight: 600; color: var(--primary-purple); }
.spec-value { color: #666; }
.spec-value a { color: #007bff; text-decoration: none; font-weight: 500; }
.block-title { font-size: 18px; font-weight: 600; margin: 0 0 20px 0; padding-bottom: 15px; border-bottom: 1px solid #eee; }

/* Etiket (Label) için yeni kural */
.spec-label {
    /* Esnekliğin küçülmesini engelle, böylece her zaman tam genişliğini korur */
    flex-shrink: 0; 
}

/* Değer (Value) için yeni kural */
.spec-value {
    /* Metni sağa hizala */
    text-align: right;
    
    /* Uzun metinlerin doğru şekilde kırılmasını sağla */
    word-break: break-word;
}

.spec-item-full .spec-value {
    text-align: left;
}

/* --- 4. Bağımsız Açılır Menüler --- */
.toggle-section { margin-top: 30px;display:block }
.toggle-trigger { width: 100%; background-color: #f1f3f5; color: #555; border: 1px solid #ddd; padding: 12px 25px; font-size: 15px; font-weight: 600; border-radius: 5px; cursor: pointer; text-align: left; display: flex; align-items: center; transition: all 0.2s ease;text-transform:uppercase }
.toggle-trigger:hover { background-color: #e9ecef; }
.toggle-trigger.active { background-color: var(--primary-purple); color: #fff; border-color: var(--primary-purple); }
.toggle-trigger i { margin-right: 10px; }
.toggle-panel { display: none; background-color: #fff; border: 1px solid #ddd; border-top: none; padding: 25px; border-radius: 0 0 5px 5px; }
.features-subtitle { font-size: 16px; margin: 0 0 15px 0; }
.features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.features-grid+.features-subtitle {margin-top:15px}
.map-placeholder { background-color: #f5f5f5; height: 300px; display: grid; place-items: center; color: #aaa; border-radius: 5px; }

/* --- 5. Özel Checkbox Stilleri --- */
.feature-item { display: flex; align-items: center; cursor: pointer; user-select: none; }
.feature-item input[type="checkbox"] { opacity: 0; width: 0; height: 0; position: absolute; }
.feature-item .switch { display: inline-block; width: 18px; height: 18px; border: 2px solid #ccc; border-radius: 4px; transition: all 0.2s ease; margin-right: 10px; position: relative; }
.feature-item .switch::after { content: '\f00c'; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 12px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); transition: transform 0.2s ease; }
.feature-item input:checked + .switch { background-color: var(--primary-purple); border-color: var(--primary-purple); }
.feature-item input:checked + .switch::after { transform: translate(-50%, -50%) scale(1); }
.feature-item .text { color: #444; }
.feature-item input:disabled + .switch { background-color: #f0f0f0; border-color: #e0e0e0; cursor: not-allowed; }
.feature-item input:checked:disabled + .switch { background-color: #a569bd; border-color: #a569bd; }

/* --- 6. Benzer İlanlar Tasarımı --- */
.similar-item-new { display: flex; align-items: center; gap: 20px; padding: 20px 0; border-bottom: 1px solid #f0f0f0; }
.similar-item-new:last-child { border-bottom: none; }
.similar-image { flex-shrink: 0; }
.similar-image img { width: 150px; height: 112px; object-fit: cover; border-radius: 5px; }
.similar-info { flex-grow: 1; }
.similar-info h4 { margin: 0 0 5px 0; font-size: 16px; font-weight: 600; }
.similar-info h4 a { color: #333; text-decoration: none; }
.similar-info span { font-size: 13px; color: #888; margin-bottom: 10px; display: block;text-transform:uppercase }
.similar-price { font-size: 18px; font-weight: 700; color: var(--primary-purple); margin: 0; }
.similar-buttons { display: flex; flex-direction: column; gap: 8px; }
.btn-sm { padding: 8px 15px; font-size: 13px; text-decoration: none; border-radius: 4px; text-align: center; }

/* --- 7. Sağ Sidebar --- */
.sidebar-widget { background-color: #fff; border: 1px solid #f0f0f0; border-radius: 5px; padding: 20px; margin-bottom: 15px; }
.price-box { font-size: 28px; font-weight: 700; color: #fff; background-color: var(--primary-purple); text-align: center; }
.seller-info { padding: 0; overflow: hidden; }
.seller-avatar-full { display: block; height: auto;max-height:200px;margin:auto }
.seller-details { padding: 20px; text-align: center; }
.seller-name { font-size: 18px; margin: 0 0 5px 0; }
.seller-join-date { font-size: 13px; color: #888; }
.btn-edit { display: block; width: 100%; margin-top: 15px; }
.action-buttons { display: flex; flex-direction: column; gap: 10px; }
.sidebar-widget.extra-actions { padding: 10px; background-color: #fff; }
.action-list { list-style: none; padding: 0; margin: 0; }
.action-list a { display: flex; align-items: center; padding: 12px 15px; text-decoration: none; color: #555; background-color: #fff; border: 1px solid #eee; margin-bottom: 5px; border-radius: 4px; transition: all 0.2s ease; font-size: 14px; }
.action-list li:last-child a { margin-bottom: 0; }
.action-list a:hover { background-color: #f8f9fa; border-color: #ddd; }
.action-list a i { margin-right: 12px; width: 20px; text-align: center; color: #999; }
.action-list a.report-link { background-color: #343a40; color: #fff; font-weight: 600; border-color: #343a40; }
.action-list a.report-link:hover { background-color: #495057; border-color: #495057; }
.action-list a.report-link i { color: #fff; }

/* --- 8. Mobil Sabit Menü --- */
.mobile-action-bar { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #fff; box-shadow: 0 -2px 15px rgba(0,0,0,0.1); z-index: 998; display: none; padding: 10px; box-sizing: border-box; gap: 10px; }
.mobile-action-bar .btn { flex: 1; text-align: center; text-decoration: none; padding: 12px 5px; font-size: 14px; }
.mobile-action-bar .btn i { margin-right: 8px; }

/* --- 9. Resim Büyütme (Lightbox) Stilleri --- */
#image-lightbox { display: none; position: fixed; z-index: 1050; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); align-items: center; justify-content: center; }
#image-lightbox.active { display: flex; }
#lightbox-close { position: absolute; top: 20px; right: 35px; color: #fff; font-size: 40px; font-weight: bold; cursor: pointer; }
.lightbox-content { max-width: 90%; max-height: 90%; }

/* --- 10. Responsive Tasarım --- */
@media (max-width: 992px) {
    .listing-detail-container { grid-template-columns: 1fr; }
    .listing-sidebar { margin-top: 40px; }
    .action-buttons { display: none; }
    .mobile-action-bar { display: flex; }
    .listing-section-block { padding-left: 0; padding-right: 0; border-left: none; border-right: none; border-radius: 0; background-color: transparent; box-shadow: none; border-top: 1px solid #f0f0f0; }
    .listing-section-block:first-child { border-top: none; }
    .listing-section-block .block-title { padding-left: 15px; }
    .listing-detail-section .listings-grid.style-3-cols { grid-template-columns: repeat(2, 1fr); gap: 15px; }
    .hide-on-mobile { display: none; }
}
@media (max-width: 768px) {
    .featured-listings-widget { display: grid; grid-template-columns: 1fr; gap: 15px; } /* Öne çıkanlar tekli oldu */
}
@media (max-width: 576px) {
    .listing-title { font-size: 22px; }
    .features-grid { grid-template-columns: 1fr; }
    .similar-item-new { flex-direction: column; align-items: stretch; text-align: center; }
    .similar-image img { width: 100%; height: auto; aspect-ratio: 4 / 3; }
    .similar-buttons { flex-direction: row; margin-top: 15px; }
    .similar-buttons .btn-sm { flex: 1; }
    .listing-specs-grid { grid-template-columns: 1fr; }
    .spec-item:nth-child(2n) { border-left: none; }
}

.swiper-button-lock {
    display:block
}

/* =================================================================== */
/* ===== İLAN EKLEME SAYFASI (Final Sürüm) ===== */
/* =================================================================== */

.add-listing-page-body { background-color: #f8f9fa; }
.add-listing-section { padding: 60px 0; }
.add-listing-container { max-width: 1000px; margin: 0 auto; }
.add-listing-title { text-align: center; font-size: 32px; font-weight: 600; margin-bottom: 25px; color: #333; }
.add-listing-title::after { content: ''; display: block; width: 50px; height: 3px; background-color: var(--primary-purple); margin: 10px auto 0; }
.add-listing-panel { background-color: #fff; border-radius: 8px; box-shadow: 0 5px 25px rgba(0,0,0,0.07); padding: 30px 50px; }

/* =================================================================== */
/* Kategori Seçim Alanı - Yeni CSS Grid Yapısı */
/* =================================================================== */

.main-category-slider {
    display: flex;        /* Layout modelini Flexbox olarak ayarla */
    flex-wrap: wrap;      /* Sığmayan kutuların alt satıra geçmesini sağla */
    justify-content: center; /* TÜM KUTULARI YATAYDA ORTALA */
    
    gap: 15px; /* Kutular arasına 15px boşluk bırak */
    
    /* Eski slider'dan kalan stilleri temizle */
    height: auto;
    padding-bottom: 30px;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #eee;
}

/* Swiper'dan kalan .swiper-slide ve .swiper-wrapper stillerini sıfırla */
.main-category-slider .swiper-wrapper {
    /* Bu sarmalayıcıya artık ihtiyacımız yok, stillerini sıfırlıyoruz */
    display: contents; /* Bu elemanı yok say, içindekileri doğrudan grid'e yerleştir */
}

.main-category-slider .swiper-slide {
    /* Her bir kutunun esnekliğini ve temel genişliğini ayarla */
    /* flex-grow: 0 -> Kutular boşluğu doldurmak için büyümesin */
    /* flex-shrink: 1 -> Gerekirse küçülebilsin */
    /* flex-basis: 140px -> İdeal genişliği 140px olsun */
    flex: 0 1 150px;
    
    /* Swiper'dan kalan stilleri sıfırla */
    width: auto !important;
    height: auto !important;
    margin-right: 0 !important;
}

/* Kategori kutusunun yüksekliğini ve dikey ortalamasını ayarla */
.main-category-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px; /* İkon ve metin arası boşluk */
    height: 150px; /* İstediğiniz yükseklik */
    text-align: center;
    text-decoration: none;
    color: white!important;
    background-color: var(--cat-color, var(--primary-purple));
    border-radius: 12px;
    padding: 10px;
    font-weight: 600;
    transition: all 0.2s ease; 
}

/* İkonun altındaki gereksiz boşluğu kaldır */
.main-category-box i {
    font-size: 32px;
    margin-bottom: 0;
}

/* Metin kısaltma kuralı (önceki adımdan) */
.main-category-box span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.4;
}

.main-category-box.active { 
    color: var(--cat-color, var(--primary-purple));
    background-color: #fff;
    border-color: var(--cat-color, var(--primary-purple));
    box-shadow: 0 0 0 4px var(--cat-color, var(--primary-purple));
    transform: scale(1.05);
}
.main-category-box.active i,
.main-category-box.active span {
    color: var(--cat-color, var(--primary-purple));
}

/* 1. Kutuya Hafif Bir "Kalkma" Efekti (Hover) */
/* Seçili olmayan bir kutunun üzerine gelindiğinde... */
.main-category-box:not(.active):hover {
    transform: translateY(-6px); /* Kutuyu 6 piksel yukarı kaydır */
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1); /* Gölgeyi daha belirgin yap */
}

/* 2. Seçili Kutuyu (Active) Daha Belirgin Hale Getirme */
/* '.active' sınıfına sahip kutunun stilini tamamen yeniden tanımlıyoruz. */
.main-category-box.active {
    /* Renkleri tersine çevirerek ve çerçeveyi kalınlaştırarak vurgula */
    background-color: #ffffff; /* Arka planı beyaz yap */
    border: 2px solid var(--cat-color, var(--primary-purple)); /* Kendi renginde kalın çerçeve */
    color: var(--cat-color, var(--primary-purple)) !important; /* Metin rengini kendi rengi yap */
    
    /* '.active' durumunda ölçeklenmeyi ve gölgeyi koru */
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);

    /* Bu kutunun diğerlerinin üzerinde görünmesini sağla (gölge için) */
    position: relative;
    z-index: 2;
}

/* Seçili kutunun ikon ve metin rengini ayarla */
.main-category-box.active i,
.main-category-box.active span {
    color: var(--cat-color, var(--primary-purple)) !important;
}

/* 3. Seçili Kutuya "Onay İkonu" Ekleme (En Şık Dokunuş) */
/* Seçili kutunun sağ üst köşesine bir tik işareti ekliyoruz. */
.main-category-box.active::after {
    content: '\f00c'; /* Font Awesome "check" (tik) ikonu */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    
    position: absolute;
    top: 8px;
    right: 8px;
    
    width: 24px;
    height: 24px;
    
    background-color: var(--cat-color, var(--primary-purple)); /* Kendi renginde arka plan */
    color: #ffffff; /* Tik işareti beyaz */
    
    border-radius: 50%; /* Tam yuvarlak yap */
    
    /* İkonu daire içinde ortalamak için */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    
    /* Animasyonlu giriş efekti */
    animation: pop-in 0.3s ease-out;
}

/* Onay ikonu için animasyon tanımı */
@keyframes pop-in {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Dikey Akordiyon Yapısı */
#subcategory-accordion-area { margin-top: 20px; }
.category-prompt-message { /* YENİ EKLENDİ */
    background-color: var(--primary-purple);
    color: white;
    padding: 10px 25px;
    border-radius: 5px;
    font-weight: 500;
    text-align: center;
}
.category-step { border: 1px solid #e9e9e9; border-radius: 8px; margin-bottom: 15px; overflow: hidden; }
.category-step-header { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; cursor: pointer; background-color: #f8f9fa; transition: background-color 0.2s ease; }
.category-step-header:hover { background-color: #f1f3f5; }
.category-step-header.is-completed { background-color: #e5d5ed; cursor: pointer; } /* Tamamlanmış adım vurgusu */
.category-step-header.is-completed:hover { background-color: #d8c3e4; }
.category-step-header .step-title { font-weight: 600; color: #555; }
.category-step-header .step-selection { font-weight: 500; color: var(--primary-purple); }
.category-step-header .step-icon { font-size: 16px; color: #aaa; transition: transform 0.3s ease; }
.category-step-header.is-open .step-icon { transform: rotate(180deg); }
.category-step-header.is-completed .step-icon { display: none; }
.category-step-header.is-completed::after { content: '\f00c'; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: #27ae60; }
.category-step-content { display: none; padding: 20px; border-top: 1px solid #e9e9e9; }
.category-step-content .subcategory-list { list-style: none; padding: 0; margin: 0; max-height: 250px; overflow-y: auto; }
.category-step-content .subcategory-item label { display: block; padding: 10px; border-radius: 5px; cursor: pointer; transition: background-color 0.2s ease; }
.category-step-content .subcategory-item label:hover { background-color: #f8f9fa; }
.category-step-content .subcategory-item input { display: none; }
.category-step-content .subcategory-item input:checked + span { color: var(--primary-purple); font-weight: 600; }

/* Ad Limit Uyarısı & Kategori Aksiyonları */
.ad-limit-error { display: block; align-items: center; background-color: #fff2f2; border: 1px solid #ffcccc; color: #c0392b; padding: 15px; border-radius: 5px; margin-top: 20px; font-size: 14px; }
.category-actions { margin-top: 30px; text-align: center; }
#continue-to-form-btn:disabled { background-color: #e0e0e0; border-color: #e0e0e0; cursor: not-allowed; color: #aaa; }

/* --- İLAN FORMU --- */
.selected-category-info { background-color: #f1f3f5; padding: 15px 20px; border-radius: 5px; }
.category-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 15px; }
.breadcrumb-segment { display: flex; align-items: center; gap: 8px; }
.breadcrumb-segment .cat-name { font-weight: 600; }
.change-category-btn { font-size: 12px; color: var(--primary-purple); font-weight: 500; text-decoration: none; }
.change-category-btn:hover { text-decoration: underline; }

/* Yeni Form Stilleri */
.form-section-title-bar { background-color: var(--primary-purple); color: white; padding: 12px 20px; font-weight: 600; font-size: 16px; margin-top: 20px; border-radius: 5px 5px 0 0;text-transform:uppercase }
.form-section { background-color: #fff; border: 1px solid #e9e9e9; border-top: none; padding: 25px; border-radius: 0 0 8px 8px; margin-bottom: 20px; }
.listing-detail-form .form-group { margin-bottom: 20px; }
.form-group-full { grid-column: 1 / -1; }
.listing-detail-form .form-row { display: grid; gap: 5px; }
.listing-detail-form .form-row.one-col { grid-template-columns: 1fr; }
.listing-detail-form .form-row.two-col { grid-template-columns: 1fr 1fr; }
.listing-detail-form label { font-size: 14px; font-weight: 500; color: #333; margin-bottom: 8px; }
.listing-detail-form input[type="text"],.listing-detail-form input[type="number"], .listing-detail-form textarea, .listing-detail-form select { width: 100%; padding: 12px 15px; border: 1px solid #ced4da; border-radius: 5px; font-size: 15px; font-family: 'Poppins', sans-serif; box-sizing: border-box; transition: border-color 0.2s ease; }
.listing-detail-form input:focus, .listing-detail-form textarea:focus, .listing-detail-form select:focus { outline: none; border-color: var(--primary-purple); }
.listing-detail-form small { color: #888; margin-top: 5px; display: block; }
.custom-file-input { display: none; }
.custom-file-upload-label { display: inline-block; background-color: #f1f3f5; color: #555; padding: 10px 20px; border: 1px solid #ddd; border-radius: 5px; cursor: pointer; font-weight: 600; transition: background-color 0.2s ease; }
.file-name-display { margin-left: 15px; color: #888; font-style: italic; }
.form-divider { border: 0; height: 1px; background-color: #eee; margin: 30px 0; }
.photo-uploader { border: 2px dashed #ddd; border-radius: 5px; padding: 40px; text-align: center; cursor: pointer; background-color: #fcfcfc; }
.photo-uploader i { font-size: 48px; color: #ccc; margin-bottom: 15px; }
.photo-uploader p { margin: 0; font-size: 18px; font-weight: 500; color: #666; }

/* Fiyat Alanı */
.price-input-group { display: flex; align-items: center; gap: 10px; }
.price-input-group input#ilan-fiyati { flex-grow: 1; }
.price-input-group input#ilan-kurus { width: 80px; text-align: center; }
.price-input-group select#currency { width: 100px; }

/* Yeni Checkbox Tasarımı (Görseldeki Gibi) */
.checkbox-grid-v3 { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 5px;margin:20px 0 }
.custom-checkbox-v3 { display: inline-flex; align-items: center; gap: 12px; cursor: pointer; user-select: none; }
.custom-checkbox-v3 input { display: none; }
.custom-checkbox-v3 i { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #f0f0f0; border: 2px solid #ddd; border-radius: 8px; transition: all 0.2s ease; }
.custom-checkbox-v3 i::after { content: '\f00c'; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: white; font-size: 16px; transform: scale(0); transition: transform 0.2s ease; }
.custom-checkbox-v3 span { font-size: 15px; color: #333; }
.custom-checkbox-v3 input:checked + i { background-color: var(--primary-purple); border-color: var(--primary-purple); }
.custom-checkbox-v3 input:checked + i::after { transform: scale(1); }

/* Form Butonu */
.form-actions { text-align: center; margin-top: 30px; }
.form-actions .btn { width: 100%; max-width: 300px; padding: 15px; font-size: 16px; }
.form-actions .legal-notice { font-size: 12px; color: #888; margin-top: 15px; }
.form-actions .legal-notice a { color: var(--primary-purple); }

/* =================================================================== */
/* ===== HESABIM SAYFASI İÇİN GEREKLİ STİLLER ===== */
/* =================================================================== */
/* ANA DASHBOARD YAPISI */
.breadcrumb-section { background-color: #fff; padding: 15px 0; border-bottom: 1px solid #e0e0e0; font-size: 14px; }
.breadcrumbs a { color: var(--primary-purple); text-decoration: none; }
.breadcrumbs span { margin: 0 8px; }
.dashboard-section { padding: 40px 0; }
.dashboard-container { display: grid; grid-template-columns: 280px 1fr; gap: 30px; align-items: flex-start; }
.dashboard-container:before,.dashboard-container:after{display:none}
.dashboard-sidebar { background-color: #fff; border-radius: 8px; box-shadow: 0 4px 25px rgba(0,0,0,0.05); overflow: hidden; }
.dashboard-content { background-color: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 4px 25px rgba(0,0,0,0.05); min-height: 500px; }
.dashboard-panel { display: none; }
.dashboard-panel.active { display: block; animation: fadeIn 0.5s; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* SOL SIDEBAR */
.account-profile-box { padding: 25px; text-align: center; border-bottom: 1px solid #e9ecef; }
.account-profile-image img { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; margin-bottom: 15px; border: 4px solid #e9ecef; }
.account-change-pic-btn { display:inline-block;width: 100%; background: #f1f3f5; border: 1px solid #ddd; border-radius: 5px; padding: 8px; cursor: pointer;font-size:14px }

/* =================================================================== */
/* ===== HESABIM MENÜSÜ - BLOK TASARIM ===== */
/* =================================================================== */

.dashboard-nav ul {
    list-style: none;
    padding: 15px 0;
    margin: 0;
}

.dashboard-nav a {
    display: flex;
    align-items: stretch; /* Öğelerin dikeyde tam yüksekliği kaplamasını sağlar */
    text-decoration: none;
    color: #495057;
    font-weight: 500;
    transition: all 0.2s ease;
    padding: 0; /* İç boşluğu sıfırlıyoruz, yönetimi alt elemanlara bırakıyoruz */
    border-bottom: 1px solid #f0f0f0;
}

.dashboard-nav ul li:last-child a {
    border-bottom: none;
}

/* İKON BLOK STİLİ */
.dashboard-nav a i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px; /* İkon bloğunun genişliği */
    font-size: 20px;
    color: #495057; /* Varsayılan (aktif olmayan) ikon rengi */
    flex-shrink: 0;
    transition: all 0.2s ease;
}

/* METİN ALANI STİLİ */
.dashboard-nav a span {
    padding: 15px 20px;
    flex-grow: 1;
    display: flex;
    align-items: center;
}

/* HOVER DURUMU */
.dashboard-nav a:hover {
    background-color: #f8f9fa; /* Hafif gri arkaplan */
}

/* HER BİR MENÜ ÖĞESİ İÇİN ÖZEL AKTİF STİLLERİ */
.dashboard-nav a.active i {
    color: #fff; /* Tüm aktif ikonların iç rengi beyazdır */
}

/* Hesabım */
.dashboard-nav a[data-target="panel-hesabim"].active { background-color: rgba(142, 68, 173, 0.1); color: #8e44ad; }
.dashboard-nav a[data-target="panel-hesabim"].active i { background-color: #8e44ad; border-color: #8e44ad; }

/* İlanlarım */
.dashboard-nav a[data-target="panel-ilanlarim"].active { background-color: rgba(210, 82, 127, 0.1); color: #d2527f; }
.dashboard-nav a[data-target="panel-ilanlarim"].active i { background-color: #d2527f; border-color: #d2527f; }

/* İlanlar Soruları */
.dashboard-nav a[data-target="panel-ilan-sorulari"].active { 
    background-color: rgba(70, 130, 180, 0.1); /* %10 opaklıkta çok açık çelik mavisi */
    color: #4682B4; /* Ana çelik mavisi rengi */
}
.dashboard-nav a[data-target="panel-ilan-sorulari"].active i { 
    background-color: #4682B4; /* İkon arkaplanı */
    border-color: #4682B4; /* İkon çerçevesi */
}

/* Favorilerim */
.dashboard-nav a[data-target="panel-favorilerim"].active { background-color: rgba(192, 57, 43, 0.1); color: #c0392b; }
.dashboard-nav a[data-target="panel-favorilerim"].active i { background-color: #c0392b; border-color: #c0392b; }

/* Ödemelerim */
.dashboard-nav a[data-target="panel-odemelerim"].active { background-color: rgba(243, 156, 18, 0.1); color: #f39c12; }
.dashboard-nav a[data-target="panel-odemelerim"].active i { background-color: #f39c12; border-color: #f39c12; }

/* Mesajlarım */
.dashboard-nav a[data-target="panel-mesajlarim"].active { background-color: rgba(39, 174, 96, 0.1); color: #27ae60; }
.dashboard-nav a[data-target="panel-mesajlarim"].active i { background-color: #27ae60; border-color: #27ae60; }

/* Ayarlarım */
.dashboard-nav a[data-target="panel-ayarlarim"].active { background-color: rgba(127, 140, 141, 0.1); color: #7f8c8d; }
.dashboard-nav a[data-target="panel-ayarlarim"].active i { background-color: #7f8c8d; border-color: #7f8c8d; }

/* SAĞ İÇERİK GENEL */
.dashboard-panel-title { font-size: 24px; margin: 0 0 10px 0; font-weight: 600; display: flex; align-items: center; gap: 15px; color: var(--primary-purple); }
.dashboard-panel-subtitle { margin-top: 0; margin-bottom: 30px; color: #6c757d; }
.dashboard-tabs { border-bottom: 1px solid #e9ecef; margin-bottom: 25px; display: flex; gap: 5px; }
.dashboard-tab-link {
    padding: 5px 15px;
    text-decoration: none;
    color: #6c757d;
    font-weight: 500;
    margin-bottom: -1px; /* Konteyner border'ı ile birleşmesi için */
    border: 1px solid transparent; /* Geçişlerin pürüzsüz olması için */
    border-bottom: 2px solid transparent;
    transition: all 0.2s ease;
    border-radius: 3px;
}

.dashboard-tab-link:hover {
    color: var(--primary-purple);
}

.dashboard-tab-link.active {
    background-color: var(--primary-purple);
    color: #fff;
    border-color: var(--primary-purple);
    border-bottom-color: var(--primary-purple);
}
.dashboard-tab-content { display: none; }
.dashboard-tab-content.active { display: block; }
.dashboard-notice-box { background-color: #f8f9fa; border: 1px solid #e9ecef; border-left: 5px solid var(--primary-purple); padding: 20px; border-radius: 5px; display: flex; justify-content: space-between; align-items: center; }

/* HESABIM PANELİ */
.dashboard-summary-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 30px; }
.dashboard-summary-card { background-color: var(--card-color, #007bff); color: #fff!important; padding: 25px; border-radius: 8px; text-align: center; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease;text-transform:uppercase }
.dashboard-summary-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.dashboard-summary-card i { font-size: 36px; margin-bottom: 15px; }
.dashboard-summary-card h4 { margin: 0; font-size: 16px;color:#fff!important }

/* İLANLARIM PANELİ */
.dashboard-listing-item-v2 { display: flex; gap: 20px; padding: 20px 0; border-bottom: 1px solid #e9ecef; }
.listing-v2-image { width: 150px; height: 150px; object-fit: cover; border-radius: 5px; flex-shrink: 0;max-width:none }
.listing-v2-info { flex-grow: 1; display: flex; flex-direction: column; }
.listing-v2-title { font-size: 18px; font-weight: 600; margin: 0 0 10px 0; }
.listing-v2-category { font-size: 13px; color: #6c757d; margin: -5px 0 10px 0; }
.listing-v2-price { font-size: 20px; font-weight: 700; color: var(--primary-purple); margin: 5px 0; }
.doping-accordion-trigger { display: flex; justify-content: space-between; align-items: center; background-color: #f8f9fa; padding: 8px 12px; border-radius: 5px; border: 1px solid #e9ecef; cursor: pointer; font-size: 13px; font-weight: 500; margin-bottom: 10px; }
.doping-accordion-trigger i { transition: transform 0.3s ease; }
.doping-accordion-trigger.active i { transform: rotate(180deg); }
.doping-accordion-content { display: none; list-style: none; padding: 0 0 0 15px; margin: 0; font-size: 13px; color: #495057; }
.doping-accordion-content li { padding: 4px 0; }
.listing-v2-actions { display: flex; flex-direction: column; justify-content: flex-start; gap: 8px; margin-left: 15px; }
.action-btn-v2 {
    background: #f1f3f5;
    border: 1px solid #ddd;
    width: 36px;
    height: 36px;
    border-radius: 5px;
    cursor: pointer;
    color: #6c757d;

    /* YENİ EKLENEN ORTALAMA KODLARI */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px; /* İkon boyutunu kontrol etmek için eklendi */
}
/* FAVORİLERİM PANELİ */
.account-favorite-item { display: flex; align-items: center; gap: 20px; padding: 15px; border: 1px solid #e9ecef; border-radius: 5px; margin-bottom: 15px; }
.account-favorite-image { width: 100px; height: 75px; object-fit: cover; border-radius: 5px; }
.account-favorite-info { flex-grow: 1; }
.account-favorite-title { margin: 0 0 5px 0; }
.account-favorite-details { margin: 0 0 8px 0; font-size: 13px; color: #6c757d; }
.account-favorite-price { margin: 0; font-weight: 700; color: var(--primary-purple); }
.account-favorite-actions { display: flex; flex-direction: column; gap: 8px; }
.account-favorite-actions .btn { width: 100px; }
.account-favorite-search-item { display: flex; justify-content: space-between; align-items: center; padding: 20px; border: 1px solid #e9ecef; border-radius: 5px; }
.account-favorite-search-info { display: flex; align-items: center; gap: 15px; }
.account-favorite-search-info i { font-size: 20px; color: var(--primary-purple); }
.account-favorite-search-title { margin: 0; font-weight: 600; }
.account-favorite-search-actions { display: flex; gap: 10px; }
.account-favorite-search-actions .btn { width:auto}

/* ÖDEMELERİM PANELİ */
.account-accordion-item { border: 1px solid #e9ecef; border-radius: 5px; margin-bottom: 10px; }
.account-accordion-header { padding: 15px 20px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background-color: #f8f9fa; font-weight: 500; }
.account-accordion-item.active .account-accordion-header { background-color: #e5d5ed; }
.payment-status-success { color: #27ae60; }
.account-accordion-header i { transition: transform 0.3s ease; }
.account-accordion-content { display: none; padding: 20px; border-top: 1px solid #e9ecef; line-height: 1.8; }
.payment-details-group { margin-top: 15px; padding-top: 15px; border-top: 1px dashed #ddd; }
.payment-doping-list { list-style: circle; padding-left: 20px; margin: 10px 0 0 0; font-size: 14px; }

/* MESAJLARIM PANELİ */
.back-link { display: inline-block; margin-bottom: 20px; color: var(--primary-purple); text-decoration: none; font-weight: 600; }
.account-message-list .account-message-item { display: flex; align-items: center; gap: 20px; padding: 15px; border: 1px solid #e9ecef; border-radius: 5px; margin-bottom: 15px; }
.account-message-item-image { width: 100px; height: 75px; object-fit: cover; border-radius: 5px; }
.account-message-item-info { flex-grow: 1; }
.account-message-item-actions { display: flex; gap: 10px; }
.account-message-item-actions .btn { width:auto}
.account-chat-box { height: 400px; overflow-y: auto; border: 1px solid #e9ecef; border-radius: 5px; padding: 20px; margin-bottom: 15px; display: flex; flex-direction: column; gap: 15px; }
.chat-message { max-width: 70%; padding: 10px 15px; border-radius: 15px; line-height: 1.5; }
.chat-message.incoming { background-color: #f1f3f5; border-top-left-radius: 0; align-self: flex-start; }
.chat-message.outgoing { background-color: #f3e5f5; border-top-right-radius: 0; align-self: flex-end; }
.chat-message .meta { font-size: 12px; color: #6c757d; margin-bottom: 5px; }
.account-chat-reply-form { display: block; border-top: 1px solid #e9ecef; padding-top: 15px; }
.account-chat-reply-form .form-group-fullwidth { width: 100%; margin-bottom: 10px; }
.account-chat-reply-form textarea { width: 100%; box-sizing: border-box; min-height: 80px; padding: 10px 15px; border: 1px solid #ced4da; border-radius: 5px; font-family: 'Poppins', sans-serif; }
.account-chat-reply-form button { width: 100%; padding: 10px 20px; }

/* AYARLARIM PANELİ */
.account-form-section { border-top: 1px solid #e9ecef; padding: 25px 0; }
.account-form-section:first-child { border-top: none; }
.account-form-section h3 { margin: 0 0 20px 0; font-size: 18px; }
.account-profile-pic-form { text-align: center; }
.account-profile-pic-form img { width: 100px; height: 100px; border-radius: 50%; margin-bottom: 10px; }
.account-profile-pic-form p { font-size: 13px; color: #6c757d; margin: 0 0 15px 0; }
.account-profile-pic-form .btn-primary { margin-top: 10px}
.account-settings-form .account-form-row { display: flex; gap: 20px; margin-bottom: 15px; }
.account-settings-form .account-form-group { flex: 1; display: flex; flex-direction: column; }
.account-settings-form .account-form-group.full-width { width: 100%; margin-bottom: 15px; }
.account-settings-form label { font-weight: 500; margin-bottom: 8px; font-size: 14px; }
.account-settings-form input { width: 100%; padding: 12px; border: 1px solid #ced4da; border-radius: 5px; box-sizing: border-box; }
.account-settings-form button { margin-top: 10px; }

/* SAYFALAMA */
.dashboard-pagination { display: flex; justify-content: flex-end; align-items: center; gap: 8px; margin-top: 30px; }
.page-number, .page-arrow { display: flex; justify-content: center; align-items: center; width: 38px; height: 38px; border: 1px solid #e9ecef; background-color: #fff; color: #495057; text-decoration: none; font-weight: 600; border-radius: 5px; transition: all 0.2s ease; }
.page-number:hover, .page-arrow:not(.disabled):hover { background-color: var(--primary-purple); border-color: var(--primary-purple); color: #fff; }
.page-number.active { background-color: var(--primary-purple); border-color: var(--primary-purple); color: #fff; cursor: default; }
.page-arrow.disabled { color: #ced4da; cursor: not-allowed; background-color: #f8f9fa; }

/* RESPONSIVE */
@media (max-width: 992px) { .dashboard-container { grid-template-columns: 1fr; } .dashboard-sidebar { margin-bottom: 30px; } .dashboard-summary-cards { grid-template-columns: 1fr; } }
@media (max-width: 768px) { .dashboard-listing-item-v2, .account-favorite-item, .account-message-item { flex-direction: column; text-align: center; } .listing-v2-actions { margin-top: 15px; justify-content: center; } .account-favorite-actions { flex-direction: row; justify-content: center; margin-top: 15px; } .dashboard-notice-box { flex-direction: column; gap: 15px; text-align:center; } .account-settings-form .account-form-row { flex-direction: column; gap: 15px; }.dashboard-tabs {
    flex-wrap: wrap;
}

.thumbnail-slider .swiper-button-next, .thumbnail-slider .swiper-button-prev {
    top:80%
}

.dashboard-tab-link {
    width: 100%;
    text-align: center;
}
.dashboard-content {
    padding: 15px;
}

.listing-v2-image {
    width: 100%; /* Genişliği ebeveynine göre %100 yapar */
    aspect-ratio: 16 / 9; /* Genişliğe göre yüksekliği 16:9 oranında otomatik ayarlar */
    object-fit: cover; /* Resmin oranını bozmadan kutuya sığmasını sağlar (taşan kısımları kırpar) */
    max-width: none; /* Önceki kuraldan kalmış olabilecek max-width'i sıfırlar */
}

.listing-v2-actions {
    margin:0;
    flex-direction: row;
}
.account-favorite-search-item {
    flex-direction: column;
    gap: 15px;
    text-align: center;
}
}

/* YENİ EKLENEN SİL BUTONU STİLİ */
.action-btn-v2.action-btn-v2--delete {
    color: var(--danger-red);
}
.action-btn-v2.action-btn-v2--delete:hover {
    background-color: var(--danger-red);
    border-color: var(--danger-red);
    color: #fff;
}

/* =================================================================== */
/* ===== İLAN PAKETLERİ SAYFASI - YENİ VE CANLI TASARIM ===== */
/* =================================================================== */

/* SAYFA BAŞLIĞI BÖLÜMÜ */
.buy-package-title-section {
    position: relative;
    padding: 15px 0;
    text-align: center;
    overflow: hidden;
}
.buy-package-background-pattern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g fill="%23e9ecef" fill-opacity="0.4"><path d="M 20 10 L 30 10 L 30 20 L 20 20 Z M 70 10 L 80 10 L 80 20 L 70 20 Z M 20 60 L 30 60 L 30 70 L 20 70 Z M 70 60 L 80 60 L 80 70 L 70 70 Z"></path></g></svg>');
    background-repeat: repeat;
    z-index: 1;
}
.buy-package-title-section .container { position: relative; z-index: 2; }
.buy-package-title { font-size: 36px; font-weight: 700; margin: 10px 0; color: #343a40; }
.buy-package-subtitle { font-size: 16px; font-weight: 500; color: #6c757d; margin: 0; letter-spacing: 1px; }

/* FİYATLANDIRMA BÖLÜMÜ */
.buy-package-pricing-section { padding: 40px 0 80px 0; }
.buy-package-pricing-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px; /* Kutular arası boşluk artırıldı */
}
.buy-package-card {
    background-color: #fff;
    border-radius: 12px; /* Köşeler daha yuvarlak */
    border: 1px solid #e9ecef; /* İnce bir çerçeve eklendi */
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* Daha yumuşak bir gölge */
    display: flex;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative; /* "Popüler" etiketi için */
}
.buy-package-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.08); /* Hover'da gölge belirginleşti */
}

/* KART ETİKETİ (Dikey Yazı) - CANLI GRADIENT EKLENDİ */
.buy-package-card-label {
    background-image: linear-gradient(to bottom, var(--label-color), color-mix(in srgb, var(--label-color) 85%, black));
    color: #fff;
    display: flex;
    flex-direction: column; /* Harfleri dikeyde sıralar */
    align-items: center;    /* Yatayda ortalar */
    justify-content: center; /* Dikeyde ortalar */
    padding: 20px 10px;
    font-weight: 600;
    font-size: 14px;
    border-radius: 12px 0 0 12px;
    flex-shrink: 0;
    gap: 4px; /* Harfler arasındaki dikey boşluğu buradan kontrol edin */
}

.buy-package-card-label span {
    text-transform: uppercase;
    line-height: 1; /* Harflerin kendi içindeki satır yüksekliğini sıfırla */
}

.buy-package-card-content { padding: 30px; flex-grow: 1; text-align: center; display: flex; flex-direction: column; }
.buy-package-price { font-size: 35px; font-weight: 700; color: #343a40; }
.buy-package-price .buy-package-period { display:none;font-size: 18px; font-weight: 500; color: #6c757d; margin-left: 5px; }
.buy-package-price-divider { border: 0; height: 1px; background-color: #e9ecef; width: 50%; margin: 25px auto; }
.buy-package-features-list { list-style: none; padding: 0; margin: 0; flex-grow: 1; }
.buy-package-features-list li {
    padding: 10px 0;
    color: #495057;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; /* Gölgeli border için gerekli */
}

/* Her öğenin üstüne (ilki hariç) gölgeli ayırıcı ekler */
.buy-package-features-list li + li::before {
    content: '';
    position: absolute;
    top: -0.5px;
    left: 15%;
    right: 15%;
    height: 1px;
    background-image: linear-gradient(to right, transparent, rgba(0,0,0,0.08), transparent);
}

.buy-package-features-list li i {
    color: var(--primary-purple);
    font-size: 13px;
    margin-right: 12px; /* İkon ve metin arası boşluk */
    opacity: 0.8;
}

/* SATIN AL BUTONU */
.buy-package-card .btn.btn-purchase { background-color: #f1f3f5; color: #495057; border: 1px solid #dee2e6; font-weight: 600; padding: 12px; text-transform: uppercase; }
.buy-package-card .btn.btn-purchase:hover { background-color: var(--primary-purple); color: #fff; border-color: var(--primary-purple); }

/* ÖNE ÇIKAN PAKET STİLLERİ */
.buy-package-card--featured {
    transform: scale(1.05); /* Diğerlerinden biraz büyük */
    border: 2px solid var(--label-color);
    box-shadow: 0 15px 40px rgba(0,0,0, 0.2); /* Renkli ve belirgin gölge */
}
.buy-package-card--featured:hover {
    transform: scale(1.05) translateY(-8px); /* Hem büyük kalıp hem de yukarı çıksın */
    box-shadow: 0 20px 50px rgba(0,0,0, 0,0,0), 0.25);
}
.buy-package-featured-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: #fff;
    color: var(--label-color);
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid var(--label-color);
}
.buy-package-card--featured .btn.btn-purchase {
    background-color: var(--label-color);
    color: #fff;
    border-color: var(--label-color);
}
.buy-package-card--featured .btn.btn-purchase:hover {
    background-image: linear-gradient(to bottom, var(--label-color), color-mix(in srgb, var(--label-color) 85%, black));
}

/* RESPONSIVE AYARLAR */
@media (max-width: 992px) { .buy-package-pricing-grid { grid-template-columns: repeat(2, 1fr); } .buy-package-card--featured { transform: scale(1); /* Tablette büyüklüğü sıfırla */ } }
@media (max-width: 768px) { .buy-package-pricing-grid { grid-template-columns: 1fr; } .buy-package-title { font-size: 28px; } }

/* =================================================================== */
/* ===== İLAN SORULARI BÖLÜMÜ STİLLERİ ===== */
/* =================================================================== */

.qa-form {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #e9ecef;
}

.qa-form h3 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
}

.qa-form textarea {
    width: 100%;
    min-height: 80px;
    padding: 10px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.qa-form .btn {
    width: auto;
    padding: 8px 20px;
    font-size: 13px;
}

.qa-divider {
    border: 0;
    height: 1px;
    background-color: #eee;
    margin: 30px 0;
}

.qa-item {
    padding: 15px 0;
    border-bottom: 1px solid #f0f0f0;
}
.qa-item:last-child {
    border-bottom: none;
}

.qa-question, .qa-answer {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

.qa-question-icon, .qa-answer-icon {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.qa-question-icon { background-color: #3498db; } /* Soru için mavi */
.qa-answer-icon { background-color: #2ecc71; }   /* Cevap için yeşil */

.qa-content .meta {
    font-size: 13px;
    color: #888;
    margin-bottom: 5px;
}

.qa-content .meta .name {
    font-weight: 600;
    color: #333;
}

.qa-content .text {
    margin:0;
    font-size: 15px;
    color: #444;
    line-height: 1.7;
}

.qa-answer {
    margin-top: 15px;
    padding: 15px;
    background-color: #f8f9fa;
    border-radius: 5px;
    border: 1px solid #e9ecef;
}

.qa-unanswered {
    margin-top: 15px;
    font-style: italic;
    color: #999;
    font-size: 14px;
    padding-left: 47px; /* İkonla hizalamak için */
}

.qa-loader {
    width: 30px;
    height: 30px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid var(--primary-purple);
    border-radius: 50%;
    margin: 20px auto;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* =================================================================== */
/* ===== İLAN SORULARI SAYFALAMA STİLLERİ ===== */
/* =================================================================== */

.qa-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    user-select: none;
}

.qa-pagination ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 8px;
}

.qa-pagination li a,
.qa-pagination li span {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 40px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    color: #555;
    text-decoration: none;
    font-weight: 600;
    border-radius: 5px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.qa-pagination li a:hover {
    background-color: var(--primary-purple);
    border-color: var(--primary-purple);
    color: #fff;
}

.qa-pagination li.active span {
    background-color: var(--primary-purple);
    border-color: var(--primary-purple);
    color: #fff;
    cursor: default;
}

.qa-pagination li.disabled span {
    color: #ccc;
    cursor: not-allowed;
    background-color: #f8f9fa;
}

/* =================================================================== */
/* ===== Hesabım - İlan Soruları Paneli Stilleri ===== */
/* =================================================================== */

.qa-management-item {
    border: 1px solid #e9ecef;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 20px;
}

.qa-ad-info {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
}

.qa-ad-info img {
    width: 100px;
    height: 75px;
    object-fit: cover;
    border-radius: 4px;
    flex-shrink: 0;
}

.qa-ad-info h4 {
    margin: 0 0 5px 0;
    font-size: 16px;
}
.qa-ad-info h4 a {
    color: #333;
    text-decoration: none;
    font-weight: 600;
}
.qa-ad-info span {
    font-size: 13px;
    color: #888;
}

.qa-question-details .meta,
.qa-answer-details .meta {
    font-size: 13px;
    color: #6c757d;
    margin-bottom: 10px;
}

.qa-question-details .text,
.qa-answer-details .text {
    font-size: 15px;
    color: #495057;
    margin: 0;
    line-height: 1.7;
}

.qa-question-details .actions {
    margin-top: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.qa-status-badge {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

.qa-status-waiting {
    background-color: #fff3cd;
    color: #856404;
}

.qa-answer-details {
    margin-top: 15px;
    padding: 15px;
    background-color: #f8f9fa;
    border-radius: 5px;
    border-top: 2px solid #27ae60; /* Yeşil renkli üst çizgi */
}

.qa-reply-area {
    display: none; /* Başlangıçta gizli */
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dashed #ddd;
}

.qa-reply-area textarea {
    width: 100%;
    box-sizing: border-box;
    min-height: 100px;
    padding: 10px 15px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 10px;
}

.listings-container:before,.listings-container:after,.listing-detail-container:before,.listing-detail-container:after { content:'';display:none }

.count-badge {
    float:right
}

.fc-content .btn
{
    width:auto
}

.fc-content .btn+.btn {
    margin: 0 5px
}

.story_bg a,.modal-footer .btn {
    display:inline-block;
    width:auto
}

.grey.nomb
{
    margin:0
}

/* =================================================================== */
/* ===== SIDEBAR SOSYAL PAYLAŞIM BLOĞU (ÖNEKLİ) ===== */
/* =================================================================== */

.sidebar-social-block {
  display: flex;
  align-items: center;
  background-color: #8e44ad; /* Ana Arka Plan Rengi (Mor) */
  padding: 25px;
  border-radius: 6px;
  font-family: 'Poppins', sans-serif; /* Projenizdeki font ile aynı */
}

.sidebar-social-label {
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  margin-right: 15px;
  letter-spacing: 1px;
}

.sidebar-social-icons {
  display: flex;
  gap: 12px; /* İkonlar arasındaki boşluk */
}

.sidebar-social-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;   /* İkon dairesinin genişliği */
  height: 32px;  /* İkon dairesinin yüksekliği */
  border-radius: 50%; /* Daire şekli için */
  color: #ffffff!important;
  font-size: 15px; /* İkonun boyutu */
  text-decoration: none;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.sidebar-social-icon:hover {
  transform: scale(1.1); /* Üzerine gelince hafif büyüme efekti */
  opacity: 0.9;
}

/* Sosyal Medya Renkleri */
.sidebar-social-icon.twitter      { background-color: #1DA1F2; }
.sidebar-social-icon.facebook     { background-color: #3b5998; }
.sidebar-social-icon.linkedin     { background-color: #0077b5; }
.sidebar-social-icon.whatsapp  { background-color: #075e54; }

/* =================================================================== */
/* ===== FİYAT FİLTRELEME WIDGET'I STİLLERİ ===== */
/* =================================================================== */

.price-filter-form {
    display: flex;
    flex-direction: column;
}

.price-input-container {
    display: flex;
    align-items: center;
    gap: 10px; /* Min, tire ve Max arası boşluk */
}

.price-field {
    flex: 1; /* Alanların eşit genişlikte olmasını sağlar */
    min-width: 0;
}

.price-input-container {
    display: flex;
    align-items: baseline; /* DEĞİŞTİRİLDİ: 'center' yerine 'baseline' kullanıldı */
    gap: 10px;
}

/* Fiyat ve Para Birimi Alanlarının Ortak Stilleri */
.price-filter-form input[type="text"],
.price-filter-form select {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}

.price-filter-form input[type="text"] {
    text-align: center; /* Sayıların ortalı görünmesi için */
}

.price-filter-form input[type="text"]:focus,
.price-filter-form select:focus {
    outline: none;
    border-color: var(--primary-purple); /* Odaklanınca ana renkle vurgula */
}

/* Modern ve Tutarlı Bir Select Kutusu Görünümü */
.currency-field {
    position: relative;
}

/* =================================================================== */
/* ===== ÖZEL CHECKBOX FİLTRE STİLİ ===== */
/* =================================================================== */

.custom-checkbox-filter {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: 10px 0; /* Buton ve input ile arasında boşluk bırakır */
    user-select: none; /* Metnin seçilmesini engeller */
}

/* Orijinal ve çirkin checkbox'ı gizliyoruz */
.custom-checkbox-filter input[type="checkbox"],.custom-checkbox-filter input[type="radio"] {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
}

.custom-checkbox-filter label {
    position: relative;
    padding-left: 30px; /* Sahte checkbox için solda yer açar */
    font-size: 15px;
    color: #333;
}

/* Sahte checkbox kutusunu oluşturuyoruz */
.custom-checkbox-filter label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border: 2px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
    transition: all 0.2s ease;
}

/* Kutunun içine gelecek olan "tik" işaretini oluşturuyoruz (Font Awesome ikonu) */
/* Font Awesome projenizde yüklü değilse bu tik işareti görünmez. */
.custom-checkbox-filter label::after {
    content: '\f00c'; /* Font Awesome "check" ikonu */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%) scale(0); /* Başlangıçta gizli */
    font-size: 14px;
    color: #fff;
    transition: transform 0.2s ease;
}

/* Checkbox işaretlendiğinde sahte kutunun ve tik işaretinin stillerini değiştiriyoruz */
.custom-checkbox-filter input[type="checkbox"]:checked + label::before,.custom-checkbox-filter input[type="radio"]:checked + label::before {
    background-color: var(--primary-purple); /* Sitenizin ana mor rengi */
    border-color: var(--primary-purple);
}

.custom-checkbox-filter input[type="checkbox"]:checked + label::after,.custom-checkbox-filter input[type="radio"]:checked + label::after {
    transform: translateY(-50%) scale(1); /* Tik işaretini görünür yap */
}

.cat-search-btn {
    transition: all 0.2s ease, width 0s;
}

.cat-search-btn.is-sticky {
    position: fixed;
    bottom: 20px; /* Ekranın altından ne kadar yukarıda duracağı */
    
    /* YENİ: Genişlik tanımı kaldırıldı. JavaScript ile atanacak. */
    
    z-index: 100;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08);
    left: auto; 
}

/* =================================================================== */
/* ===== İLAN LİSTESİ HEADER AKSİYONLARI STİLİ ===== */
/* =================================================================== */

.listings-header-actions {
    display: flex;
    align-items: center;
    gap: 15px; /* Sıralama menüsü ve buton arasındaki boşluk */
}

/* Şık ve Tutarlı Sıralama Select Kutusu */
.listing-sort-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 8px 30px 8px 12px; /* Ok ikonu için sağda boşluk */
    border: 1px solid #ddd;
    border-radius: 4px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    background-color: #fff;
    cursor: pointer;
}

.listing-sort-select:focus {
    outline: none;
    border-color: var(--primary-purple);
}

/* Aramayı Kaydet Butonu Stili */
.btn-save-search {
    display: inline-flex;
    align-items: center;
    gap: 8px; /* İkon ve yazı arasındaki boşluk */
    padding: 8px 15px;
    background-color: #f1f3f5;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #555;
    cursor: pointer;
    transition: all 0.2s ease, width 0s; /* Genişlik animasyonunu kapat */
}

.btn-save-search:hover {
    background-color: var(--primary-purple);
    border-color: var(--primary-purple);
    color: #fff;
}

.map-form {
    height:850px
}

/* =================================================================== */
/* ===== Hesabım - İlan İstatistikleri Stilleri ===== */
/* =================================================================== */

.listing-v2-stats {
    display: flex;
    flex-wrap: wrap; /* Küçük ekranlarda alt satıra geçmesi için */
    gap: 15px; /* Öğeler arası boşluk */
    padding-bottom: 15px; /* Altındaki fiyat ile arasını açmak için */
    border-bottom: 1px solid #f0f0f0; /* Fiyattan ayırmak için ince bir çizgi */
}

.listing-v2-stats span {
    display: flex; /* İkon ve metni yan yana hizalamak için */
    align-items: center; /* Dikeyde ortalamak için */
    font-size: 13px;
    color: #6c757d; /* Soluk ve ikincil bir renk */
    font-weight: 500;
}

.listing-v2-stats span i {
    margin-right: 6px; /* İkon ve metin arasına boşluk */
    color: #999; /* İkon rengini metinden biraz daha soluk yap */
}

/* =================================================================== */
/* ===== Hesabım - İlan Tarihi Güncelleme Butonu (Final Stil) ===== */
/* =================================================================== */

.update-date-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    
    width: 26px;  /* İkona daha iyi nefes alanı vermek için hafifçe büyütüldü */
    height: 26px; /* İkona daha iyi nefes alanı vermek için hafifçe büyütüldü */
    margin-left: 8px;
    
    background-color: transparent;
    border: 1px solid #c3aed6;
    border-radius: 5px;
    text-decoration: none;
    
    /* Geçiş efektleri ana elementte kalabilir */
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

/* İkonun kendisine özel stiller */
.update-date-btn i {
    color: var(--primary-purple); /* Renk ataması doğrudan i elementine yapıldı */
    font-size: 13px;          /* Daha orantılı bir ikon boyutu */
    line-height: 1;           /* Dikey hizalama sorunlarını önler */
    transition: color 0.2s ease; /* Sadece ikon renginin geçişi için */
    margin:0!important
}

/* Hover (üzerine gelince) ana butonun stili */
.update-date-btn:hover {
    background-color: var(--primary-purple);
    border-color: var(--primary-purple);
    transform: rotate(90deg) scale(1.1);
}

/* Hover (üzerine gelince) ikonun stili */
.update-date-btn:hover i {
    color: #fff; /* Hover rengi de doğrudan i elementine atandı */
}

.step-breadcrumb {
    display:none
}

/* =================================================================== */
/* ===== Profil Fotoğrafı Silme Butonu Stili ===== */
/* =================================================================== */

.btn.btn-danger {
    width: 100%; /* Diğer butonlarla aynı genişlikte olsun */
    background-color: #c0392b; /* Kırmızı bir ton */
    color: white;
    border-color: #c0392b;
    margin-top: 10px; /* Üstündeki butonla arasını açar */
}

.btn.btn-danger:hover {
    background-color: #a93226; /* Hover için daha koyu bir kırmızı */
    border-color: #a93226;
}

.alert.activation-alert .btn {
    width:auto
}

/* =================================================================== */
/* ===== SWIPER KATEGORİLERİ - NİHAİ ANINDA ORTALAMA ÇÖZÜMÜ ===== */
/* =================================================================== */

/* Swiper'ın kendisi zaten bir flex container. 
   Bu kural, içindeki slaytları (kategorileri) ortalamasını sağlar. */
.category-slider-wrapper .swiper-wrapper {
    justify-content: center;
}

/* =================================================================== */
/* ===== İLAN DETAY - GALERİ LIGHTBOX NİHAİ CSS KODLARI ===== */
/* =================================================================== */

/* Ana Lightbox Konteyneri */
.gallery-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 1050;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
    /* Başlangıçta gizli ve yumuşak geçişli */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.gallery-lightbox.active {
    opacity: 1;
    visibility: visible;
}

/* Kapatma Butonu */
.gallery-lightbox .close-btn {
    position: absolute;
    top: 15px;
    right: 25px;
    font-size: 45px;
    color: #fff;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 10;
}

/* YENİ: Oklar ve Slider için ana sarmalayıcı */
.gallery-top-container {
    position: relative; /* Okların mutlak konumlandırılması için referans noktası */
    width: 90%;
    max-width: 900px;
    
    /* Dikey ortalamayı sağlamak için flex kullanıyoruz */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Üstteki Büyük Resim Slider'ı */
.swiper-gallery-top {
    /* Genişliğini ve oranını korur */
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    margin-bottom: 15px; /* Sadece alt boşluk */
}

.swiper-gallery-top .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.swiper-gallery-top .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    /* Resmin en-boy oranını koruyarak kutuya sığmasını sağlar */
    object-fit: contain; 
}

/* Sol ve Sağ Gezinme Okları (Nihai ve Mükemmel Ortalı Stil) */
/* Ana Ok Butonları */
.gallery-top-container .swiper-button-next,
.gallery-top-container .swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    
    background-color: rgba(30, 30, 30, 0.6);
    border-radius: 50%;
    width: 44px;
    height: 44px;
    margin-top: 0;
    
    /* SVG'nin rengini buradan devralmasını sağlayacak */
    color: #ffffff; 
    
    transition: background-color 0.2s ease;

    /* İkonu (SVG) daire içinde mükemmel ortalamak için */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* BUTONLARIN İÇİNDEKİ SVG ELEMENTİNE ÖZEL STİL */
.gallery-top-container .swiper-button-next svg,
.gallery-top-container .swiper-button-prev svg {
    /* SVG'nin boyutunu daireye göre ayarla */
    width: 20px;
    height: 20px;
    
    /* SVG'nin dolgu rengini, ana butonun 'color' özelliğinden almasını sağlar */
    fill: currentColor; 
}

/* Okları sarmalayıcının DIŞINA konumlandır */
.gallery-top-container .swiper-button-prev {
    left: -60px;
}

.gallery-top-container .swiper-button-next {
    right: -60px;
}

/* Hover efekti */
.gallery-top-container .swiper-button-next:hover,
.gallery-top-container .swiper-button-prev:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* Alttaki Thumbnail Slider'ı */
.swiper-gallery-thumbs {
    height: 15%;
    max-height: 100px;
    width: 90%;
    max-width: 700px;
    padding: 10px 0;
    box-sizing: border-box;
}

.swiper-gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

.swiper-gallery-thumbs .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Aktif olan thumbnail'i belirginleştirir */
.swiper-gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    border: 2px solid #fff;
}

.gallery-top-container .swiper-button-next svg,
.gallery-top-container .swiper-button-prev svg {
    /* Boyutu daha orantılı hale getir */
    width: 22px;
    height: 22px;
    
    /* EN ÖNEMLİ DEĞİŞİKLİK: Çizgiyi kalınlaştır */
    stroke-width: 1.5;

    /* Rengin çizgiye uygulanmasını sağlar */
    fill: none;
    stroke: currentColor; 
}

@media (max-width: 768px) {

    /* 1. Ana resim sarmalayıcısının genişliğini %100 yap */
    .gallery-top-container {
        width: 100%; /* Mobil ekranda tam genişlik kullan */
    }

    /* 2. Okların konumunu içeri al ve boyutunu küçült */
    .gallery-top-container .swiper-button-next,
    .gallery-top-container .swiper-button-prev {
        /* Boyutları mobil için daha uygun hale getir */
        width: 38px;
        height: 38px;

        /* Arka planı biraz daha şeffaf yaparak daha az rahatsız edici hale getir */
        background-color: rgba(0, 0, 0, 0.4);
    }

    /* 3. Okları görselin İÇİNE konumlandır */
    .gallery-top-container .swiper-button-prev {
        /* Dışarı iten 'left' değerini, içeriden boşluk bırakan bir değerle değiştir */
        left: 10px;
        
        /* Dışarı iten 'transform'u, sadece dikey ortalama yapacak şekilde sıfırla */
        transform: translateY(-50%); 
    }

    .gallery-top-container .swiper-button-next {
        /* Dışarı iten 'right' değerini, içeriden boşluk bırakan bir değerle değiştir */
        right: 10px;
        
        /* Dışarı iten 'transform'u, sadece dikey ortalama yapacak şekilde sıfırla */
        transform: translateY(-50%);
    }

    /* 4. İkon boyutunu yeni buton boyutuna göre ayarla */
    .gallery-top-container .swiper-button-next svg,
    .gallery-top-container .swiper-button-prev svg {
        width: 16px;
        height: 16px;
    }
    
    /* 5. Alttaki thumbnail'lerin boyutunu ayarla */
    .swiper-gallery-thumbs {
        max-height: 80px; /* Mobilde thumbnail alanını biraz küçült */
    }
}

.clsFinishOpts a {width:auto}

.doping-bg .row {
    /* Flexbox'ı etkinleştir */
    display: flex;

    /* Sığmayanları alt satıra indir (mobil için önemli) */
    flex-wrap: wrap;

    /* Sihirli satır: İçindeki kolonları yatayda ortala */
    justify-content: center;
}

.cookiealert .btn{width:auto}

/* =================================================================== */
/* ===== Hesabım - İlan Soruları Silme Butonu Stili ===== */
/* =================================================================== */

/* Soru kutusunu, içindeki mutlak konumlandırılmış butona referans yap */
.qa-management-item {
    position: relative;
}

.qa-delete-btn {
    /* Konumlandırma */
    position: absolute;
    top: 15px;
    right: 15px;

    /* Görünüm */
    background-color: #f1f3f5;
    border: 1px solid #dee2e6;
    color: #868e96;
    width: 28px;
    height: 28px;
    border-radius: 50%; /* Tam yuvarlak */
    padding: 0;
    cursor: pointer;

    /* İkonu ortalamak için */
    display: flex;
    align-items: center;
    justify-content: center;

    /* Yumuşak geçiş efekti */
    transition: all 0.2s ease;
}

.qa-delete-btn i {
    font-size: 14px;
}

/* Üzerine gelince (hover) */
.qa-delete-btn:hover {
    background-color: var(--danger-red); /* Kırmızı arkaplan */
    border-color: var(--danger-red);
    color: #fff; /* Beyaz ikon */
    transform: rotate(90deg); /* Hafif dönme efekti */
}

/* =================================================================== */
/* ===== Hesabım - Ödeme Listesi Geliştirmeleri ===== */
/* =================================================================== */

/* Header'ı, içindeki metin ve aksiyonları yan yana getirmek için flex yap */
.account-accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px; /* Metin ve aksiyonlar arası boşluk */
}

.account-accordion-header .header-text {
    flex-grow: 1; /* Metnin kalan tüm alanı kaplamasını sağla */
}

.account-accordion-header .header-actions {
    display: flex;
    align-items: center;
    gap: 20px; /* Sil butonu ve + ikonu arası boşluk */
    flex-shrink: 0; /* Butonların sıkışmasını engelle */
}

/* Silme Butonu Stili */
.btn-payment-delete {
    background: none;
    border: none;
    color: #adb5bd; /* Soluk, ikincil bir renk */
    cursor: pointer;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    transition: all 0.2s ease;
}

.btn-payment-delete:hover {
    color: var(--danger-red); /* Hover'da kırmızı */
    transform: scale(1.2); /* Hafif büyüme efekti */
}

/* Mevcut aç/kapat ikonu için bir sınıf ekleyerek daha iyi hedefleme */
.accordion-toggle-icon {
    transition: transform 0.3s ease;
}

.account-accordion-item.active .accordion-toggle-icon {
    transform: rotate(45deg);
}

/* =================================================================== */
/* ===== MOBİL ARAMA İKONU VE PANELİ STİLLERİ ===== */
/* =================================================================== */

/* 1. Mobil Arama İkonu */
.mobile-search-icon {
    display: none; /* Varsayılan olarak (masaüstünde) gizli */
    order: -1;     /* Kullanıcı ikonundan önce gelmesi için */
    border-right: 1px solid #e0e0e0; /* Yanındaki ikonla ayırır */
}

/* 2. Mobil Arama Paneli */
.mobile-search-panel {
    background-color: #fff;
    padding: 15px 0;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    
    position: fixed;
    top: 72px; /* Header'ın hemen altında */
    left: 0;
    width: 100%;
    z-index: 99999999; /* Header'ın altında, sayfa içeriğinin üstünde */
    
    /* Başlangıçta gizli ve yukarıda */
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
}

/* Panel aktif olduğunda görünecek hali */
.mobile-search-panel.is-open {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

/* 3. Responsive Ayarlar (Mevcut medya sorgularınıza ekleme) */

/* TABLET GÖRÜNÜMÜ (992px altı) */
@media (max-width: 992px) {
    /* Mevcut masaüstü aramasını gizle */
    .header-center {
        display: none;
    }
    /* Mobil arama ikonunu göster */
    .mobile-search-icon {
        display: flex;
    }
}

/* MOBİL GÖRÜNÜM (768px altı) */
@media (max-width: 768px) {
    /* Mobil arama ikonunun sağındaki ayırıcıyı kaldır, zaten kullanıcı ikonu yok */
    .mobile-search-icon {
        border-right: none;
    }
}

.header-container:before,.header-container:after{display:none}

/* =================================================================== */
/* ===== iPhone Zoom Sorunu İçin CSS Düzeltmesi ===== */
/* =================================================================== */

/* Bu kural, sadece mobil ekranlarda geçerli olacaktır */
@media (max-width: 768px) {
  
  /* Header ve mobil panel içindeki tüm arama input'larını hedefler */
  .header-search input[type="text"] {
    /* Yazı tipi boyutunu minimum 16px'e ayarlayarak otomatik zoom'u engelle */
    font-size: 16px;
  }
  
}