/* ============================================================================
   TATIL VILLAMIZ — AMBER TEMA OVERRIDE (TEMIZ SURUM)
   ----------------------------------------------------------------------------
   Tasarim hedefi:
     - Vurgu rengi: AMBER  #ffb200  (butonlar, basliklar, etiketler, ikonlar)
     - Keskin koseler: tum border-radius = 0
     - Modern, tutarli gorunum
     - Mavi site arka plani KORUNUR (musteri tercihi): #1573d5
     - Beyaz-uzeri-beyaz metin sorunu COZULUR (metin yeniden gorunur)

   Yukleme sirasi: Bu dosya en SON yuklenmeli (style.css'ten sonra) ki
   tema kurallarini ezebilsin. Mevcut custom-overrides-v3-HOTFIX.css
   dosyasinin yerine gecer.
   ============================================================================ */


/* ----------------------------------------------------------------------------
   1) RENK DEGISKENLERI
   Tema utility-class sistemi kullaniyor (bg-primary-300, clr-primary-300...).
   Degiskenleri amber'e cevirince site genelinde otomatik amber olur.
   HSL formati: "H S% L%"  (tema hsl(var(--x)) seklinde kullaniyor)
   Amber #ffb200 ~= 42 100% 50%
   ---------------------------------------------------------------------------- */
:root {
    /* --- ANA VURGU = AMBER --- */
    --primary-50:  42 100% 95%;
    --primary-75:  42 100% 88%;
    --primary-100: 42 100% 80%;
    --primary-200: 42 100% 65%;
    --primary-300: 42 100% 50%;   /* ana amber #ffb200 — en cok kullanilan */
    --primary-400: 38 100% 45%;   /* hover icin biraz koyu */
    --primary-500: 34 100% 40%;   /* aktif/koyu */

    /* tertiary'yi de amber ailesine hizala (tutarlilik) */
    --tertiary-50:  42 100% 95%;
    --tertiary-75:  42 100% 88%;
    --tertiary-100: 42 100% 80%;
    --tertiary-200: 42 100% 65%;
    --tertiary-300: 42 100% 50%;
    --tertiary-400: 38 100% 45%;
    --tertiary-500: 34 100% 40%;

    /* --- METIN RENKLERINI GERI KOYUYA AL (gorunurluk fix) ---
       Onceki surum bunlari beyaz yapmisti, beyaz zeminde metin kayboluyordu. */
    --neutral-700: 218 35% 22%;   /* ana metin: koyu lacivert/gri */
    --neutral-900: 222 47% 11%;   /* basliklar: neredeyse siyah */
    --neutral-1000: 222 47% 8%;
}


/* ----------------------------------------------------------------------------
   2) PEMBE -> AMBER  (onceki surumde sabit-kodlu pembe hex'ler vardi)
   Utility class'lari dogrudan amber'e sabitliyoruz.
   ---------------------------------------------------------------------------- */
.clr-primary-300, .clr-primary-400, .text-primary {
    color: #ffb200 !important;
}
.bg-primary-300, .bg-primary-400, .bg-primary {
    background-color: #ffb200 !important;
}
.border-primary-300, .border-primary {
    border-color: #ffb200 !important;
}


/* ----------------------------------------------------------------------------
   3) METIN GORUNURLUGU — beyaz zemin uzerinde beyaz yaziyi engelle
   bg-neutral-0 (beyaz kutu) icindeki metin koyu olsun.
   ---------------------------------------------------------------------------- */
.bg-neutral-0,
.card,
.card-body,
.property-card__content,
.property-card__body,
.property-showcase {
    color: #1f2733;
}
.bg-neutral-0 h1, .bg-neutral-0 h2, .bg-neutral-0 h3,
.bg-neutral-0 h4, .bg-neutral-0 h5, .bg-neutral-0 h6,
.card h1, .card h2, .card h3, .card h4, .card h5, .card h6,
.property-card__content h1, .property-card__content h2,
.property-card__content h3, .property-card__content h4,
.property-card__content h5, .property-card__content h6 {
    color: #14181f;
}
/* form etiketleri (Yetiskin / Cocuk / tarih label'lari) beyaz zeminde gorunsun */
.bg-neutral-0 label,
.card label,
.dpbutonlar label,
.property_single_page_widget label {
    color: #3a414d !important;
}


/* ----------------------------------------------------------------------------
   4) KESKIN KOSELER — tum border-radius = 0
   Tema rounded-pill / rounded-4 / rounded-circle gibi class'lar kullaniyor.
   ---------------------------------------------------------------------------- */
*,
*::before,
*::after,
.rounded,
.rounded-1, .rounded-2, .rounded-3, .rounded-4, .rounded-5,
.rounded-pill,
.rounded-circle,
.btn, .btn-primary, .btn-outline-primary,
.card,
.property-card,
.property-card__img,
.property-card__tag,
.property-card__fav,
.category-card,
.category-card__footer,
.property-showcase,
input, select, textarea,
.form-control, .form-select,
.select2-container--default .select2-selection,
.select2-dropdown,
.nice-select,
.awe-select,
.flatpickr-calendar {
    border-radius: 0 !important;
}
/* fav (kalp) butonu da kare olsun ama ikon ortali kalsin */
.property-card__fav {
    border-radius: 0 !important;
}


/* ----------------------------------------------------------------------------
   5) BUTONLAR
   Ana butonlar amber zemin + koyu metin (amber acik renk oldugu icin
   uzerinde beyaz degil koyu metin daha okunur).
   ---------------------------------------------------------------------------- */
.btn-primary,
.btn.bg-primary-300,
button[type="submit"],
.property-filter__btn {
    background-color: #ffb200 !important;
    border-color: #ffb200 !important;
    color: #14181f !important;
    border-radius: 0 !important;
    font-weight: 600;
}
.btn-primary:hover,
.btn.bg-primary-300:hover,
button[type="submit"]:hover,
.property-filter__btn:hover {
    background-color: #e69e00 !important;   /* koyu amber */
    border-color: #e69e00 !important;
    color: #14181f !important;
}
.btn-outline-primary {
    color: #14181f !important;
    border: 2px solid #ffb200 !important;
    border-radius: 0 !important;
    background: transparent !important;
}
.btn-outline-primary:hover {
    background-color: #ffb200 !important;
    color: #14181f !important;
}


/* ----------------------------------------------------------------------------
   6) VILLA KARTLARI — favori + slider oklari
   (etiket/ribbon konumlandirmasi 9d bolumunde)
   ---------------------------------------------------------------------------- */
/* kalp / favori butonu */
.property-card__fav,
.property-card__heart {
    color: #ffb200 !important;
}
/* slider ok butonlari amber */
.property-card-prev, .property-card-next,
.swiper-button-prev, .swiper-button-next {
    background-color: rgba(255,178,0,0.9) !important;
    color: #14181f !important;
    border-radius: 0 !important;
}


/* ----------------------------------------------------------------------------
   7) ANASAYFA "VILLA TURLERI" KUTULARI (category-card)
   - "Incele" footer'i daha kisa (height azalt)
   - Hover'da resmin uzerindeki BASLIK siyaha donup kaybolmasin: beyaz kalsin
   - Sadece footer hover'da amber olsun
   ---------------------------------------------------------------------------- */
.category-card {
    border-radius: 0 !important;
    border-color: #e6e6e6 !important;
    overflow: hidden;
    display: flex !important;
    flex-direction: column !important;
}
/* resim + baslik alani: ic paddingi kaldir (sizma kaynagi) */
.category-card > .p-8,
.category-card > [class*="p-"] {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    flex: 1 1 auto;
}
/* "Incele" footer — ince, sabit yukseklik ~42px */
.category-card__footer {
    background-color: #ffffff !important;
    color: #14181f !important;
    height: 42px !important;
    min-height: 0 !important;
    max-height: 42px !important;
    padding: 0 1rem !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    transition: background-color .2s ease, color .2s ease;
}
.category-card:hover .category-card__footer {
    background-color: #ffb200 !important;
    color: #14181f !important;
}
/* footer icindeki "Incele" link + ok */
.category-card__footer a,
.category-card__footer .link,
.category-card__link {
    color: #ffb200 !important;
    text-decoration: none;
}
.category-card:hover .category-card__footer a,
.category-card:hover .category-card__footer .link,
.category-card:hover .category-card__link {
    color: #14181f !important;
}
/* resmin UZERINDEKI baslik her zaman beyaz + okunur golge kalsin (hover dahil) */
.category-card .link.clr-neutral-0,
.category-card h1, .category-card h2, .category-card h3,
.category-card h4, .category-card h5, .category-card h6 {
    color: #ffffff !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.55);
}
.category-card:hover h1, .category-card:hover h2,
.category-card:hover h3, .category-card:hover h4,
.category-card:hover h5, .category-card:hover h6 {
    color: #ffffff !important;
}


/* ----------------------------------------------------------------------------
   8) +/- ADET SAYAClARI (kisi/yetiskin/cocuk) ve ikonlar
   ---------------------------------------------------------------------------- */
.add_circle, .do_not_disturb_on,
[class*="add_circle"], [class*="remove_circle"] {
    color: #ffb200 !important;
}


/* ----------------------------------------------------------------------------
   9) ARAMA YAP PANELI BASLIGI (listeleme sayfasi sol panel)
   Pembe zemin + okunmayan koyu yazi -> amber zemin + koyu okunur yazi.
   ---------------------------------------------------------------------------- */
.property-filter--header,
form.property-filter > .property-filter__header,
.search-widget__title,
.widget-title {
    background-color: #ffb200 !important;
    color: #14181f !important;
    border-radius: 0 !important;
    font-weight: 700;
}


/* ----------------------------------------------------------------------------
   9b) ACCORDION BASLIGI ("Arama Yap" — listeleme sol panel)
   Her durumda (acik/kapali) amber zemin + koyu okunur metin.
   Onceki halinde siyah zemin geliyordu.
   ---------------------------------------------------------------------------- */
.accordion-button,
.accordion-button.collapsed,
.accordion-button:not(.collapsed),
.property-accordion .accordion-button,
.property-accordion .accordion-button.collapsed,
.property-accordion .accordion-button:not(.collapsed) {
    background-color: #ffb200 !important;
    background-image: none !important;
    color: #14181f !important;
    border-radius: 0 !important;
    font-weight: 700;
    box-shadow: none !important;
}
.accordion-item { border-radius: 0 !important; }
/* acilir/kapanir ok ikonu koyu olsun (amber zeminde gorunsun) */
.accordion-button::after { filter: brightness(0) !important; }


/* ----------------------------------------------------------------------------
   9c) +/- ADET SAYAClARI (quantity butonlari) — kesin amber
   ---------------------------------------------------------------------------- */
.quantity__button,
.quantity__button-up,
.quantity__button-down,
.quantity__button.clr-primary-300 {
    color: #ffb200 !important;
}


/* ----------------------------------------------------------------------------
   9d) VILLA KARTI — ETIKET / RIBBON DUZENI
   Gercek yapi (kullanicidan alindi):
     - Her swiper-slide kendi .property-card__tag'ini iceriyor (absolute olmak
       istiyor). Birden fazla slide oldugu icin ust uste binip resmin
       altinda serit olusturuyordu.
     - Anasayfada ayrica slider DISINDA, inline 'bottom:15px;width:90%'
       stilli fazladan bir .property-card__tag var (dev alt serit).
     - Listelemede .property-card__popular-tag > .bg-primary-300 ribbon'u
       'inset-block-end:0' ile kayiyor.
   Cozum: Sadece AKTIF slide'in etiketini, resmin SOL UST kosesinde
   kucuk rozet olarak goster. Diger tum etiket/ribbon kopyalarini gizle.
   ---------------------------------------------------------------------------- */

/* konumlandirma baglami */
.property-card__head,
.property-card-slider,
.property-card-slider .swiper-slide,
.property-card__img {
    position: relative;
}
.property-card__head { overflow: hidden; }

/* TUM etiketleri once gizle (slider disindaki dev serit + duplicate'ler dahil)
   NOT: alt serit (bottom:15px) inline style="display:block!important" tasidigindan
   display:none kazanemiyor. Bunun yerine gorunmezlestirme: opacity+height+overflow */
.property-card__head > .property-card__tag,
.property-card-slider .swiper-slide .property-card__tag {
    display: none !important;
}
/* alt serit: inline display:block!important'i yenemiyoruz, gorunmez yapiyoruz */
.property-card__head > a.property-card__tag[style*="bottom"] {
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
}

/* SADECE aktif slide'in etiketini goster — modern yari-saydam rozet
   (resmin uzerinde koyu seffaf zemin + beyaz yazi; beyaz serit + siyah yazi yerine) */
.property-card__head .property-card-slider .swiper-slide.swiper-slide-active .property-card__tag,
.property-card-slider .swiper-slide.swiper-slide-active .property-card__tag {
    display: inline-block !important;
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    bottom: auto !important;
    inset-block-start: 12px !important;
    inset-inline-start: 12px !important;
    inset-block-end: auto !important;
    width: auto !important;
    max-width: calc(100% - 24px);
    margin: 0 !important;
    z-index: 4;
    background-color: rgba(20, 24, 31, 0.55) !important;   /* yari saydam koyu */
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    color: #ffffff !important;                               /* beyaz yazi */
    border: none !important;
    border-radius: 0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.2;
    padding: 6px 12px !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.4);
    box-shadow: none !important;
}
/* duplicate aktif slide'i ele (swiper loop kopyalari) */
.property-card-slider .swiper-slide-duplicate-active .property-card__tag {
    display: none !important;
}

/* listeleme: kayan "popular-tag" ribbon'unu tamamen gizle (yukaridaki
   rozet zaten ayni bilgiyi veriyor) */
.property-card__popular-tag {
    display: none !important;
}
.property-card__price,
.price,
[class*="price"] {
    color: #14181f !important;
    font-weight: 700;
}


/* ----------------------------------------------------------------------------
   11) GENEL KUTU / KENARLIK TUTARLILIGI
   ---------------------------------------------------------------------------- */
.card,
.property-showcase,
.property-card {
    border-radius: 0 !important;
    border: 1px solid #ececec;
}


/* ============================================================================
   13) DETAY SAYFASI — VILLA BASLIK BLOGU (modern, ikon-kart grid)
   ----------------------------------------------------------------------------
   PHP'de .villa-header yapisina cevrildi:
     .villa-header__top  -> tur etiketi + baslik + meta  |  favori
     .villa-stats        -> Kapasite / Yatak / Banyo / Havuz ikon kartlari
   ============================================================================ */

.villa-header { border-radius: 0 !important; }

/* ---- ust bolum: etiket + baslik + meta ---- */
.villa-header__top { margin-bottom: 1.5rem; }
.villa-header__titlewrap { flex: 1 1 auto; min-width: 0; }

/* tur etiketi — sol kenarli keskin amber accent */
.villa-header__tag {
    display: inline-block;
    background-color: #fff6e6;
    border-left: 4px solid #ffb200;
    color: #b37d00;
    font-weight: 700;
    font-size: .92rem;
    letter-spacing: .2px;
    padding: 7px 14px;
    margin-bottom: 14px;
}

/* villa adi */
.villa-header__title {
    font-weight: 800 !important;
    color: #14181f !important;
    letter-spacing: -.5px;
    font-size: 1.9rem;
    line-height: 1.15;
    margin: 0 0 12px 0 !important;
}

/* meta satiri (konum / havuz / min gece) — sola hizali, ince gri */
.villa-header__meta {
    margin: 0 !important;
    padding: 0 !important;
    row-gap: 6px !important;
}
.villa-header__meta li {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #5b6472;
    font-size: .9rem;
    padding-right: 18px;
    position: relative;
}
.villa-header__meta li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 8px;
    width: 3px; height: 3px;
    background: #c9cdd4;
    border-radius: 50%;
}
.villa-header__meta .mat-icon {
    font-size: 19px !important;
    color: #ffb200 !important;
}

/* favori (kalp) butonu — keskin amber kare */
.villa-header__fav {
    width: 44px; height: 44px;
    flex-shrink: 0;
    background-color: #fff6e6 !important;
    color: #ffb200 !important;
    border: 1px solid #ffe3ad !important;
    border-radius: 0 !important;
    transition: all .2s ease;
}
.villa-header__fav:hover {
    background-color: #ffb200 !important;
    color: #14181f !important;
    border-color: #ffb200 !important;
}
.villa-header__fav .property-card__heart.solid { color: #ffb200; }

/* ---- ikon kartlari grid (gorsel 2'deki gibi) ---- */
.villa-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}
.villa-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 6px;
    padding: 18px 10px;
    background: #faf7f1;
    border: 1px solid #f0ebe2;
    transition: all .2s ease;
}
.villa-stat:hover {
    background: #fff6e6;
    border-color: #ffd980;
    transform: translateY(-2px);
}
.villa-stat__icon {
    font-size: 28px !important;
    color: #ffb200 !important;
    line-height: 1;
}
.villa-stat__label {
    font-size: .78rem;
    color: #8a93a0;
    font-weight: 500;
}
.villa-stat__value {
    font-size: 1rem;
    font-weight: 700;
    color: #14181f;
}

/* responsive: tablet 2'li, mobil 2'li */
@media (max-width: 991px) {
    .villa-stats { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
    .villa-header__title { font-size: 1.5rem; }
}


/* ============================================================================
   14) LISTELEME SAYFASI — ARAMA SIDEBAR (modern)
   ----------------------------------------------------------------------------
   HTML: .property-accordion > .accordion-button "Arama Yap" + form alanlari
   ============================================================================ */

/* sidebar kutusu — keskin koseli, hafif golge */
.property-accordion,
.box-shadow.desktop,
.py-6.px-8.bg-neutral-0.rounded-4.box-shadow {
    border-radius: 0 !important;
}

/* "Arama Yap" baslik — inline color:#243756!important'i ezmek icin
   yuksek specificity + !important. Modern: amber zemin + koyu metin. */
.property-accordion .accordion-header .accordion-button,
.property-accordion .accordion-button[style],
h3.accordion-header > .accordion-button {
    background-color: #ffb200 !important;
    background-image: none !important;
    color: #14181f !important;
    border-radius: 0 !important;
    font-weight: 700 !important;
    font-size: 1.05rem !important;
    letter-spacing: .3px;
    box-shadow: none !important;
    padding: 14px 18px !important;
}
/* inline style="color:#243756" tasiyan baslik metnini de zorla koyu-amber-uyumlu yap */
.property-accordion .accordion-button[style*="243756"] {
    color: #14181f !important;
}

/* alan etiketleri (Bolge, Villa Turu, Giris&Cikis...) — okunur koyu */
.property-accordion p.clr-neutral-700,
.property-accordion .accordion-body p.fw-medium {
    color: #3a414d !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
}

/* form select / input kutulari — yuvarlak yerine keskin, ince amber kenar */
.property-accordion .property-search__col,
.property-accordion .property-search__select {
    border-radius: 0 !important;
    border: 1px solid #e0e0e0 !important;
    background-color: #fafafa !important;
    transition: border-color .2s ease;
}
.property-accordion .property-search__col:focus-within {
    border-color: #ffb200 !important;
    background-color: #fff !important;
}
.property-accordion .form-select {
    border-radius: 0 !important;
    background-color: transparent !important;
    color: #14181f !important;
    border: none !important;
}

/* +/- adet sayaclari amber (zaten ama garanti) */
.property-accordion .quantity__button { color: #ffb200 !important; }
.property-accordion .quantity__value {
    color: #14181f !important;
    font-weight: 700 !important;
    background: transparent !important;
    border: none !important;
    text-align: center;
}

/* "Ara" butonu — dolu amber, keskin, koyu metin */
.property-accordion button[type="submit"],
.property-accordion .btn-outline-primary {
    background-color: #ffb200 !important;
    border: 2px solid #ffb200 !important;
    color: #14181f !important;
    border-radius: 0 !important;
    font-weight: 700 !important;
}
.property-accordion button[type="submit"]:hover,
.property-accordion .btn-outline-primary:hover {
    background-color: #e69e00 !important;
    border-color: #e69e00 !important;
    color: #14181f !important;
}
.property-accordion button[type="submit"] .material-symbols-outlined { color: #14181f !important; }