/**
 * YON — global UI components (site-wide consistency)
 */
.yon-section__head h2,
.yon-section-title,
.ycart-section-title,
.mp-section-title {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--h-text-muted);
}

.yon-site-nav__cta:not(.yon-site-nav__cart-btn),
.yon-cart-drop__cta,
.yon-lc-btn--primary,
.yon-fg-cta,
.auth-btn--primary,
.yon-btn-primary,
.yon-brand-badge,
.yon-shell:not(.yon-shell--yon) .yon-site-nav__cta,
.yon-shell .yon-search__submit,
.bg-epin-purple,
.bg-orange-500,
.bg-orange-600 {
    background: var(--h-gradient-green) !important;
    color: var(--h-green-text-on) !important;
    border: 0 !important;
    border-radius: var(--h-radius) !important;
    box-shadow: var(--h-shadow-green) !important;
    font-weight: 700 !important;
    transition: filter 0.15s, transform 0.15s, box-shadow 0.15s !important;
}

/* YON header: nav sepet = kurumsal dolu mavi pill (eski referans) */
.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta.yon-site-nav__cart-btn {
    background: var(--h-blue) !important;
    color: #fff !important;
    box-shadow: none !important;
    border-radius: 999px !important;
    filter: none !important;
    transform: none !important;
}

.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta.yon-site-nav__cart-btn:hover {
    filter: none !important;
    transform: none !important;
    box-shadow: none !important;
}

.yon-shell--yon .yon-ad-shop-cta,
.yon-shell--yon .yon-site-header__quick-btn--listing {
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
}

.yon-shell--yon .yon-ad-shop-cta:hover {
    filter: none !important;
    transform: none !important;
}

.yon-site-nav__cta:not(.yon-site-nav__cart-btn):hover,
.yon-cart-drop__cta:hover,
.yon-lc-btn--primary:hover,
.yon-fg-cta:hover,
.auth-btn--primary:hover,
.yon-btn-primary:hover {
    filter: brightness(1.06);
    transform: translateY(-1px);
}

.yon-ad-shop-cta,
.yon-merch {
    background: var(--h-gradient-listing) !important;
    color: var(--h-text-bright) !important;
    box-shadow: var(--h-shadow-orange) !important;
    border-radius: var(--h-radius) !important;
}

.yon-pcard,
.yon-card-product,
.yon-fg-card,
.lc {
    background: var(--h-bg-card) !important;
    border: 1px solid var(--h-border) !important;
    border-radius: var(--h-radius) !important;
    box-shadow: var(--h-shadow-card) !important;
    transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s !important;
}

.yon-pcard:hover,
.yon-card-product:hover,
.yon-fg-card:hover,
.lc:hover {
    border-color: rgba(61, 90, 254, 0.35) !important;
    box-shadow: var(--h-shadow-blue), var(--h-shadow-card) !important;
    transform: translateY(-2px);
}

.yon-pcard__top {
    background: linear-gradient(160deg, var(--h-bg-raised) 0%, var(--h-bg-card) 100%) !important;
}

.yon-pcard__price,
.p-price,
.yon-pcard__discount {
    color: var(--h-green) !important;
    font-weight: 700 !important;
}

.yon-pcard__name,
.p-title {
    color: var(--h-text) !important;
}

.yon-pcard__amount,
.p-old-price {
    color: var(--h-text-muted) !important;
}

.yon-shell .yon-search {
    background: var(--h-bg-raised) !important;
    border: 2px solid var(--h-border) !important;
    border-radius: var(--h-radius-sm) !important;
    box-shadow: var(--h-shadow-card) !important;
}

.yon-shell .yon-search:focus-within {
    border-color: rgba(61, 90, 254, 0.45) !important;
    box-shadow: 0 0 0 3px var(--h-blue-soft) !important;
}

.yon-shell .yon-search:focus-within .yon-search__icon {
    color: var(--h-blue) !important;
}

.yon-site-header {
    background: var(--h-bg-header) !important;
    border-bottom: 1px solid var(--h-border) !important;
}

.yon-site-topbar {
    background: var(--h-bg-page) !important;
    border-bottom: 1px solid var(--h-border) !important;
}

.yon-site-nav {
    background: var(--h-bg-header) !important;
    border-bottom: 1px solid var(--h-border) !important;
}

.yon-site-nav__link.is-active::after {
    background: var(--h-orange) !important;
}

.yon-site-nav__link.is-active i {
    color: var(--h-orange) !important;
}

.yon-site-balance {
    background: var(--h-green-soft) !important;
    border-color: rgba(17, 211, 119, 0.28) !important;
    color: var(--h-green) !important;
}

.yon-theme:hover {
    color: var(--h-orange) !important;
    border-color: rgba(255, 179, 0, 0.35) !important;
}

.ysf {
    background: var(--h-gradient-footer) !important;
    border-top: 1px solid var(--h-border) !important;
}

.yon-hero-h {
    --yon-hero-accent: var(--h-orange);
    background-color: var(--h-bg-page) !important;
}

.yon-hero-h__thumb.is-active {
    border-top-color: var(--h-orange) !important;
}

.yon-cart-drop,
.yon-auth-drop,
.yon-hdrop__panel,
.yon-search-panel {
    background: var(--h-bg-card) !important;
    border: 1px solid var(--h-border) !important;
    border-radius: var(--h-radius) !important;
    box-shadow: var(--h-shadow-elevated) !important;
}

.yon-content--mesh-soft.yon-content--ambient::before,
.yon-content--mesh-vivid.yon-content--ambient::before {
    background:
        radial-gradient(ellipse 60% 35% at 10% 0%, var(--h-green-soft), transparent 55%),
        radial-gradient(ellipse 50% 30% at 92% 5%, var(--h-blue-soft), transparent 50%) !important;
    opacity: 0.7 !important;
}

.yon-section__all {
    background: var(--h-blue) !important;
    color: var(--h-text-bright) !important;
    border-radius: var(--h-radius-sm) !important;
}

.yon-auth-trigger,
.yon-site-header__actions .yon-header-icon,
.yon-site-header__actions .yon-hdrop__trigger.yon-cart {
    background: var(--h-bg-raised) !important;
    border: 1px solid var(--h-border) !important;
    border-radius: var(--h-radius-sm) !important;
}

.text-epin-purple,
.text-orange-500 {
    color: var(--h-blue) !important;
}

.border-epin-purple\/30,
.hover\:border-epin-purple\/30:hover {
    border-color: rgba(61, 90, 254, 0.28) !important;
}

.yon-social:hover {
    border-color: var(--h-blue) !important;
    color: var(--h-blue-text) !important;
    background: var(--h-blue-soft) !important;
}

.lc__price,
.mp-card__price {
    color: var(--h-green) !important;
    font-weight: 700;
}

.ymm,
.yon-drawer {
    background: var(--h-bg-header) !important;
    border-color: var(--h-border) !important;
}

.ymm__link:hover,
.yon-drawer__link.is-active {
    background: var(--h-blue-soft) !important;
}

.ymm__link i,
.yon-drawer__link i {
    color: var(--h-blue) !important;
}

/* ── Forms & inputs (site-wide) ── */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="search"],
input[type="url"],
textarea,
select,
.yon-input,
.auth-input,
.mp-filter__input,
.ycart-input,
.ychk-input,
.pd-input,
.yls-input {
    background: var(--h-bg-raised) !important;
    border: 1px solid var(--h-border) !important;
    border-radius: var(--h-radius-sm) !important;
    color: var(--h-text) !important;
}

input:focus,
textarea:focus,
select:focus,
.yon-input:focus,
.auth-input:focus {
    border-color: rgba(61, 90, 254, 0.45) !important;
    box-shadow: 0 0 0 3px var(--h-blue-soft) !important;
    outline: none !important;
}

/* ── Secondary / outline buttons ── */
.yon-btn-secondary,
.auth-btn--secondary,
.mp-btn--ghost,
.ycart-btn--ghost,
.ychk-btn--ghost {
    background: var(--h-bg-raised) !important;
    border: 1px solid var(--h-border) !important;
    color: var(--h-text) !important;
    border-radius: var(--h-radius-sm) !important;
}

.yon-btn-secondary:hover,
.auth-btn--secondary:hover,
.mp-btn--ghost:hover {
    border-color: rgba(61, 90, 254, 0.35) !important;
    color: var(--h-blue-text) !important;
}

/* ── Orange register / listing CTAs ── */
.auth-btn--register,
.yon-btn-orange,
.mp-btn--listing,
.yon-lc-btn--orange {
    background: var(--h-gradient-orange) !important;
    color: var(--h-text-bright) !important;
    border: 0 !important;
    border-radius: var(--h-radius) !important;
    box-shadow: var(--h-shadow-orange) !important;
    font-weight: 700 !important;
}

/* ── Badges & pills ── */
.yon-badge,
.mp-badge,
.ycart-badge,
.pd-badge {
    background: var(--h-blue-soft) !important;
    color: var(--h-blue-text) !important;
    border: 1px solid rgba(61, 90, 254, 0.28) !important;
    border-radius: 999px !important;
}

.yon-badge--green,
.mp-badge--success {
    background: var(--h-green-soft) !important;
    color: var(--h-green) !important;
    border-color: rgba(17, 211, 119, 0.28) !important;
}

/* ── Tabs & filters ── */
.mp-tab.is-active,
.ycart-tab.is-active,
.cat-tab.is-active,
.ysr-tab.is-active {
    color: var(--h-orange) !important;
    border-color: var(--h-orange) !important;
}

.mp-sidebar,
.ycart-sidebar,
.cat-sidebar,
.yon-account-sidebar {
    background: var(--h-bg-card) !important;
    border: 1px solid var(--h-border) !important;
    border-radius: var(--h-radius) !important;
}

/* ── Tables ── */
.yon-table th,
.mp-table th {
    background: var(--h-bg-raised) !important;
    color: var(--h-text-muted) !important;
    border-color: var(--h-border) !important;
}

.yon-table td,
.mp-table td {
    border-color: var(--h-border) !important;
    color: var(--h-text) !important;
}

/* ── Modals ── */
.yon-modal,
.yon-cart-modal,
.mp-modal {
    background: var(--h-bg-card) !important;
    border: 1px solid var(--h-border) !important;
    border-radius: var(--h-radius-lg) !important;
    box-shadow: var(--h-shadow-elevated) !important;
}

/* ── Breadcrumbs ── */
.yon-crumb a:hover,
.pd-crumb a:hover,
.cat-crumb a:hover {
    color: var(--h-blue) !important;
}

/* ── Account pages ── */
.yon-account-page,
.yon-account-card {
    background: var(--h-bg-card) !important;
    border: 1px solid var(--h-border) !important;
    border-radius: var(--h-radius) !important;
}

.yon-account-nav__link.is-active {
    background: var(--h-blue-soft) !important;
    color: var(--h-blue-text) !important;
    border-color: rgba(61, 90, 254, 0.28) !important;
}

/* ── Referans: ortak bölüm kabuğu (tüm storefront) ── */
.yh-section-shell,
.yst-dock,
.ysc-panel,
.ysc-form {
    background: linear-gradient(180deg, var(--h-bg-header) 0%, var(--h-bg-card) 100%);
    border: 1px solid var(--h-border-soft, rgba(50, 57, 78, 0.72));
    border-radius: var(--h-radius-lg, 16px);
    box-shadow: var(--h-shadow-card);
}

.yh-section-head__icon {
    background: var(--h-blue-soft);
    border: 1px solid rgba(102, 122, 250, 0.28);
    color: var(--h-blue-text);
}

.yh-section-head__title {
    color: var(--h-text-bright);
    font-weight: 800;
    letter-spacing: -0.02em;
}

.yh-section-head__sub {
    color: var(--h-text-muted);
    font-size: 13px;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .yh-section-head {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .yh-section-head__action {
        width: 100%;
    }

    .yh-section-head__action .yh-btn {
        width: 100%;
        justify-content: center;
    }

    .yh-section-shell {
        padding: 14px;
        border-radius: 14px;
    }
}