/* =========================================================
   PINOVA PREMIUM — rafine katman
   Adım 1: HEADER (topbar + header + logo + arama + butonlar + navbar)
   Marka rengi KORUNUR (mavi #2563eb). Sadece polish.
   Yüklenme: header inline stillerinden SONRA (kazanır).
   ========================================================= */

/* ---------- Foundation (ince, premium dokunuş) ---------- */
html, body{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.01em;
  scroll-behavior: smooth;
}
body{
  background-image:
    radial-gradient(at 40% 20%, rgba(var(--accent-rgb), .035) 0px, transparent 50%),
    radial-gradient(at 82% 0%,  rgba(var(--accent-rgb), .030) 0px, transparent 48%),
    radial-gradient(at 0% 55%,  rgba(var(--accent-rgb), .022) 0px, transparent 50%);
  background-attachment: fixed;
}

/* ---------- TOP BAR ---------- */
.pg-topbar{
  background: var(--topbar-bg) !important;
  border-bottom: 1px solid var(--border-color) !important;
  padding: 9px 0 !important;
  font-size: 12.5px !important;
  letter-spacing: -0.01em;
}
.pg-topbar-left{ gap: 22px !important; }
.pg-topbar-left span{ display:inline-flex; align-items:center; font-weight:500; }
.pg-topbar-left i{ font-size:15px; }
.pg-topbar-right a{ font-weight:500; position:relative; }
.pg-topbar-right a::after{
  content:''; position:absolute; left:0; bottom:-3px; width:0; height:2px;
  background: var(--accent); border-radius:2px; transition: width .22s cubic-bezier(.4,0,.2,1);
}
.pg-topbar-right a:hover::after{ width:100%; }

/* ---------- MAIN HEADER (sticky glass) ---------- */
.pg-header{
  background: var(--header-bg);
  background: color-mix(in srgb, var(--header-bg) 82%, transparent);
  -webkit-backdrop-filter: blur(16px) saturate(1.6);
  backdrop-filter: blur(16px) saturate(1.6);
  border-bottom: 1px solid color-mix(in srgb, var(--border-color) 70%, transparent) !important;
  box-shadow: 0 1px 0 color-mix(in srgb, var(--border-color) 60%, transparent),
              0 6px 24px -12px var(--shadow-color) !important;
  padding: 14px 0 !important;
}
.pg-header .container{ gap: 28px !important; }

/* ---------- LOGO ---------- */
.pg-logo{ transition: transform .2s cubic-bezier(.4,0,.2,1); }
.pg-logo:hover{ transform: translateY(-1px); }
.pg-logo i{
  background: var(--accent-gradient);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
.pg-logo span{
  background: linear-gradient(135deg, var(--text-primary), color-mix(in srgb, var(--accent) 55%, var(--text-primary)));
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  font-weight: 800; letter-spacing: -0.02em;
}
.pg-logo-img{ transition: transform .2s ease; }

/* ---------- SEARCH ---------- */
.pg-search{ max-width: 560px !important; }
.pg-search input{
  height: 48px !important;
  border-radius: 14px !important;
  border: 1.5px solid var(--border-color) !important;
  background: var(--bg-primary) !important;
  padding: 12px 46px 12px 46px !important;
  font-size: 14.5px !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}
.pg-search input:hover{
  border-color: color-mix(in srgb, var(--accent) 45%, var(--border-color)) !important;
}
.pg-search input:focus{
  border-color: var(--accent) !important;
  background: var(--bg-secondary) !important;
  box-shadow: 0 0 0 4px rgba(var(--accent-rgb), .13) !important;
}
.pg-search-icon{ left: 16px !important; font-size: 19px !important; transition: color .2s ease; }
.pg-search-clear{ border-radius: 9px !important; width:30px; height:30px; }
.pg-search-results{
  border-radius: 16px !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 16px 48px -12px var(--shadow-color), 0 4px 12px -6px var(--shadow-color) !important;
  overflow: hidden;
  margin-top: 6px;
}
.pg-search-item{ transition: background .15s ease, padding-left .15s ease !important; }
.pg-search-item:hover{ background: rgba(var(--accent-rgb), .06) !important; padding-left: 19px !important; }
.pg-search-item-img{ border-radius: 10px !important; }

/* ---------- HEADER BUTONLARI ---------- */
.pg-header-actions{ gap: 10px !important; }
.pg-header-btn{
  height: 44px !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  transition: transform .18s cubic-bezier(.4,0,.2,1), box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease !important;
}
.pg-header-btn:active{ transform: translateY(0) scale(.97) !important; }

/* Bakiye Yükle — yumuşak tint */
.pg-btn-balance{
  background: rgba(var(--accent-rgb), .10) !important;
  color: var(--accent) !important;
  border: 1px solid rgba(var(--accent-rgb), .18) !important;
}
.pg-btn-balance:hover{
  background: rgba(var(--accent-rgb), .16) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px -6px rgba(var(--accent-rgb), .4) !important;
}

/* Sepet — ghost + hover lift (YALNIZCA header; ürün detaydaki "Sepete Ekle"ye DEĞMESİN) */
.pg-header .pg-btn-cart{
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}
.pg-header .pg-btn-cart:hover{
  border-color: var(--accent) !important;
  color: var(--accent) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px -8px var(--shadow-color) !important;
}

/* Giriş Yap — ghost outline */
.pg-btn-login{
  background: transparent !important;
  border: 1.5px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}
.pg-btn-login:hover{
  border-color: var(--accent) !important;
  color: var(--accent) !important;
  background: rgba(var(--accent-rgb), .06) !important;
  transform: translateY(-2px) !important;
}

/* Kayıt Ol — birincil CTA, gradient + gölge */
.pg-btn-register{
  background: var(--accent-gradient) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 14px -2px rgba(var(--accent-rgb), .40) !important;
}
.pg-btn-register:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px -4px rgba(var(--accent-rgb), .52) !important;
  filter: brightness(1.04);
}

/* İkon butonlar (bildirim) */
.pg-btn-icon{
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}
.pg-btn-icon:hover{
  border-color: var(--accent) !important; color: var(--accent) !important;
  transform: translateY(-2px) !important;
}

/* Sepet / bildirim rozet */
.pg-cart-badge{
  box-shadow: 0 2px 6px -1px rgba(var(--danger, #ef4444), .5);
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

/* Tema toggle — dairesel, rafine */
.pg-theme-toggle{
  width: 44px !important; height: 44px !important;
  border-radius: 12px !important;
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  transition: transform .18s ease, border-color .2s ease, background .2s ease !important;
}
.pg-theme-toggle:hover{
  border-color: var(--accent) !important;
  transform: translateY(-2px) rotate(-8deg) !important;
}

/* Kullanıcı butonu (giriş yapılmış) */
.pg-user-btn{ transition: transform .18s ease, box-shadow .2s ease !important; border-radius: 12px !important; }
.pg-user-btn:hover{ transform: translateY(-2px); box-shadow: 0 6px 16px -8px var(--shadow-color); }
.pg-user-avatar{
  background: var(--accent-gradient) !important;
  box-shadow: 0 3px 10px -2px rgba(var(--accent-rgb), .45);
}

/* Bildirim dropdown — yumuşak */
.pg-notif-dropdown{
  border-radius: 16px !important;
  box-shadow: 0 20px 56px -16px var(--shadow-color), 0 6px 16px -8px var(--shadow-color) !important;
  border: 1px solid var(--border-color) !important;
  overflow: hidden;
}
.pg-notif-item{ transition: background .15s ease !important; }
.pg-notif-item:hover{ background: rgba(var(--accent-rgb), .06) !important; }

/* ---------- FP NAVBAR (kategori çubuğu) ---------- */
.pf-navbar{ box-shadow: 0 4px 20px -14px var(--shadow-color); }
.pf-navbar-dropdown-link{ transition: color .18s ease, background .18s ease, transform .18s ease !important; border-radius: 10px; }
.pf-navbar-dropdown-link:hover{ color: var(--accent) !important; }
.pf-navbar-dropdown-menu{
  border-radius: 16px !important;
  box-shadow: 0 20px 56px -16px var(--shadow-color), 0 6px 16px -8px var(--shadow-color) !important;
  border: 1px solid var(--border-color) !important;
}

/* ---------- Mobil incelikler ---------- */
@media (max-width: 768px){
  .pg-header{ padding: 10px 0 !important; }
  .pg-search input{ height: 44px !important; }
}


/* =========================================================
   ADIM 2: ANA SAYFA — kartlar, bölümler, carousel, rozetler
   ========================================================= */

/* ---------- ÜRÜN & FIRSAT KARTLARI (premium) ---------- */
.deals-card,
.product-card,
.pf-product-item,
.product-scroll-item{
  border-radius: 16px !important;
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 1px 3px var(--shadow-color), 0 10px 28px -14px var(--shadow-color) !important;
  transition: transform .24s cubic-bezier(.2,.7,.2,1), box-shadow .24s ease, border-color .24s ease !important;
  overflow: hidden;
}
.deals-card:hover,
.product-card:hover,
.pf-product-item:hover,
.product-scroll-item:hover{
  transform: translateY(-6px) !important;
  box-shadow: 0 20px 44px -16px rgba(var(--accent-rgb), .34), 0 6px 16px -10px var(--shadow-color) !important;
  border-color: rgba(var(--accent-rgb), .45) !important;
}
/* görsel zoom (r57'yi güçlendir) */
.deals-card-visual img, .pf-product-item .img img, .product-scroll-item img, .img-product img{
  transition: transform .5s cubic-bezier(.2,.7,.2,1) !important;
}
.deals-card:hover .deals-card-visual img,
.pf-product-item:hover .img img,
.product-scroll-item:hover img,
.pf-product-item:hover .img-product img{ transform: scale(1.07) !important; }

/* ürün adı — 2 satır clamp, rafine */
.pf-product-item .product-name, .product-scroll-item .product-name, .product-name{
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.35 !important;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

/* fiyat rozeti — mavi gradient, yumuşak */
.pf-product-item .price{
  background: var(--accent-gradient) !important;
  border-radius: 10px !important;
  padding: 8px 10px !important;
  box-shadow: 0 4px 12px -4px rgba(var(--accent-rgb), .4) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
}

/* ---------- FIRSAT KARTI ROZETLERİ ---------- */
.deals-badge-discount{
  border-radius: 8px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em;
  box-shadow: 0 3px 10px -2px rgba(239,68,68,.4) !important;
}
.deals-badge-fire{ filter: drop-shadow(0 2px 4px rgba(249,115,22,.4)); }
.deals-price-current{ font-weight: 800 !important; letter-spacing: -0.02em; }
.deals-price-old{ opacity: .6; }

/* fırsat butonları */
.deals-btn-buy{
  background: var(--accent-gradient) !important;
  border: none !important; color: #fff !important;
  box-shadow: 0 4px 12px -3px rgba(var(--accent-rgb), .38) !important;
  transition: transform .18s ease, box-shadow .2s ease, filter .2s ease !important;
}
.deals-btn-buy:hover{ transform: translateY(-2px) !important; box-shadow: 0 8px 20px -4px rgba(var(--accent-rgb), .5) !important; filter: brightness(1.04); }
/* deals-btn-cart (Sepete Ekle) — kullanıcı isteğiyle ESKİ HALİNE bırakıldı, dokunulmuyor */

/* ---------- BÖLÜM BAŞLIKLARI ---------- */
.pf-section h2, .deals-section h2, .section-title, .pf-section-page-head .title{
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
}
/* bölüm başlığı ikon kutusu (varsa) */
.pf-section-page-head .icon-area, .pf-section .icon-area{
  background: rgba(var(--accent-rgb), .10) !important;
  color: var(--accent) !important;
  border-radius: 14px !important;
}
/* "Tümünü Gör" linkleri — pill */
.pf-section .see-all, .section-see-all, a.view-all, .pf-section-head a[href*="kategori"]{
  border-radius: 999px !important;
  transition: all .18s ease !important;
}

/* ---------- CAROUSEL OKLARI ---------- */
.scroll-nav-btn{
  width: 42px !important; height: 42px !important;
  border-radius: 50% !important;
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--accent) !important;
  box-shadow: 0 4px 14px -4px var(--shadow-color) !important;
  transition: transform .18s ease, background .2s ease, color .2s ease, box-shadow .2s ease !important;
}
.scroll-nav-btn:not(.disabled):hover{
  background: var(--accent-gradient) !important;
  color: #fff !important; border-color: transparent !important;
  transform: scale(1.08) !important;
  box-shadow: 0 8px 20px -4px rgba(var(--accent-rgb), .45) !important;
}
.scroll-nav-btn.disabled{ opacity: .4 !important; }

/* ---------- "TARAFINI SEÇ" / CHOOSE GRID ---------- */
.choose-product-col .choose-card, .choose-products-grid .card{
  border-radius: 16px !important;
  transition: transform .22s cubic-bezier(.2,.7,.2,1), box-shadow .22s ease !important;
}
.choose-product-col:hover .choose-card{ transform: translateY(-4px); box-shadow: 0 16px 36px -14px rgba(var(--accent-rgb), .3); }

/* ---------- İSTATİSTİK ŞERİDİ (mavi, rafine) ---------- */
.pg-stats{
  background: linear-gradient(135deg, var(--accent-hover) 0%, var(--accent) 55%, var(--accent-light) 100%) !important;
  border: none !important; border-radius: 24px !important;
  box-shadow: 0 20px 52px -18px rgba(var(--accent-rgb), .5) !important;
}
.pg-stat-number{ font-weight: 800 !important; letter-spacing: -0.03em; }

/* ---------- BÖLÜM RİTMİ (nefes alanı) ---------- */
.pf-section, .deals-section{ padding-top: 8px; padding-bottom: 8px; }


/* =========================================================
   ADIM 3: HERO / SLIDER — büyük slider + yan banner'lar
   index.php inline stillerini !important ile geçer.
   ========================================================= */

.hero-section{ padding: 22px 0 14px !important; }
.hero-row{ gap: 22px !important; }

/* ---------- ANA SLIDER ---------- */
.main-hero-slider{
  border-radius: 20px !important;
  box-shadow: 0 18px 48px -18px rgba(var(--accent-rgb), .35), 0 6px 18px -10px var(--shadow-color) !important;
  border: 1px solid color-mix(in srgb, var(--border-color) 60%, transparent) !important;
}
.main-hero-slider .swiper-slide img{ border-radius: 20px !important; }

/* Slider okları — cam efekti, premium */
.main-hero-slider .slider-arrow{
  width: 46px !important; height: 46px !important;
  border-radius: 14px !important;
  background: rgba(15, 23, 42, .38) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.4);
  backdrop-filter: blur(10px) saturate(1.4);
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 6px 18px -6px rgba(0,0,0,.4) !important;
  transition: transform .2s cubic-bezier(.2,.7,.2,1), background .25s ease, box-shadow .25s ease !important;
  opacity: 0; /* hover'da belir */
}
.main-hero-slider:hover .slider-arrow{ opacity: 1; }
.main-hero-slider .slider-arrow:hover{
  background: var(--accent-gradient) !important;
  border-color: transparent !important;
  transform: translateY(-50%) scale(1.1) !important;
  box-shadow: 0 10px 26px -6px rgba(var(--accent-rgb), .6) !important;
}
.main-hero-slider .slider-arrow.prev:hover, .main-hero-slider .slider-arrow.next:hover{ transform: translateY(-50%) scale(1.1) !important; }

/* Pagination — aktif bullet mavi pill */
.slider-pagination .swiper-pagination-bullet{
  width: 8px !important; height: 8px !important;
  background: rgba(255,255,255,.55) !important;
  opacity: 1 !important;
  transition: width .28s cubic-bezier(.2,.7,.2,1), background .25s ease !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.slider-pagination .swiper-pagination-bullet-active{
  width: 26px !important;
  border-radius: 5px !important;
  background: #fff !important;
}

/* ---------- YAN BANNER'LAR ---------- */
.side-banner{
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 28px -16px var(--shadow-color) !important;
  transition: transform .24s cubic-bezier(.2,.7,.2,1), box-shadow .24s ease !important;
}
.side-banner:hover{
  transform: translateY(-4px) !important;
  box-shadow: 0 18px 40px -18px rgba(var(--accent-rgb), .4) !important;
}
.side-banner img{ border-radius: 16px !important; transition: transform .5s cubic-bezier(.2,.7,.2,1) !important; }
.side-banner:hover img{ transform: scale(1.06) !important; }

/* placeholder banner — gradient premium */
.placeholder-banner{
  border-radius: 16px !important;
  background: var(--accent-gradient) !important;
  color: #fff !important;
  box-shadow: 0 10px 28px -12px rgba(var(--accent-rgb), .5) !important;
}
.placeholder-banner.orange{
  background: linear-gradient(135deg, #f97316 0%, #fb923c 100%) !important;
  box-shadow: 0 10px 28px -12px rgba(249,115,22,.5) !important;
}
.placeholder-banner i{ opacity: .95; }
.placeholder-banner h4{ font-weight: 800 !important; letter-spacing: -0.02em; }

/* ---------- TOP BRANDS SLIDER ---------- */
.top-brands-slider .swiper-slide{ transition: transform .2s ease !important; }
.top-brands-slider .swiper-slide:hover{ transform: translateY(-3px); }

/* ---------- Mobil hero ---------- */
@media (max-width: 900px){
  .hero-row{ flex-direction: column !important; gap: 14px !important; }
  .hero-slider-col, .hero-banners-col{ flex: 1 1 100% !important; max-width: 100% !important; }
  .main-hero-slider .slider-arrow{ opacity: 1; }
}


/* =========================================================
   ADIM 4: KATEGORİ SAYFASI — kartlar, filtreler, sıralama, başlık
   Turuncu filtre butonları → mavi (marka tutarlılığı).
   İndirim rozetleri (orange→red) KORUNUR — o konvansiyon.
   ========================================================= */

/* ---------- ÜRÜN KARTI (.card-product) — homepage kalitesine ---------- */
.card-product a > div{
  border-radius: 16px !important;
  box-shadow: 0 1px 3px var(--shadow-color), 0 10px 26px -14px var(--shadow-color) !important;
  transition: transform .24s cubic-bezier(.2,.7,.2,1), box-shadow .24s ease, border-color .24s ease !important;
}
.card-product:hover a > div{
  transform: translateY(-6px) !important;
  box-shadow: 0 20px 44px -16px rgba(var(--accent-rgb), .34), 0 6px 16px -10px var(--shadow-color) !important;
  border-color: rgba(var(--accent-rgb), .5) !important;
}
.card-product img{ transition: transform .5s cubic-bezier(.2,.7,.2,1) !important; }

/* ---------- FİLTRE BUTONLARI → MAVİ ---------- */
#applyFilters, #mobileApplyFilters, #mobileFilterBtn, .filter-btn{
  background: var(--accent-gradient) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px -3px rgba(var(--accent-rgb), .40) !important;
  transition: transform .18s ease, box-shadow .2s ease, filter .2s ease !important;
}
#applyFilters:hover, #mobileApplyFilters:hover, #mobileFilterBtn:hover, .filter-btn:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px -4px rgba(var(--accent-rgb), .52) !important;
  filter: brightness(1.05);
}

/* ---------- SIRALAMA (pnv-sort-sel) ---------- */
.pnv-sort-sel{
  border-radius: 10px !important;
  border: 1.5px solid var(--border-color) !important;
  background: var(--bg-secondary) !important;
  padding: 7px 30px 7px 12px !important;
  font-weight: 600 !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
}
.pnv-sort-sel:hover, .pnv-sort-sel:focus{
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px rgba(var(--accent-rgb), .12) !important;
  outline: none !important;
}
.pnv-sort-lbl{ font-weight: 600 !important; color: var(--text-secondary) !important; }

/* ---------- SIDEBAR: kategori listesi + filtre panel ---------- */
.category-list a{
  border-radius: 9px !important;
  transition: background .15s ease, color .15s ease, padding-left .15s ease !important;
}
.category-list a:hover{
  background: rgba(var(--accent-rgb), .08) !important;
  color: var(--accent) !important;
  padding-left: 12px !important;
}
/* fiyat filtre input focus */
#filterMinPrice:focus, #filterMaxPrice:focus, #mobileMinPrice:focus, #mobileMaxPrice:focus{
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px rgba(var(--accent-rgb), .12) !important;
  outline: none !important;
}

/* ---------- KATEGORİ BAŞLIK BANNER (cat-topbar) ---------- */
.cat-topbar{
  border-radius: 16px !important;
  box-shadow: 0 14px 36px -18px rgba(var(--accent-rgb), .5) !important;
  overflow: hidden;
}

/* ---------- SEO içerik başlığı (kategori altı) ---------- */
.seo-content h2{ letter-spacing: -0.01em; }

/* ---------- section-page nefes alanı ---------- */
.pf-section-page, .pf-products-page{ padding-top: 24px; }

/* ---------- Mobil filtre drawer/overlay (varsa) ---------- */
.pf-mobile-filter-drawer{ border-radius: 20px 20px 0 0 !important; }


/* =========================================================
   ADIM 5: ÜRÜN DETAY SAYFASI (product.php, pg- classlar)
   ⚠️ .pg-btn-cart (Sepete Ekle) KASITLI OLARAK ELLENMİYOR (kullanıcı isteği).
   ========================================================= */

/* ---------- ÜRÜN GÖRSELİ ---------- */
.pg-product-image{
  border-radius: 20px !important;
  box-shadow: 0 20px 50px -22px rgba(var(--accent-rgb), .3), inset 0 0 60px rgba(0,0,0,.10) !important;
  border: 1px solid var(--border-color) !important;
}
.pg-product-image img{ transition: transform .5s cubic-bezier(.2,.7,.2,1) !important; }
.pg-product-image:hover img{ transform: scale(1.04) !important; }
.pg-detail-badge{ box-shadow: 0 6px 16px -4px rgba(0,0,0,.3) !important; border-radius: 10px !important; letter-spacing: -0.01em; }

/* ---------- KATEGORİ CHIP (marka rengine) ---------- */
.pg-product-category{
  background: rgba(var(--accent-rgb), .10) !important;
  border: 1px solid rgba(var(--accent-rgb), .18) !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
}

/* ---------- BAŞLIK ---------- */
.pg-product-title{
  font-size: 28px !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.25 !important;
}

/* ---------- ÖZELLİK ÇİPLERİ ---------- */
.pg-product-feature{
  border-radius: 12px !important;
  border: 1px solid var(--border-color) !important;
  background: var(--bg-secondary) !important;
  transition: border-color .2s ease, transform .18s ease !important;
}
.pg-product-feature:hover{ border-color: rgba(var(--accent-rgb), .4) !important; transform: translateY(-1px); }

/* ---------- FİYAT KUTUSU ---------- */
.pg-price-box{
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px -14px var(--shadow-color) !important;
  padding: 22px !important;
}
.pg-price-current{
  font-size: 34px !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  color: var(--accent) !important;
}
.pg-price-discount{
  border-radius: 8px !important;
  font-weight: 700 !important;
  box-shadow: 0 3px 10px -2px rgba(239,68,68,.4) !important;
}
.pg-price-save{ color: var(--success) !important; font-weight: 600 !important; }

/* ---------- STOK ROZETİ ---------- */
.pg-stock-badge{ border-radius: 999px !important; font-weight: 600 !important; }

/* ---------- HEMEN AL (pg-btn-buy) — birincil CTA ---------- */
.pg-btn-buy{
  background: var(--accent-gradient) !important;
  border: none !important; color: #fff !important;
  border-radius: 14px !important;
  font-weight: 700 !important; letter-spacing: -0.01em !important;
  box-shadow: 0 6px 18px -4px rgba(var(--accent-rgb), .48) !important;
  transition: transform .18s cubic-bezier(.4,0,.2,1), box-shadow .2s ease, filter .2s ease !important;
}
.pg-btn-buy:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 30px -6px rgba(var(--accent-rgb), .6) !important;
  filter: brightness(1.05);
}
.pg-btn-buy:active{ transform: translateY(0) scale(.98) !important; }

/* ---------- EXTRAS INPUT focus ---------- */
.pg-extras-input input:focus{
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 4px rgba(var(--accent-rgb), .13) !important;
}

/* ---------- ÖDEME / GÜVENCE ---------- */
.pg-pay-chip{
  border-radius: 999px !important;
  border: 1px solid var(--border-color) !important;
  background: var(--bg-primary) !important;
}
.pg-buy-assurance{
  background: var(--bg-primary) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
}

/* ---------- SEKMELER ---------- */
.pg-tabs-nav{ border-bottom: 1px solid var(--border-color) !important; }
.pg-tab-btn{ font-weight: 600 !important; letter-spacing: -0.01em !important; transition: color .18s ease !important; }
.pg-tab-btn:hover{ color: var(--accent) !important; }
.pg-tab-btn.active{ color: var(--accent) !important; }
.pg-tab-btn.active::after{
  background: var(--accent-gradient) !important;
  height: 3px !important; border-radius: 3px 3px 0 0 !important;
}

/* ---------- BENZER ÜRÜNLER ---------- */
.pg-similar-item{ border-radius: 12px !important; transition: background .18s ease, transform .18s ease !important; }
.pg-similar-item:hover{ background: rgba(var(--accent-rgb), .06) !important; transform: translateX(2px); }
.pg-similar-img{ border-radius: 10px !important; overflow: hidden; }
.pg-similar-price{ color: var(--accent) !important; font-weight: 700 !important; }

/* ---------- STICKY SATIN AL (mobil) — cam ---------- */
.pg-sticky-buy{
  background: color-mix(in srgb, var(--bg-secondary) 88%, transparent) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.5);
  backdrop-filter: blur(14px) saturate(1.5);
  border-top: 1px solid var(--border-color) !important;
  box-shadow: 0 -10px 30px -12px var(--shadow-color) !important;
}
.pg-sticky-price{ color: var(--accent) !important; font-weight: 800 !important; letter-spacing: -0.02em; }

/* ---------- BREADCRUMB ---------- */
.pg-breadcrumb a{ transition: color .15s ease !important; }
.pg-breadcrumb a:hover{ color: var(--accent) !important; }


/* =========================================================
   ADIM 5b: ÜRÜN DETAY (devam) — adet, toplam, güven, yorumlar, sekme içeriği
   ========================================================= */

/* ---------- ADET SEÇİCİ ---------- */
.pg-quantity{
  border-radius: 12px !important;
  border: 1.5px solid var(--border-color) !important;
  overflow: hidden;
  background: var(--bg-secondary) !important;
}
.pg-quantity-btn{
  transition: background .18s ease, color .18s ease !important;
}
.pg-quantity-btn:hover{
  background: rgba(var(--accent-rgb), .12) !important;
  color: var(--accent) !important;
}
.pg-quantity input{ font-weight: 700 !important; }

/* ---------- TOPLAM KUTUSU ---------- */
.pg-qty-total{
  border-radius: 12px !important;
  background: rgba(var(--accent-rgb), .06) !important;
  border: 1px solid rgba(var(--accent-rgb), .16) !important;
}
.pg-qty-total-val{ letter-spacing: -0.02em; }

/* ---------- OPSİYONEL ÜRÜNLER — köşe tutarlılığı ---------- */
.optional-item{ border-radius: 12px !important; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease !important; }
.optional-items-list{ display:flex !important; flex-direction:column; gap:8px; }

/* ---------- GÜVEN ROZETLERİ ---------- */
.product-trust-section{ border-radius: 16px !important; }
.product-trust-item{
  border-radius: 12px !important;
  transition: transform .18s ease, border-color .18s ease !important;
}
.product-trust-item:hover{ transform: translateY(-2px); }
.product-trust-item i{ color: var(--accent) !important; }
.product-trust-etbis{ border-radius: 14px !important; border: 1px solid var(--border-color) !important; }

/* ---------- PUAN SATIRI ---------- */
.pg-stars{ filter: drop-shadow(0 1px 2px rgba(245,166,35,.3)); }
.pg-rating-sold{ color: var(--text-secondary) !important; }

/* ---------- YORUMLAR ---------- */
.pg-review-item{
  border-radius: 14px !important;
  border: 1px solid var(--border-color) !important;
  background: var(--bg-secondary) !important;
  padding: 16px 18px !important;
  transition: border-color .18s ease, box-shadow .18s ease !important;
}
.pg-review-item:hover{
  border-color: rgba(var(--accent-rgb), .35) !important;
  box-shadow: 0 8px 22px -14px var(--shadow-color) !important;
}
.pg-review-avatar{
  background: var(--accent-gradient) !important;
  color: #fff !important;
  box-shadow: 0 3px 10px -2px rgba(var(--accent-rgb), .4) !important;
}
.pg-review-stars{ color: #f5a623 !important; }
.pg-review-verified{ color: var(--success) !important; font-weight: 600 !important; }
.pg-review-date{ color: var(--text-secondary) !important; }

/* ---------- SEKME İÇERİĞİ (açıklama) tipografisi ---------- */
.pg-tab-content{ line-height: 1.75 !important; color: var(--text-secondary) !important; }
.pg-tab-content h2, .pg-tab-content h3{ color: var(--text-primary) !important; font-weight: 800 !important; letter-spacing: -0.02em; margin-top: 1.2em; }
.pg-tab-content a{ color: var(--accent) !important; font-weight: 600; }
.pg-tab-content strong{ color: var(--text-primary) !important; }
.pg-tab-content ul li{ margin: .35em 0; }


/* =========================================================
   ADIM 6: SEPET / ÖDEME AKIŞI (cart.php, pg-cart-* classlar)
   ========================================================= */

/* ---------- KARTLAR ---------- */
.pg-card, .pg-cart-table-card, .pg-cart-summary{
  border-radius: 18px !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 10px 30px -18px var(--shadow-color) !important;
}

/* ---------- ÜRÜN SATIRLARI ---------- */
.pg-cart-table-row{ transition: background .18s ease !important; }
.pg-cart-table-row:hover{ background: rgba(var(--accent-rgb), .04) !important; }

/* ---------- ADET KONTROL ---------- */
.pg-qty-control{
  border-radius: 12px !important;
  border: 1.5px solid var(--border-color) !important;
  overflow: hidden;
}
.pg-qty-btn{ transition: background .18s ease, color .18s ease !important; }
.pg-qty-btn:hover:not(:disabled){ background: rgba(var(--accent-rgb), .12) !important; color: var(--accent) !important; }
.pg-qty-value{ font-weight: 700 !important; }

/* ---------- SİL BUTONU ---------- */
.pg-btn-delete{ border-radius: 10px !important; transition: background .18s ease, color .18s ease, transform .15s ease !important; }
.pg-btn-delete:hover{ background: rgba(239,68,68,.12) !important; color: var(--danger) !important; transform: scale(1.05); }

/* ---------- ÖZET / TOPLAM ---------- */
.pg-summary-total-box{
  border-radius: 14px !important;
  background: rgba(var(--accent-rgb), .07) !important;
  border: 1px solid rgba(var(--accent-rgb), .18) !important;
}
.pg-summary-total-box .pg-summary-amount{
  color: var(--accent) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}
.pg-summary-discount-box{ border-radius: 12px !important; }

/* ---------- KUPON ---------- */
.pg-coupon-box{ border-radius: 12px !important; }
.pg-coupon-input-row input{ border-radius: 10px !important; transition: border-color .2s ease, box-shadow .2s ease !important; }
.pg-coupon-input-row input:focus{ border-color: var(--accent) !important; box-shadow: 0 0 0 3px rgba(var(--accent-rgb), .12) !important; outline: none !important; }
.pg-coupon-apply-btn{
  border-radius: 10px !important;
  background: var(--accent-gradient) !important;
  color: #fff !important; border: none !important;
  transition: transform .18s ease, box-shadow .2s ease, filter .2s ease !important;
}
.pg-coupon-apply-btn:hover{ transform: translateY(-1px) !important; filter: brightness(1.05); box-shadow: 0 6px 16px -4px rgba(var(--accent-rgb), .4) !important; }

/* ---------- CHECKOUT CTA ---------- */
.pg-btn-checkout{
  border-radius: 14px !important;
  background: var(--accent-gradient) !important;
  color: #fff !important; border: none !important;
  font-weight: 700 !important; letter-spacing: -0.01em !important;
  box-shadow: 0 6px 18px -4px rgba(var(--accent-rgb), .45) !important;
  transition: transform .18s cubic-bezier(.4,0,.2,1), box-shadow .2s ease, filter .2s ease !important;
}
.pg-btn-checkout:hover{ transform: translateY(-2px) !important; box-shadow: 0 12px 28px -6px rgba(var(--accent-rgb), .55) !important; filter: brightness(1.04); }
.pg-btn-checkout:active{ transform: translateY(0) scale(.98) !important; }
/* "Alışverişe devam" ikincil buton — ghost */
.pg-btn-checkout.pg-btn-shop{
  background: transparent !important;
  color: var(--text-primary) !important;
  border: 1.5px solid var(--border-color) !important;
  box-shadow: none !important;
}
.pg-btn-checkout.pg-btn-shop:hover{ border-color: var(--accent) !important; color: var(--accent) !important; background: rgba(var(--accent-rgb), .06) !important; }

/* ---------- ÖDEME SEÇENEKLERİ ---------- */
.pg-payment-option{
  border-radius: 14px !important;
  border: 1.5px solid var(--border-color) !important;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .15s ease !important;
}
.pg-payment-option:hover{
  border-color: rgba(var(--accent-rgb), .5) !important;
  background: rgba(var(--accent-rgb), .05) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px -12px var(--shadow-color) !important;
}
.pg-payment-option.selected, .pg-payment-option.is-active{
  border-color: var(--accent) !important;
  background: rgba(var(--accent-rgb), .08) !important;
  box-shadow: 0 0 0 1px var(--accent) !important;
}
.pg-payment-icon{ color: var(--accent) !important; }

/* ---------- BOŞ SEPET ---------- */
.pg-cart-empty-inline i{ color: var(--accent) !important; }


/* =========================================================
   ADIM 7: FOOTER ince ayar (footer.min.css'i !important ile geçer)
   ========================================================= */

/* ---------- 5 SÜTUNLU GRID (Ücretsiz Araçlar sütunu alta kaymasın) ---------- */
@media (min-width: 992px){
  .pg-footer-grid{ grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr !important; gap: 26px !important; align-items: start !important; }
}

/* ---------- MOBIL/TABLET: 2 KOLON (yan yana) — marka tam genislik ---------- */
@media (max-width: 991px){
  .pg-footer-grid{ grid-template-columns: 1fr 1fr !important; gap: 22px 18px !important; }
  .pg-footer-grid > .pg-footer-section:nth-child(1){ grid-column: 1 / -1 !important; order: 0 !important; }
  .pg-footer-grid > .pg-footer-section:nth-child(3){ order: 1 !important; } /* Destek */
  .pg-footer-grid > .pg-footer-section:nth-child(4){ order: 2 !important; } /* Ucretsiz Araclar */
  .pg-footer-grid > .pg-footer-section:nth-child(2){ order: 3 !important; } /* Son Haberler */
  .pg-footer-grid > .pg-footer-section:nth-child(5){ order: 4 !important; } /* Populer Kategoriler */
}
@media (max-width: 380px){
  .pg-footer-grid{ gap: 18px 12px !important; }
}

/* ---------- FOOTER üst ince aksan çizgisi ---------- */
.pg-footer{ position: relative; }
.pg-footer::before{
  content:''; position:absolute; top:0; left:0; right:0; height:2px;
  background: linear-gradient(90deg, transparent, rgba(var(--accent-rgb), .5), transparent);
}

/* ---------- BÖLÜM BAŞLIKLARI + aksan alt çizgi ---------- */
.pg-footer-title{
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  position: relative;
  padding-bottom: 10px !important;
}
.pg-footer-title::after{
  content:''; position:absolute; left:0; bottom:0;
  width: 26px; height: 2px; border-radius: 2px;
  background: var(--accent-gradient);
}

/* ---------- LİNKLER — mevcut hover'ı koru, ince geçiş ---------- */
.pg-footer-links a{ transition: color .18s ease, padding-left .18s ease !important; }
.pg-footer-links a:hover{ padding-left: 3px !important; }

/* ---------- SOSYAL İKONLAR ---------- */
.pg-footer-social a{ border-radius: 12px !important; transition: transform .18s ease, background .2s ease, color .2s ease, box-shadow .2s ease !important; }
.pg-footer-social a:hover{ box-shadow: 0 8px 18px -6px rgba(var(--accent-rgb), .5) !important; }

/* ---------- GÜVEN ROZETLERİ ---------- */
.pg-trust-badges{ padding-top: 26px !important; }
.pg-trust-badge{
  border-radius: 16px !important;
  border: 1px solid var(--border-color) !important;
  background: var(--bg-secondary) !important;
  transition: transform .2s cubic-bezier(.2,.7,.2,1), border-color .2s ease, box-shadow .2s ease !important;
}
.pg-trust-badge:hover{
  border-color: rgba(var(--accent-rgb), .5) !important;
  box-shadow: 0 14px 32px -16px rgba(var(--accent-rgb), .4) !important;
}

/* ---------- ALT BAR + ÖDEME LOGOLARI ---------- */
.pg-footer-bottom{ border-top: 1px solid var(--border-color) !important; }
.pg-footer-bottom img{
  filter: grayscale(.35) opacity(.85);
  transition: filter .2s ease, transform .2s ease;
}
.pg-footer-bottom img:hover{ filter: none; transform: translateY(-1px); }

/* ---------- MOBİL TAB BAR ---------- */
.pg-mobile-tabbar{
  -webkit-backdrop-filter: blur(14px) saturate(1.5);
  backdrop-filter: blur(14px) saturate(1.5);
  background: color-mix(in srgb, var(--bg-secondary) 90%, transparent) !important;
  border-top: 1px solid var(--border-color) !important;
  box-shadow: 0 -8px 26px -14px var(--shadow-color) !important;
}
.pg-mobile-tabbar .pg-tab{ transition: color .18s ease !important; }
.pg-mobile-tabbar .pg-tab:hover, .pg-mobile-tabbar .pg-tab.active{ color: var(--accent) !important; }
.pg-mobile-tabbar .pg-tab-cart .pg-tab-ico{ color: var(--accent) !important; }


/* =========================================================
   ADIM 7b: FOOTER KOYU — "footer olduğu belli olsun" (kullanıcı isteği)
   Footer koyu slate; üstteki SEO metin bandı açık kalır (içerik gibi).
   ========================================================= */

/* ---------- Footer koyu zemin ---------- */
.pg-footer{
  background: #0e1626 !important;
  border-top: none !important;
}
html[data-theme="dark"] .pg-footer, [data-theme="dark"] .pg-footer{
  background: #070c16 !important;
}
/* biraz daha "kalın" hava */
.pg-footer > .container{ padding-top: 44px !important; }

/* SEO metin bandı AÇIK kalsın (sayfa içeriği gibi) + alta ayraç */
.pf-seo-content-section{
  background: var(--bg-primary) !important;
  border-bottom: 1px solid var(--border-color) !important;
}

/* ---------- Koyu footerdaki metinleri aç ---------- */
.pg-footer-logo{ color: #fff !important; }
.pg-footer-logo i{ color: var(--accent-light) !important; }
.pg-footer-desc{ color: rgba(255,255,255,.62) !important; }
.pg-footer-title{ color: #fff !important; }
.pg-footer-links a{ color: rgba(255,255,255,.64) !important; }
.pg-footer-links a i{ color: var(--accent-light) !important; }
.pg-footer-links a:hover{ color: #fff !important; }
.pg-footer-social a{ background: rgba(255,255,255,.08) !important; color: rgba(255,255,255,.82) !important; }

/* ---------- Güven rozetleri: koyu footerde koyu cam kart ---------- */
.pg-trust-badge{
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}
.pg-trust-badge:hover{
  border-color: var(--accent) !important;
  background: rgba(255,255,255,.08) !important;
}
.pg-trust-badge i{ color: var(--accent-light) !important; }
.pg-trust-badge-text span{ color: #fff !important; }
.pg-trust-badge-text small{ color: rgba(255,255,255,.58) !important; }

/* ---------- Alt bar ---------- */
.pg-footer-bottom{ border-top: 1px solid rgba(255,255,255,.10) !important; }
.pg-footer-bottom p{ color: rgba(255,255,255,.58) !important; }
/* ödeme logoları: koyu zeminde görünür kalsın → beyaz çip */
.pg-footer-bottom img{
  filter: none !important;
  background: #fff !important;
  border-radius: 6px !important;
  padding: 4px 8px !important;
  opacity: 1 !important;
}
.pg-footer-bottom img:hover{ transform: translateY(-1px); }


/* =========================================================
   ADIM 8: GİRİŞ / KAYIT (auth.php, auth-* classlar)
   ========================================================= */

/* ---------- Modal kartı ---------- */
.auth-modal-container{
  border-radius: 24px !important;
  box-shadow: 0 30px 90px -30px rgba(var(--accent-rgb), .35), 0 12px 40px -22px var(--shadow-color) !important;
}

/* ---------- Sağ marka paneli: gradient ---------- */
.auth-modal-right{ background: var(--accent-gradient) !important; }

/* ---------- Sekmeler ---------- */
.auth-tabs{ border-radius: 14px !important; }
.auth-tab{ transition: color .2s ease, background .25s ease, box-shadow .2s ease !important; }
.auth-tab.active{
  background: var(--accent-gradient) !important;
  box-shadow: 0 4px 12px -2px rgba(var(--accent-rgb), .42) !important;
}

/* ---------- Inputlar: focus glow ---------- */
.auth-form-control{
  border-radius: 12px !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}
.auth-form-control:focus{
  border-color: var(--accent) !important;
  background: var(--bg-secondary) !important;
  box-shadow: 0 0 0 4px rgba(var(--accent-rgb), .13) !important;
  outline: none !important;
}
.auth-input-wrapper:focus-within i{ color: var(--accent) !important; }

/* ---------- Submit CTA ---------- */
.auth-submit-btn{
  background: var(--accent-gradient) !important;
  border-radius: 14px !important;
  font-weight: 700 !important; letter-spacing: -0.01em !important;
  box-shadow: 0 6px 18px -4px rgba(var(--accent-rgb), .45) !important;
  transition: transform .18s cubic-bezier(.4,0,.2,1), box-shadow .2s ease, filter .2s ease !important;
}
.auth-submit-btn:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 30px -6px rgba(var(--accent-rgb), .58) !important;
  filter: brightness(1.04);
}
.auth-submit-btn:active{ transform: translateY(0) scale(.98) !important; }

/* ---------- Linkler / checkbox ---------- */
.auth-switch-link:hover, .auth-link:hover{ color: var(--accent-hover) !important; }
.auth-checkbox input[type="checkbox"]{ accent-color: var(--accent); }

/* ---------- Sayfa zemini: ince grid çizgi deseni + gradient parıltı ---------- */
.auth-page-wrapper{
  background-color: var(--bg-primary) !important;
  background-image:
    linear-gradient(rgba(var(--accent-rgb), .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--accent-rgb), .05) 1px, transparent 1px),
    radial-gradient(at 22% 18%, rgba(var(--accent-rgb), .14) 0px, transparent 42%),
    radial-gradient(at 82% 85%, rgba(var(--accent-rgb), .11) 0px, transparent 42%) !important;
  background-size: 44px 44px, 44px 44px, 100% 100%, 100% 100% !important;
  background-position: center center, center center, 0 0, 0 0 !important;
}
html[data-theme="dark"] .auth-page-wrapper, [data-theme="dark"] .auth-page-wrapper{
  background-image:
    linear-gradient(rgba(255,255,255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255, .035) 1px, transparent 1px),
    radial-gradient(at 22% 18%, rgba(var(--accent-rgb), .22) 0px, transparent 42%),
    radial-gradient(at 82% 85%, rgba(var(--accent-rgb), .16) 0px, transparent 42%) !important;
  background-size: 44px 44px, 44px 44px, 100% 100%, 100% 100% !important;
}


/* =========================================================
   ADIM 9: KULLANICI PANELİ (client/, sidebar.php inline CSS)
   ========================================================= */

/* ---------- SIDEBAR MENÜ KARTI ---------- */
.unified-menu-card{
  border-radius: 18px !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 10px 30px -18px var(--shadow-color) !important;
}
.profile-avatar{
  background: var(--accent-gradient) !important;
  box-shadow: 0 6px 18px -4px rgba(var(--accent-rgb), .45) !important;
}
.profile-balance{
  background: rgba(var(--accent-rgb), .08) !important;
  border: 1px solid rgba(var(--accent-rgb), .16) !important;
  border-radius: 14px !important;
}
.balance-value{ color: var(--accent) !important; font-weight: 800 !important; letter-spacing: -0.02em; }
.menu-section-title{ font-weight: 700 !important; letter-spacing: .03em; }

/* ---------- MENÜ ÖĞELERİ ---------- */
.menu-item-link{
  border-radius: 12px !important;
  transition: background .18s ease, color .18s ease, transform .15s ease !important;
}
.menu-item-link:hover{ background: rgba(var(--accent-rgb), .07) !important; transform: translateX(2px); }
.menu-item-link.active{
  background: rgba(var(--accent-rgb), .10) !important;
  box-shadow: inset 3px 0 0 var(--accent) !important;
}
.menu-item-link.active .menu-icon, .menu-item-link.active .menu-label{ color: var(--accent) !important; }
.menu-item-link.active .menu-arrow, .menu-item-link:hover .menu-arrow{ color: var(--accent) !important; transform: translateX(2px); }

/* ---------- SAYFA BAŞLIĞI ---------- */
.client-page-header{ letter-spacing: -0.01em; }
.client-page-header i{ color: var(--accent) !important; }

/* ---------- DASHBOARD STAT KARTLARI ---------- */
.stat-item{
  border-radius: 16px !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 8px 24px -16px var(--shadow-color) !important;
  transition: transform .2s cubic-bezier(.2,.7,.2,1), box-shadow .2s ease, border-color .2s ease !important;
}
.stat-item:hover{
  transform: translateY(-4px) !important;
  box-shadow: 0 18px 42px -18px rgba(var(--accent-rgb), .28) !important;
  border-color: rgba(var(--accent-rgb), .4) !important;
}
.stat-icon-circle{ box-shadow: 0 6px 16px -4px rgba(0,0,0,.22) !important; }
.stat-value{ font-weight: 800 !important; letter-spacing: -0.02em; }
.stat-arrow{ transition: transform .18s ease, color .18s ease; }
.stat-item:hover .stat-arrow{ transform: translateX(3px); color: var(--accent) !important; }

/* ---------- Genel client kart/buton (ortak) ---------- */
.client-page-header + *, .pf-client-menu-wrapper .btn-primary{ }


/* =========================================================
   ADIM 10: YÜZEN WHATSAPP DESTEK BUTONU (premium benzeri, genel gözden geçirme)
   ========================================================= */
.pnv-float-wa{
  position: fixed; right: 22px; bottom: 24px; z-index: 1150;
  display: inline-flex; align-items: center; gap: 9px;
  background: #25D366; color: #fff !important;
  padding: 13px 18px; border-radius: 999px;
  font-weight: 700; font-size: 14.5px; text-decoration: none; line-height: 1;
  box-shadow: 0 12px 30px -6px rgba(37,211,102,.55);
  transition: transform .2s cubic-bezier(.2,.7,.2,1), box-shadow .2s ease;
}
.pnv-float-wa i{ font-size: 23px; }
.pnv-float-wa:hover{ transform: translateY(-3px) scale(1.03); box-shadow: 0 18px 40px -8px rgba(37,211,102,.72); color: #fff !important; }
.pnv-float-wa::after{
  content:''; position:absolute; inset:0; border-radius:999px; pointer-events:none;
  animation: pnvWaPulse 2.4s infinite;
}
@keyframes pnvWaPulse{
  0%{ box-shadow: 0 0 0 0 rgba(37,211,102,.45); }
  70%{ box-shadow: 0 0 0 16px rgba(37,211,102,0); }
  100%{ box-shadow: 0 0 0 0 rgba(37,211,102,0); }
}
@media (max-width: 992px){
  .pnv-float-wa{ bottom: 70px; right: 14px; padding: 13px; }
  .pnv-float-wa-label{ display: none; }
  .pnv-float-wa i{ font-size: 24px; }
}


/* ===== Aydınlık modda footer: header gibi açık zemin + koyu okunur yazı (2026-07-18) ===== */
html:not([data-theme="dark"]) footer.pg-footer,
html:not([data-theme="dark"]) .pg-footer{
  background: var(--bg-secondary) !important;
  border-top: 1px solid var(--border-color) !important;
}
html:not([data-theme="dark"]) .pg-footer-logo,
html:not([data-theme="dark"]) .pg-footer-title,
html:not([data-theme="dark"]) .pg-footer-links a:hover,
html:not([data-theme="dark"]) .pg-trust-badge-text span{ color: var(--text-primary) !important; }
html:not([data-theme="dark"]) .pg-footer-desc,
html:not([data-theme="dark"]) .pg-footer-links a,
html:not([data-theme="dark"]) .pg-footer-bottom p,
html:not([data-theme="dark"]) .pg-trust-badge-text small{ color: var(--text-secondary) !important; }
html:not([data-theme="dark"]) .pg-footer-logo i,
html:not([data-theme="dark"]) .pg-footer-links a i,
html:not([data-theme="dark"]) .pg-trust-badge i{ color: var(--accent) !important; }
html:not([data-theme="dark"]) .pg-footer-social a{ background: var(--bg-card) !important; color: var(--text-secondary) !important; border: 1px solid var(--border-color) !important; }
html:not([data-theme="dark"]) .pg-trust-badge{ background: var(--bg-card) !important; border: 1px solid var(--border-color) !important; }
html:not([data-theme="dark"]) .pg-footer-bottom{ border-top: 1px solid var(--border-color) !important; }
html:not([data-theme="dark"]) .pg-footer-bottom img,
html:not([data-theme="dark"]) .pg-payment-methods img{ background: transparent !important; padding: 0 !important; }

/* Footer açık mod zemini header tonuyla aynı (#F7F8F8) */
html:not([data-theme="dark"]) footer.pg-footer,
html:not([data-theme="dark"]) .pg-footer{ background:#F7F8F8 !important; }