/* ============================================================
   GÖKYÜZÜ GAYRİMENKUL — Marka Katmani (Güvenin Adresi)
   Gökyüzü mavisi + altin geçisler. kocaali-design.css'ten SONRA yüklenir.
   Geri almak için header.php'deki <link> satirini silmek yeterli.
   ============================================================ */
:root{
  --gg-sky-50:#EFF6FC; --gg-sky-100:#D9EAF7; --gg-sky-300:#9CC8E8;
  --gg-sky:#2E86C8; --gg-sky-600:#1F6FAC; --gg-sky-700:#17588A; --gg-navy:#0B2F4C;
  --gg-gold-100:#FBF0D8; --gg-gold-300:#EBD08C; --gg-gold:#C9962F; --gg-gold-400:#E0B252; --gg-gold-700:#85601A;
  --gg-grad-sky:linear-gradient(135deg,#3D9BDD 0%,#2E86C8 45%,#17588A 100%);
  --gg-grad-sky-soft:linear-gradient(135deg,#5BA6DC 0%,#2E86C8 100%);
  --gg-grad-gold:linear-gradient(135deg,#EBD08C 0%,#E0B252 40%,#C9962F 100%);
  --gg-grad-hero:linear-gradient(125deg,#082742 0%,#12507E 42%,#2E86C8 100%);
  --gg-shadow-sky:0 10px 26px -10px rgba(46,134,200,.55);
  --gg-shadow-gold:0 10px 26px -10px rgba(201,150,47,.55);
}

/* ---------- Butonlar ---------- */
.btn-primary{background:var(--gg-grad-sky);border:0;box-shadow:var(--gg-shadow-sky);transition:transform .18s cubic-bezier(.2,0,0,1),box-shadow .18s,filter .18s}
.btn-primary:hover{background:var(--gg-grad-sky);filter:saturate(1.08) brightness(1.04);transform:translateY(-1px);box-shadow:0 14px 30px -10px rgba(46,134,200,.65);color:#fff}
.btn-accent{background:var(--gg-grad-gold);color:#3A2B08;border:0;font-weight:700;box-shadow:var(--gg-shadow-gold)}
.btn-accent:hover{background:var(--gg-grad-gold);color:#3A2B08;filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 14px 30px -10px rgba(201,150,47,.7)}
.btn-secondary:hover,.btn-ghost:hover{border-color:var(--gg-gold-300);color:var(--gg-sky-700)}
.btn-nav-primary,.btn-primary.btn-lg{letter-spacing:.01em}

/* ---------- Baslik / bolum vurgulari ---------- */
.section-head h2{position:relative;padding-bottom:10px}
.section-head h2::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;border-radius:99px;background:var(--gg-grad-gold)}

/* ---------- Hero ---------- */
.hero{background:var(--gg-grad-hero)}
.hero::after{background:
  radial-gradient(760px 340px at 88% -12%,rgba(224,178,82,.34),transparent 70%),
  radial-gradient(620px 300px at 8% 110%,rgba(46,134,200,.40),transparent 70%)}
.hero h1{text-shadow:0 2px 18px rgba(0,0,0,.22)}
.hero .hero-sub{color:#DCEBF8}
.hero .search-bar{box-shadow:0 22px 50px -18px rgba(8,39,66,.55);border:1px solid rgba(255,255,255,.35)}

/* ---------- Kategori kartlari ---------- */
.cat-card{position:relative;overflow:hidden}
.cat-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--gg-grad-gold);opacity:0;transition:opacity var(--duration-base)}
.cat-card:hover::before{opacity:1}
.cat-card:hover{border-color:var(--gg-gold-300)}
.cat-card:hover .cat-ico{background:var(--gg-grad-sky);color:#fff;box-shadow:var(--gg-shadow-sky)}
.cat-card .cat-ico{background:linear-gradient(135deg,var(--gg-sky-50),var(--gg-sky-100));color:var(--gg-sky-600)}

/* ---------- Ilan kartlari ---------- */
.listing-card{border-color:#E4EBF1}
.listing-card:hover{border-color:var(--gg-sky-300)}
.listing-card .thumb .ph,.ph-1{background:linear-gradient(135deg,#2E86C8 0%,#17588A 55%,#C9962F 165%)}
.ph-2{background:linear-gradient(135deg,#1F6FAC 0%,#0B2F4C 60%,#85601A 170%)}
.listing-card .thumb .ph::after{content:"";position:absolute;inset:0;background:
  radial-gradient(420px 200px at 80% -20%,rgba(224,178,82,.35),transparent 70%)}
.badge-sale{background:var(--gg-grad-sky)}
.badge-rent{background:linear-gradient(135deg,#1E9E6A,#0F7A4E)}
.badge-vehicle{background:var(--gg-grad-gold);color:#3A2B08}
.listing-card .price,.listing-card .foot .price{color:var(--gg-navy);font-weight:800}
.listing-card .fav.on{color:#C9962F}

/* ---------- Istatistik seridi ---------- */
.stats-strip{background:linear-gradient(180deg,#F6F9FC 0%,#EAF2FA 100%);border-top:1px solid #E4EBF1;border-bottom:1px solid #E4EBF1}
.stats-strip .stat-num{background:var(--gg-grad-sky);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- CTA ve footer ---------- */
.cta-band{background:var(--gg-grad-hero);position:relative;overflow:hidden}
.cta-band::after{content:"";position:absolute;inset:0;background:radial-gradient(700px 320px at 18% -30%,rgba(224,178,82,.30),transparent 70%);pointer-events:none}
.cta-band .container{position:relative;z-index:1}
.cta-band p{color:#DCEBF8}
.site-footer{background:linear-gradient(180deg,#0B2F4C 0%,#082742 100%);position:relative}
.site-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gg-grad-gold)}
.site-footer h4{color:#fff;position:relative;padding-bottom:8px}
.site-footer h4::after{content:"";position:absolute;left:0;bottom:0;width:28px;height:2px;border-radius:99px;background:var(--gg-grad-gold)}
.site-footer a:hover{color:var(--gg-gold-400)}

/* ---------- Header ---------- */
.site-header{box-shadow:0 1px 0 #E4EBF1,0 6px 20px -18px rgba(11,47,76,.6)}
.site-header .logo-img{max-height:46px;width:auto}
.main-nav a{position:relative;font-weight:600}
.main-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:99px;background:var(--gg-grad-gold);transform:scaleX(0);transition:transform var(--duration-base)}
.main-nav a:hover::after{transform:scaleX(1)}

/* ---------- Detay / rozetler ---------- */
.bz-detail-hero{background:var(--gg-grad-hero) !important}
.badge-neutral{background:var(--gg-sky-50);color:var(--gg-sky-700);border:1px solid var(--gg-sky-100)}

/* ---------- Filtre paneli ve ac/kapa ---------- */
.filter-col{display:flex;flex-direction:column;gap:var(--space-3);position:sticky;top:calc(var(--header-height) + 20px)}
.filter-toggle{display:inline-flex !important;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 14px;border:1px solid var(--gg-sky-100);border-radius:var(--radius-sm);
  background:linear-gradient(135deg,var(--gg-sky-50),#fff);color:var(--gg-sky-700);font-weight:700;font-size:var(--text-body-sm);cursor:pointer;transition:all var(--duration-base)}
.filter-toggle:hover{border-color:var(--gg-gold-300);box-shadow:var(--shadow-sm)}
.filter-toggle .ft-chevron{margin-left:auto;transition:transform var(--duration-base)}
.filter-panel{position:static;border-color:#E4EBF1}
.filter-panel h3{display:flex;align-items:center;gap:8px}
.filter-panel h3::before{content:"";width:4px;height:16px;border-radius:99px;background:var(--gg-grad-gold)}
.list-layout.filters-collapsed{grid-template-columns:max-content 1fr}
.list-layout.filters-collapsed .filter-toggle{width:auto;padding:11px 16px}
.list-layout.filters-collapsed .filter-panel{display:none}
.list-layout.filters-collapsed .filter-toggle .ft-chevron{transform:rotate(-90deg)}
@media (max-width:900px){
  .filter-col{position:static}
  .list-layout.filters-collapsed{grid-template-columns:1fr}
}

/* ---------- Formlar ---------- */
.form-control:focus,.form-select:focus,input:focus,select:focus,textarea:focus{border-color:var(--gg-sky) !important;box-shadow:0 0 0 3px rgba(46,134,200,.18) !important}
.pill-select .pill.active,.pill-select input:checked + label{background:var(--gg-grad-sky);color:#fff;border-color:transparent}

/* ============================================================
   ÜST MENÜ — profesyonel açılır menü sistemi
   ============================================================ */
.gg-nav{display:flex;align-items:center;gap:4px}
.gg-nav > a,.gg-drop-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border-radius:10px;border:0;background:transparent;
  font-family:var(--font-sans);font-size:15px;font-weight:600;color:var(--color-neutral-700);cursor:pointer;white-space:nowrap;transition:all var(--duration-base)}
.gg-nav > a:hover,.gg-drop-btn:hover{background:var(--gg-sky-50);color:var(--gg-sky-700)}
.gg-nav > a.is-active,.gg-drop-btn.is-active{color:var(--gg-sky-700);background:var(--gg-sky-50)}
.gg-nav > a::after{display:none}
.gg-drop{position:relative}
.gg-drop-btn svg{transition:transform var(--duration-base);opacity:.65}
.gg-drop.open .gg-drop-btn{background:var(--gg-sky-50);color:var(--gg-sky-700)}
.gg-drop.open .gg-drop-btn svg{transform:rotate(180deg)}

.gg-mega,.gg-menu{position:absolute;top:calc(100% + 12px);left:0;background:#fff;border:1px solid #E4EBF1;border-radius:16px;
  box-shadow:0 26px 60px -22px rgba(11,47,76,.38),0 4px 12px -6px rgba(11,47,76,.12);
  display:none;z-index:1000}
.gg-mega::before,.gg-menu::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
@keyframes ggDropIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.gg-drop.open .gg-mega{display:grid;animation:ggDropIn .16s ease-out}
.gg-drop.open .gg-menu{display:flex;animation:ggDropIn .16s ease-out}

.gg-mega{grid-template-columns:repeat(3,minmax(190px,1fr));gap:6px 22px;padding:22px 24px 8px;width:max-content;max-width:min(760px,90vw)}
.gg-mega-col{display:flex;flex-direction:column;gap:2px}
.gg-mega-title{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--gg-gold-700);margin-bottom:8px;
  padding-bottom:6px;border-bottom:2px solid var(--gg-gold-100)}
.gg-mega a,.gg-menu a{display:block;padding:8px 10px;border-radius:8px;font-size:14px;font-weight:500;color:var(--color-neutral-700);transition:all .15s}
.gg-mega a:hover,.gg-menu a:hover{background:var(--gg-sky-50);color:var(--gg-sky-700);transform:translateX(2px)}
.gg-mega-featured{background:linear-gradient(160deg,var(--gg-sky-50),#fff);border:1px solid var(--gg-sky-100);border-radius:12px;padding:12px 12px 10px;margin:-4px 0 4px}
.gg-mega-note{font-size:12px;line-height:1.5;color:var(--color-neutral-500);margin:8px 4px 0}
.gg-mega-foot{grid-column:1/-1;display:flex;align-items:center;gap:16px;margin-top:10px;padding:12px 10px;border-top:1px solid #EFF3F7;background:#FAFCFE;border-radius:0 0 12px 12px}
.gg-mega-foot a{font-size:13px;font-weight:600;color:var(--color-neutral-600);padding:4px 8px}
.gg-mega-foot .gg-mega-all{color:var(--gg-sky-700);margin-right:auto}

.gg-menu{flex-direction:column;gap:2px;padding:12px;min-width:250px}
.gg-menu-sep{height:1px;background:#EFF3F7;margin:6px 8px}

/* mobil menü */
.gg-mobile-nav{background:#fff;border-bottom:1px solid #E4EBF1;padding:10px 20px 18px;flex-direction:column;gap:2px;
  box-shadow:0 18px 40px -24px rgba(11,47,76,.5)}
.gg-mobile-nav > a{color:var(--color-neutral-700);font-weight:600;padding:12px 6px;border-bottom:1px solid #F2F6F9}
.gg-mobile-nav > a:hover{color:var(--gg-sky-700)}
.gg-m-group{border-bottom:1px solid #F2F6F9}
.gg-m-group > summary{list-style:none;cursor:pointer;padding:12px 6px;font-weight:700;color:var(--color-neutral-800);display:flex;align-items:center;justify-content:space-between}
.gg-m-group > summary::-webkit-details-marker{display:none}
.gg-m-group > summary::after{content:"＋";color:var(--gg-gold);font-weight:700}
.gg-m-group[open] > summary::after{content:"−"}
.gg-m-group[open] > summary{color:var(--gg-sky-700)}
.gg-m-group a{display:block;padding:10px 6px 10px 20px;font-size:14px;color:var(--color-neutral-600);border-left:2px solid var(--gg-sky-100);margin-left:6px}
.gg-m-group a:hover{color:var(--gg-sky-700);border-left-color:var(--gg-gold)}
.gg-m-phone{color:var(--gg-sky-700) !important;font-weight:700 !important}
.gg-m-cta{background:var(--gg-grad-gold);color:#3A2B08 !important;font-weight:700 !important;padding:13px 16px !important;border-radius:11px;text-align:center;margin-top:10px;border:0 !important;box-shadow:var(--gg-shadow-gold)}

@media (max-width:1100px){ .gg-nav{display:none !important} .menu-toggle{display:inline-flex !important} }
@media (min-width:1101px){ .gg-nav{display:flex !important} }

/* ============================================================
   MARKA KATMANI v2 — Bootstrap ve tüm bileşenlerin renk uyumu
   Gökyüzü mavisi #2E86C8 · Altın #C9962F · Lacivert #0B2F4C
   ============================================================ */

/* --- Bootstrap değişkenleri --- */
:root{
  --bs-primary:#2E86C8; --bs-primary-rgb:46,134,200;
  --bs-secondary:#0B2F4C; --bs-secondary-rgb:11,47,76;
  --bs-info:#2E86C8; --bs-info-rgb:46,134,200;
  --bs-warning:#C9962F; --bs-warning-rgb:201,150,47;
  --bs-link-color:#1F6FAC; --bs-link-color-rgb:31,111,172;
  --bs-link-hover-color:#17588A; --bs-link-hover-color-rgb:23,88,138;
  --bs-body-color:#2F4A5E; --bs-emphasis-color:#0B2F4C;
  --bs-border-color:#E4EBF1;
  --bs-focus-ring-color:rgba(46,134,200,.25);
  --bs-btn-focus-box-shadow:0 0 0 .25rem rgba(46,134,200,.25);
}
a{color:var(--gg-sky-600)}
a:hover{color:var(--gg-sky-700)}
::selection{background:rgba(201,150,47,.28);color:#0B2F4C}

/* --- Bootstrap butonlar --- */
.btn-primary,.btn.btn-primary{--bs-btn-bg:#2E86C8;--bs-btn-border-color:#2E86C8;--bs-btn-hover-bg:#1F6FAC;--bs-btn-hover-border-color:#1F6FAC;
  --bs-btn-active-bg:#17588A;--bs-btn-active-border-color:#17588A;--bs-btn-disabled-bg:#9CC8E8;--bs-btn-disabled-border-color:#9CC8E8;
  background-image:var(--gg-grad-sky);border:0;color:#fff}
.btn-primary:hover,.btn.btn-primary:hover{background-image:var(--gg-grad-sky);filter:brightness(1.06);color:#fff}
.btn-outline-primary{--bs-btn-color:#1F6FAC;--bs-btn-border-color:#9CC8E8;--bs-btn-hover-bg:#2E86C8;--bs-btn-hover-border-color:#2E86C8;
  --bs-btn-active-bg:#17588A;--bs-btn-active-border-color:#17588A;--bs-btn-hover-color:#fff}
.btn-warning,.btn-gold{--bs-btn-bg:#C9962F;--bs-btn-border-color:#C9962F;--bs-btn-color:#3A2B08;--bs-btn-hover-bg:#A87B22;--bs-btn-hover-border-color:#A87B22;--bs-btn-hover-color:#fff;
  background-image:var(--gg-grad-gold);border:0}
.btn-secondary{--bs-btn-bg:#0B2F4C;--bs-btn-border-color:#0B2F4C;--bs-btn-hover-bg:#17588A;--bs-btn-hover-border-color:#17588A}
.btn-light{--bs-btn-color:#0B2F4C}
.btn-link{color:var(--gg-sky-600)}

/* --- Metin / arka plan yardımcıları --- */
.text-primary{color:var(--gg-sky-600) !important}
.text-info{color:var(--gg-sky-600) !important}
.text-warning{color:var(--gg-gold) !important}
.text-gold{color:var(--gg-gold) !important}
.bg-primary{background:var(--gg-grad-sky) !important}
.bg-secondary{background-color:var(--gg-navy) !important}
.bg-gold{background:var(--gg-grad-gold) !important;color:#3A2B08 !important}
.bg-light{background-color:#F6F9FC !important}
.border-primary{border-color:var(--gg-sky) !important}

/* --- Rozetler --- */
.badge.bg-primary{background:var(--gg-grad-sky) !important}
.badge.bg-info{background:var(--gg-grad-sky) !important;color:#fff !important}
.badge.bg-warning{background:var(--gg-grad-gold) !important;color:#3A2B08 !important}
.badge.bg-secondary{background-color:var(--gg-navy) !important}
.badge.bg-light{background:var(--gg-sky-50) !important;color:var(--gg-sky-700) !important}

/* --- Uyarı kutuları --- */
.alert-primary,.alert-info{background:linear-gradient(135deg,#EFF6FC,#F9FCFE);border:1px solid #D9EAF7;color:#17588A;border-left:4px solid #2E86C8}
.alert-warning{background:linear-gradient(135deg,#FDF7E8,#FFFDF8);border:1px solid #F2E3BF;color:#7A5A16;border-left:4px solid #C9962F}
.alert-success{border-left:4px solid #15803D}
.alert-danger{border-left:4px solid #B91C1C}

/* --- Formlar --- */
.form-control,.form-select{border-color:#DDE6EE}
.form-control:hover,.form-select:hover{border-color:var(--gg-sky-300)}
.form-check-input:checked{background-color:var(--gg-sky);border-color:var(--gg-sky)}
.form-check-input:focus{border-color:var(--gg-sky);box-shadow:0 0 0 .2rem rgba(46,134,200,.22)}
.form-range::-webkit-slider-thumb{background:var(--gg-sky)}
.form-label,.fg-title{color:var(--color-neutral-700);font-weight:600}
.input-group-text{background:var(--gg-sky-50);border-color:#DDE6EE;color:var(--gg-sky-700)}

/* --- Sayfalama / sekmeler / ilerleme --- */
.page-link{color:var(--gg-sky-600);border-color:#E4EBF1}
.page-link:hover{background:var(--gg-sky-50);color:var(--gg-sky-700)}
.page-item.active .page-link{background:var(--gg-grad-sky);border-color:transparent;color:#fff}
.pagination .active,.pager .active{background:var(--gg-grad-sky);color:#fff;border-color:transparent}
.nav-tabs .nav-link.active{color:var(--gg-sky-700);border-color:#E4EBF1 #E4EBF1 #fff;border-top:2px solid var(--gg-gold)}
.nav-tabs .nav-link:hover{color:var(--gg-sky-600)}
.nav-pills .nav-link.active{background:var(--gg-grad-sky)}
.progress{background:#E9F1F8}
.progress-bar{background:var(--gg-grad-sky)}
.progress-bar.bg-warning{background:var(--gg-grad-gold) !important}
.spinner-border,.spinner-grow{color:var(--gg-sky)}

/* --- Tablolar --- */
.table thead th{color:var(--gg-navy);border-bottom-color:#DDE6EE;background:#F6F9FC}
.table-hover > tbody > tr:hover > *{background-color:var(--gg-sky-50)}

/* --- Kart / breadcrumb / detay --- */
.card{border-color:#E4EBF1}
.bz-detail-card,.feature-card{border-color:#E4EBF1}
/* Koyu hero icindeki breadcrumb (acik renk) */
.bz-detail-hero .breadcrumb a,.bz-detail-hero .bz-breadcrumb a{color:#DCEBF8}
.bz-detail-hero .breadcrumb-item + .breadcrumb-item::before{color:rgba(255,255,255,.5)}
.bz-detail-hero .breadcrumb-item.active{color:#fff}
/* Beyaz zemindeki breadcrumb — okunur marka mavisi */
.breadcrumb,nav.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.88rem;color:#7089A0;
  background:transparent;padding:0;margin-bottom:var(--space-5)}
.breadcrumb a{color:var(--gg-sky-600);font-weight:600;text-decoration:none}
.breadcrumb a:hover{color:var(--gg-sky-700);text-decoration:underline}
.breadcrumb > span{color:#A3B6C6}
.breadcrumb > span:last-child{color:#4B6478;font-weight:600}
.breadcrumb-item a{color:var(--gg-sky-600);font-weight:600}
.breadcrumb-item.active{color:#4B6478}
.breadcrumb-item + .breadcrumb-item::before{color:#A3B6C6}

/* --- Sıralama / görünüm pill'leri (ilanlar) --- */
.sort-pill.active,.sort-pills a.active,.view-toggle .active{background:var(--gg-grad-sky) !important;color:#fff !important;border-color:transparent !important}
.chip:hover,.tag:hover{border-color:var(--gg-gold-300);color:var(--gg-sky-700)}

/* --- Fiyat / vurgular --- */
.price,.detail-price,.sk-value{color:var(--gg-navy)}
.detail-price{background:linear-gradient(135deg,#2E86C8,#17588A);-webkit-background-clip:text;background-clip:text;color:transparent}

/* --- Admin paneli --- */
.bz-admin-bar{background:linear-gradient(90deg,#0B2F4C 0%,#17588A 100%) !important;border-bottom:3px solid transparent;border-image:var(--gg-grad-gold) 1}
.bz-admin-bar .nav-link:hover{color:var(--gg-gold-400) !important}
.admin-sidebar,.bz-admin-sidebar{background:linear-gradient(180deg,#0B2F4C,#082742)}
.admin-sidebar a:hover,.bz-admin-sidebar a:hover{color:var(--gg-gold-400)}

/* --- Kaydırma çubuğu --- */
*{scrollbar-color:#9CC8E8 #EFF3F7}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:#EFF3F7}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#5BA6DC,#2E86C8);border-radius:99px;border:2px solid #EFF3F7}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2E86C8,#17588A)}

/* --- Bölüm arka planları / ince altın çizgiler --- */
.site-header::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gg-grad-gold);z-index:2}
.site-header{position:sticky;overflow:visible}
.cta-band h2::after{display:none}
.stats-strip .stat-label{color:var(--color-neutral-600);font-weight:600;letter-spacing:.02em}
.feature .f-ico{background:linear-gradient(135deg,var(--gg-sky-50),var(--gg-sky-100));color:var(--gg-sky-600)}
.feature:hover .f-ico{background:var(--gg-grad-sky);color:#fff}
.feature{border-color:#E4EBF1;transition:border-color var(--duration-base),box-shadow var(--duration-base),transform var(--duration-base)}
.feature:hover{border-color:var(--gg-sky-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}

/* --- Odak halkası (erişilebilirlik) --- */
:focus-visible{box-shadow:0 0 0 3px rgba(201,150,47,.45) !important;outline:none}

/* --- Kesin uygulama: marka gradyanlari (Bootstrap sonrasi garanti) --- */
.btn-primary,.btn.btn-primary,button.btn-primary,a.btn-primary{background-image:var(--gg-grad-sky) !important;background-color:#2E86C8 !important;border-color:transparent !important;color:#fff !important}
.btn-primary:hover,.btn.btn-primary:hover{filter:brightness(1.06)}
.btn-accent,.btn.btn-accent,a.btn-accent,.btn-gold{background-image:var(--gg-grad-gold) !important;background-color:#C9962F !important;color:#3A2B08 !important;border-color:transparent !important}
.badge-sale{background-image:var(--gg-grad-sky) !important;background-color:#2E86C8 !important}
.badge-rent{background-image:linear-gradient(135deg,#1E9E6A,#0F7A4E) !important;background-color:#15803D !important}
.hero{background-image:var(--gg-grad-hero)}
.cta-band{background-image:var(--gg-grad-hero) !important}
.site-footer{background-image:linear-gradient(180deg,#0B2F4C 0%,#082742 100%) !important}
.bz-detail-hero{background-image:var(--gg-grad-hero) !important}
.listing-card .thumb .ph{background-image:linear-gradient(135deg,#2E86C8 0%,#17588A 55%,#C9962F 165%) !important}
.stats-strip{background-image:linear-gradient(180deg,#F6F9FC 0%,#EAF2FA 100%) !important}
.btn-outline-gold{color:#8A6414;border:1px solid #E7D2A0;background:#fff}
.btn-outline-gold:hover{background:var(--gg-grad-gold);color:#3A2B08;border-color:transparent}

/* ============================================================
   ★★★ LOGO BOYUTLARI — SADECE BU BLOKTAKİ SAYILARI DEĞİŞTİR ★★★
   Tüm sayfalarda (header + footer, masaüstü + mobil) geçerlidir.
   Kaydedip sayfayı yenilemen yeterli — cache otomatik kırılır.

   NASIL ÇALIŞIR?
   Logonun en/boy oranı sabittir (600x250). Bu yüzden TEK BİR ölçü verirsin,
   diğerini "auto" bırakırsın; tarayıcı ötekini orantılı hesaplar.
     • Enine büyütmek istiyorsan  -> --gg-logo-w'yi büyüt, --gg-logo-h:auto kalsın
     • Boyuna büyütmek istiyorsan -> --gg-logo-h'ye px ver, --gg-logo-w:auto yap
   İKİSİNE BİRDEN px verirsen logo orantısız (ezik/gergin) görünür.
   ============================================================ */
:root{
  /* --- ÜST (HEADER) LOGO --- */
  --gg-logo-w:190px;         /* GENİŞLİK (en) — asıl ayar */
  --gg-logo-h:auto;          /* yükseklik: auto = orantılı. Sabit istersen örn. 56px */
  --gg-logo-w-mobil:180px;   /* telefonda genişlik */
  --gg-logo-h-mobil:60px;    /* telefonda yükseklik */
  --gg-header-h:26px;        /* header yüksekliği — logo büyürse bunu da büyüt */

  /* --- ALT (FOOTER) LOGO --- */
  --gg-footer-logo-w:200px;  /* GENİŞLİK (en) */
  --gg-footer-logo-h:auto;   /* yükseklik: auto = orantılı */
}

/* --- uygulama (bu satırlara dokunmana gerek yok) --- */
.logo .logo-img,.site-header .logo-img,header .logo img{
  width:var(--gg-logo-w) !important;
  height:var(--gg-logo-h) !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  display:block
}
.logo{flex-shrink:0;max-width:none}
.site-header{height:auto !important;min-height:var(--gg-header-h);padding:6px 0}
.site-header .container{align-items:center}

.footer-logo,.site-footer .footer-logo{
  width:var(--gg-footer-logo-w) !important;
  height:var(--gg-footer-logo-h) !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  display:block
}
.footer-brand{margin-bottom:var(--space-4)}

@media (max-width:768px){
  .logo .logo-img,.site-header .logo-img,header .logo img{
    width:var(--gg-logo-w-mobil) !important;
    height:var(--gg-logo-h-mobil) !important;
  }
}

/* ============================================================
   MOBİL OPTİMİZASYON — yatay kayma (overflow) düzeltmeleri
   ============================================================ */
html,body{max-width:100%;overflow-x:clip}
@supports not (overflow:clip){body{overflow-x:hidden}}
img,svg,video,iframe,canvas,embed,object{max-width:100%}
pre,code{white-space:pre-wrap;word-break:break-word}
table{max-width:100%}

/* grid/flex çocuklarının içeriğe göre şişmesini engelle */
.footer-grid > *,.listing-grid > *,.cat-grid > *,.feature-grid > *,.stats-grid > *,.filter-col > *{min-width:0}
.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.footer-logo,.site-footer .footer-logo{max-width:100% !important}
.logo .logo-img,.site-header .logo-img{max-width:100% !important}
.footer-grid ul,.footer-grid li,.footer-grid a{min-width:0;overflow-wrap:anywhere}
.footer-bar{flex-wrap:wrap;row-gap:10px}

/* uzun başlık/adres/e-posta gibi kırılmayan metinler */
.listing-card h3,.listing-card .loc,.bz-footer-contact-text,.site-footer li,
.gg-mega a,.gg-menu a,h1,h2,h3,.detail-title{overflow-wrap:break-word}

@media (max-width:900px){
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}
  .gg-mega{max-width:calc(100vw - 32px)}
}
@media (max-width:560px){
  .footer-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}
  .container{padding-left:16px;padding-right:16px}
  .site-header .container{gap:10px}
  .hero{padding:var(--space-12) 0}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
  .cta-band .btn{white-space:normal;line-height:1.35}
  .search-bar{flex-direction:column}
  .search-bar .field,.search-bar .btn{width:100%}
  .bz-detail-hero{padding-top:96px !important}
  .table-responsive{-webkit-overflow-scrolling:touch}
}
/* Leaflet/Google harita karolarını max-width kuralından muaf tut */
.leaflet-container img,.leaflet-pane img,.gm-style img{max-width:none !important}
/* Geniş tablolar (admin listeleri / DataTables) yatayda kaydırılabilir kalsın */
.table-responsive,.dataTables_wrapper,.dataTables_scroll,.dataTables_scrollBody{overflow-x:auto;max-width:100%}
.admin-content,.main-content{min-width:0}

/* ============================================================
   İLAN VER — Konut Özellikleri (sadeleştirilmiş form)
   ============================================================ */
.gg-props{padding:0 !important;overflow:hidden}
.gg-props-head{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;
  padding:22px 24px;background:linear-gradient(135deg,#F3F8FD,#FFFFFF);border-bottom:1px solid #E4EBF1}
.gg-props-title{display:flex;gap:14px;align-items:center;min-width:0}
.gg-props-ico{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;
  background:var(--gg-grad-sky);color:#fff;font-size:19px;box-shadow:var(--gg-shadow-sky)}
.gg-props-title h3{margin:0;font-size:1.12rem;font-weight:800;color:var(--gg-navy)}
.gg-props-title p{margin:2px 0 0;font-size:.86rem;color:#7089A0}
.gg-req-meter{min-width:190px}
.gg-req-bar{height:8px;border-radius:99px;background:#E4EBF1;overflow:hidden}
.gg-req-bar span{display:block;height:100%;width:0;border-radius:99px;background:var(--gg-grad-gold);transition:width .3s ease}
.gg-req-meter small{display:block;margin-top:6px;font-size:.78rem;color:#7089A0}
.gg-req-meter.done .gg-req-bar span{background:linear-gradient(135deg,#1E9E6A,#0F7A4E)}
.gg-req-meter.done small{color:#15803D;font-weight:600}

.gg-group{border-bottom:1px solid #EFF3F7}
.gg-group:last-of-type{border-bottom:0}
.gg-group-head{display:flex;align-items:center;gap:14px;width:100%;padding:16px 24px;background:#fff;border:0;text-align:left;
  font-family:inherit;cursor:default}
button.gg-group-head{cursor:pointer;transition:background .15s}
button.gg-group-head:hover{background:#F6FAFD}
.gg-step-no{width:30px;height:30px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--gg-sky-50);color:var(--gg-sky-700);font-weight:800;font-size:.9rem;border:1px solid var(--gg-sky-100)}
.gg-group.is-open .gg-step-no{background:var(--gg-grad-sky);color:#fff;border-color:transparent}
.gg-group-txt{flex:1;min-width:0}
.gg-group-txt h4{margin:0;font-size:1rem;font-weight:700;color:var(--gg-navy)}
.gg-group-txt span{font-size:.82rem;color:#7089A0}
.gg-badge-req{background:var(--gg-grad-gold);color:#3A2B08;font-size:.72rem;font-weight:800;letter-spacing:.04em;
  padding:5px 11px;border-radius:99px;flex-shrink:0}
.gg-chev{color:#9CC8E8;transition:transform .25s}
.gg-group.is-open .gg-chev{transform:rotate(180deg)}
.gg-group-body{display:none;padding:4px 24px 24px}
.gg-group.is-open .gg-group-body{display:block}

.gg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:18px 16px}
.gg-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.gg-field.gg-col-2{grid-column:span 2}
.gg-label{font-size:.88rem;font-weight:600;color:#2F4A5E;display:flex;align-items:baseline;gap:6px}
.gg-label b{color:#C9962F}
.gg-hint{font-size:.76rem;color:#8FA3B4;line-height:1.4}
.gg-hint-inline{font-size:.74rem;font-weight:500;color:#8FA3B4}
.gg-field .bz-form-input,.gg-field .bz-form-select{width:100%;padding:11px 13px;border:1px solid #DDE6EE;border-radius:10px;
  font-size:.94rem;background:#fff;color:#1B3244;transition:border-color .15s,box-shadow .15s}
.gg-field .bz-form-input:focus,.gg-field .bz-form-select:focus{border-color:var(--gg-sky);box-shadow:0 0 0 3px rgba(46,134,200,.16);outline:none}

.gg-input-unit{position:relative;display:flex;align-items:center}
.gg-input-unit input{padding-right:58px !important}
.gg-input-unit span{position:absolute;right:12px;font-size:.82rem;font-weight:600;color:#8FA3B4;pointer-events:none}

/* segment (Var/Yok) seçiciler */
.gg-seg{display:flex;gap:6px;flex-wrap:wrap}
.gg-seg input{position:absolute;opacity:0;width:0;height:0}
.gg-seg label{flex:1 1 auto;min-width:62px;text-align:center;padding:10px 12px;border:1px solid #DDE6EE;border-radius:10px;
  background:#fff;font-size:.88rem;font-weight:600;color:#4B6478;cursor:pointer;transition:all .15s;user-select:none}
.gg-seg label:hover{border-color:var(--gg-sky-300);color:var(--gg-sky-700)}
.gg-seg input:checked + label{background:var(--gg-grad-sky);border-color:transparent;color:#fff;box-shadow:var(--gg-shadow-sky)}
.gg-seg input:focus-visible + label{box-shadow:0 0 0 3px rgba(201,150,47,.45)}

/* çoklu seçim çipleri (cephe) */
.gg-chips{display:flex;flex-wrap:wrap;gap:8px}
.gg-chip{position:relative;cursor:pointer}
.gg-chip input{position:absolute;opacity:0;width:0;height:0}
.gg-chip span{display:inline-block;padding:9px 15px;border:1px solid #DDE6EE;border-radius:99px;background:#fff;
  font-size:.86rem;font-weight:600;color:#4B6478;transition:all .15s}
.gg-chip span:hover{border-color:var(--gg-gold-300)}
.gg-chip input:checked + span{background:var(--gg-grad-gold);border-color:transparent;color:#3A2B08}

.gg-props-foot{margin:0;padding:14px 24px 18px;background:#F6F9FC;border-top:1px solid #EFF3F7;
  font-size:.83rem;color:#7089A0}
.gg-props-foot i{color:var(--gg-sky)}
.gg-props-foot b{color:#C9962F}

@media (max-width:640px){
  .gg-props-head{padding:18px 16px}
  .gg-group-head{padding:14px 16px}
  .gg-group-body{padding:2px 16px 20px}
  .gg-grid{grid-template-columns:1fr;gap:16px}
  .gg-field.gg-col-2{grid-column:span 1}
  .gg-req-meter{min-width:100%}
}

/* Donanım bölümü — marka renkleri ve okunabilir ızgara */
#realEstateEquipment .bz-equipment-header i:first-child{color:#C9962F !important}
#realEstateEquipment .bz-equipment-header{background:#F6F9FC !important}
#realEstateEquipment .bz-equipment-category{border-color:#E4EBF1 !important;border-radius:12px !important}
#realEstateEquipment .bz-equipment-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr)) !important}
#realEstateEquipment .bz-equipment-checkbox{border-radius:10px !important;background:#fff !important;transition:all .15s}
#realEstateEquipment .bz-equipment-checkbox:hover{border-color:#9CC8E8 !important}
#realEstateEquipment .bz-equipment-label{white-space:normal !important}

/* ============================================================
   AÇ / KAPA ANAHTARLARI — durum açıkça görünsün
   ============================================================ */
.bz-toggle-option{position:relative;background:#F6F9FC !important;border:1px solid #E4EBF1 !important;border-radius:12px !important;
  transition:all .18s;padding:.85rem 1rem !important}
.bz-toggle-option:hover{border-color:#9CC8E8 !important;background:#F1F7FC !important}
.bz-toggle-option:has(input:checked){background:linear-gradient(135deg,#EFF6FC,#FFFFFF) !important;border-color:#2E86C8 !important;
  box-shadow:0 0 0 3px rgba(46,134,200,.12)}
.bz-toggle-switch{width:48px !important;height:27px !important;border-radius:99px !important;
  background:#C6D4E0 !important;border:1px solid #B4C6D6;box-shadow:inset 0 1px 3px rgba(11,47,76,.18) !important;transition:all .2s}
.bz-toggle-switch::after{content:"" !important;position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;
  background:#fff !important;box-shadow:0 2px 5px rgba(11,47,76,.35) !important;transition:transform .2s}
.bz-toggle-option input:checked + .bz-toggle-switch{background:var(--gg-grad-sky) !important;border-color:transparent}
.bz-toggle-option input:checked + .bz-toggle-switch::after{transform:translateX(21px)}
.bz-toggle-option input:focus-visible + .bz-toggle-switch{box-shadow:0 0 0 3px rgba(201,150,47,.45) !important}
/* AÇIK / KAPALI etiketi */
.gg-switch-state{margin-left:auto;flex-shrink:0;font-size:.75rem;font-weight:800;letter-spacing:.05em;
  padding:5px 12px;border-radius:99px;background:#E4EBF1;color:#7089A0}
.gg-switch-state::after{content:"KAPALI"}
.bz-toggle-option input:checked ~ .gg-switch-state{background:var(--gg-grad-sky);color:#fff}
.bz-toggle-option input:checked ~ .gg-switch-state::after{content:"AÇIK"}
.bz-toggle-option input:checked ~ .bz-toggle-label i{color:var(--gg-sky-600)}
/* Bootstrap switch'leri de aynı netlikte */
.form-switch .form-check-input{width:2.9em;height:1.55em;background-color:#C6D4E0;border-color:#B4C6D6;box-shadow:inset 0 1px 3px rgba(11,47,76,.18)}
.form-switch .form-check-input:checked{background-color:#2E86C8;border-color:#2E86C8}

/* ============================================================
   İLAN DETAY — mobil öncelikli sadeleştirme
   ============================================================ */
/* Hızlı bilgi şeridi */
.gg-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 0}
.gg-quick-item{background:linear-gradient(160deg,#F3F8FD,#FFFFFF);border:1px solid #E4EBF1;border-radius:14px;
  padding:14px 12px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;min-width:0}
.gg-quick-ico{font-size:20px;line-height:1}
.gg-quick-lbl{font-size:.72rem;font-weight:600;color:#8FA3B4;letter-spacing:.02em}
.gg-quick-val{font-size:.98rem;font-weight:800;color:var(--gg-navy);overflow-wrap:anywhere}

/* Mobil fiyat bloğu (masaüstünde gizli — sağ panelde zaten var) */
.gg-mprice{display:none;margin-top:16px;padding:16px 18px;border-radius:14px;background:var(--gg-grad-hero);color:#fff;
  box-shadow:0 14px 32px -18px rgba(11,47,76,.7)}
.gg-mprice-val{font-size:1.5rem;font-weight:800;line-height:1.15}
.gg-mprice-val small{font-size:.9rem;font-weight:600;opacity:.85}
.gg-mprice-val.strike{text-decoration:line-through;opacity:.7}
.gg-mprice-sub{font-size:.85rem;color:#DCEBF8;margin-top:3px}

/* Teknik özellikler: kart yığını yerine okunur satırlar */
.feature-specs{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:0 28px !important}
.feature-specs .spec-card{display:grid !important;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;
  padding:13px 2px !important;border:0 !important;border-bottom:1px solid #EFF3F7 !important;border-radius:0 !important;
  background:transparent !important;box-shadow:none !important;text-align:left !important;min-height:0 !important}
.feature-specs .spec-emoji{font-size:15px !important;opacity:.85;margin:0 !important}
.feature-specs .sk-label{font-size:.88rem !important;color:#7089A0 !important;font-weight:500 !important;margin:0 !important;
  text-align:left !important;overflow-wrap:anywhere}
.feature-specs .sk-value{font-size:.92rem !important;font-weight:700 !important;color:var(--gg-navy) !important;margin:0 !important;
  text-align:right !important;overflow-wrap:anywhere}

/* Detaylı özellikler: mobilde kısalt + "tümünü göster" */
.gg-more{position:relative}
.gg-more-btn{display:none;width:100%;margin-top:12px;padding:12px;border:1px solid var(--gg-sky-100);border-radius:12px;
  background:linear-gradient(135deg,var(--gg-sky-50),#fff);color:var(--gg-sky-700);font-weight:700;font-size:.92rem;
  font-family:inherit;cursor:pointer}
.gg-more-btn i{transition:transform .2s}
.gg-more.is-open + .gg-more-btn i{transform:rotate(180deg)}

/* Sabit alt aksiyon çubuğu (yalnızca mobil) */
.gg-actionbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:950;gap:8px;align-items:center;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);backdrop-filter:blur(10px);
  border-top:1px solid #E4EBF1;box-shadow:0 -8px 26px -14px rgba(11,47,76,.45)}
.gg-actionbar-price{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;line-height:1.15}
.gg-actionbar-price span{font-size:1.02rem;font-weight:800;color:var(--gg-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gg-actionbar-price small{font-size:.72rem;color:#8FA3B4;font-weight:600}
.gg-ab-btn{display:inline-flex;align-items:center;gap:7px;padding:12px 16px;border-radius:12px;font-weight:700;
  font-size:.92rem;text-decoration:none;white-space:nowrap;flex-shrink:0}
.gg-ab-call{background:var(--gg-grad-sky);color:#fff;box-shadow:var(--gg-shadow-sky)}
.gg-ab-wa{background:#25D366;color:#fff}
.gg-ab-call:hover,.gg-ab-wa:hover{color:#fff;filter:brightness(1.05)}

@media (max-width:900px){
  .gg-quick{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gg-mprice{display:block}
  .gg-actionbar{display:flex}
  body{padding-bottom:78px}
  .feature-specs{grid-template-columns:minmax(0,1fr) !important}
  /* detaylı özellikler mobilde 320px'e kısalır */
  .gg-more{max-height:320px;overflow:hidden;mask-image:linear-gradient(#000 72%,transparent)}
  .gg-more.is-open{max-height:none;overflow:visible;mask-image:none}
  .gg-more-btn{display:block}
  .side-panel .panel-card:first-child{display:none}
  .detail-title h1{font-size:1.35rem;line-height:1.28}
  .gallery .g-main{border-radius:14px}
}
@media (max-width:400px){
  .gg-ab-btn{padding:11px 12px;font-size:.86rem}
  .gg-actionbar-price span{font-size:.94rem}
}

/* ============================================================
   HESAP MENÜSÜ — oturum açıkken header'da kullanıcı kartı
   ============================================================ */
.gg-user{margin-left:2px}
.gg-user-btn{display:inline-flex;align-items:center;gap:9px;padding:6px 12px 6px 6px !important;border-radius:99px !important;
  border:1px solid #E4EBF1 !important;background:#fff !important}
.gg-user-btn:hover{border-color:var(--gg-sky-300) !important;background:var(--gg-sky-50) !important}
.gg-drop.open .gg-user-btn{border-color:var(--gg-sky) !important;background:var(--gg-sky-50) !important}
.gg-user-av{width:30px;height:30px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--gg-grad-sky);color:#fff;font-weight:800;font-size:.9rem;line-height:1}
.gg-user-av.lg{width:42px;height:42px;font-size:1.15rem;background:var(--gg-grad-gold);color:#0B2F4C}
.gg-user-ad{font-size:.9rem;font-weight:700;color:var(--gg-navy);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gg-user-menu{right:0;left:auto;min-width:262px}
.gg-user-head{display:flex;align-items:center;gap:11px;padding:10px 10px 12px;margin-bottom:6px;border-bottom:1px solid #EFF3F7}
.gg-user-head b{display:block;font-size:.94rem;color:var(--gg-navy);line-height:1.25}
.gg-user-head small{font-size:.76rem;color:#8FA3B4;font-weight:600}
.gg-user-menu a{display:flex;align-items:center;gap:10px}
.gg-user-menu a i{width:16px;text-align:center;color:#9CC8E8}
.gg-user-menu a:hover i{color:var(--gg-sky-600)}
.gg-user-menu .gg-cikis{color:#B91C1C}
.gg-user-menu .gg-cikis i{color:#E29A9A}
.gg-user-menu .gg-cikis:hover{background:#FEF2F2;color:#991B1B}
.gg-user-menu .gg-cikis:hover i{color:#B91C1C}

/* mobil menüdeki hesap başlığı */
.gg-m-user{display:flex;align-items:center;gap:11px;padding:12px 6px;border-bottom:1px solid #EFF3F7;margin-bottom:4px}
.gg-m-user b{display:block;font-size:.95rem;color:var(--gg-navy)}
.gg-m-user small{font-size:.76rem;color:#8FA3B4;font-weight:600}
.gg-m-cikis{color:#B91C1C !important;font-weight:700 !important;text-align:center;margin-top:8px;
  border:1px solid #FECACA !important;border-radius:11px;padding:11px !important}

@media (max-width:1100px){ .gg-user{display:none} }
@media (max-width:520px){ .gg-user-ad{display:none} .gg-user-btn{padding:5px !important} }

/* ============================================================
   bz-btn AİLESİ — custom.css yüklenmediği için buradan tanımlanır
   (bu sınıflar ilan ekle/düzenle, ilanlarım, panel gibi sayfalarda kullanılıyor)
   ============================================================ */
.bz-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.8rem 1.75rem;border:1px solid transparent;border-radius:99px;
  font-family:var(--font-sans,inherit);font-weight:700;font-size:.98rem;line-height:1.15;
  cursor:pointer;text-decoration:none;white-space:nowrap;
  transition:transform .18s cubic-bezier(.2,0,0,1),box-shadow .18s,background .18s,color .18s}
.bz-btn:disabled,.bz-btn[disabled]{opacity:.55;cursor:not-allowed;transform:none !important}

.bz-btn-primary{background-image:var(--gg-grad-sky);background-color:#2E86C8;color:#fff;box-shadow:var(--gg-shadow-sky)}
.bz-btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(46,134,200,.65);filter:brightness(1.05)}

.bz-btn-secondary{background:var(--gg-navy);color:#fff}
.bz-btn-secondary:hover{background:#17588A;color:#fff;transform:translateY(-2px)}

.bz-btn-outline{background:#fff;border:2px solid var(--gg-sky);color:var(--gg-sky-700)}
.bz-btn-outline:hover{background:var(--gg-sky);color:#fff;transform:translateY(-2px)}

.bz-btn-white{background:#fff;color:var(--gg-navy);border-color:#E4EBF1}
.bz-btn-white:hover{background:#F6F9FC;color:var(--gg-navy);transform:translateY(-2px)}

.bz-btn-gold,.bz-btn-accent{background-image:var(--gg-grad-gold);background-color:#C9962F;color:#3A2B08;box-shadow:var(--gg-shadow-gold)}
.bz-btn-gold:hover,.bz-btn-accent:hover{color:#3A2B08;transform:translateY(-2px);filter:brightness(1.05)}

.bz-btn-success{background:linear-gradient(135deg,#1E9E6A,#0F7A4E);color:#fff}
.bz-btn-success:hover{color:#fff;transform:translateY(-2px);filter:brightness(1.05)}

.bz-btn-danger{background:linear-gradient(135deg,#DC4141,#B91C1C);color:#fff}
.bz-btn-danger:hover{color:#fff;transform:translateY(-2px);filter:brightness(1.05)}

.bz-btn-lg{padding:1rem 2.4rem;font-size:1.06rem}
.bz-btn-sm{padding:.5rem 1.15rem;font-size:.86rem}
.bz-btn-xs{padding:.35rem .85rem;font-size:.78rem;border-radius:99px}

.bz-btn-view{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--gg-grad-sky);color:#fff;
  border:0;padding:7px 16px;border-radius:99px;font-size:.82rem;font-weight:700;text-decoration:none;cursor:pointer}
.bz-btn-view:hover{color:#fff;filter:brightness(1.06);transform:translateY(-1px)}
.bz-btn-remove{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#DC4141;color:#fff;
  border:0;padding:7px 13px;border-radius:99px;font-size:.82rem;font-weight:700;cursor:pointer}
.bz-btn-remove:hover{background:#B91C1C;color:#fff;transform:translateY(-1px)}

/* mobilde alt alta gelen buton grupları taşmasın */
@media (max-width:560px){
  .bz-btn{padding:.75rem 1.2rem;font-size:.92rem;white-space:normal;text-align:center}
  .bz-btn-lg{padding:.85rem 1.4rem;font-size:.98rem}
  .d-flex.justify-content-between > .bz-btn{flex:1 1 auto}
}


/* ==================================================================
   YAPAY ZEKA İLE İLAN HAZIRLA — buton çubuğu + sohbet penceresi
   ================================================================== */
.gg-ai-bar{
  display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;
  margin:0 0 1.25rem;padding:.9rem 1rem;border-radius:14px;
  background:linear-gradient(135deg,#F2F8FD 0%,#E8F2FB 55%,#FBF3DF 100%);
  border:1px solid #CFE3F4;position:relative;overflow:hidden}
.gg-ai-bar::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(520px 90px at 100% 0,rgba(224,178,82,.18),transparent 70%)}
.gg-ai-bar-ico{
  flex:0 0 auto;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
  color:#fff;font-size:1.05rem;background:linear-gradient(135deg,#3D9BDD 0%,#2E86C8 45%,#17588A 100%);
  box-shadow:0 6px 16px rgba(23,88,138,.28)}
.gg-ai-bar-txt{flex:1 1 220px;min-width:0;line-height:1.35}
.gg-ai-bar-txt strong{display:block;font-size:.98rem;color:#0E3C63}
.gg-ai-bar-txt span{display:block;font-size:.82rem;color:#4A6B86}
.gg-ai-bar-btn{
  flex:0 0 auto;border:0;cursor:pointer;color:#fff;font-weight:700;font-size:.9rem;
  padding:.62rem 1.15rem;border-radius:10px;white-space:nowrap;
  background:linear-gradient(135deg,#3D9BDD 0%,#2E86C8 45%,#17588A 100%);
  box-shadow:0 6px 16px rgba(23,88,138,.30);transition:transform .15s,box-shadow .15s,filter .15s}
.gg-ai-bar-btn:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 10px 22px rgba(23,88,138,.38)}
.gg-ai-bar-btn:active{transform:translateY(0)}

body.gg-ai-lock{overflow:hidden}
.gg-ai-modal{
  position:fixed;inset:0;z-index:20000;display:flex;align-items:flex-end;justify-content:center;
  background:rgba(8,39,66,.55);backdrop-filter:blur(3px);padding:0}
.gg-ai-modal[hidden]{display:none}
.gg-ai-dialog{
  width:100%;max-width:760px;max-height:94vh;display:flex;flex-direction:column;
  background:#fff;border-radius:18px 18px 0 0;overflow:hidden;
  box-shadow:0 -10px 50px rgba(8,39,66,.35);animation:ggAiUp .22s ease}
@keyframes ggAiUp{from{transform:translateY(24px);opacity:.6}to{transform:translateY(0);opacity:1}}
@media (min-width:768px){
  .gg-ai-modal{align-items:center;padding:1.5rem}
  .gg-ai-dialog{border-radius:18px;max-height:88vh}
}

.gg-ai-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;
  padding:1rem 1.1rem;color:#fff;
  background:linear-gradient(125deg,#082742 0%,#12507E 42%,#2E86C8 100%)}
.gg-ai-head h5{margin:0;font-size:1.02rem;font-weight:700;color:#fff}
.gg-ai-sub{display:block;font-size:.8rem;color:#CFE6F8;margin-top:.2rem}
.gg-ai-x{
  flex:0 0 auto;border:0;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;
  width:34px;height:34px;border-radius:9px;font-size:1rem;line-height:1}
.gg-ai-x:hover{background:rgba(255,255,255,.26)}

.gg-ai-body{flex:1 1 auto;overflow-y:auto;padding:1rem;background:#F7FAFD;min-height:180px}
.gg-ai-msg{max-width:92%;margin-bottom:.8rem;padding:.75rem .9rem;border-radius:14px;font-size:.9rem;line-height:1.55}
.gg-ai-msg p{margin:0 0 .5rem}
.gg-ai-msg p:last-child{margin-bottom:0}
.gg-ai-bot{background:#fff;border:1px solid #E1EBF4;color:#20384C;border-bottom-left-radius:5px}
.gg-ai-me{margin-left:auto;color:#fff;border-bottom-right-radius:5px;
  background:linear-gradient(135deg,#3D9BDD 0%,#2E86C8 60%,#17588A 100%)}
.gg-ai-ex{background:#F2F8FD;border-left:3px solid #2E86C8;padding:.5rem .7rem;border-radius:8px;font-style:italic;color:#2C5372}
.gg-ai-dim{color:#7A94A8;font-size:.82rem}
.gg-ai-wait{color:#2C5372}
.gg-ai-err{color:#B3261E;margin:0}
.gg-ai-ok{border-color:#B9E2C6;background:#F2FBF5;color:#1D5E35}
.gg-ai-result{max-width:100%}

.gg-ai-card-lbl{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8AA3B6;margin:.65rem 0 .25rem}
.gg-ai-card-lbl:first-child{margin-top:0}
.gg-ai-card-title{font-weight:700;font-size:1rem;color:#0E3C63}
.gg-ai-card-sum{color:#405c73}
.gg-ai-card-html{
  border:1px solid #E1EBF4;border-radius:10px;padding:.75rem;background:#fff;
  max-height:300px;overflow:auto;font-size:.87rem}
.gg-ai-card-html h2,.gg-ai-card-html h3,.gg-ai-card-html h4{font-size:.95rem;margin:.7rem 0 .35rem;color:#12507E}
.gg-ai-card-html ul,.gg-ai-card-html ol{padding-left:1.15rem;margin:.35rem 0}
.gg-ai-card-seo{margin-top:.65rem;font-size:.8rem;color:#5B7589;background:#F2F8FD;border-radius:9px;padding:.5rem .7rem}
.gg-ai-card-note{margin-top:.55rem;font-size:.84rem;color:#7A5A12;background:#FDF6E3;border:1px solid #F0DFB4;border-radius:9px;padding:.5rem .7rem}
.gg-ai-card-btns{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.8rem}
.gg-ai-use{
  border:0;cursor:pointer;color:#fff;font-weight:700;font-size:.88rem;padding:.55rem 1.05rem;border-radius:9px;
  background:linear-gradient(135deg,#2FA76A 0%,#1E8450 100%);box-shadow:0 4px 12px rgba(30,132,80,.28)}
.gg-ai-use:hover{filter:brightness(1.06)}
.gg-ai-use.is-done{background:#E8F5EE;color:#1D5E35;box-shadow:none;cursor:default}
.gg-ai-meta{font-size:.76rem;color:#93A8B8}

.gg-ai-foot{flex:0 0 auto;border-top:1px solid #E6EDF4;padding:.8rem 1rem 1rem;background:#fff}
.gg-ai-foot textarea{
  width:100%;border:1px solid #CFDEEB;border-radius:11px;padding:.7rem .85rem;font-size:.9rem;
  resize:vertical;min-height:72px;outline:none}
.gg-ai-foot textarea:focus{border-color:#2E86C8;box-shadow:0 0 0 3px rgba(46,134,200,.15)}
.gg-ai-actions{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.6rem}
.gg-ai-reset{border:1px solid #D7E3ED;background:#fff;color:#5B7589;font-size:.84rem;padding:.5rem .85rem;border-radius:9px;cursor:pointer}
.gg-ai-reset:hover{background:#F2F8FD;color:#12507E}
.gg-ai-send{
  border:0;cursor:pointer;color:#fff;font-weight:700;font-size:.9rem;padding:.58rem 1.25rem;border-radius:9px;
  background:linear-gradient(135deg,#3D9BDD 0%,#2E86C8 45%,#17588A 100%);box-shadow:0 5px 14px rgba(23,88,138,.28)}
.gg-ai-send:hover{filter:brightness(1.06)}
.gg-ai-send:disabled{opacity:.7;cursor:progress}

@media (max-width:575.98px){
  .gg-ai-bar{gap:.7rem;padding:.8rem}
  .gg-ai-bar-btn{width:100%}
  .gg-ai-msg{max-width:100%}
  .gg-ai-card-html{max-height:220px}
}

/* AI asistanı — kategori bilgisi, uyarı, çıkarılan alanlar */
.gg-ai-cat{background:#EEF6FC;border:1px solid #CFE3F4;border-radius:9px;padding:.45rem .65rem;font-size:.84rem;color:#12507E}
.gg-ai-card-warn{
  margin-bottom:.75rem;padding:.55rem .75rem;border-radius:9px;font-size:.86rem;
  background:#FFF4E5;border:1px solid #F3D3A0;color:#8A5300}
.gg-ai-card-fields{display:flex;flex-wrap:wrap;gap:.35rem}
.gg-ai-card-fields span{
  font-size:.78rem;background:#F2F8FD;border:1px solid #DCEAF6;color:#2C5372;
  border-radius:7px;padding:.22rem .5rem}
.gg-ai-card-fields b{color:#0E3C63;font-weight:600}
.gg-ai-done-list{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}
.gg-ai-done-list span{
  font-size:.76rem;background:#EAF7EF;border:1px solid #C3E6D2;color:#1D5E35;
  border-radius:7px;padding:.2rem .45rem}

/* AI asistanı — kurulum bekliyor (sadece yöneticiye görünür) */
.gg-ai-bar-setup{background:linear-gradient(135deg,#FBF6EA 0%,#F5EEDC 60%,#F2F7FC 100%);border-color:#E7D8B4}
.gg-ai-bar-setup .gg-ai-bar-ico{background:linear-gradient(135deg,#EBD08C 0%,#E0B252 40%,#C9962F 100%);box-shadow:0 6px 16px rgba(201,150,47,.28)}
.gg-ai-bar-setup .gg-ai-bar-txt strong{color:#7A5A12}
.gg-ai-bar-setup .gg-ai-bar-txt span{color:#8A7340}
.gg-ai-bar-setup .gg-ai-bar-btn{
  background:linear-gradient(135deg,#EBD08C 0%,#E0B252 40%,#C9962F 100%);
  box-shadow:0 6px 16px rgba(201,150,47,.30);text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}