/* ============================================================
   ELFER — Theme contrast fix (day / night)
   ------------------------------------------------------------
   بۇ ھۆججەت site-bundle.css دىن كېيىن يۈكلىنىدۇ.
   مەقسەت: بۆلەك ئېلېمېنتلىرىدىكى قاتتىق (hardcoded) رەڭلەرنى
   theme ئۆزگەرگۈچىلىرىگە ماسلاشتۇرۇپ، كېچە/كۈندۈز ھالەت
   ئالماشقاندا خەتلەرنىڭ روشەن كۆرۈنۈشىنى كاپالەتلەندۈرۈش.
   ============================================================ */

/* ------------------------------------------------------------
   1) كېچە ھالەت (elfer-luxury) — ئاق تەگلىكلىك بۆلەكلەرنى
      قاراڭغۇ panel غا، قارا خەتلەرنى ئوچۇق خەتكە ئايلاندۇرىمىز.
   ------------------------------------------------------------ */

/* ---- ئومۇمىي كارتا / panel تەگلىكى ---- */
body.elfer-luxury .perfume-card,
body.elfer-luxury .brand-card,
body.elfer-luxury .pd-card,
body.elfer-luxury .pd-section,
body.elfer-luxury .pd-side-card,
body.elfer-luxury .pd-note-item,
body.elfer-luxury .pd-note-phase-card,
body.elfer-luxury .pd-note-mini,
body.elfer-luxury .pd-sku {
    background: var(--lux-panel) !important;
    border-color: var(--lux-line) !important;
    color: var(--lux-text);
}

body.elfer-luxury .pd-note-phase-card.phase-top,
body.elfer-luxury .pd-note-phase-card.phase-middle,
body.elfer-luxury .pd-note-phase-card.phase-base,
body.elfer-luxury .pd-note-mini.is-fallback {
    background: var(--lux-panel-2) !important;
}

/* رەسىم قاچىلىرى (ئاق تەگلىك رەسىمگە توغرا كەلمەيدۇ، ئازراق ئوچۇق قالدۇرىمىز) */
body.elfer-luxury .pd-main-image,
body.elfer-luxury .pd-note-media,
body.elfer-luxury .pd-note-media img,
body.elfer-luxury .pd-note-mini-media,
body.elfer-luxury .pd-note-mini-media img,
body.elfer-luxury .pd-intro img,
body.elfer-luxury .pd-side-link img {
    background: #f4efe6 !important;
}

/* ---- ئاساسلىق خەتلەر (قارا → ئوچۇق) ---- */
body.elfer-luxury .pd-title,
body.elfer-luxury .pd-meta,
body.elfer-luxury .pd-section-title,
body.elfer-luxury .pd-note-name,
body.elfer-luxury .pd-note-mini-name,
body.elfer-luxury .pd-note-phase-head h3,
body.elfer-luxury .pd-side-title,
body.elfer-luxury .pd-side-name,
body.elfer-luxury .pd-intro-text,
body.elfer-luxury .pd-review-text,
body.elfer-luxury .qty-control input {
    color: var(--lux-text) !important;
}

/* ---- ئىككىنچى دەرىجىلىك (muted) خەتلەر ---- */
body.elfer-luxury .pd-title small,
body.elfer-luxury .pd-meta-row .label,
body.elfer-luxury .pd-score-title,
body.elfer-luxury .pd-score-sub,
body.elfer-luxury .pd-bar-row,
body.elfer-luxury .pd-section-subtitle,
body.elfer-luxury .pd-note-percent,
body.elfer-luxury .pd-note-mini-family,
body.elfer-luxury .pd-side-brand,
body.elfer-luxury .price-original,
body.elfer-luxury .pagination li a,
body.elfer-luxury .pagination li span {
    color: var(--lux-muted) !important;
}

/* ---- ئالتۇن رەڭلىك ئۇلىنىش / باھا ---- */
body.elfer-luxury .pd-meta-row a,
body.elfer-luxury .pd-score-num,
body.elfer-luxury .price-current,
body.elfer-luxury .elfer-nav-list a:hover,
body.elfer-luxury .elfer-nav-list a.active {
    color: var(--lux-gold) !important;
}

body.elfer-luxury .pd-meta-row a:hover,
body.elfer-luxury .pd-side-link:hover .pd-side-name {
    color: var(--lux-gold-2) !important;
}

/* ---- ئۇلىنىش تىزىملىكى (navbar) ---- */
body.elfer-luxury .elfer-nav-list a {
    color: var(--lux-text) !important;
}

/* ---- كىچىك بەلگىلەر (badge) ---- */
body.elfer-luxury .pd-note-family,
body.elfer-luxury .pd-note-phase-count,
body.elfer-luxury .note-pill {
    background: rgba(216, 173, 106, .14) !important;
    color: var(--lux-gold-2) !important;
    border-color: var(--lux-line) !important;
}

body.elfer-luxury .pd-note-item.is-fallback .pd-note-family {
    background: rgba(179, 143, 226, .16) !important;
    color: #cbb6ee !important;
}

body.elfer-luxury .pd-note-phase-kicker {
    color: var(--lux-muted) !important;
}

/* ---- پروگرېس/ئاجراتقۇچ سىزىقلار ---- */
body.elfer-luxury .pd-bar {
    background: rgba(255, 255, 255, .08) !important;
}

body.elfer-luxury .pd-section-title,
body.elfer-luxury .pd-review {
    border-color: var(--lux-line) !important;
}

/* ---- سېتىۋېلىش ستونى / avatar ---- */
body.elfer-luxury .pd-buybar,
body.elfer-luxury .pd-avatar {
    background: var(--lux-panel-2) !important;
}

body.elfer-luxury .pd-avatar {
    color: var(--lux-gold-2) !important;
}

/* ---- SKU / تاللاش كۇنۇپكىلىرى ---- */
body.elfer-luxury .pd-sku.active,
body.elfer-luxury .pd-sku:hover {
    border-color: var(--lux-gold) !important;
    background: rgba(216, 173, 106, .12) !important;
}

/* ---- بەت رەقەم (pagination) ---- */
body.elfer-luxury .pagination li a,
body.elfer-luxury .pagination li span {
    border-color: var(--lux-line) !important;
    background: var(--lux-panel) !important;
}

body.elfer-luxury .pagination li a:hover {
    border-color: var(--lux-gold) !important;
    color: var(--lux-gold) !important;
    background: var(--lux-panel-2) !important;
}

body.elfer-luxury .pagination li.disabled span {
    color: var(--lux-muted) !important;
    background: var(--lux-panel-2) !important;
    opacity: .55;
}

/* ---- سان تەڭشەش (qty-control) ---- */
body.elfer-luxury .qty-control {
    border-color: var(--lux-line) !important;
}

body.elfer-luxury .qty-control input {
    background: var(--lux-panel) !important;
}

body.elfer-luxury .qty-control button {
    background: var(--lux-panel-2) !important;
    color: var(--lux-muted) !important;
}

body.elfer-luxury .qty-control button:hover:not(:disabled) {
    background: var(--lux-gold) !important;
    color: #1b1008 !important;
}

/* ---- ھەرپ كۆرسەتكۈچى (letter-index) ---- */
body.elfer-luxury .letter-index a {
    border-color: var(--lux-line) !important;
    color: var(--lux-muted) !important;
}

body.elfer-luxury .letter-index a:hover:not(.is-disabled) {
    border-color: var(--lux-gold) !important;
    color: var(--lux-gold) !important;
}

/* ------------------------------------------------------------
   2) كۈندۈز ھالەت (elfer-day) — خەتلەرنىڭ يېتەرلىك
      قاراڭغۇلۇقتا بولۇشىنى كاپالەتلەندۈرىمىز (ئاق تەگلىكتە روشەن).
   ------------------------------------------------------------ */
body.elfer-day .elfer-nav-list a {
    color: var(--lux-text) !important;
}

/* Fix dark backgrounds across languages in day mode */
body.elfer-day .bg-elfer-dark,
body.elfer-day .bg-gray-900 {
    background-color: var(--lux-panel-2) !important;
    color: var(--lux-text) !important;
}

body.elfer-day .bg-elfer-dark.text-white {
    color: var(--lux-text) !important;
}

body.elfer-day .bg-elfer-dark .text-white,
body.elfer-day .bg-elfer-dark .text-gray-300,
body.elfer-day .bg-elfer-dark .text-gray-400 {
    color: var(--lux-text) !important;
}

/* Also fix background colors for elfer-admin-ug if needed */
body.elfer-day.elfer-admin-ug .bg-elfer-dark,
body.elfer-day.elfer-admin-ug .bg-gray-900 {
    background-color: var(--lux-panel-2) !important;
    color: var(--lux-text) !important;
}

body.elfer-day.elfer-admin-ug .bg-elfer-dark.text-white {
    color: var(--lux-text) !important;
}

body.elfer-day.elfer-admin-ug .bg-elfer-dark .text-white,
body.elfer-day.elfer-admin-ug .bg-elfer-dark .text-gray-300,
body.elfer-day.elfer-admin-ug .bg-elfer-dark .text-gray-400 {
    color: var(--lux-text) !important;
}

body.elfer-day .bg-gradient-to-r.from-elfer-dark {
    background-image: linear-gradient(to right, var(--lux-panel-2), var(--lux-panel)) !important;
}

body.elfer-day .bg-gradient-to-r.from-elfer-dark .text-white,
body.elfer-day .bg-gradient-to-r.from-elfer-dark .text-gray-300,
body.elfer-day .bg-gradient-to-r.from-elfer-dark .text-gray-400 {
    color: var(--lux-text) !important;
}

body.elfer-day .brand-hero-section .text-white,
body.elfer-day .brand-hero-section .text-gray-300,
body.elfer-day .brand-hero-section .text-gray-400 {
    color: var(--lux-text) !important;
}

body.elfer-day .brand-hero-bg {
    opacity: 0.05 !important;
}

body.elfer-day .text-white {
    /* Only change text-white to dark if it's inside a forced light background or hero section */
}

body.elfer-day .home-agent-cta .border-white\/20 {
    border-color: var(--lux-line) !important;
    color: var(--lux-text) !important;
}
body.elfer-day .home-agent-cta .hover\:bg-white\/10:hover {
    background-color: var(--lux-line) !important;
}

/* Fix market contact details */
body.elfer-day .bg-black\/30 {
    background-color: var(--lux-panel) !important;
    color: var(--lux-text) !important;
}
body.elfer-day .hover\:bg-black:hover {
    background-color: var(--lux-line) !important;
}

/* Specific text fixes for Brand and Perfumer Hero */
body.elfer-day nav.text-sm.text-gray-400 span.text-white {
    color: var(--lux-text) !important;
}

body.elfer-day .brand-logo-circle {
    background-color: var(--lux-panel) !important;
}

body.elfer-day .elfer-nav-list a:hover,
body.elfer-day .elfer-nav-list a.active {
    color: var(--lux-gold-2) !important;
}

/* كۈندۈز ھالەتتە بۆلەك خەتلىرى ئەسلىدىلا قاراڭغۇ، ئەمما
   theme ئۆزگەرگۈچىسى بىلەن بىردەكلەشتۈرىمىز */
body.elfer-day .pd-title,
body.elfer-day .pd-section-title,
body.elfer-day .pd-note-name,
body.elfer-day .pd-note-mini-name,
body.elfer-day .pd-side-name {
    color: var(--lux-text) !important;
}