/*
Theme Name: GeneratePress Child
Template: generatepress
Theme URI: https://generatepress.com
Author: Tom Usborne
Author URI: https://generatepress.com/about
Description: GeneratePress Theme Child is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Version: 3.6.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: generatepress
Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, footer-widgets, blog, e-commerce, flexible-header, full-width-template, buddypress, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, rtl-language-support, featured-images, theme-options

GeneratePress, Copyright 2014-2025 EDGE22 Studios LTD.
GeneratePress is distributed under the terms of the GNU GPL

GeneratePress is based on Underscores http://underscores.me/, (C) 2012-2025 Automattic, Inc.

Actual CSS can be found in /assets/css/ folder.
*/

.facetwp-facet {
    margin-bottom: 10px !important;
}

.custom-cf7-form-container {
    max-width: 700px;
    /*margin: 40px auto;*/
	margin-bottom: 10px;
    padding: 20px 20px 0px 20px ;
    background: #7a7bc7; /*#8889d2;*/ /*#8182cd;*/ /*#7a7bc7;*/ /*#ddddff*/ /*#dedef4;*/ /*#efefaa;*/ /*#f9f9f9;*/
    border: 4px solid #333;
    border-radius: 8px;
    font-size: 15px;
	color: #fff;
    font-weight: normal;
}

.wpcf7-textarea{
    border: 2px solid #888;
}

.wpcf7-spinner{
    display: none !important;
}

/*body, button, input, select, textarea, .facetwp-autocomplete-update{*/
button, input, select, textarea, .facetwp-autocomplete-update{
	line-height: 1 !important;
}

/*#postbox-container-1{
    display: none !important;
}

.postbox-container{
    display: none !important;
}*/

.content-box-1 {
    display: block;
    text-align: center;
    vertical-align: center;
	color: #777;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid transparent;
    border-radius: 8px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	padding: 3px;
	margin: 3px 0 3px 0;
}

/* ===== EMLAK LİSTELEME SİSTEMİ ===== */

/* START KUTU GÖRÜNÜMÜ */

/* Ana Container */
.emlak-listesi-container {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 30px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
}

/* Filtreler Bölümü */
.emlak-filtreleri {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    height: fit-content;
    position: sticky;
    top: 20px;
}

.filtre-grubu {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
}

.filtre-grubu:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.filtre-grubu label {
    display: block;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 12px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Checkbox Grupları */
.checkbox-grubu {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.checkbox-grubu label {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    background: #f8f9fa;
    border: 2px solid #e9ecef;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
    margin-bottom: 0;
}

.checkbox-grubu label:hover {
    border-color: #3498db;
    background: #e3f2fd;
}

.checkbox-grubu input[type="checkbox"]:checked + span {
    background: #3498db;
    color: white;
}

.checkbox-grubu input[type="checkbox"] {
    margin-right: 6px;
}

/* Radio Butonları */
.radio-grubu {
    display: flex;
    gap: 15px;
}

.radio-grubu label {
    display: flex;
    align-items: center;
    padding: 8px 15px;
    background: #f8f9fa;
    border: 2px solid #e9ecef;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: normal;
}

.radio-grubu label:hover {
    border-color: #3498db;
}

.radio-grubu input[type="radio"]:checked + span {
    background: #27ae60;
    color: white;
    border-color: #27ae60;
}

/* Range Inputları */
.range-grubu {
    display: flex;
    gap: 10px;
    align-items: center;
}

.range-grubu input {
    flex: 1;
    padding: 10px;
    border: 2px solid #e9ecef;
    border-radius: 6px;
    font-size: 14px;
}

.range-grubu span {
    color: #7f8c8d;
    font-size: 14px;
}

/* Arama Inputu */
.arama-input {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    font-size: 14px;
    transition: border-color 0.3s ease;
}

.arama-input:focus {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

/* Emlak Listesi Grid */
.emlak-listesi {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)) !important;
	/*grid-template-columns: 1fr !important;*/
	gap: 15px;
	width: 100%;
	margin: 0;
	padding: 0;
}    

/* Emlak Kartı */
.emlak-karti {
    display: grid;
    grid-template-columns: 120px 2fr 1fr 1fr 1fr auto;
    gap: 5px; /*15px*/
    align-items: center;
    padding: 5px 10px 5px 5px; /*15px*/
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    margin-bottom: 1px;
    background: #fff;
    transition: all 0.3s ease;
}

.emlak-karti:hover {
    box-shadow: 0 3px 15px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}

/* Küçük resim */
.emlak-resim {
    width: 120px;
    height: 100px;
    border-radius: 6px;
    overflow: hidden;
}

.emlak-resim img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.emlak-karti:hover .emlak-resim img {
    transform: scale(1.05);
}

.emlak-durum {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(52, 152, 219, 0.95);
    color: white;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
}

.emlak-durum.kiralik {
    background: rgba(231, 76, 60, 0.95);
}

/* Emlak Bilgileri */
.emlak-bilgi {
    padding: 20px;
}

.emlak-baslik {
    margin: 0 0 10px 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}

.emlak-baslik a {
    color: #2c3e50;
    text-decoration: none;
    transition: color 0.3s ease;
}

.emlak-baslik a:hover {
    color: #3498db;
}

.emlak-bolge {
    color: #7f8c8d;
    font-size: 14px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 5px;
}

/*.emlak-bolge::before {
    content: "📍";
}*/

/* Özellikler Grid */
.emlak-ozellikler {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin: 15px 0;
    padding: 15px 0;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.ozellik-item {
    text-align: center;
}

.ozellik-deger {
    display: block;
    font-weight: 700;
    color: #2c3e50;
    font-size: 16px;
}

.ozellik-label {
    display: block;
    font-size: 11px;
    color: #7f8c8d;
    text-transform: uppercase;
    margin-top: 2px;
}

/* Fiyat ve Buton */
.emlak-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

.emlak-fiyat {
    font-size: 13px;
    font-weight: 500;
    color: #27ae60;
}

.detay-buton {
    background: #3498db;
    color: white;
    padding: 8px 16px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: background 0.3s ease;
}

.detay-buton:hover {
    background: #2980b9;
    color: white;
}

/* Sonuç Bulunamadı */
.emlak-bulunamadi {
    grid-column: 1 / -1;
    text-align: center;
    padding: 60px 20px;
    color: #7f8c8d;
}

.emlak-bulunamadi h3 {
    font-size: 24px;
    margin-bottom: 10px;
    color: #2c3e50;
}

/* Loading Animation */
.emlak-loading {
    grid-column: 1 / -1;
    text-align: center;
    padding: 40px;
}

.loading-spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    margin: 0 auto 15px;
}

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

/* END KUTU GÖRÜNÜMÜ */

/* START YATAY LİSTE GÖRÜNÜMÜ */
/* ===== YATAY LİSTE GÖRÜNÜMÜ ===== */
.emlak-listesi.liste-gorunumu {
    display: block;
}

.emlak-listesi.liste-gorunumu .emlak-karti {
    display: grid;
    grid-template-columns: 120px 2fr 1fr 1fr 1fr auto;
    gap: 5px; /*15px*/
    align-items: center;
    padding: 5px 10px 5px 5px; /*15px*/
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    margin-bottom: 1px;
    background: #fff;
    transition: all 0.3s ease;
}

.emlak-listesi.liste-gorunumu .emlak-karti:hover {
    box-shadow: 0 3px 15px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}

/* Küçük resim */
.emlak-listesi.liste-gorunumu .emlak-resim {
    width: 100px;
    height: 80px;
    border-radius: 6px;
    overflow: hidden;
}

.emlak-listesi.liste-gorunumu .emlak-resim img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* İlan başlığı ve kod */
.emlak-baslik-kod {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.ilankodu {
    font-size: 12px;
    color: #7f8c8d;
    font-weight: 600;
}

.ilankodu::before {
    content: "İlan No #";
    color: #3498db;
    margin-right: 2px;
}

.liste-baslik {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
}

.liste-baslik a {
    color: #2c3e50;
    text-decoration: none;
}

.liste-baslik a:hover {
    color: #3498db;
}

/* Fiyat */
.liste-fiyat {
    font-size: 13px;
    font-weight: 500;
    color: #27ae60;
    text-align: center;
}

/* İlan tarihi */
.liste-tarih {
    font-size: 13px;
    color: #7f8c8d;
    text-align: center;
}

.liste-durum {
    font-size: 13px;
    color: #7f8c8d;
    text-align: left;
}

/* Bölge */
.liste-bolge {
    font-size: 13px;
    color: #2c3e50;
    text-align: center;
}

/* Buton */
.liste-buton {
    text-align: center;
}

.liste-detay-buton {
    background: #3498db;
    color: white;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    transition: background 0.3s ease;
}

.liste-detay-buton:hover {
    background: #2980b9;
    color: white;
}

/* Liste başlıkları */
.liste-basliklar {
    display: grid;
    grid-template-columns: 120px 2fr 1fr 1fr 1fr auto;
    gap: 15px;
    padding: 12px 15px;
    background: #f8f9fa;
    border-radius: 6px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    color: #7f8c8d;
    letter-spacing: 0.5px;
}

/* Görünüm değiştirici butonlar */
.gorunum-degistirici {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    justify-content: flex-end;
}

.gorunum-buton {
    padding: 8px 15px;
    border: 2px solid #e0e0e0;
    background: white;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 14px;
}

.gorunum-buton.active {
    background: #3498db;
    color: white;
    border-color: #3498db;
}

.gorunum-buton:hover {
    border-color: #3498db;
}
/* END YATAY LİSTE GÖRÜNÜMÜ */

/* ===== EMLAK DETAY SAYFASI ===== */
.emlak-detay-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* Ana Başlık */
.emlak-baslik {
    text-align: center;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f0f0f0;
}

.emlak-baslik h1 {
    font-size: 28px;
    color: #2c3e50;
    margin-bottom: 10px;
    font-weight: 700;
}

.emlak-fiyat-buyuk {
    font-size: 24px;
    font-weight: 500;
    color: #27ae60;
    margin: 15px 0;
}

.emlak-lokasyon {
    font-size: 18px;
    color: #7f8c8d;
    font-weight: 500;
}

/* Grid Layout */
.emlak-detay-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    align-items: start;
}

@media (max-width: 768px) {
    .emlak-detay-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

/* SOL KOLON */
.emlak-sol-kolon {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* Galeri */
/* ===== PHOTOSWIPE GALERİ STİLLERİ ===== */

/* Ana Galeri Container */
.emlak-galeri.photoswipe-galeri {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    margin-bottom: 1px;
}

/* Ana Resim Alanı */
.galeri-ana-resim {
    position: relative;
    width: 100%;
    height: 500px;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.galeri-ana-resim .ana-resim {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.galeri-ana-resim .ana-resim:hover {
    transform: scale(1.02);
}

/* Thumbnail'ler */
.galeri-thumbnails {
    background: #f8f9fa;
    padding: 10px;
    border-top: 1px solid #e0e0e0;
}

.thumbnail-container {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding: 3px;
    scrollbar-width: thin;
    scrollbar-color: #3498db #f1f1f1;
}

.thumbnail-container::-webkit-scrollbar {
    height: 8px;
}

.thumbnail-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.thumbnail-container::-webkit-scrollbar-thumb {
    background: #3498db;
    border-radius: 4px;
}

.thumbnail-item {
    flex: 0 0 auto;
    width: 100px;
    height: 100px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    border: 3px solid transparent;
    transition: all 0.3s ease;
    position: relative;
}

.thumbnail-item:hover {
    border-color: #3498db;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.thumbnail-item.aktif-thumbnail {
    border-color: #27ae60;
    box-shadow: 0 5px 15px rgba(39, 174, 96, 0.3);
}

.thumbnail-item a {
    display: block;
    width: 100%;
    height: 100%;
}

.thumbnail-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Daha Fazla Thumbnail */
.daha-fazla-thumbnail {
    background: linear-gradient(135deg, #3498db, #2980b9);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}

.daha-fazla-icerik {
    text-align: center;
    color: white;
}

.daha-fazla-icerik .sayi {
    display: block;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 5px;
}

.daha-fazla-icerik .text {
    display: block;
    font-size: 12px;
    font-weight: 500;
}

/* PhotoSwipe Custom Stiller */
.pswp__counter {
    font-weight: 600;
}

.pswp__caption__center {
    text-align: center;
    font-size: 14px;
    padding: 10px;
    color: white;
}

/* PhotoSwipe ok butonları için */
.pswp__button--arrow--left:before {
    content: '←' !important;
    font-size: 28px !important;
    color: #2c3e50 !important;
    background: rgba(255, 255, 255, 0.9) !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 100% !important;
	padding: 5px 0 0 0 !important;
}

.pswp__button--arrow--right:before {
    content: '→' !important;
    font-size: 28px !important;
    color: #2c3e50 !important;
    background: rgba(255, 255, 255, 0.9) !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 100% !important;
	padding: 5px 0 0 0 !important;
}

/* PhotoSwipe kapatma butonunu düzenle */
.pswp__button--close {
    background: rgba(255, 255, 255, 0.9) !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
    margin: 50px 10px auto !important;
}

.pswp__button--close:before {
    content: '×' !important;
    font-size: 32px !important;
    color: #2c3e50 !important;
    font-weight: bold !important;
    line-height: 0.7 !important;
}

.pswp__button--close:hover {
    background: white !important;
    transform: scale(1.1) !important;
}

/* Responsive Tasarım */
@media (max-width: 1200px) {
    .galeri-ana-resim {
        height: 400px;
    }
    
    .thumbnail-item {
        width: 90px;
        height: 90px;
    }
}

@media (max-width: 768px) {
    .galeri-ana-resim {
        height: 300px;
    }
    
    .thumbnail-item {
        width: 80px;
        height: 80px;
    }
    
    .galeri-thumbnails {
        padding: 10px;
    }
}

@media (max-width: 480px) {
    .galeri-ana-resim {
        height: 250px;
    }
    
    .thumbnail-item {
        width: 70px;
        height: 70px;
    }
    
    .daha-fazla-icerik .sayi {
        font-size: 20px;
    }
    
    .daha-fazla-icerik .text {
        font-size: 10px;
    }
}

/* ===== ANA RESİM NAVİGASYON BUTONLARI ===== */ /* START */

/* Navigasyon butonları için container */
.ana-resim-navigasyon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

/* İleri/Geri butonları */
.resim-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.7);
    border: none;
    border-radius: 50%;
    color: white;
    font-size: 24px;
    cursor: pointer;
    pointer-events: auto;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.resim-nav-btn:hover {
    background: rgba(0, 0, 0, 0.9);
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
}

.resim-nav-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
    transform: translateY(-50%);
}

.resim-nav-btn:disabled:hover {
    background: rgba(0, 0, 0, 0.7);
    transform: translateY(-50%);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.resim-nav-btn.onceki-btn {
    left: 20px;
}

.resim-nav-btn.sonraki-btn {
    right: 20px;
}

/* Buton ikonları için CSS */
.resim-nav-btn .btn-ikon {
    display: block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.onceki-btn .btn-ikon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E");
}

.sonraki-btn .btn-ikon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
}

/* Resim sayacı güncellenmiş */
.resim-sayaci {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    z-index: 15;
    min-width: 80px;
    text-align: center;
}

/* Responsive tasarım */
@media (max-width: 1200px) {
    .galeri-ana-resim {
        height: 400px;
    }
    
    .resim-nav-btn {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .galeri-ana-resim {
        height: 300px;
    }
    
    .resim-nav-btn {
        width: 44px;
        height: 44px;
        font-size: 18px;
    }
    
    .resim-nav-btn.onceki-btn {
        left: 10px;
    }
    
    .resim-nav-btn.sonraki-btn {
        right: 10px;
    }
    
    .resim-sayaci {
        bottom: 10px;
        font-size: 12px;
        padding: 6px 12px;
    }
}

@media (max-width: 480px) {
    .galeri-ana-resim {
        height: 250px;
    }
    
    .resim-nav-btn {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
}
/* ===== ANA RESİM NAVİGASYON BUTONLARI ===== */ /* END */

/* Galeri END */

/* Bilgi Kutuları */
.bilgi-kutusu {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}

.bilgi-kutusu h3 {
    margin: 0 0 15px 0;
    color: #2c3e50;
    font-size: 18px;
    font-weight: 600;
}

.aciklama-icerik,
.notlar-icerik {
    line-height: 1.6;
    color: #555;
}

.aciklama-icerik p,
.notlar-icerik p {
    margin-bottom: 15px;
}

.aciklama-icerik p:last-child,
.notlar-icerik p:last-child {
    margin-bottom: 0;
}

/* Danışman Notları */
.danisman-notlari {
    border-left: 4px solid #e74c3c;
    background: #fffafa;
}

.notlar-uyari {
    margin-top: 15px;
    padding: 10px;
    background: #ffeaa7;
    border-radius: 6px;
    text-align: center;
}

.notlar-uyari small {
    color: #777;
    font-weight: 500;
}

/* SAĞ KOLON */
.emlak-sag-kolon {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* İlan Bilgileri Kutusu */
.ilan-bilgileri-kutusu {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    overflow: hidden;
}

.ilan-bilgileri-baslik {
    margin: 0;
    padding: 10px 20px 15px 25px; /*20px 20px 25px 25px*/
    background: #3498db;
    color: white;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

/* Danışman Bilgisi - Grid Yapısı */
.danisman-bilgisi {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 10px 10px 10px 10px; /*5px 5px 20px 20px*/
    border-bottom: 1px solid #ecf0f1;
    gap: 0px;
    align-items: center;
}

.danisman-label {
    color: #7f8c8d;
    font-size: 14px;
    grid-column: 1;
}

.danisman-adi {
    font-weight: 700;
    color: #2c3e50;
    font-size: 16px;
    grid-column: 1;
}

/*.danisman-detay {
    display: flex;
    align-items: center;
    gap: 15px;
    grid-column: 2;
    justify-content: flex-end;
}*/
/* Danışman detay alanını düzenle */

.danisman-detay {
    grid-column: 2;
    display: flex;
    justify-content: flex-start;
	text-align: left;
	padding-left: 15px;
    gap: 3px;

    font-weight: 700;
    color: #2c3e50;
    font-size: 16px;
    /*align-items: center;*/
    /*flex-wrap: wrap;*/
}
    

.danisman-telefon-buton-container-left {
	grid-column: 1;
	padding-right: 20px;
	text-align: right;
	justify-content: flex-end;
}

.danisman-telefon-buton-container-right {
	grid-column: 2;
	padding-left: 20px;
	text-align: left;
	justify-content: flex-start;
	/*justify-content: flex-start;*/
	/*justify-content: flex-end;*/
	/*display: flex;*/
	/*flex-wrap: wrap;*/
	/*font-weight: 700;*/
	/*font-size: 16px;*/
}

.whatsapp-buton-container {
    grid-column: 2;
    justify-self: end;
    margin-top: 0;
}

.whatsapp-buton {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: linear-gradient(135deg, #25D366, #1da851);
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    box-shadow: 0 3px 10px rgba(37, 211, 102, 0.3);
    border: none;
    cursor: pointer;
}

.whatsapp-buton:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(37, 211, 102, 0.4);
}

/* Özellikler Listesi */
.ozellikler-listesi {
    padding: 0;
}

/*.ozellik-satiri {
    display: flex;
    justify-content: space-between;
    padding: 5px 15px 5px 15px;
    border-bottom: 1px solid #ecf0f1;
}

.ozellik-satiri.son-satir {
    border-bottom: none;
}

.ozellik-adi {
    color: #7f8c8d;
    font-size: 14px;
    flex: 1;
}

.ozellik-degeri {
    font-weight: 600;
    color: #2c3e50;
    text-align: right;
    flex: 1;
}*/

.ozellik-satiri {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 5px 12px 5px 12px; /*15px 15px 25px 25px*/
    border-bottom: 1px solid #ecf0f1;
}

.ozellik-satiri.son-satir {
    border-bottom: none;
}

.ozellik-adi {
    grid-column: 1;
    color: #7f8c8d;
    font-size: 14px;
    text-align: left;
}

.ozellik-degeri {
    grid-column: 2;
    font-weight: 600;
    color: #2c3e50;
    text-align: right;
}

/* İletişim Butonları */
.iletisim-butonlari {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.iletisim-btn {
    padding: 15px 20px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.telefon-btn {
    background: #27ae60;
    color: white;
}

.telefon-btn:hover {
    background: #219a52;
}

.whatsapp-btn {
    background: #25D366;
    color: white;
}

.whatsapp-btn:hover {
    background: #1da851;
}

.yazdir-btn {
    background: #95a5a6;
    color: white;
}

.yazdir-btn:hover {
    background: #7f8c8d;
}

/* Yazdırma */
@media print {
    .emlak-sag-kolon {
        break-inside: avoid;
    }
    
    .iletisim-butonlari,
    .whatsapp-buton {
        display: none;
    }
}

/* WhatsApp butonu için yeni stil */
.whatsapp-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #25D366;
    color: white;
    padding: 8px 15px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.whatsapp-button:hover {
    background: #1da851;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    color: white;
}

.whatsapp-ikon {
    width: 20px;
    height: 20px;
}

/* Mobil için */
@media (max-width: 768px) {
    .whatsapp-button {
        padding: 6px 12px;
        font-size: 13px;
    }
    
    .whatsapp-ikon {
        width: 18px;
        height: 18px;
    }
}

/* END */
/* ===== EMLAK DETAY SAYFASI ===== */

/* ===== FACETWP PAGER ===== START */

/* FacetWP Sayfalama Tasarımı */
.emlak-sayfalama {
    margin-top: 40px;
    text-align: center;
    padding: 20px 0;
}

.facetwp-pager {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
}

/* Sayfa numaraları ve navigasyon butonları */
.facetwp-page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0;
    margin: 0;
    border: 2px solid #e0e0e0;
    background-color: white;
    color: #333;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    border-radius: 8px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    line-height: 2.5; /* Satır yüksekliğini sıfırla */
}

/* Dikey ortalama için ek güvenlik */
.facetwp-page span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

/* Hover efekti */
.facetwp-page:hover:not(.active) {
    background-color: #f8f9fa;
    border-color: #3498db;
    color: #3498db;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(52, 152, 219, 0.15);
}

/* Aktif sayfa */
.facetwp-page.active {
    background-color: #3498db;
    border-color: #3498db;
    color: white;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.25);
    transform: translateY(-1px);
}

/* Önceki/Sonraki butonları - FacetWP'nin kendi simgeleri olduğu için pseudo elementleri kaldırdım */
.facetwp-page.first,
.facetwp-page.last,
.facetwp-page.prev,
.facetwp-page.next {
    font-weight: 600;
    padding: 0 16px;
    min-width: 100px;
    background-color: #f8f9fa;
    border-color: #ddd;
}

/* Devre dışı/aktif olmayan sayfa bağlantıları */
.facetwp-page.disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: default;
}

/* Nokta nokta (ellipsis) için */
.facetwp-page.gap {
    border: none;
    background: transparent;
    cursor: default;
    box-shadow: none;
    min-width: 20px;
    padding: 0;
}

.facetwp-page.gap:hover {
    transform: none;
    background: transparent;
    border: none;
    box-shadow: none;
}

/* Loading durumu */
.facetwp-pager.loading .facetwp-page {
    opacity: 0.7;
    pointer-events: none;
}

/* Daha küçük kutucuklar için alternatif tasarım */
.facetwp-pager.compact .facetwp-page {
    min-width: 36px;
    height: 36px;
    font-size: 14px;
}

.facetwp-pager.compact .facetwp-page.first,
.facetwp-pager.compact .facetwp-page.last,
.facetwp-pager.compact .facetwp-page.prev,
.facetwp-pager.compact .facetwp-page.next {
    min-width: 80px;
    padding: 0 12px;
}

/* Mobil uyumluluk */
@media (max-width: 768px) {
    .facetwp-pager {
        gap: 6px;
    }
    
    .facetwp-page {
        min-width: 36px;
        height: 36px;
        font-size: 14px;
    }
    
    .facetwp-page.first,
    .facetwp-page.last,
    .facetwp-page.prev,
    .facetwp-page.next {
        min-width: 80px;
        padding: 0 12px;
        font-size: 13px;
    }
}

/* Koyu tema desteği */
@media (prefers-color-scheme: dark) {
    .facetwp-page {
        background-color: #2d3748;
        border-color: #4a5568;
        color: #e2e8f0;
    }
    
    .facetwp-page:hover:not(.active) {
        background-color: #4a5568;
        color: #63b3ed;
    }
    
    .facetwp-page.first,
    .facetwp-page.last,
    .facetwp-page.prev,
    .facetwp-page.next {
        background-color: #4a5568;
    }
    
    .facetwp-page.active {
        background-color: #3498db;
        color: white;
    }
}

/* ===== FACETWP PAGER ===== END */

/* ===== GENEL RESPONSIVE AYARLAR ===== */ /*start*/
@media (max-width: 1024px) {
    .emlak-listesi-container {
        grid-template-columns: 1fr;
        padding: 15px;
    }
    
    .emlak-filtreleri {
        position: static;
        margin-bottom: 20px;
    }

    .emlak-listesi {
        grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    }
}

/* ===== GENEL RESPONSIVE AYARLAR ===== */ /*end*/

/* ===== EMLAK LİSTESİ MOBİL DÜZENLEMESİ ===== */ /*start*/
@media (max-width: 768px) {
    /* Ana container mobilde tam genişlik */
    .emlak-listesi-container {
        width: 100%;
        padding: 10px;
        margin: 0;
        box-sizing: border-box;
        overflow-x: hidden;
    }
    
    /* Emlak kartı mobil düzeni */
    .emlak-karti {
        display: flex !important;
        flex-direction: column;
        padding: 15px;
        margin-bottom: 15px;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }
    
    /* Küçük resim mobil */
    .emlak-resim {
        width: 100% !important;
        height: 200px;
        margin-bottom: 15px;
    }
    
    .emlak-resim img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    /* Emlak bilgileri */
    .emlak-bilgi {
        padding: 0;
        width: 100%;
    }
    
    .emlak-baslik {
        font-size: 16px;
        margin-bottom: 10px;
        word-break: break-word;
    }
    
    .emlak-bolge {
        font-size: 14px;
        margin-bottom: 15px;
    }
    
    /* Özellikler grid */
    .emlak-ozellikler {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px;
        margin: 15px 0;
        padding: 15px 0;
    }
    
    .ozellik-item {
        text-align: center;
    }
    
    /* Fiyat ve buton */
    .emlak-footer {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-top: 15px;
    }
    
    .emlak-fiyat {
        font-size: 16px;
        font-weight: 600;
        text-align: center;
    }
    
    .detay-buton {
        width: 100%;
        text-align: center;
        padding: 10px;
    }
    
    .checkbox-grubu,
    .radio-grubu {
        flex-direction: column;
    }
/* ===== EMLAK LİSTESİ MOBİL DÜZENLEMESİ ===== */ /*end*/
    
/* ===== YATAY LİSTE GÖRÜNÜMÜ MOBİL ===== */ /*start*/
    .emlak-listesi.liste-gorunumu .emlak-karti {
        display: grid !important;
		grid-template-columns: 120px 2fr 1fr 1fr auto;
        flex-direction: column;
        padding: 10px 5px 10px 10px;
        /*gap: 10px;*/
    }

    .liste-basliklar {
        display: none;
    }
    
    .liste-baslik-kod {
        grid-column: 1;
		margin: 0 0 0 5px;
        /*margin-bottom: 10px;*/
    }
    
    .ilankodu {
        grid-column: 1;
		margin: 0 0 0 5px;
        /*margin-bottom: 10px;*/
    }
    
    .liste-baslik {
        grid-column: 1;
        font-size: 16px;
		margin: 0 0 0 5px;
    }
    
    .liste-bolge {
        grid-column: 1 / -1;
        /*grid-column: 1 / -1*/;
        text-align: center;
        border-top: 1px solid #f0f0f0;
        /*padding: 5px 0px;*/
        /*margin-top: 5px;*/
        padding: 0;
		margin: 0;
    }
    
    .liste-durum {
        grid-column: 1;
        /*grid-column: 1 / -1*/;
        text-align: left;
        border-top: 1px solid #f0f0f0;
        /*padding: 5px 0px;*/
        /*margin-top: 5px;*/
        padding: 0;
		margin: 0 0 0 5px;
    }
    
    .liste-fiyat,
    .liste-tarih, {
        grid-column: 2;
        text-align: left;
        border-top: 1px solid #f0f0f0;
        /*padding: 5px 0px;*/
        /*margin-top: 5px;*/
        padding: 0;
		margin: 0;
    }
    
    .liste-buton {
		grid-column: 1 / -1;
        text-align: center;
        /*margin-top: 5px;*/
        margin: 5px;
    }
    
    .liste-detay-buton {
        width: 100%;
        padding: 10px;
    }
}
/* ===== YATAY LİSTE GÖRÜNÜMÜ MOBİL ===== */ /*end*/

/* ===== EMLAK DETAY SAYFASI MOBİL DÜZENLEMESİ ===== */ /*start*/
/* Responsive */
@media (max-width: 1024px) {
    .emlak-detay-container {
        padding: 15px;
    }
    
	.galeri-ana-resim .ana-resim {
        height: 300px;
    }
    .ana-resim {
        height: 300px;
    }
}

@media (max-width: 768px) {
    /* Ana container */
    .emlak-detay-container {
        width: 100%;
        padding: 10px;
        margin: 0;
        box-sizing: border-box;
        overflow-x: hidden;
    }
    
    /* Grid layout'u mobilde dikey yap */
    .emlak-detay-grid {
        grid-template-columns: 1fr !important;
        gap: 20px;
        width: 100%;
    }
    
    /* Başlık düzenlemesi */
    .emlak-baslik {
        margin-bottom: 20px;
        padding-bottom: 15px;
    }
    
    .emlak-baslik h1 {
        font-size: 22px;
        line-height: 1.3;
        word-break: break-word;
    }
    
    .emlak-fiyat-buyuk {
        font-size: 20px;
        margin: 10px 0;
    }
    
    .emlak-lokasyon {
        font-size: 16px;
    }
    
    /* Galeri mobil düzeni */
    .galeri-ana-resim {
        height: 300px !important;
    }
    
	.galeri-ana-resim .ana-resim {
        height: 300px;
    }
    .ana-resim {
        height: 300px;
    }
    
    .thumbnail-item {
        width: 80px;
        height: 80px;
    }
    
    /* Bilgi kutuları */
    .bilgi-kutusu {
        padding: 15px;
        margin-bottom: 15px;
    }
    
    .bilgi-kutusu h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .aciklama-icerik,
    .notlar-icerik {
        font-size: 14px;
        line-height: 1.5;
    }
    
    /* Sağ kolon - İlan bilgileri */
    .ilan-bilgileri-kutusu {
        width: 100%;
    }
    
    .ilan-bilgileri-baslik {
        font-size: 18px;
        padding: 15px;
    }
    
    /* Danışman bilgisi mobil */
    .danisman-bilgisi {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
        /*gap: 10px;*/
		padding: 10px 10px 10px 10px;
		border-bottom: 1px solid #ecf0f1;
		align-items: center;
    }
    
    .danisman-adi,
    .danisman-label,
    .whatsapp-buton-container {
        grid-column: 1;
        text-align: left;
    }

    .danisman-detay {
		grid-column: 2;
		display: flex;
		justify-content: flex-start;
		text-align: left;
		padding-left: 15px;
    }

    /* Özellikler listesi */
    .ozellikler-listesi {
        padding: 0;
    }
    
    .ozellik-adi {
        align-items: flex-start;
		text-align: left;
        font-size: 13px;
    }
    
    .ozellik-degeri {
        align-items: flex-start;
        text-align: left;
        font-size: 14px;
    }
    
    .iletisim-btn {
        padding: 8px 12px;
        font-size: 13px;
    }
    
    /* WhatsApp butonu mobil */
    .whatsapp-button {
        padding: 8px 12px;
        font-size: 13px;
    }
    
    .whatsapp-ikon {
        width: 18px;
        height: 18px;
    }
}
/* ===== EMLAK DETAY SAYFASI MOBİL DÜZENLEMESİ ===== */ /*end*/

/* ===== ÇOK KÜÇÜK EKRANLAR İÇİN EK DÜZENLEMELER ===== */ /*start*/
@media (max-width: 480px) {
    /* Emlak listesi */
    .emlak-listesi {
        gap: 10px;
    }
    
    .emlak-karti {
        padding: 12px;
    }
    
    .emlak-resim {
        height: 180px;
    }
    
    .emlak-baslik {
        font-size: 15px;
    }
    
    .emlak-ozellikler {
        grid-template-columns: 1fr !important;
        gap: 8px;
    }
    
    /* Single sayfa */
    .emlak-detay-container {
        padding: 8px;
    }
    
    .emlak-baslik h1 {
        font-size: 20px;
    }
    
    .galeri-ana-resim {
        height: 250px !important;
    }
    
    .thumbnail-item {
        width: 70px;
        height: 70px;
    }
    
    .bilgi-kutusu {
        padding: 12px;
    }
    
    .ozellik-satiri {
        padding: 5px 10px 5px 10px;
    }
	
    /* Özellikler listesi */
    .ozellikler-listesi {
        padding: 0;
    }
    
    .ozellik-adi {
        align-items: flex-start;
		text-align: left;
        font-size: 13px;
    }
    
    .ozellik-degeri {
        align-items: flex-start;
        text-align: left;
        font-size: 14px;
    }    
}
/* ===== ÇOK KÜÇÜK EKRANLAR İÇİN EK DÜZENLEMELER ===== */ /*end*/

/* ===== YATAY MOBİL (LANDSCAPE) DÜZENLEMESİ ===== */ /*start*/
@media (max-width: 768px) and (orientation: landscape) {
    .galeri-ana-resim {
        height: 250px !important;
    }
    
    .emlak-listesi {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
    }
}

/* ===== TABLET DÜZENLEMESİ (769px - 1024px) ===== */
@media (min-width: 769px) and (max-width: 1024px) {
    .emlak-detay-container {
        max-width: 95%;
        padding: 15px;
    }
    
    .emlak-detay-grid {
        gap: 30px;
    }
    
    .galeri-ana-resim {
        height: 400px;
    }
    
    .emlak-listesi-container {
        max-width: 95%;
    }
    
    .emlak-listesi {
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    }
}
/* ===== YATAY MOBİL (LANDSCAPE) DÜZENLEMESİ ===== */ /*end*/