/* =========================================
   Kadiner Dark Mode
   ========================================= */


/* Theme Variables */
html.dark {
    --kd-bg-primary: #121217;
    --kd-bg-secondary: #19191F;
    --kd-bg-card: #212128;
    --kd-bg-hover: #25252D;

    --kd-text-primary: #F5F5F7;
    --kd-text-secondary: #B8B8C2;
    --kd-text-muted: #858590;

    --kd-border: #32323C;

    --kd-brand: #FDCF00;
}


/* Body */
html.dark body {
    background-color: var(--kd-bg-primary) !important;
    color: var(--kd-text-primary) !important;
}


/* =========================
   Header
========================= */

html.dark #site-header {
    background-color: var(--kd-bg-secondary) !important;
}

html.dark .logo-kdnr {
    filter: brightness(1.1);
}


/* =========================
   Text
========================= */

html.dark .text-black,
html.dark .text-gray-900,
html.dark .text-gray-800 {
    color: var(--kd-text-primary) !important;
}


html.dark .text-gray-700,
html.dark .text-gray-600,
html.dark .text-gray-500 {
    color: var(--kd-text-secondary) !important;
}


html.dark .text-gray-400 {
    color: var(--kd-text-muted) !important;
}


/* =========================
   Backgrounds
========================= */

html.dark .bg-white {
    background-color: var(--kd-bg-secondary) !important;
}


html.dark .bg-gray-50 {
    background-color: var(--kd-bg-primary) !important;
}


html.dark .bg-gray-100 {
    background-color: var(--kd-bg-hover) !important;
}


/* =========================
   Borders
========================= */

html.dark .border-gray-100,
html.dark .border-gray-200,
html.dark .border-gray-300 {
    border-color: var(--kd-border) !important;
}


/* =========================
   Cards
========================= */

html.dark .rounded-xl,
html.dark .rounded-2xl,
html.dark .rounded-3xl {
    border-color: var(--kd-border);
}


/* =========================
   Inputs
========================= */

html.dark input,
html.dark textarea,
html.dark select {
    background-color: var(--kd-bg-card) !important;
    color: var(--kd-text-primary) !important;
    border-color: var(--kd-border) !important;
}


html.dark input::placeholder,
html.dark textarea::placeholder {
    color: var(--kd-text-muted) !important;
}


/* =========================
   Header Buttons / Icons
========================= */

html.dark .hover\:bg-gray-100:hover {
    background-color: var(--kd-bg-hover) !important;
}


html.dark .hover\:text-black:hover {
    color: var(--kd-text-primary) !important;
}


/* =========================
   Drawers
========================= */

html.dark #mobile-drawer,
html.dark #cart-drawer,
html.dark #search-drawer {
    background-color: var(--kd-bg-secondary) !important;
}


html.dark #mobile-drawer .bg-gray-50,
html.dark #cart-drawer .bg-gray-50,
html.dark #search-drawer .bg-gray-50 {
    background-color: var(--kd-bg-primary) !important;
}


/* =========================
   WooCommerce
========================= */

html.dark .woocommerce-info,
html.dark .woocommerce-message {
    background-color: var(--kd-bg-card) !important;
    color: var(--kd-text-primary) !important;
}


html.dark .widget_shopping_cart_content {
    color: var(--kd-text-primary);
}


/* =========================
   Brand Elements
========================= */

html.dark .bg-brand {
    background-color: var(--kd-brand) !important;
    color: #000 !important;
}
/* =================================
   Product Card Dark Mode
================================= */


html.dark .product-card-container {
    background-color: #19191F !important;
    border-color: #32323C !important;
}


/* image wrapper */
html.dark .product-card-container .bg-gray-50 {
    background-color: #121217 !important;
}


/* image */
html.dark .product-card-container img {
    mix-blend-mode: normal;
}


/* title */
html.dark .product-card-container h3,
html.dark .product-card-container h3 a {
    color: #F5F5F7 !important;
}


/* meta */
html.dark .product-card-container .text-gray-400 {
    color: #858590 !important;
}


/* price */
html.dark .product-card-container .text-gray-900 {
    color: #F5F5F7 !important;
}


/* bottom divider */
html.dark .product-card-container .border-gray-50 {
    border-color: #32323C !important;
}


/* hover button */
html.dark .product-card-container .bg-black {
    background-color: #FDCF00 !important;
    color: #000 !important;
}
/* =================================
   Single Product Dark Mode
================================= */


/* Main product wrapper */
html.dark .single-product-page,
html.dark .product {
    color: #F5F5F7;
}


/* Content boxes */
html.dark .product-description,
html.dark .woocommerce-tabs,
html.dark .product-content,
html.dark .prose {
    color: #F5F5F7;
}


/* All white content boxes inside product */
html.dark .single-product-page .bg-white,
html.dark .product .bg-white {
    background-color: #19191F !important;
}


/* Gray sections */
html.dark .single-product-page .bg-gray-50,
html.dark .product .bg-gray-50 {
    background-color: #121217 !important;
}


/* Tables */
html.dark table,
html.dark .woocommerce table {
    background-color: #19191F !important;
    color: #F5F5F7 !important;
}


html.dark table th {
    background-color: #212128 !important;
    color: #F5F5F7 !important;
}


html.dark table td {
    background-color: #19191F !important;
    border-color: #32323C !important;
}


/* FAQ */
html.dark .accordion,
html.dark .faq-item,
html.dark details {
    background-color: #19191F !important;
    border-color: #32323C !important;
}


html.dark summary {
    color: #F5F5F7 !important;
}


/* Description boxes */
html.dark .kadiner-variation-description {
    background-color: #212128 !important;
    color: #F5F5F7 !important;
}


/* Related products area */
html.dark .related,
html.dark .upsells {
    background-color: #121217;
}
/* =====================================
   Kadiner Single Product Dark Mode
===================================== */


/* Main wrapper */
html.dark .min-h-screen.bg-gray-50 {
    background-color: #121217 !important;
}


/* Breadcrumb */
html.dark .min-h-screen > .bg-white {
    background-color: #19191F !important;
    border-color: #32323C !important;
}


/* Purchase panel */
html.dark #kadiner-purchase-panel {
    background-color: #19191F !important;
}


html.dark #kadiner-purchase-panel > div {
    border-color: #32323C !important;
}


/* Plan cards */
html.dark #kadiner-plan-cards .var-btn {
    background: #212128 !important;
    border-color: #32323C !important;
    color: #F5F5F7 !important;
}


html.dark #kadiner-plan-cards .var-btn.active-var {
    background: rgba(253,207,0,.12) !important;
    border-color: #FDCF00 !important;
}


html.dark .kadiner-plan-details,
html.dark .kadiner-plan-description {
    color:#B8B8C2 !important;
}


/* Variation buttons */
html.dark .variation-group .var-btn {
    background:#212128 !important;
    border-color:#32323C !important;
    color:#F5F5F7 !important;
}


/* Price */
html.dark #price-display,
html.dark #price-display * {
    color:#F5F5F7 !important;
}


/* Title */
html.dark h1.text-gray-900 {
    color:#F5F5F7 !important;
}


/* Feature cards */
html.dark .group.bg-white {
    background:#19191F !important;
    border-color:#32323C !important;
}


html.dark .group.bg-white .bg-gray-50 {
    background:#212128 !important;
}


/* Inputs */
html.dark #acc-details-form input {
    background:#212128 !important;
    border-color:#32323C !important;
    color:#F5F5F7 !important;
}


/* Quantity */
html.dark #qty-controls {
    background:#212128 !important;
    border-color:#32323C !important;
}


html.dark #qty-controls button {
    background:#19191F !important;
    color:#F5F5F7 !important;
}


/* Audio box */
html.dark .audio-player-wrapper {
    background:#19191F !important;
    border-color:#32323C !important;
}
/* =================================
   Product Description / Tabs
================================= */


/* WooCommerce Tabs */
html.dark .woocommerce-tabs,
html.dark .woocommerce-Tabs-panel,
html.dark #tab-description {
    background: #19191F !important;
    color: #F5F5F7 !important;
}


/* All description blocks */
html.dark #tab-description .bg-white,
html.dark #tab-description .bg-gray-50 {
    background:#212128 !important;
}


/* Paragraphs */
html.dark #tab-description p,
html.dark #tab-description li {
    color:#D1D1D8 !important;
}


/* Tables inside description */
html.dark #tab-description table {
    background:#19191F !important;
    color:#F5F5F7 !important;
}


html.dark #tab-description table td,
html.dark #tab-description table th {
    background:#19191F !important;
    border-color:#32323C !important;
    color:#F5F5F7 !important;
}


/* Remove editor inline backgrounds */
html.dark #tab-description [style*="background"] {
    background-color:#19191F !important;
}


/* Keep brand highlights */
html.dark #tab-description .text-brand,
html.dark #tab-description strong {
    color:#FDCF00 !important;
}


/* Video / iframe */
html.dark #tab-description iframe,
html.dark #tab-description video {
    background:#000 !important;
}
/* =================================
   Single Product Feature Cards
================================= */


/* Green Feature Card */
html.dark .bg-green-50 {
    background-color: rgba(34,197,94,0.08) !important;
}


html.dark .border-green-200 {
    border-color: rgba(34,197,94,0.25) !important;
}


html.dark .bg-green-100 {
    background-color: rgba(34,197,94,0.15) !important;
}


html.dark .text-green-600 {
    color: #4ADE80 !important;
}


html.dark .text-green-900 {
    color: #DCFCE7 !important;
}
/* Yellow Info Boxes */
html.dark .bg-yellow-50 {
    background-color: rgba(253,207,0,.08) !important;
}

html.dark .border-yellow-200 {
    border-color: rgba(253,207,0,.25) !important;
}

html.dark .text-yellow-900 {
    color: #FEF08A !important;
}

html.dark .text-yellow-700,
html.dark .text-yellow-600 {
    color: #FDCF00 !important;
}
/* Product Tables */
html.dark table tr {
    background-color: #19191F !important;
}

html.dark table tr:nth-child(even) {
    background-color: #212128 !important;
}

html.dark table td,
html.dark table th {
    color: #E5E7EB !important;
}
/* Editor Content Cards */
html.dark .prose .bg-yellow-50,
html.dark .prose .bg-green-50,
html.dark .prose .bg-blue-50,
html.dark .prose .bg-purple-50 {
    background-color: #212128 !important;
    border-color: #32323C !important;
}


html.dark .prose .text-gray-900,
html.dark .prose .text-gray-800 {
    color: #F5F5F7 !important;
}


html.dark .prose strong {
    color: #FDCF00 !important;
}
html.dark .woocommerce table,
html.dark #tab-description table {
    border: 1px solid #32323C !important;
}


html.dark #tab-description tr:hover {
    background-color: #25252D !important;
}
html.dark iframe,
html.dark video {
    border-radius: 1rem;
    border: 1px solid #32323C;
}
/* =================================
   WooCommerce Checkout & Cart
================================= */


/* Forms */
html.dark .woocommerce form .form-row input,
html.dark .woocommerce form .form-row select,
html.dark .woocommerce form .form-row textarea,
html.dark input.input-text,
html.dark select,
html.dark textarea {
    background:#212128 !important;
    border-color:#32323C !important;
    color:#F5F5F7 !important;
}


html.dark input::placeholder,
html.dark textarea::placeholder {
    color:#858590 !important;
}


/* Checkout cards */
html.dark .woocommerce-checkout-review-order,
html.dark .woocommerce-checkout-payment,
html.dark .woocommerce-billing-fields,
html.dark .woocommerce-additional-fields {
    background:#19191F !important;
    border-color:#32323C !important;
}


/* Product rows */
html.dark .woocommerce-cart-form,
html.dark .cart_totals {
    background:#19191F !important;
    border-color:#32323C !important;
}


/* Cart images */
html.dark .woocommerce-cart-form img {
    mix-blend-mode:normal !important;
}


/* Woo messages */
html.dark .woocommerce-info {
    background:#212128 !important;
    border-color:#32323C !important;
    color:#F5F5F7 !important;
}


/* Product cards inside cart */
html.dark .woocommerce-cart-form td {
    border-color:#32323C !important;
}


/* Checkout product items */
html.dark .woocommerce-checkout-review-order-table {
    background:#19191F !important;
    color:#F5F5F7 !important;
}


html.dark .woocommerce-checkout-review-order-table td,
html.dark .woocommerce-checkout-review-order-table th {
    border-color:#32323C !important;
    background:#19191F !important;
    color:#F5F5F7 !important;
}
/* WooCommerce Blue Notices */
html.dark .bg-blue-50 {
    background-color: rgba(59,130,246,.08) !important;
}

html.dark .border-blue-200 {
    border-color: rgba(59,130,246,.25) !important;
}

html.dark .text-blue-700,
html.dark .text-blue-600 {
    color:#93C5FD !important;
}
/* Woo Select2 */
html.dark .select2-container--default .select2-selection--single {
    background-color:#212128 !important;
    border-color:#32323C !important;
}

html.dark .select2-container--default 
.select2-selection--single 
.select2-selection__rendered {
    color:#F5F5F7 !important;
}


html.dark .select2-dropdown {
    background:#19191F !important;
    border-color:#32323C !important;
}


html.dark .select2-results__option {
    color:#F5F5F7 !important;
}

html.dark .select2-results__option--highlighted {
    background:#FDCF00 !important;
    color:#000 !important;
}
html.dark .woocommerce-checkout-review-order .cart_item,
html.dark .woocommerce-checkout-review-order .product {
    background:#212128 !important;
    border-color:#32323C !important;
}


html.dark .woocommerce-checkout-review-order img {
    background:#19191F !important;
}
/* =================================
   Kadiner Checkout Account Cards
================================= */

html.dark .kadiner-account-card {
    background-color: #19191F !important;
    border-color: #32323C !important;
    color: #F5F5F7 !important;
}


html.dark .kadiner-account-card .kadiner-account-product-title {
    color: #F5F5F7 !important;
}


/* Labels */
html.dark .kadiner-account-card label {
    color: #E5E7EB !important;
}


/* Inputs */
html.dark .kadiner-account-card input {
    background-color: #212128 !important;
    border-color: #32323C !important;
    color: #F5F5F7 !important;
}


html.dark .kadiner-account-card input::placeholder {
    color: #858590 !important;
}


/* Password icon button */
html.dark .kadiner-account-card .show-password-input {
    filter: invert(1);
}
/* Checkout account credential inputs */

html.dark .kadiner-account-card input.input-text,
html.dark .kadiner-account-card .input-text {
    background-color: #212128 !important;
    border-color: #32323C !important;
    color: #F5F5F7 !important;
}


html.dark .kadiner-account-card input.input-text::placeholder {
    color: #858590 !important;
}


html.dark .kadiner-account-card .woocommerce-input-wrapper {
    color: #F5F5F7 !important;
}


/* Password eye icon */
html.dark .kadiner-account-card .show-password-input::after {
    color: #B8B8C2 !important;
}
/* =====================================
   Force Checkout Credential Inputs Dark
===================================== */

html.dark body .kadiner-account-card input.kadiner-account-username,
html.dark body .kadiner-account-card input.kadiner-account-password,
html.dark body .kadiner-account-card input.input-text {
    background-color: #212128 !important;
    background-image: none !important;
    color: #F5F5F7 !important;
    border: 1px solid #32323C !important;
    box-shadow: none !important;
}


html.dark body .kadiner-account-card input::placeholder {
    color: #858590 !important;
    opacity: 1 !important;
}


html.dark body .kadiner-account-card .woocommerce-input-wrapper {
    background: transparent !important;
}
/* Zibal Payment Box */
html.dark .woocommerce-checkout-payment .wc_payment_method {
    background: #19191F !important;
    border-color: #32323C !important;
}


html.dark .woocommerce-checkout-payment .payment_box {
    background: #212128 !important;
    color: #F5F5F7 !important;
    border-color: #32323C !important;
}


html.dark .woocommerce-checkout-payment .payment_box p {
    color: #B8B8C2 !important;
}


html.dark .woocommerce-checkout-payment label {
    color: #F5F5F7 !important;
}
/* Kadiner Account Inputs */
html.dark input.kadiner-account-username,
html.dark input.kadiner-account-password {
    background-color: #212128 !important;
    color: #F5F5F7 !important;
    border: 1px solid #32323C !important;
}


html.dark input.kadiner-account-username::placeholder,
html.dark input.kadiner-account-password::placeholder {
    color: #858590 !important;
}
/* =================================
   Checkout Credential Inputs Force
================================= */

html.dark .woocommerce-checkout input.kadiner-account-username,
html.dark .woocommerce-checkout input.kadiner-account-password,
html.dark input.kadiner-account-username,
html.dark input.kadiner-account-password {
    background: #212128 !important;
    background-color: #212128 !important;
    color: #F5F5F7 !important;
    border: 1px solid #32323C !important;
    -webkit-text-fill-color: #F5F5F7 !important;
}


html.dark .woocommerce-checkout input.kadiner-account-username::placeholder,
html.dark .woocommerce-checkout input.kadiner-account-password::placeholder {
    color: #858590 !important;
    -webkit-text-fill-color: #858590 !important;
}
/* Fix Kadiner Account Credentials Inputs */
html.dark #kadiner-account-information input[type="text"],
html.dark #kadiner-account-information input[type="password"] {
    background-color: #212128 !important;
    color: #F5F5F7 !important;
    border-color: #32323C !important;
}


html.dark #kadiner-account-information input::placeholder {
    color: #858590 !important;
}
/* =====================================
   Kadiner My Account Dark Mode
===================================== */


/* Main Cards */
html.dark .woocommerce-MyAccount-content > div,
html.dark .woocommerce-MyAccount-content .kadiner-card {
    background:#19191F !important;
    border-color:#32323C !important;
}


/* Order Cards */
html.dark .woocommerce-orders-table,
html.dark .woocommerce-table {
    color:#F5F5F7 !important;
}


html.dark .woocommerce-orders-table td,
html.dark .woocommerce-orders-table th {
    color:#E5E7EB !important;
    border-color:#32323C !important;
}


/* Buttons */
html.dark .woocommerce-button,
html.dark .button {
    background:#FDCF00 !important;
    color:#111 !important;
}


html.dark .woocommerce-button:hover,
html.dark .button:hover {
    background:#FFD633 !important;
}


/* Status badges */
html.dark .woocommerce-orders-table .status,
html.dark .badge {
    background:#25252D !important;
    color:#F5F5F7 !important;
}


/* Address cards */
html.dark .woocommerce-Address {
    background:#19191F !important;
    border-color:#32323C !important;
}


html.dark .woocommerce-Address-title h3,
html.dark .woocommerce-Address-title a {
    color:#F5F5F7 !important;
}


/* Labels */
html.dark .woocommerce-MyAccount-content label {
    color:#B8B8C2 !important;
}


/* Tables */
html.dark .woocommerce-account table {
    background:#19191F !important;
}


html.dark .woocommerce-account table td,
html.dark .woocommerce-account table th {
    border-color:#32323C !important;
}

/* Dark mode TOC */
#ez-toc-container {
    background: #17171d !important;
    border: 1px solid #2b2b35 !important;
    border-radius: 18px !important;
    padding: 24px !important;
    box-shadow: none !important;
    color: #fff !important;
}

#ez-toc-container .ez-toc-title {
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 900 !important;
}

#ez-toc-container ul li a {
    color: #d1d1d1 !important;
    font-size: 14px !important;
    line-height: 2 !important;
}

#ez-toc-container ul li a:hover {
    color: #ffd400 !important;
}

#ez-toc-container .ez-toc-list-level-3 {
    margin-right: 20px !important;
}
/* Product Description Headings - Dark Mode */

html.dark #tab-description h2 {
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 2 !important;
    margin-top: 45px !important;
    margin-bottom: 20px !important;
    border-right: 4px solid #fdcf00;
    padding-right: 12px;
}

html.dark #tab-description h3 {
    color: #f3f4f6 !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.9 !important;
    margin-top: 32px !important;
}
html.dark #tab-description div[style*="background: linear-gradient(135deg,#ffffff"] {
    background: #17181d !important;
    border-color: #30323a !important;
    color: #e5e7eb !important;
    box-shadow: none !important;
}

html.dark #tab-description div[style*="background: linear-gradient(135deg,#ffffff"] h2 {
    color: #ffffff !important;
}

html.dark #tab-description div[style*="background: linear-gradient(135deg,#ffffff"] p {
    color: #aeb4c0 !important;
}

html.dark #tab-description details {
    background: #1d1f26 !important;
    border-color: #30323a !important;
}

html.dark #tab-description summary {
    color: #ffffff !important;
}

html.dark #tab-description details div {
    color: #c7cbd5 !important;
}
html.dark #tab-description table tr,
html.dark #tab-description table td {
    background: #17181d !important;
    color: #e5e7eb !important;
    border-color: #30323a !important;
}

html.dark #tab-description table th {
    color: #fff !important;
}
/* =====================================
   Kadiner Full Dark Mode Patch
===================================== */


/* Mobile / Cart / Search Drawers */
html.dark #mobile-drawer,
html.dark #cart-drawer,
html.dark #search-drawer,
html.dark #mobile-drawer .bg-white,
html.dark #cart-drawer .bg-white,
html.dark #search-drawer .bg-white {
    background-color:#19191F !important;
    color:#F5F5F7 !important;
}


html.dark #mobile-drawer a,
html.dark #cart-drawer a,
html.dark #search-drawer a {
    color:#E5E7EB !important;
}


/* Header dropdown */
html.dark #site-header .group > div.bg-white {
    background:#19191F !important;
    border-color:#32323C !important;
}


html.dark #site-header .group > div.bg-white a {
    color:#E5E7EB !important;
}

html.dark #site-header .group > div.bg-white a:hover {
    color:#FDCF00 !important;
}


/* Single Product hardcoded white sections */
html.dark .single-product .bg-white {
    background-color:#19191F !important;
}


html.dark .single-product .border-gray-100,
html.dark .single-product .border-gray-200 {
    border-color:#32323C !important;
}


/* Variation buttons */
html.dark .single-product .var-btn {
    background:#212128 !important;
    border-color:#32323C !important;
    color:#E5E7EB !important;
}


html.dark .single-product .var-btn:hover,
html.dark .single-product .var-btn.active-var {
    background:#FDCF00 !important;
    color:#000 !important;
}


/* Feature cards */
html.dark .single-product .group.bg-white {
    background:#19191F !important;
}


/* Product description */
html.dark #tab-description {
    color:#D1D5DB !important;
}


html.dark #tab-description h2,
html.dark #tab-description h3 {
    color:#FFFFFF !important;
}


html.dark #tab-description p,
html.dark #tab-description li {
    color:#C7CBD5 !important;
}


/* FAQ / Content blocks with inline white */
html.dark #tab-description details,
html.dark #tab-description details[style] {
    background:#19191F !important;
    border-color:#32323C !important;
}


html.dark #tab-description summary {
    color:#FFFFFF !important;
}


html.dark #tab-description details div {
    color:#C7CBD5 !important;
}


/* Tables */
html.dark #tab-description table,
html.dark #tab-description tr,
html.dark #tab-description td {
    background:#19191F !important;
    color:#E5E7EB !important;
    border-color:#32323C !important;
}


/* Archive filters */
html.dark .filter-drawer,
html.dark .filter-drawer .bg-white {
    background:#19191F !important;
}


html.dark .filter-drawer input,
html.dark .filter-drawer select {
    background:#212128 !important;
}


/* Buttons that are still black */
html.dark .bg-black {
    background:#FDCF00 !important;
    color:#000 !important;
}