/**
 * Z-Index Hierarchy Fix
 * Görünmez link problemini çözmek için z-index hiyerarşisi
 */

/* Z-Index Hiyerarşisi:
 * 1-99: Normal içerik
 * 100-999: Sticky elementler
 * 1000-9998: Dropdown ve popover'lar
 * 9999-99997: Header ve navigation
 * 99998-99999: Modal ve overlay'ler
 * 100000+: Tooltip ve notification'lar
 */

/* İçerik alanları - normal z-index */
#content,
.site-content,
main,
.container {
    position: relative;
    z-index: 1;
}

/* Kartlar ve componentler */
.card,
.feed-post,
.member-card,
.feature-card {
    position: relative;
    z-index: 2;
}

/* Sticky elementler */
.sticky-element {
    z-index: 100;
}

/* Dropdown ve popover'lar */
.dropdown-menu,
.popover,
.select-dropdown {
    z-index: 10000;
    pointer-events: none;
}

.dropdown-menu.show,
.dropdown.is-open .dropdown-menu,
.popover.show {
    pointer-events: auto;
}

/* Header ve navigation - en üstte olmalı */
.modern-header,
.site-header {
    z-index: 9999 !important;
}

.header-wrapper,
.header-content {
    position: relative;
    z-index: 1;
}

/* User dropdown - header'dan daha ustte */
.user-dropdown,
.notification-dropdown {
    z-index: 10001 !important;
}

/* Search results dropdown */
.search-results {
    z-index: 10003 !important;
}

/* Mobile menu backdrop */
.mobile-menu-backdrop {
    z-index: 9997 !important;
}

/* Mobile menu */
.mobile-menu {
    z-index: 9998 !important;
}

/* Modal ve overlay'ler */
.modal,
.modal-overlay {
    z-index: 99998 !important;
}

.modal-content {
    z-index: 99999 !important;
}

/* Toast notifications - en üstte */
.toast-container,
.notification-toast {
    z-index: 99999 !important;
}

/* Tooltip - her şeyin üstünde */
.tooltip {
    z-index: 100000 !important;
}

/* Pointer events düzeltmeleri */
.header-blur-bg,
.nav-link::before,
.nav-link::after,
.btn-modern::before {
    pointer-events: none !important;
}

/* Gizli elementler pointer events'i kapatmali */
.user-dropdown:not(.show),
.notification-dropdown:not(.show),
.search-results:not(.show),
.mobile-menu:not(.show),
.mobile-menu-backdrop:not(.show),
.modal:not(.is-open),
.dropdown-menu:not(.show) {
    pointer-events: none !important;
}

/* Aktif elementler pointer events acik */
.user-dropdown.show,
.notification-dropdown.show,
.search-results.show,
.mobile-menu.show,
.mobile-menu-backdrop.show,
.modal.is-open,
.dropdown-menu.show,
.dropdown.is-open .dropdown-menu {
    pointer-events: auto !important;
}

/* Link ve button'lar her zaman tıklanabilir */
a,
button,
input,
select,
textarea,
.clickable {
    position: relative;
    z-index: auto;
}

/* Hover efektleri için pseudo elementler */
a::before,
a::after,
button::before,
button::after {
    pointer-events: none !important;
}

/* WooCommerce cart overlay fix */
.woocommerce-cart-form,
.cart-collaterals {
    position: relative;
    z-index: 1;
}

/* Admin bar uyumluluğu */
body.admin-bar .modern-header {
    z-index: 9999 !important;
}

#wpadminbar {
    z-index: 99999 !important;
}

/* Debugging - geliştirme sırasında kullanın */
/* 
.modern-header { outline: 2px solid red; }
.user-dropdown { outline: 2px solid blue; }
.mobile-menu { outline: 2px solid green; }
.modal { outline: 2px solid yellow; }
*/
