/**
 * Premium dark-gaming tema — site geneli
 * Hesap.com.tr / İtemsatis estetiği: füme zemin, amber CTA, soft gri tipografi
 * Sayfa CSS'lerinden sonra yüklenir.
 */

/* ── Zemin & tipografi ── */
html:has(body.dark-mode) {
    background-color: var(--site-page-bg, #0b0c10);
}

html:has(body.seller-dashboard-page) {
    background-color: var(--site-page-bg, #0b0c10);
}

html:has(body.light-mode.seller-dashboard-page) {
    background-color: #f3f4f6;
}

body.dark-mode {
    background: var(--site-page-bg, #0b0c10) !important;
    background-color: var(--site-page-bg, #0b0c10) !important;
    color: var(--text-body, #e8eaed) !important;
}

/* İçerik alanı şeffaf — koyu zemin görünsün, paneller surface-card ile ayrışsın */
body.dark-mode .hk-page,
body.dark-mode .hakkimizda-main,
body.dark-mode main,
body.dark-mode .ilanlarim-page,
body.dark-mode .ilan-ekle-page,
body.dark-mode.seller-dashboard-page main,
body.seller-dashboard-page .sd-shell {
    background: transparent !important;
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode .section-title,
body.dark-mode .category-name {
    color: var(--text-heading, #ffffff);
}

body.dark-mode p,
body.dark-mode li,
body.dark-mode dd,
body.dark-mode .text-muted,
body.dark-mode small {
    color: var(--text-muted, #94a3b8);
}

body.dark-mode label {
    color: var(--text-body, #e8eaed);
}

/* ── Header arama kutusu ── */
body.dark-mode header .search-container input#searchBox.search-box {
    background: var(--chrome-control-bg, #1a1c23) !important;
    border: 1px solid var(--header-strip-border, #2d3139) !important;
    color: var(--text-body, #e8eaed) !important;
    transition: border-color var(--transition-premium, 0.22s ease), box-shadow var(--transition-premium, 0.22s ease), background-color var(--transition-premium, 0.22s ease) !important;
}

body.dark-mode header .search-container input#searchBox.search-box:-webkit-autofill {
    box-shadow: 0 0 0 32px var(--chrome-control-bg, #1a1c23) inset !important;
    -webkit-text-fill-color: var(--text-body, #e8eaed) !important;
    border: 1px solid var(--header-strip-border, #2d3139) !important;
}

body.dark-mode header .search-container input#searchBox.search-box::placeholder {
    color: var(--text-faint, #a0aec0) !important;
    opacity: 0.85 !important;
}

body.dark-mode header .search-container input#searchBox.search-box:focus,
body.dark-mode header .search-container input#searchBox.search-box:focus-visible,
body.dark-mode header .search-container input#searchBox.search-box:active {
    background: var(--surface-hover, #1a1c23) !important;
    border: 1px solid #4a9eff !important;
    box-shadow: none !important;
}

body.dark-mode header .search-container .search-wrapper .header-search-icon-svg {
    stroke: var(--text-faint, #a0aec0);
}

body.dark-mode .search-suggestions {
    background: var(--header-strip-bg, #14151a);
    border-color: var(--header-strip-border, #2d3139);
}

body.dark-mode .search-suggestion:hover {
    background: var(--surface-hover, #1a1c23);
}

/* ── Birincil CTA (turuncu/amber) ── */
body.dark-mode .add-listing-btn .btn-text,
body.dark-mode .add-listing-btn .icon-box {
    color: var(--accent-primary, #ff6b00) !important;
    border-color: var(--accent-primary, #ff6b00) !important;
}

body.dark-mode .add-listing-btn::before,
body.dark-mode .add-listing-btn::after {
    background-color: var(--accent-primary, #ff6b00) !important;
}

body.dark-mode .add-listing-btn.is-pressed {
    background-color: var(--accent-primary, #ff6b00) !important;
}

body.dark-mode .add-listing-btn,
body.dark-mode .category-menu-cta--bakiye,
body.dark-mode .top-up-button,
body.dark-mode .submit-btn:not(.hk-contact-form__submit),
body.dark-mode .epin-list-row__btn--buy,
body.dark-mode .epin-pkg-hero__btn--primary,
body.dark-mode .dash-btn--primary,
body.dark-mode .yer6-cart-btn--checkout {
    background: var(--accent-primary, #ff6b00) !important;
    border-color: var(--accent-primary, #ff6b00) !important;
    color: #ffffff !important;
    transition: background var(--transition-premium, 0.22s ease), border-color var(--transition-premium, 0.22s ease), box-shadow var(--transition-premium, 0.22s ease), transform var(--transition-premium, 0.22s ease) !important;
}

body.dark-mode .add-listing-btn:hover,
body.dark-mode .category-menu-cta--bakiye:hover,
body.dark-mode .top-up-button:hover,
body.dark-mode .submit-btn:not(.hk-contact-form__submit):hover,
body.dark-mode .epin-list-row__btn--buy:hover,
body.dark-mode .epin-pkg-hero__btn--primary:hover,
body.dark-mode .dash-btn--primary:hover,
body.dark-mode .yer6-cart-btn--checkout:hover {
    background: var(--accent-primary-hover, #ff8533) !important;
    border-color: var(--accent-primary-hover, #ff8533) !important;
    box-shadow: 0 4px 20px var(--accent-primary-glow, rgba(255, 107, 0, 0.32)) !important;
}

/* ── İkincil butonlar ── */
body.dark-mode .login-btn,
body.dark-mode .register-btn,
body.dark-mode button:not(.add-listing-btn):not(.submit-btn):not(.top-up-button):not(.category-menu-cta--bakiye):not(.mobile-drawer-close):not(.mobile-drawer-link):not(.mobile-bottom-nav__item):not(.listing-tab):not(.epin-region-tab):not(.epin-source-tab):not(.epin-content-tab):not(.kat-filter-pill):not(.notification-drawer__pill):not(.message-drawer__filter):not(.f-collapse__trigger):not(.f-back-top):not(.header-cart-link):not(.header-account-trigger) {
    transition: background var(--transition-premium, 0.22s ease), border-color var(--transition-premium, 0.22s ease), color var(--transition-premium, 0.22s ease), box-shadow var(--transition-premium, 0.22s ease) !important;
}

body.dark-mode .top-nav .social-panel .social-icon,
.top-nav .social-panel .social-icon {
    transition:
        background 0.1s ease,
        background-color 0.1s ease,
        background-image 0.1s ease,
        border-color 0.1s ease,
        box-shadow 0.1s ease,
        transform 0.1s ease,
        color 0.1s ease !important;
}

body.dark-mode .login-btn:hover,
body.dark-mode .register-btn:hover {
    background: var(--surface-hover, #1a1c23) !important;
    border-color: var(--accent-primary, #ff6b00) !important;
    color: var(--text-heading, #ffffff) !important;
}

/* ── Kurumsal sayfalar ── */
body.dark-mode .hk-page {
    --hk-surface: var(--surface-card, #14151a);
    --hk-surface-2: var(--surface-elevated, #14151a);
    --hk-border: var(--header-strip-border, #2d3139);
    --hk-text: var(--text-heading, #ffffff);
    --hk-muted: var(--text-muted, #94a3b8);
    --hk-blue: var(--accent-link, #e8a66a);
    --hk-blue-live: var(--accent-link-hover, #ffb87a);
}

body.dark-mode .hk-page--iletisim,
body.dark-mode .hk-page--sozlesme {
    --ic-card-bg: var(--surface-card, #14151a);
    --ic-card-border: var(--header-strip-border, #2d3139);
    --ic-panel-tint: var(--surface-inset, #121318);
    --ic-field-bg: var(--chrome-control-bg, #1a1c23);
    --ic-field-border: var(--header-strip-border, #2d3139);
    --ic-hover-blue: var(--accent-primary, #ff6b00);
}

body.dark-mode .hk-page a:not(.hk-strip__link):not(.hk-contact-form__submit) {
    color: var(--accent-link, #e8a66a);
}

body.dark-mode .hk-page a:not(.hk-strip__link):hover {
    color: var(--accent-link-hover, #ffb87a);
}

/* ── Bakiye yükle ── */
body.dark-mode .bakiye-yukle-page {
    --by-bg: var(--site-page-bg, #0b0c10);
    --by-surface: var(--header-strip-bg, #14151a);
    --by-surface-elevated: var(--header-strip-bg, #14151a);
    --by-border: rgba(255, 255, 255, 0.06);
    --by-border-strong: var(--header-strip-border, #2d3139);
    --by-text: var(--text-body, #e8eaed);
    --by-text-muted: var(--text-muted, #94a3b8);
    --by-text-soft: var(--text-faint, #a0aec0);
    --by-item-bg: var(--header-strip-bg, #14151a);
    --by-item-bg-hover: var(--surface-hover, #1a1c23);
    --by-accent: #22c55e;
    --by-accent-blue: var(--accent-primary, #ff6b00);
    background: var(--by-bg) !important;
}

body.dark-mode .bakiye-yukle-page .content-title {
    color: var(--accent-primary, #ff6b00);
}

body.dark-mode .bakiye-yukle-page .form-input {
    background: var(--chrome-control-bg, #1a1c23) !important;
    border-color: var(--header-strip-border, #2d3139) !important;
    color: var(--text-body, #e8eaed) !important;
    transition: border-color var(--transition-premium, 0.22s ease), box-shadow var(--transition-premium, 0.22s ease) !important;
}

body.dark-mode .bakiye-yukle-page .form-input:focus {
    border-color: var(--focus-border, #ff6b00) !important;
    box-shadow: 0 0 0 3px var(--focus-ring, rgba(255, 107, 0, 0.35)) !important;
}

body.dark-mode .bakiye-yukle-page .form-input.disabled,
body.dark-mode .bakiye-yukle-page .form-input[readonly],
body.dark-mode .bakiye-yukle-page .form-input:disabled {
    background: var(--surface-inset, #121318) !important;
}

body.dark-mode .bakiye-yukle-page .payment-method.active {
    border-color: var(--accent-primary, #ff6b00) !important;
}

/* ── Panel / dashboard ── */
body.dark-mode {
    --body-bg: var(--site-page-bg, #0b0c10);
    --header-bg: var(--header-strip-bg, #14151a);
    --sidebar-bg: var(--header-strip-bg, #14151a);
    --card-bg: var(--header-strip-bg, #14151a);
    --input-bg: var(--header-strip-bg, #14151a);
    --border-soft: var(--header-strip-border, #2d3139);
    --text-primary: var(--text-heading, #ffffff);
}

body.dark-mode .dashboard-wrapper {
    background: var(--site-page-bg, #0b0c10) !important;
}

body.dark-mode .dashboard-wrapper .dash-panel,
body.dark-mode .dashboard-wrapper .pwd-card,
body.dark-mode .dashboard-wrapper .mail-card,
body.dark-mode .dashboard-wrapper .bb-card {
    background: var(--surface-card, #14151a) !important;
    border-color: var(--header-strip-border, #2d3139) !important;
}

body.dark-mode .dashboard-wrapper .dash-input,
body.dark-mode .dashboard-wrapper input[type="text"],
body.dark-mode .dashboard-wrapper input[type="email"],
body.dark-mode .dashboard-wrapper input[type="password"],
body.dark-mode .dashboard-wrapper select,
body.dark-mode .dashboard-wrapper textarea {
    background: var(--chrome-control-bg, #1a1c23) !important;
    border-color: var(--header-strip-border, #2d3139) !important;
    color: var(--text-body, #e8eaed) !important;
}

body.dark-mode .dashboard-wrapper .dash-input:focus,
body.dark-mode .dashboard-wrapper input:focus:not(.sd-doping-cancel-step__password-input):not(.sd-seo-panel__input),
body.dark-mode .dashboard-wrapper select:focus,
body.dark-mode .dashboard-wrapper textarea:focus {
    border-color: var(--focus-border, #ff6b00) !important;
    box-shadow: 0 0 0 2px var(--focus-ring, rgba(255, 107, 0, 0.35)) !important;
}

/* ── Bildirim & mesaj çekmeceleri ── */
body.dark-mode .notification-drawer-root {
    --nd-bg: var(--header-strip-bg, #14151a);
    --nd-surface: var(--header-strip-bg, #14151a);
    --nd-surface-2: var(--header-strip-bg, #14151a);
    --nd-surface-elevated: var(--surface-hover, #1a1c23);
    --nd-border: var(--header-strip-border, #2d3139);
    --nd-accent: var(--accent-primary, #ff6b00);
    --nd-muted: var(--text-muted, #94a3b8);
}

body.dark-mode .message-drawer-root {
    --md-bg: var(--header-strip-bg, #14151a);
    --md-surface: var(--header-strip-bg, #14151a);
    --md-surface-2: var(--header-strip-bg, #14151a);
    --md-border: var(--header-strip-border, #2d3139);
    --md-accent: var(--accent-primary, #ff6b00);
    --md-muted: var(--text-muted, #94a3b8);
}

/* ── İlanlar & kartlar ── */
body.dark-mode .contact-content,
body.dark-mode .two-panel-item,
body.dark-mode .pubg-card,
body.dark-mode .faq-item,
body.dark-mode .hakkimizda-card,
body.dark-mode .hakkimizda-section,
body.dark-mode .benzer-ilan-card,
body.dark-mode .listing-card,
body.dark-mode .ilan-card,
body.dark-mode .category-card {
    background: var(--surface-card, #14151a) !important;
    border-color: var(--header-strip-border, #2d3139) !important;
    transition: background var(--transition-premium, 0.22s ease), border-color var(--transition-premium, 0.22s ease), box-shadow var(--transition-premium, 0.22s ease) !important;
}

body.dark-mode .two-panel-item:hover,
body.dark-mode .pubg-card:hover,
body.dark-mode .faq-item:hover,
body.dark-mode .benzer-ilan-card:hover,
body.dark-mode .listing-card:hover {
    background: var(--surface-hover, #1a1c23) !important;
    border-color: color-mix(in srgb, var(--accent-primary, #ff6b00) 45%, var(--header-strip-border, #2d3139)) !important;
}

/* ── Form elemanları ── */
body.dark-mode .search-box:not(#searchBox),
body.dark-mode .search-container input:not(#searchBox),
body.dark-mode .pubg-search-box {
    background: var(--chrome-control-bg, #1a1c23) !important;
    border: 1px solid var(--header-strip-border, #2d3139) !important;
    color: var(--text-body, #e8eaed) !important;
}

body.dark-mode input:not(#searchBox):not(.epin-pubg-hero__search-input):not(.epin-sheet__input):not(.epin-pkg-qty__input):not(.notification-drawer__search-input):not(.message-drawer__search-input):not(.hk-field-input):not(.sd-doping-cancel-step__password-input):not(.sd-seo-panel__input):not(#ilanlarToolbarKeyword):not(#ilanPazariKeyword):not(#ilanPazariCatSearch):not(.ilan-pazari-sidebar__search-input):not(.filter-input):not(.price-input),
body.dark-mode textarea,
body.dark-mode select:not(.epin-sheet__select):not(.filter-select) {
    background: var(--chrome-control-bg, #1a1c23) !important;
    border: 1px solid var(--header-strip-border, #2d3139) !important;
    color: var(--text-body, #e8eaed) !important;
    transition: border-color var(--transition-premium, 0.22s ease), box-shadow var(--transition-premium, 0.22s ease) !important;
}

body.dark-mode input:not(#searchBox):not(.epin-pubg-hero__search-input):not(.epin-sheet__input):not(.epin-pkg-qty__input):not(.sd-doping-cancel-step__password-input):not(.sd-seo-panel__input):not(#ilanlarToolbarKeyword):not(#ilanPazariKeyword):not(#ilanPazariCatSearch):not(.ilan-pazari-sidebar__search-input):not(.filter-input):not(.price-input):focus,
body.dark-mode textarea:focus,
body.dark-mode select:not(.epin-sheet__select):not(.filter-select):focus,
body.dark-mode .hk-field-input:focus {
    border-color: var(--focus-border, #ff6b00) !important;
    box-shadow: 0 0 0 2px var(--focus-ring, rgba(255, 107, 0, 0.35)) !important;
    outline: none !important;
}

/* ── Tablolar ── */
body.dark-mode table {
    border-color: var(--header-strip-border, #2d3139);
}

body.dark-mode th {
    background: var(--header-strip-bg, #14151a);
    color: var(--text-heading, #ffffff);
    border-color: var(--header-strip-border, #2d3139);
}

body.dark-mode td {
    border-color: var(--header-strip-border, #2d3139);
    color: var(--text-muted, #94a3b8);
}

body.dark-mode tr:hover td {
    background: var(--surface-hover, #1a1c23);
}

/* ── Alert / bilgi kutuları ── */
body.dark-mode .alert,
body.dark-mode .auth-alert,
body.dark-mode .info-box,
body.dark-mode .dash-info-box {
    background: var(--header-strip-bg, #14151a) !important;
    border-color: var(--header-strip-border, #2d3139) !important;
    color: var(--text-muted, #94a3b8) !important;
}

body.dark-mode .alert-success,
body.dark-mode .auth-alert--success {
    border-color: color-mix(in srgb, #22c55e 40%, var(--header-strip-border, #2d3139)) !important;
    background: color-mix(in srgb, #22c55e 8%, var(--header-strip-bg, #14151a)) !important;
}

body.dark-mode .alert-danger,
body.dark-mode .auth-alert--error {
    border-color: color-mix(in srgb, #ef4444 40%, var(--header-strip-border, #2d3139)) !important;
    background: color-mix(in srgb, #ef4444 8%, var(--header-strip-bg, #14151a)) !important;
}

/* ── Scrollbar ── */
body.dark-mode::-webkit-scrollbar-track {
    background: var(--site-page-bg, #0b0c10);
}

body.dark-mode::-webkit-scrollbar-thumb {
    background: #3a3d47;
    border-radius: 4px;
}

body.dark-mode::-webkit-scrollbar-thumb:hover {
    background: #4a4e59;
}

/* ── E-pin yüzeyleri ── */
body.dark-mode .epin-store--list,
body.dark-mode .epin-store--package {
    --epin-surface: var(--header-strip-bg, #14151a);
    --epin-surface-2: var(--header-strip-bg, #14151a);
    --epin-border-site: var(--header-strip-border, #2d3139);
    --epin-text-primary: var(--text-heading, #ffffff);
    --epin-text-muted: var(--text-muted, #94a3b8);
    --epin-text-faint: var(--text-faint, #a0aec0);
    background: var(--site-page-bg, #0b0c10) !important;
}

body:has(.epin-store--list),
body:has(.epin-store--package) {
    background: var(--site-page-bg, #0b0c10) !important;
}

/* ── Mobil: hamburger menü, alt bar, footer ── */
body.dark-mode .mobile-category-drawer,
body.dark-mode #mobileCategoryDrawer .mobile-drawer-layout,
body.dark-mode #mobileCategoryDrawer .mobile-drawer-links--left,
body.dark-mode #mobileCategoryDrawer .mobile-drawer-right {
    background-color: var(--header-strip-bg, #14151a) !important;
}

body.dark-mode .mobile-menu-toggle {
    background: var(--chrome-control-bg, #1a1c23) !important;
    border: 1px solid var(--header-strip-border, #2d3139) !important;
}

body.dark-mode .mobile-bottom-nav {
    background: var(--header-strip-bg, #14151a) !important;
    border-top-color: var(--header-strip-border, #2d3139) !important;
}

body.dark-mode .mobile-bottom-nav__item.is-active,
body.dark-mode .mobile-bottom-nav a.mobile-bottom-nav__item.is-active,
body.dark-mode .mobile-bottom-nav button.mobile-bottom-nav__item.is-active {
    color: var(--accent-primary, #ff6b00) !important;
}

body.dark-mode .site-footer {
    background-color: var(--site-page-bg, #0b0c10) !important;
}

@media (max-width: 1024px) {
    body.dark-mode .site-footer {
        background-color: var(--header-strip-bg, #14151a) !important;
        --f-mobile-footer-bg: var(--header-strip-bg, #14151a);
    }

    body.light-mode .site-footer {
        background-color: var(--header-strip-bg, #ffffff) !important;
        --f-mobile-footer-bg: var(--header-strip-bg, #ffffff);
    }
}

/* ── Canlı destek ── */
body.dark-mode .live-chat-window {
    background: var(--header-strip-bg, #14151a);
    border: 1px solid var(--header-strip-border, #2d3139);
}

body.dark-mode .chat-header {
    background: var(--header-strip-bg, #14151a);
    border-bottom-color: var(--header-strip-border, #2d3139);
}

body.dark-mode .live-chat-window .chat-form,
body.dark-mode .chat-messages,
body.dark-mode .chat-input-area {
    background: var(--header-strip-bg, #14151a) !important;
}

body.dark-mode .live-chat-window .form-group input,
body.dark-mode .live-chat-window .form-group textarea {
    background: var(--chrome-control-bg, #1a1c23) !important;
    border-color: var(--header-strip-border, #2d3139) !important;
    color: var(--text-body, #e8eaed) !important;
}

body.dark-mode .live-chat-window .form-group input:focus,
body.dark-mode .live-chat-window .form-group textarea:focus {
    border-color: var(--focus-border, #ff6b00) !important;
    box-shadow: 0 0 0 2px var(--focus-ring, rgba(255, 107, 0, 0.35)) !important;
}

/* ── Aydınlık mod — site geneli zemin (sayfa CSS öncesi; footer override tamamlar) ── */
html:has(body.light-mode) {
    background-color: var(--site-page-bg, #f3f4f6);
}

body.light-mode {
    --site-page-bg: #f3f4f6;
    background: var(--site-page-bg, #f3f4f6) !important;
    background-color: var(--site-page-bg, #f3f4f6) !important;
    color: var(--text-body, #1e293b);
}

body.light-mode .hk-page,
body.light-mode .hakkimizda-main,
body.light-mode main,
body.light-mode .ilanlar-main {
    background: transparent !important;
}

/* İlanlarım gezinme + İlan Ekle — global button reset sonrası 10px */
html body .ilanlarim-page button.ilanlarim-cta {
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    overflow: hidden;
}

/* İlanlarım gezinme — main.css dark-mode button #404040 ezmesin */
html body.dark-mode .ilanlarim-page button.ilanlarim-cta.btn-green {
    background-color: #10b981 !important;
    border: none !important;
    color: #ffffff !important;
}

html body.dark-mode .ilanlarim-page button.ilanlarim-cta.btn-green:hover {
    background-color: #0ea472 !important;
    color: #ffffff !important;
}

html body.dark-mode .ilanlarim-page button.ilanlarim-cta.btn-orange {
    background-color: var(--chrome-control-bg, #1a1c23) !important;
    border: 1px solid rgba(196, 165, 116, 0.32) !important;
    color: #c4a574 !important;
}

html body.dark-mode .ilanlarim-page button.ilanlarim-cta.btn-orange:hover {
    background-color: rgba(196, 165, 116, 0.12) !important;
    border-color: rgba(196, 165, 116, 0.48) !important;
    color: #dcc18a !important;
}

html body.dark-mode .ilanlarim-page button.ilanlarim-cta.btn-dark-blue {
    background-color: var(--chrome-control-bg, #1a1c23) !important;
    border: 1px solid rgba(129, 140, 248, 0.22) !important;
    color: #8b93c9 !important;
}

html body.dark-mode .ilanlarim-page button.ilanlarim-cta.btn-dark-blue:hover {
    background-color: rgba(99, 102, 241, 0.14) !important;
    border-color: rgba(129, 140, 248, 0.4) !important;
    color: #a8b0e8 !important;
}

html body.light-mode .ilanlarim-page button.ilanlarim-cta.btn-orange {
    background-color: #f9fafb !important;
    border: 1px solid rgba(146, 104, 42, 0.22) !important;
    color: #92682a !important;
}

html body.light-mode .ilanlarim-page button.ilanlarim-cta.btn-orange:hover {
    background-color: #f3f4f6 !important;
    border-color: rgba(146, 104, 42, 0.38) !important;
    color: #7a5520 !important;
}

html body.light-mode .ilanlarim-page button.ilanlarim-cta.btn-dark-blue {
    background-color: #f9fafb !important;
    border: 1px solid rgba(79, 90, 154, 0.2) !important;
    color: #4f5a9a !important;
}

html body.light-mode .ilanlarim-page button.ilanlarim-cta.btn-dark-blue:hover {
    background-color: #f3f4f6 !important;
    border-color: rgba(79, 90, 154, 0.35) !important;
    color: #3d4580 !important;
}

/* İlanlarım — içerik kısa olsa da footer hemen altında (boş zemin yok) */
body:has(.ilanlarim-page) .site-footer {
    margin-top: 0;
}

body:has(.ilan-ekle-page) .site-footer {
    margin-top: 0;
}

/* İlan Ekle — global reset sonrası 10px köşe (son öncelik) */
html body .ilan-ekle-page .ie-field,
html body .ilan-ekle-page .search-container input,
html body .ilan-ekle-page textarea.ie-field,
html body .ilan-ekle-page #selected-category-text,
html body .ilan-ekle-page .editor-area,
html body .ilan-ekle-page .upload-container,
html body .ilan-ekle-page .scroll-container,
html body .ilan-ekle-page .filter-select,
html body .ilan-ekle-page .filter-input,
html body .ilan-ekle-page button.action-btn,
html body .ilan-ekle-page button.btn-change,
html body .ilan-ekle-page button.btn-blue,
html body .ilan-ekle-page button.btn-prev-sozlesme,
html body .ilan-ekle-page button.btn-next-sozlesme {
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
}

html body .ilan-ekle-page .editor-tools {
    border-radius: 10px 10px 0 0 !important;
    -webkit-border-radius: 10px 10px 0 0 !important;
}

html body .ilan-ekle-page .editor-area {
    border-radius: 0 0 10px 10px !important;
    -webkit-border-radius: 0 0 10px 10px !important;
}

html body.light-mode .ilan-ekle-page .ie-field,
html body.light-mode .ilan-ekle-page .search-container input,
html body.light-mode .ilan-ekle-page .search-container input.ie-field,
html body.light-mode .ilan-ekle-page .ilan-form-container input.ie-field,
html body.light-mode .ilan-ekle-page .ilan-form-container textarea.ie-field,
html body.light-mode .ilan-ekle-page input.ie-field[type="text"],
html body.light-mode .ilan-ekle-page textarea.ie-field,
html body.light-mode .ilan-ekle-page .filter-select,
html body.light-mode .ilan-ekle-page .filter-input {
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
}

/* İlan Ekle gezinme — turuncu/yeşil zemin, beyaz yazı + ok */
html body .ilan-ekle-page button.action-btn.btn-prev,
html body .ilan-ekle-page button.btn-prev-sozlesme,
html body.dark-mode .ilan-ekle-page button.action-btn.btn-prev,
html body.dark-mode .ilan-ekle-page button.btn-prev-sozlesme,
html body.light-mode .ilan-ekle-page button.action-btn.btn-prev,
html body.light-mode .ilan-ekle-page button.btn-prev-sozlesme {
    background-color: #ffb300 !important;
    border: 1px solid #ffb300 !important;
    border-color: #ffb300 !important;
    color: #ffffff !important;
}

html body .ilan-ekle-page button.action-btn.btn-next,
html body .ilan-ekle-page button.btn-next-sozlesme,
html body.dark-mode .ilan-ekle-page button.action-btn.btn-next,
html body.dark-mode .ilan-ekle-page button.btn-next-sozlesme,
html body.light-mode .ilan-ekle-page button.action-btn.btn-next,
html body.light-mode .ilan-ekle-page button.btn-next-sozlesme {
    background-color: #00e676 !important;
    border: 1px solid #00e676 !important;
    border-color: #00e676 !important;
    color: #ffffff !important;
}

html body .ilan-ekle-page button.action-btn.btn-prev i,
html body .ilan-ekle-page button.action-btn.btn-next i,
html body .ilan-ekle-page button.btn-prev-sozlesme i,
html body .ilan-ekle-page button.btn-next-sozlesme i {
    color: #ffffff !important;
}

html body .ilan-ekle-page button.action-btn.btn-prev:hover,
html body .ilan-ekle-page button.btn-prev-sozlesme:hover,
html body.dark-mode .ilan-ekle-page button.action-btn.btn-prev:hover,
html body.dark-mode .ilan-ekle-page button.btn-prev-sozlesme:hover,
html body.light-mode .ilan-ekle-page button.action-btn.btn-prev:hover,
html body.light-mode .ilan-ekle-page button.btn-prev-sozlesme:hover {
    background-color: rgba(255, 179, 0, 0.8) !important;
    border-color: #ffb300 !important;
}

html body .ilan-ekle-page button.action-btn.btn-next:hover,
html body .ilan-ekle-page button.btn-next-sozlesme:hover,
html body.dark-mode .ilan-ekle-page button.action-btn.btn-next:hover,
html body.dark-mode .ilan-ekle-page button.btn-next-sozlesme:hover,
html body.light-mode .ilan-ekle-page button.action-btn.btn-next:hover,
html body.light-mode .ilan-ekle-page button.btn-next-sozlesme:hover {
    background-color: rgba(0, 230, 118, 0.8) !important;
    border-color: #00e676 !important;
}

/* İlan Pazarı — kategori + toolbar arama: tek yüzey (iç kutu / çift border yok) */
body.page-ilan-pazari .ilan-pazari-sidebar__search .ilan-pazari-sidebar__search-input,
body.page-ilan-pazari #ilanPazariCatSearch,
body.page-ilan-pazari #ilanPazariToolbar .ilan-pazari-toolbar__search input,
body.page-ilan-pazari #ilanPazariKeyword,
body.dark-mode.page-ilan-pazari .ilan-pazari-sidebar__search .ilan-pazari-sidebar__search-input,
body.dark-mode.page-ilan-pazari #ilanPazariCatSearch,
body.light-mode.page-ilan-pazari .ilan-pazari-sidebar__search .ilan-pazari-sidebar__search-input,
body.light-mode.page-ilan-pazari #ilanPazariCatSearch {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    -webkit-appearance: none;
    appearance: none;
}

body.dark-mode.page-ilan-pazari .ilan-pazari-sidebar__search .ilan-pazari-sidebar__search-input:focus,
body.dark-mode.page-ilan-pazari #ilanPazariCatSearch:focus,
body.light-mode.page-ilan-pazari .ilan-pazari-sidebar__search .ilan-pazari-sidebar__search-input:focus,
body.light-mode.page-ilan-pazari #ilanPazariCatSearch:focus {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* İlan kartı sepet — Vitrin sekmesi #4a9eff, saydam açık mavi zemin + beyaz ikon */
html body.dark-mode .benzer-ilan-card button.buy-btn-footer,
html body.dark-mode .ilan-pazari-grid .benzer-ilan-card button.buy-btn-footer,
html body.dark-mode .home-listings-grid .benzer-ilan-card button.buy-btn-footer,
html body.dark-mode .ilanlar-main .ilanlar-grid > .benzer-ilan-card button.buy-btn-footer,
html body .benzer-ilan-card button.buy-btn-footer,
html body .benzer-ilan-card .buy-btn-footer,
html body .benzer-ilan-card a.buy-btn-footer,
html body .benzer-ilan-card span.buy-btn-footer {
    background: rgba(74, 158, 255, 0.62) !important;
    background-color: rgba(74, 158, 255, 0.62) !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: #ffffff !important;
}

html body.dark-mode .benzer-ilan-card button.buy-btn-footer:hover,
html body.dark-mode .ilan-pazari-grid .benzer-ilan-card button.buy-btn-footer:hover,
html body.dark-mode .home-listings-grid .benzer-ilan-card button.buy-btn-footer:hover,
html body .benzer-ilan-card button.buy-btn-footer:hover,
html body .benzer-ilan-card .buy-btn-footer:hover,
html body .benzer-ilan-card button.buy-btn-footer:focus,
html body .benzer-ilan-card button.buy-btn-footer:focus-visible {
    background: rgba(74, 158, 255, 0.78) !important;
    background-color: rgba(74, 158, 255, 0.78) !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: #ffffff !important;
}

html body .benzer-ilan-card button.buy-btn-footer i,
html body .benzer-ilan-card .buy-btn-footer i,
html body.dark-mode .benzer-ilan-card button.buy-btn-footer i {
    color: #ffffff !important;
}

/* İlanlar kategori — sidebar filtre kutuları = toolbar (--il-search-bg) */
html body.dark-mode .ilanlar-main .filters-card .filter-select,
html body.dark-mode .ilanlar-main .filters-card .filter-input,
html body.dark-mode .ilanlar-main .filters-card .price-input,
html body.dark-mode .ilanlar-main .filters-card input.filter-input,
html body.dark-mode .ilanlar-main .filters-card input.price-input,
html body.dark-mode .ilanlar-main .filter-content .filter-select,
html body.dark-mode .ilanlar-main .filter-content .filter-input,
html body.dark-mode .ilanlar-main .filter-content .price-input,
html body.light-mode .ilanlar-main .filters-card .filter-select,
html body.light-mode .ilanlar-main .filters-card .filter-input,
html body.light-mode .ilanlar-main .filters-card .price-input,
html body.light-mode .ilanlar-main .filters-card input.filter-input,
html body.light-mode .ilanlar-main .filters-card input.price-input,
html body.light-mode .ilanlar-main .filter-content .filter-select,
html body.light-mode .ilanlar-main .filter-content .filter-input,
html body.light-mode .ilanlar-main .filter-content .price-input {
    background: var(--il-search-bg, var(--chrome-control-bg, #1a1c23)) !important;
    background-color: var(--il-search-bg, var(--chrome-control-bg, #1a1c23)) !important;
    border: 1px solid var(--il-search-border, #2d3139) !important;
    color: var(--il-search-text, #e8eaed) !important;
    -webkit-text-fill-color: var(--il-search-text, #e8eaed);
    caret-color: var(--il-search-text, #e8eaed);
    box-shadow: none !important;
    outline: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

html body.dark-mode .ilanlar-main .filters-card .filter-select,
html body.dark-mode .ilanlar-main .filters-card .filter-input,
html body.dark-mode .ilanlar-main .filters-card .price-input,
html body.dark-mode .ilanlar-main .filter-content .filter-select,
html body.dark-mode .ilanlar-main .filter-content .filter-input,
html body.dark-mode .ilanlar-main .filter-content .price-input {
    color-scheme: dark;
}

html body.light-mode .ilanlar-main .filters-card .filter-select,
html body.light-mode .ilanlar-main .filters-card .filter-input,
html body.light-mode .ilanlar-main .filters-card .price-input,
html body.light-mode .ilanlar-main .filter-content .filter-select,
html body.light-mode .ilanlar-main .filter-content .filter-input,
html body.light-mode .ilanlar-main .filter-content .price-input {
    background: var(--il-search-bg, #f4f6f9) !important;
    background-color: var(--il-search-bg, #f4f6f9) !important;
    border-color: var(--il-search-border, rgba(0, 0, 0, 0.12)) !important;
    color: var(--il-search-text, #1f2937) !important;
    -webkit-text-fill-color: var(--il-search-text, #1f2937);
    caret-color: var(--il-search-text, #1f2937);
    color-scheme: light;
}

html body.dark-mode .ilanlar-main .filters-card .filter-select:focus,
html body.dark-mode .ilanlar-main .filters-card .filter-input:focus,
html body.dark-mode .ilanlar-main .filters-card .price-input:focus,
html body.dark-mode .ilanlar-main .filter-content .filter-select:focus,
html body.dark-mode .ilanlar-main .filter-content .filter-input:focus,
html body.dark-mode .ilanlar-main .filter-content .price-input:focus,
html body.light-mode .ilanlar-main .filters-card .filter-select:focus,
html body.light-mode .ilanlar-main .filters-card .filter-input:focus,
html body.light-mode .ilanlar-main .filters-card .price-input:focus,
html body.light-mode .ilanlar-main .filter-content .filter-select:focus,
html body.light-mode .ilanlar-main .filter-content .filter-input:focus,
html body.light-mode .ilanlar-main .filter-content .price-input:focus {
    background: var(--il-search-bg, var(--chrome-control-bg, #1a1c23)) !important;
    background-color: var(--il-search-bg, var(--chrome-control-bg, #1a1c23)) !important;
    border-color: #4a9eff !important;
    box-shadow: none !important;
    outline: none !important;
}

html body.light-mode .ilanlar-main .filters-card .filter-select:focus,
html body.light-mode .ilanlar-main .filters-card .filter-input:focus,
html body.light-mode .ilanlar-main .filters-card .price-input:focus,
html body.light-mode .ilanlar-main .filter-content .filter-select:focus,
html body.light-mode .ilanlar-main .filter-content .filter-input:focus,
html body.light-mode .ilanlar-main .filter-content .price-input:focus {
    background: var(--il-search-bg, #f4f6f9) !important;
    background-color: var(--il-search-bg, #f4f6f9) !important;
}

html body.dark-mode .ilanlar-main .filters-card .filter-input:-webkit-autofill,
html body.dark-mode .ilanlar-main .filters-card .price-input:-webkit-autofill,
html body.dark-mode .ilanlar-main .filter-content .filter-input:-webkit-autofill,
html body.dark-mode .ilanlar-main .filter-content .price-input:-webkit-autofill {
    -webkit-text-fill-color: var(--il-search-text, #e8eaed) !important;
    caret-color: var(--il-search-text, #e8eaed);
    box-shadow: 0 0 0 1000px var(--il-search-bg, #1a1c23) inset !important;
    transition: background-color 99999s ease-out 0s;
}

/* Birleşik ilan kartı (home-listings.css) — genel .benzer-ilan-card hover/arka plan ezmesin */
html body.dark-mode .home-listings-anchor .ilanlar-grid.home-listings-grid > .benzer-ilan-card,
html body.light-mode .home-listings-anchor .ilanlar-grid.home-listings-grid > .benzer-ilan-card {
    background-color: var(--listing-card-shell, #14151a) !important;
    border-color: var(--listing-card-border, #2d3139) !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

html body.dark-mode .home-listings-anchor .ilanlar-grid.home-listings-grid > .benzer-ilan-card:hover,
html body.light-mode .home-listings-anchor .ilanlar-grid.home-listings-grid > .benzer-ilan-card:hover {
    background-color: var(--listing-card-shell, #14151a) !important;
    border-color: var(--listing-card-border-hover, #3b82f6) !important;
    transform: none !important;
}

html body.light-mode .home-listings-anchor .ilanlar-grid.home-listings-grid > .benzer-ilan-card {
    --listing-card-shell: #f8f9fa;
    --listing-card-border: #e9ecef;
    background-color: #f8f9fa !important;
    border-color: #e9ecef !important;
}

/* Filtreleri Temizle — İlan Pazarı = kategori ilanlar/... (aynı --ip/--il-search-bg) */
html body .ilan-pazari-page .ilan-pazari-btn--ghost,
html body.dark-mode .ilan-pazari-page .ilan-pazari-btn--ghost,
html body .ilanlar-main .filters-card .filter-reset-btn,
html body .ilanlar-main .filters-card button.filter-reset-btn,
html body.page-ilanlar-category .ilanlar-main .filters-card .filter-reset-btn {
    background: var(--ip-search-bg, var(--il-search-bg, var(--chrome-control-bg, #1a1c23))) !important;
    background-color: var(--ip-search-bg, var(--il-search-bg, var(--chrome-control-bg, #1a1c23))) !important;
    color: var(--ip-search-text, var(--il-search-text, #e8eaed)) !important;
    border: 1px solid var(--ip-search-border, var(--il-search-border, #2d3139)) !important;
    border-radius: var(--ip-radius, 10px) !important;
    box-shadow: none !important;
}

html body .ilan-pazari-page .ilan-pazari-btn--ghost:hover,
html body.dark-mode .ilan-pazari-page .ilan-pazari-btn--ghost:hover,
html body .ilanlar-main .filters-card .filter-reset-btn:hover,
html body .ilanlar-main .filters-card button.filter-reset-btn:hover {
    background: var(--ip-search-bg, var(--il-search-bg, var(--chrome-control-bg, #1a1c23))) !important;
    background-color: var(--ip-search-bg, var(--il-search-bg, var(--chrome-control-bg, #1a1c23))) !important;
    border-color: var(--ip-search-border, var(--il-search-border, #2d3139)) !important;
    color: var(--ip-search-text, var(--il-search-text, #e8eaed)) !important;
}

html body.light-mode .ilan-pazari-page .ilan-pazari-btn--ghost,
html body.light-mode .ilanlar-main .filters-card .filter-reset-btn,
html body.light-mode .ilanlar-main .filters-card button.filter-reset-btn,
html body.light-mode.page-ilanlar-category .ilanlar-main .filters-card .filter-reset-btn {
    background: var(--ip-search-bg, var(--il-search-bg, #f4f6f9)) !important;
    background-color: var(--ip-search-bg, var(--il-search-bg, #f4f6f9)) !important;
    color: var(--ip-search-text, var(--il-search-text, #1f2937)) !important;
    border: 1px solid var(--ip-search-border, var(--il-search-border, rgba(0, 0, 0, 0.12))) !important;
}

html body.light-mode .ilan-pazari-page .ilan-pazari-btn--ghost:hover,
html body.light-mode .ilanlar-main .filters-card .filter-reset-btn:hover,
html body.light-mode .ilanlar-main .filters-card button.filter-reset-btn:hover {
    background: var(--ip-search-bg, var(--il-search-bg, #f4f6f9)) !important;
    background-color: var(--ip-search-bg, var(--il-search-bg, #f4f6f9)) !important;
    border-color: var(--ip-search-border, var(--il-search-border, rgba(0, 0, 0, 0.12))) !important;
    color: var(--ip-search-text, var(--il-search-text, #1f2937)) !important;
}