/**
 * NECOX — Ilan Numarasi Gorunumu (v3.73.0)
 *
 * 6 lokasyon icin K2 admin paneli ile ozellestirilebilir CSS:
 *   - .necox-ad-card__ad-no       → ad-card uzerinde (anasayfa, kategori, arama)
 *   - .necox-sad__ad-no (default) → Preset 1 meta satiri
 *   - .necox-sad-p3__hero-meta .necox-sad__ad-no  → Preset 3 overlay (sari rozet)
 *   - .necox-sad-p3__title-meta .necox-sad__ad-no → Preset 3 normal (lacivert chip)
 *   - .necox-dash-ads__ad-no      → Dashboard ilanlarim
 *   - .necox-msg__item-ad-no      → Mesaj rozeti
 *
 * Tum degerler --necox-adno-{loc}-{prop} CSS variable'larindan okunur.
 * fonts.php necox_ad_number_generate_tokens() :root'a yazar.
 */

/* ───── ORTAK BASE ───── */
.necox-ad-card__ad-no,
.necox-sad__ad-no,
.necox-dash-ads__ad-no,
.necox-msg__item-ad-no {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    user-select: all;
    font-feature-settings: "tnum";
    letter-spacing: 0.2px;
    transition: background 0.15s, color 0.15s;
}
.necox-ad-card__ad-no.is-copied,
.necox-sad__ad-no.is-copied,
.necox-dash-ads__ad-no.is-copied,
.necox-msg__item-ad-no.is-copied {
    background: rgba(34, 197, 94, 0.18) !important;
    color: #16a34a !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 1. AD-CARD (necox-ad-card__ad-no)         */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.necox-ad-card__ad-no {
    background: var(--necox-adno-card-bg, rgba(42, 50, 84, 0.04));
    color: var(--necox-adno-card-color, #8a8fa6);
    font-size: var(--necox-adno-card-font-size, 11px);
    font-weight: var(--necox-adno-card-font-weight, 500);
    padding: var(--necox-adno-card-padding, 1px 7px);
    border-radius: var(--necox-adno-card-radius, 3px);
    margin-right: 6px;
}
.necox-ad-card__ad-no:hover {
    background: var(--necox-adno-card-hover-bg, rgba(255, 204, 4, 0.15));
    color: var(--necox-adno-card-hover-color, #2A3254);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 2. PRESET 1 (default .necox-sad__ad-no)   */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.necox-sad__ad-no {
    background: var(--necox-adno-p1-bg, rgba(42, 50, 84, 0.06));
    color: var(--necox-adno-p1-color, #2A3254);
    font-size: var(--necox-adno-p1-font-size, 13px);
    font-weight: var(--necox-adno-p1-font-weight, 600);
    padding: var(--necox-adno-p1-padding, 4px 10px);
    border-radius: var(--necox-adno-p1-radius, 4px);
    gap: 4px;
}
.necox-sad__ad-no strong {
    font-weight: 700;
}
.necox-sad__ad-no:hover,
.necox-sad-p1__meta-item.necox-sad__ad-no:hover {
    background: var(--necox-adno-p1-hover-bg, rgba(255, 204, 4, 0.18));
    color: var(--necox-adno-p1-hover-color, #2A3254);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 3. PRESET 3 OVERLAY (sari rozet)          */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.necox-sad-p3__hero-meta .necox-sad__ad-no {
    background: var(--necox-adno-p3o-bg, rgba(255, 204, 4, 0.18));
    color: var(--necox-adno-p3o-color, #FFCC04);
    font-size: var(--necox-adno-p3o-font-size, 13px);
    font-weight: var(--necox-adno-p3o-font-weight, 600);
    padding: var(--necox-adno-p3o-padding, 5px 12px);
    border-radius: var(--necox-adno-p3o-radius, 4px);
    border: 1px solid var(--necox-adno-p3o-color, #FFCC04);
}
.necox-sad-p3__hero-meta .necox-sad__ad-no strong {
    color: var(--necox-adno-p3o-color, #FFCC04);
}
.necox-sad-p3__hero-meta .necox-sad__ad-no:hover {
    background: var(--necox-adno-p3o-hover-bg, rgba(255, 204, 4, 0.32));
    color: var(--necox-adno-p3o-hover-color, #FFCC04);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 4. PRESET 3 NORMAL (lacivert chip)        */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.necox-sad-p3__title-meta .necox-sad__ad-no {
    background: var(--necox-adno-p3n-bg, rgba(42, 50, 84, 0.06));
    color: var(--necox-adno-p3n-color, #2A3254);
    font-size: var(--necox-adno-p3n-font-size, 13px);
    font-weight: var(--necox-adno-p3n-font-weight, 600);
    padding: var(--necox-adno-p3n-padding, 4px 10px);
    border-radius: var(--necox-adno-p3n-radius, 4px);
}
.necox-sad-p3__title-meta .necox-sad__ad-no:hover {
    background: var(--necox-adno-p3n-hover-bg, rgba(255, 204, 4, 0.18));
    color: var(--necox-adno-p3n-hover-color, #2A3254);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 5. DASHBOARD ILANLARIM                    */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.necox-dash-ads__ad-no {
    background: var(--necox-adno-dash-bg, rgba(42, 50, 84, 0.05));
    color: var(--necox-adno-dash-color, #6b7280);
    font-size: var(--necox-adno-dash-font-size, 11px);
    font-weight: var(--necox-adno-dash-font-weight, 500);
    padding: var(--necox-adno-dash-padding, 1px 7px);
    border-radius: var(--necox-adno-dash-radius, 3px);
    margin-right: 6px;
    margin-bottom: 4px;
}
.necox-dash-ads__ad-no:hover {
    background: var(--necox-adno-dash-hover-bg, rgba(255, 204, 4, 0.18));
    color: var(--necox-adno-dash-hover-color, #2A3254);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 6. MESAJ ROZETI                           */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.necox-msg__item-ad-no {
    background: var(--necox-adno-msg-bg, rgba(255, 204, 4, 0.18));
    color: var(--necox-adno-msg-color, #2A3254);
    font-size: var(--necox-adno-msg-font-size, 11px);
    font-weight: var(--necox-adno-msg-font-weight, 600);
    padding: var(--necox-adno-msg-padding, 2px 7px);
    border-radius: var(--necox-adno-msg-radius, 3px);
    margin-right: 6px;
}
.necox-msg__item-ad-no:hover {
    background: var(--necox-adno-msg-hover-bg, rgba(255, 204, 4, 0.32));
    color: var(--necox-adno-msg-hover-color, #2A3254);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* TOAST (kopyalama bildirim)                 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.necox-ad-no-toast {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    background: #2A3254;
    color: #fff;
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    z-index: 999999;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    opacity: 0;
    transition: opacity 0.2s ease, transform 0.2s ease;
    pointer-events: none;
}
.necox-ad-no-toast.is-visible {
    opacity: 1;
    transform: translateX(-50%) translateY(-4px);
}
.necox-ad-no-toast--error {
    background: #dc2626;
}