/*
 * Header Components — header.css
 *
 * @package Necox
 * @since   1.8.0
 */

/* ── Header Genel ── */
.necox-header { position: relative; z-index: 200; background: var(--necox-header-bg); border-bottom: 1px solid var(--necox-border, var(--necox-border)); transition: box-shadow 0.3s ease; }
.necox-header.is-sticky-enabled { position: sticky; top: 0; }
.admin-bar .necox-header.is-sticky-enabled { top: 32px; }
@media (max-width: 782px) { .admin-bar .necox-header.is-sticky-enabled { top: 46px; } }

/* Sticky animasyon */
.necox-header.is-scrolled { box-shadow: 0 2px 8px rgba(0,0,0,0.08); }

/* Transparent header — arka plan seffaf, hero ustunde durur */
.necox-header.is-transparent { position: absolute; top: 0; left: 0; right: 0; background: transparent; border-bottom-color: transparent; }
.necox-header.is-transparent.is-sticky-enabled { position: fixed; }
.necox-header.is-transparent .necox-header-row { border-bottom-color: rgba(255,255,255,0.08); }
.necox-header.is-transparent .necox-hf-nav > li > a:hover { background: rgba(255,255,255,0.1); }
.necox-header.is-transparent .necox-hf-divider { background: rgba(255,255,255,0.2); }
.necox-header.is-transparent.is-scrolled { background: rgba(0,0,0,0.7); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-bottom-color: rgba(255,255,255,0.06); }

/* Glassmorphism header — buzlu cam efekti */
.necox-header.is-glass { position: absolute; top: 0; left: 0; right: 0; background: rgba(255,255,255,0.08); backdrop-filter: blur(16px) saturate(180%); -webkit-backdrop-filter: blur(16px) saturate(180%); border-bottom: 1px solid rgba(255,255,255,0.15); }
.necox-header.is-glass.is-sticky-enabled { position: fixed; }
.necox-header.is-glass .necox-header-row { border-bottom-color: rgba(255,255,255,0.08); }
.necox-header.is-glass .necox-hf-nav > li > a:hover { background: rgba(255,255,255,0.12); }
.necox-header.is-glass .necox-hf-divider { background: rgba(255,255,255,0.2); }
.necox-header.is-glass.is-scrolled { background: rgba(10,10,30,0.75); backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); border-bottom-color: rgba(255,255,255,0.1); }

/* ── Header Satirlari ── */
.necox-header-row { border-bottom: 1px solid rgba(0,0,0,0.04); }
.necox-header-row:last-child { border-bottom: none; }
.necox-header-row__inner { display: flex; align-items: center; min-height: inherit; gap: 16px; }
.necox-header-row__left { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.necox-header-row__center { display: flex; align-items: center; justify-content: center; flex: 1; gap: 12px; }
.necox-header-row__right { display: flex; align-items: center; gap: 12px; flex-shrink: 0; margin-left: auto; }

/* Desktop / Mobil gorunurluk */
.necox-header__tablet { display: none; }
.necox-header__mobile { display: none; }
@media (max-width: 1024px) and (min-width: 768px) {
    .necox-header__desktop { display: none; }
    .necox-header__tablet { display: block; }
}
@media (max-width: 767px) {
    .necox-header__desktop { display: none; }
    .necox-header__mobile { display: block; }
}

/* ── Tablet + Mobil header element uyumu ── */

/* Tum HF elementleri icin temel flex davranisi */
.necox-hf-el {
    display: flex;
    align-items: center;
    min-width: 0;
    flex-shrink: 0;
}

@media (max-width: 1024px) {
    .necox-header-row__inner { gap: 10px; }
    .necox-header-row__left,
    .necox-header-row__right { gap: 8px; min-width: 0; }
    .necox-header-row__left,
    .necox-header-row__center,
    .necox-header-row__right { flex-shrink: 1; overflow: hidden; }
    /* Tablet'te tum elementler daralmaya izin verir */
    .necox-hf-el { flex-shrink: 1; min-width: 0; }
    .necox-hf-el--logo { max-width: 160px; }
    .necox-hf-el--logo img { max-width: 100% !important; }
    /* Navigasyon tablet'te tasabilir — overflow scroll */
    .necox-hf-el--navigation { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .necox-hf-el--navigation .necox-hf-nav { flex-wrap: nowrap; }
    /* Arama kutusu daralmaya izin ver */
    .necox-hf-el--search-box { max-width: 280px; }
    /* Metin elementleri truncate */
    .necox-hf-el--text,
    .necox-hf-el--contact-info,
    .necox-hf-el--copyright { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .necox-hf-contact { flex-wrap: nowrap; }
    .necox-hf-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@media (max-width: 767px) {
    .necox-header-row__inner { gap: 8px; }
    .necox-header-row__left,
    .necox-header-row__right { gap: 6px; }
    .necox-hf-el--logo { max-width: 120px; }
    .necox-hf-el--search-box { max-width: 200px; }
    /* Butonlar mobilde kucul */
    .necox-hf-el--button .necox-btn,
    .necox-hf-el--post-ad-button .necox-hf-post-ad { padding: 6px 12px; font-size: 12px; }
    /* Sosyal ikonlar mobilde sik */
    .necox-hf-social { gap: 4px; }
    /* Site basligi mobilde kucuk */
    .necox-hf-site-title { font-size: 16px; }
}

/* ── Navigasyon ── */
.necox-hf-nav { list-style: none; display: flex; gap: 4px; margin: 0; padding: 0; }
.necox-hf-nav > li { position: relative; }
.necox-hf-nav > li > a { display: block; padding: 8px 14px; font-size: 14px; font-weight: 500; color: inherit; text-decoration: none; border-radius: 6px; transition: background 0.15s; }
.necox-hf-nav > li > a:hover { background: rgba(0,0,0,0.05); }
.necox-hf-nav > li > a:hover, .necox-hf-nav > li.current-menu-item > a { color: var(--necox-primary, var(--necox-primary)); }

/* Alt menu */
.necox-hf-nav .sub-menu { display: none; position: absolute; top: 100%; left: 0; background: var(--necox-header-bg); border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,0.1); min-width: 200px; padding: 8px 0; list-style: none; z-index: 300; }
.necox-hf-nav > li:hover > .sub-menu { display: block; }
.necox-hf-nav .sub-menu a { display: block; padding: 8px 16px; font-size: 13px; color: var(--necox-text); text-decoration: none; }
.necox-hf-nav .sub-menu a:hover { background: #f6f7f7; color: var(--necox-primary, var(--necox-primary)); }

/* ── Mega Menu ── */
.necox-mega-dropdown { display: none; position: absolute; top: 100%; left: 0; right: 0; width: 100vw; margin-left: calc(-50vw + 50%); background: var(--necox-header-bg); border-top: 2px solid var(--necox-primary, var(--necox-primary)); box-shadow: 0 12px 32px rgba(0,0,0,0.12); z-index: 300; padding: 24px 0; }
li.necox-mega-menu:hover .necox-mega-dropdown { display: block; }
.necox-mega-dropdown__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.necox-mega-dropdown__cat-title { display: block; font-size: 14px; font-weight: 600; color: var(--necox-text); margin-bottom: 8px; text-decoration: none; }
.necox-mega-dropdown__cat-title:hover { color: var(--necox-primary, var(--necox-primary)); }
.necox-mega-dropdown__sub { list-style: none; padding: 0; margin: 0; }
.necox-mega-dropdown__sub li a { display: block; padding: 3px 0; font-size: 13px; color: var(--necox-muted); text-decoration: none; }
.necox-mega-dropdown__sub li a:hover { color: var(--necox-primary, var(--necox-primary)); }

/* ── Kullanici Menu ── */
.necox-hf-user { position: relative; cursor: pointer; }
.necox-hf-user img {
    width: var(--necox-user-menu-avatar-size, 28px);
    height: var(--necox-user-menu-avatar-size, 28px);
    border-radius: var(--necox-user-menu-avatar-radius, 50%);
    border: var(--necox-user-menu-avatar-border, none);
}
.necox-hf-user__dropdown { display: none; position: absolute; top: 100%; right: 0; background: var(--necox-header-bg); border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,0.1); min-width: 180px; padding: 8px 0; z-index: 300; }
.necox-hf-user:hover .necox-hf-user__dropdown { display: block; }
.necox-hf-user__dropdown a { display: block; padding: 8px 16px; font-size: 13px; color: var(--necox-text); text-decoration: none; }
.necox-hf-user__dropdown a:hover { background: var(--necox-bg); }
.necox-hf-login-btn {
    background: var(--necox-user-menu-btn-bg, var(--necox-primary, #00a591));
    color: var(--necox-user-menu-btn-text, var(--necox-white));
    border-radius: var(--necox-user-menu-btn-radius, 6px);
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.2s;
}
.necox-hf-login-btn:hover {
    background: var(--necox-user-menu-btn-hover-bg, var(--necox-primary-hover, #008c7a));
    color: var(--necox-user-menu-btn-hover-text, var(--necox-white));
}

/* ── Arama Toggle + Overlay ── */
.necox-hf-search-toggle { background: none; border: none; cursor: pointer; color: inherit; font-size: 18px; padding: 6px; }
.necox-search-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.85); z-index: 9999; align-items: center; justify-content: center; }
.necox-search-overlay.is-open { display: flex; }
.necox-search-overlay__form { display: flex; gap: 12px; max-width: 600px; width: 100%; }
.necox-search-overlay__input { flex: 1; font-size: 20px; padding: 16px 20px; border: none; border-radius: 8px; outline: none; }
.necox-search-overlay__close { background: none; border: none; color: var(--necox-white); font-size: 32px; cursor: pointer; padding: 12px; }

/* ── Mobil Trigger (Hamburger) ── */
.necox-hf-mobile-trigger {
    background: var(--necox-mobile-trigger-bg, none);
    border: none;
    cursor: pointer;
    padding: 6px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: var(--necox-mobile-trigger-color, inherit);
    border-radius: var(--necox-mobile-trigger-radius, 0);
}
.necox-hf-mobile-trigger:hover { color: var(--necox-mobile-trigger-hover-color, inherit); background: var(--necox-mobile-trigger-hover-bg, none); }
.necox-hf-mobile-trigger span {
    display: block;
    width: var(--necox-mobile-trigger-size, 24px);
    height: 2px;
    background: currentColor;
    border-radius: 2px;
    transition: 0.3s;
}
.necox-hf-mobile-trigger[aria-expanded="true"] span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.necox-hf-mobile-trigger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.necox-hf-mobile-trigger[aria-expanded="true"] span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

/* ── Drawer (Mobil Menu) ── */
.necox-drawer { position: fixed; top: 0; bottom: 0; background: var(--necox-header-bg); z-index: 10000; transform: translateX(100%); transition: transform 0.3s ease; overflow-y: auto; box-shadow: -4px 0 24px rgba(0,0,0,0.15); }
.necox-drawer--left { left: 0; transform: translateX(-100%); box-shadow: 4px 0 24px rgba(0,0,0,0.15); }
.necox-drawer--right { right: 0; }
.necox-drawer.is-open { transform: translateX(0); }
.necox-drawer__close { position: absolute; top: 12px; right: 12px; background: none; border: none; font-size: 28px; cursor: pointer; color: var(--necox-text); }
.necox-drawer__content { padding: 60px 20px 20px; }
.necox-drawer__content .necox-hf-nav { flex-direction: column; gap: 0; }
.necox-drawer__content .necox-hf-nav a { padding: 12px 0; border-bottom: 1px solid #f0f0f0; font-size: 15px; }
.necox-drawer-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.4); z-index: 9999; }
.necox-drawer-overlay.is-open { display: block; }

/* ── Diger Elementler ── */
.necox-hf-divider {
    display: block;
    width: var(--necox-hf-divider-width, 1px);
    height: var(--necox-hf-divider-height, 24px);
    background: var(--necox-hf-divider-color, rgba(0,0,0,0.15));
    border-style: var(--necox-hf-divider-style, solid);
}
.necox-hf-social { display: flex; gap: 8px; }
.necox-hf-contact {
    display: flex;
    gap: 16px;
    font-size: var(--necox-contact-size, 13px);
    font-family: var(--necox-contact-font, inherit);
    font-weight: var(--necox-contact-weight, 400);
    color: var(--necox-contact-color, inherit);
}
.necox-hf-contact a { color: var(--necox-contact-color, inherit); text-decoration: none; display: flex; align-items: center; gap: 4px; }
.necox-hf-contact a:hover { color: var(--necox-contact-hover, var(--necox-primary, #00a591)); }
.necox-hf-contact svg { width: var(--necox-contact-icon-size, 14px); height: var(--necox-contact-icon-size, 14px); color: var(--necox-contact-icon-color, currentColor); }
.necox-hf-text { font-size: 13px; }
.necox-hf-site-title {
    font-size: var(--necox-site-title-size, 20px);
    font-weight: var(--necox-site-title-weight, 700);
    font-family: var(--necox-site-title-font, inherit);
    color: var(--necox-site-title-color, inherit);
    text-decoration: none;
}
.necox-hf-site-title:hover { color: var(--necox-site-title-hover, var(--necox-primary, #00a591)); }

/* ── Dil Secici ── */
.necox-lang-switcher { position: relative; display: inline-flex; }
.necox-lang-switcher__current {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    background: var(--necox-lang-bg, transparent);
    color: var(--necox-lang-text, inherit);
    border: 1px solid var(--necox-lang-border, transparent);
    border-radius: var(--necox-lang-radius, 4px);
    transition: background 0.15s;
}
.necox-lang-switcher__current:hover { background: var(--necox-lang-hover-bg, rgba(0,0,0,0.05)); }
.necox-lang-switcher__dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--necox-white);
    border: 1px solid var(--necox-border);
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
    min-width: 100%;
    padding: 4px 0;
    z-index: 300;
}
.necox-lang-switcher.is-open .necox-lang-switcher__dropdown { display: block; }
.necox-lang-switcher__item {
    display: block;
    padding: 6px 12px;
    font-size: 13px;
    color: var(--necox-text);
    text-decoration: none;
    transition: background 0.15s;
}
.necox-lang-switcher__item:hover { background: var(--necox-lang-hover-bg, var(--necox-bg)); }
.necox-lang-switcher__item.is-active { background: var(--necox-lang-active-bg, var(--necox-primary-light)); font-weight: 600; }

/* ── Logo ── */
.necox-hf-logo { display: inline-flex; align-items: center; text-decoration: none; color: inherit; }
.necox-hf-logo img { display: block; max-height: 60px; width: auto; }
.necox-hf-logo--text { font-size: 20px; font-weight: 700; }

/* Logo gecis kurallari — auto modda (iki img varken) */
/* Parent class ile specificity 0,2,0 — .necox-hf-logo img (0,1,1) ezmesin */
.necox-hf-logo .necox-hf-logo__dark { display: none; }
html.dark-mode .necox-hf-logo .necox-hf-logo__light { display: none; }
html.dark-mode .necox-hf-logo .necox-hf-logo__dark { display: inline-block; }

/* Transparent + Glass header — koyu arka plan, acik logo (dark) goster */
.necox-header.is-transparent .necox-hf-logo__light,
.necox-header.is-glass .necox-hf-logo__light { display: none; }
.necox-header.is-transparent .necox-hf-logo__dark,
.necox-header.is-glass .necox-hf-logo__dark { display: inline-block; }

/* Transparent/Glass + dark mode — ters cevir: light goster */
html.dark-mode .necox-header.is-transparent .necox-hf-logo__light,
html.dark-mode .necox-header.is-glass .necox-hf-logo__light { display: inline-block; }
html.dark-mode .necox-header.is-transparent .necox-hf-logo__dark,
html.dark-mode .necox-header.is-glass .necox-hf-logo__dark { display: none; }

/* Scrolled header — normal moda don (koyu arka plan artik yok) */
.necox-header.is-transparent.is-scrolled .necox-hf-logo__light,
.necox-header.is-glass.is-scrolled .necox-hf-logo__light { display: inline-block; }
.necox-header.is-transparent.is-scrolled .necox-hf-logo__dark,
.necox-header.is-glass.is-scrolled .necox-hf-logo__dark { display: none; }

/* Koyu arka planli header (transparent/glass olmadan) — acik logo goster */
.necox-header.is-dark-bg .necox-hf-logo__light { display: none; }
.necox-header.is-dark-bg .necox-hf-logo__dark { display: inline-block; }
/* Koyu arka plan + dark mode — ters cevir */
html.dark-mode .necox-header.is-dark-bg .necox-hf-logo__light { display: inline-block; }
html.dark-mode .necox-header.is-dark-bg .necox-hf-logo__dark { display: none; }
/* Koyu arka plan + scrolled — koyu arka plan hala koyu, degisim yok */

/* ── Ilan Ver Butonu (CTA) ── */
.necox-hf-post-ad {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
}
.necox-hf-post-ad svg { flex-shrink: 0; }

/* ── Bildirim Ikonu ── */
.necox-hf-notification {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    padding: 6px;
    border-radius: 6px;
    transition: background 0.15s;
}
.necox-hf-notification:hover { background: rgba(0,0,0,0.05); }
.necox-header.is-transparent .necox-hf-notification:hover,
.necox-header.is-glass .necox-hf-notification:hover { background: rgba(255,255,255,0.1); }

/* ── Favori Ikonu ── */
.necox-hf-favorites {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    padding: 6px;
    border-radius: 6px;
    transition: background 0.15s;
}
.necox-hf-favorites:hover { background: rgba(0,0,0,0.05); }
.necox-header.is-transparent .necox-hf-favorites:hover,
.necox-header.is-glass .necox-hf-favorites:hover { background: rgba(255,255,255,0.1); }

/* ── Badge (Bildirim + Favori) ── */
.necox-hf-badge {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    color: #ffffff;
    background: var(--necox-danger, #ef4444);
    border-radius: 8px;
    pointer-events: none;
}

/* ── HTML / Kod Blogu ── */
.necox-hf-html { font-size: 13px; line-height: 1.4; }

/* ── Arama Kutusu (Acik Input) ── */
.necox-hf-search-box {
    display: flex;
    align-items: center;
    width: 100%;
    background: rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 8px;
    overflow: hidden;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.necox-hf-search-box:focus-within {
    border-color: var(--necox-primary, var(--necox-primary));
    box-shadow: 0 0 0 2px rgba(0,165,145,0.15);
}
.necox-hf-search-box__input {
    flex: 1;
    border: none;
    background: transparent;
    padding: 8px 12px;
    font-size: 14px;
    color: inherit;
    outline: none;
}
.necox-hf-search-box__input::placeholder { color: rgba(0,0,0,0.35); }
.necox-hf-search-box__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    padding: 8px 12px;
    color: inherit;
    opacity: 0.5;
    cursor: pointer;
    transition: opacity 0.15s;
}
.necox-hf-search-box__btn:hover { opacity: 1; }

/* Transparent / Glass header icindeki arama kutusu */
.necox-header.is-transparent .necox-hf-search-box,
.necox-header.is-glass .necox-hf-search-box {
    background: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.15);
}
.necox-header.is-transparent .necox-hf-search-box__input::placeholder,
.necox-header.is-glass .necox-hf-search-box__input::placeholder { color: rgba(255,255,255,0.5); }

/* ── Widget Alani ── */
.necox-hf-widget-area { font-size: 13px; }
.necox-hf-widget-area .widget { margin: 0; }

/* ── Koyu/Acik Mod Toggle ── */
.necox-hf-darkmode {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    padding: 6px;
    color: inherit;
    cursor: pointer;
    border-radius: 6px;
    transition: background 0.15s;
}
.necox-hf-darkmode:hover { background: rgba(0,0,0,0.05); }
.necox-header.is-transparent .necox-hf-darkmode:hover,
.necox-header.is-glass .necox-hf-darkmode:hover { background: rgba(255,255,255,0.1); }
.necox-hf-darkmode__moon { display: none; }
html.dark-mode .necox-hf-darkmode__sun { display: none; }
html.dark-mode .necox-hf-darkmode__moon { display: block; }

/* ── Bosluk (Spacer) ── */
.necox-hf-spacer { flex-shrink: 0; }

/* Login Butonu */
.necox-hf-login-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 16px;
    font-size: 13px;
    font-weight: 500;
    color: var(--necox-primary);
    border: 1px solid var(--necox-primary);
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.15s;
}
.necox-hf-login-btn:hover {
    background: var(--necox-primary);
    color: #ffffff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   YENI ELEMENTLER — v2.25.2
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Ilan Ver Butonu (CTA) */
.necox-hf-post-ad {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    font-weight: 600;
    text-decoration: none;
}
.necox-hf-post-ad svg {
    flex-shrink: 0;
}

/* Bildirim & Favori ortak */
.necox-hf-notification,
.necox-hf-favorites {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: inherit;
    text-decoration: none;
    border-radius: 50%;
    transition: background 0.15s;
}
.necox-hf-notification:hover,
.necox-hf-favorites:hover {
    background: rgba(0,0,0,0.06);
}

/* Badge (bildirim/favori sayaci) */
.necox-hf-badge {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    color: #ffffff;
    background: var(--necox-danger, #ef4444);
    border-radius: 16px;
}

/* HTML Blok */
.necox-hf-html {
    display: flex;
    align-items: center;
}

/* Arama Kutusu */
.necox-hf-search-box {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}
.necox-hf-search-box__input {
    width: 100%;
    height: 38px;
    padding: 0 40px 0 14px;
    font-size: 14px;
    border: 1px solid var(--necox-border);
    border-radius: 8px;
    outline: none;
    background: transparent;
    color: inherit;
    transition: border-color 0.15s;
}
.necox-hf-search-box__input:focus {
    border-color: var(--necox-primary);
}
.necox-hf-search-box__btn {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: none;
    background: none;
    cursor: pointer;
    color: inherit;
    opacity: 0.6;
}
.necox-hf-search-box__btn:hover {
    opacity: 1;
}

/* Widget Alani */
.necox-hf-widget-area {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Koyu/Acik Mod Toggle */
.necox-hf-darkmode {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: none;
    background: none;
    cursor: pointer;
    color: inherit;
    border-radius: 50%;
    transition: background 0.15s;
}
.necox-hf-darkmode:hover {
    background: rgba(0,0,0,0.06);
}
.necox-hf-darkmode__moon {
    display: none;
}
html.dark-mode .necox-hf-darkmode__sun {
    display: none;
}
html.dark-mode .necox-hf-darkmode__moon {
    display: block;
}

/* Bosluk (Spacer) */
.necox-hf-spacer {
    display: block;
    flex-shrink: 0;
}