/**
 * NECOX K1 — Empty State Component
 *
 * Frontend CSS for the empty-state component (used when lists, search
 * results, dashboards or filters return no items). K2 cascade compatible.
 *
 * @file       empty-state.css
 * @component  K1
 * @since      v4.1.0
 */

.necox-empty-state {
    text-align: center;
    padding: 40px 20px;
}

.necox-empty-state__icon {
    width: var(--necox-empty-icon-size, 48px);
    height: var(--necox-empty-icon-size, 48px);
    margin: 0 auto 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(var(--necox-empty-icon-size, 48px) * 0.6);
    background: var(--necox-bg);
    border-radius: 50%;
    color: var(--necox-muted);
}

.necox-empty-state__title {
    font-size: var(--necox-empty-title-size, 16px);
    font-weight: 600;
    color: var(--necox-empty-title-color, var(--necox-text));
    margin: 0 0 4px;
}

.necox-empty-state__desc {
    font-size: var(--necox-empty-desc-size, 13px);
    color: var(--necox-empty-desc-color, var(--necox-muted));
    line-height: 1.5;
    margin: 0 0 16px;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}

/* HIZALAMA FIX — aciklama metni ORTALANMIYORDU (kullanici: "Hizalama duzgun degil").
   KOK NEDEN: search-results.css:72 `.necox-empty-state p { margin: 0 }` ozgullugu (0,1,1)
   yukaridaki `.necox-empty-state__desc` (0,1,0) kuralinin `margin-left/right:auto`unu EZIYOR.
   max-width:360px yerinde kaldigi icin metin blogu ortalanmak yerine SOLA yapisiyordu:
   canli olcum (ilan arama, 0 sonuc) metin merkezi 661.2 · ikon/baslik/buton merkezi 923.2
   = 262px kayik. O kural search sayfasinin bilincli stili (color:inherit + font-size:15)
   oldugu icin BOZULMADI; bunun yerine bilesen tarafinda ozgulluk artirildi — bu dosyanin
   asagidaki __btn kuralinda kullandigi desenin AYNISI.
   ⚠️ margin-bottom BILEREK yeniden verilmedi: `margin:0` onu da sifirlamis durumda ve
   butonun `margin-top:40px` bosluguyla toplanip dikey ritmi degistirirdi. */
.necox-empty-state .necox-empty-state__desc {
    margin-left: auto;
    margin-right: auto;
}

.necox-empty-state__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

/* v7.17.23 — Empty-state buton olcu/bosluk/preset-renk. Specificity .necox-empty-state ile
   artirildi + !important: necox-btn shorthand padding'i (main.css) ve preset transparent
   buton-bg'yi (bazi preset/K2'de --necox-btn-bg:transparent) ezsin. Kullanici istekleri:
   ust bosluk 40/30/20, genislik +10px sag/sol (22->32), yukseklik=Filtreleri Goster (~38px),
   preset renkli + hover (Ocean Deep/Super Light vb.). */
.necox-empty-state .necox-empty-state__btn {
    margin-top: 40px !important;
    padding: 12px 32px !important;          /* dikey 12 (yukseklik ~38) + yatay 22+10=32 */
    min-height: 38px;
    line-height: 1;
    /* Preset RENK: --necox-btn-bg transparent ise --necox-main / --necox-primary'ye DUS
       (preset accent rengi). Hover'da --necox-main-hover / --necox-primary-hover. */
    background:
        var(--necox-main, var(--necox-primary, #00a591)) !important;
    /* v8.3.570 KONTRAST FIX — metin rengi ZEMINLE ESLESIYORDU (canli olcum: kontrast 1.00,
       "Filtreleri Temizle" gorunmuyordu; editorial_light'ta metin #2A3254 = zemin #2A3254).
       KOK NEDEN: --necox-btn-text SEFFAF butona gore hesaplanir — fonts.php:1235
       `$btn_transparent === 'yes' ? "var(--necox-primary)" : '#fff'` → seffaf butonda metin
       preset accent rengi olur (sayfa zeminine karsi dogru). Yukaridaki kural ise zemini
       !important ile o AYNI accent rengine ZORLUYOR → metin = zemin.
       ⭐ Kural bir tarafi (zemin) duzeltip karsi tarafi (metin) eski varsayimda birakmis.
       COZUM: zeminin gercek on-plan tokeni --necox-primary-fg. Ayni desen v7.7.14'te
       .necox-search__hbar-submit icin zaten kullaniliyor (search-results.css:970).
       DoD (4 preset canli, metin/zemin kontrasti):
         editorial_light 1.00 → 12.48 · super_light 2.90 → 2.90 · midnight_blue 10.33 → 10.33
         · ocean_deep 7.51 → 7.51  = SADECE bozuk preset degisiyor, digerleri birebir ayni. */
    color: var(--necox-primary-fg, var(--necox-btn-text, #fff)) !important;
    border: 1px solid var(--necox-main, var(--necox-primary, #00a591)) !important;
}
.necox-empty-state .necox-empty-state__btn:hover {
    background:
        var(--necox-main-hover, var(--necox-primary-hover, #008c77)) !important;
    border-color: var(--necox-main-hover, var(--necox-primary-hover, #008c77)) !important;
    /* v8.3.570 — hover zemini de accent turevi → ayni on-plan tokeni (olculen hover
       kontrastlari: editorial 9.37 · super_light 3.76 · midnight 7.88 · ocean 5.34). */
    color: var(--necox-primary-fg, var(--necox-btn-text, #fff)) !important;
}

/* v7.17.23 — Buton ust bosluk cihaz-bazli (Desktop 40 / Tablet 30 / Mobil 20). */
@media (max-width: 1024px) {
    .necox-empty-state .necox-empty-state__btn { margin-top: 30px !important; }
}
@media (max-width: 767px) {
    .necox-empty-state .necox-empty-state__btn { margin-top: 20px !important; }
}