/**
 * 905WOOD Dark Theme Fix
 * Overrides Hyva/Tailwind light-mode text utilities for dark background
 * 905WOOD.COM SALES (BIN 1001555872)
 * Generated: 2026-04-07
 */

/* 1. TAILWIND TEXT COLOR OVERRIDES */
.text-black { color: #f5f5f5 !important; }
.text-gray-900 { color: #f5f5f5 !important; }
.text-gray-800 { color: #e5e5e5 !important; }
.text-gray-700 { color: #d4d4d4 !important; }
.text-gray-600 { color: #a1a1aa !important; }
.text-gray-500 { color: #a1a1aa !important; }
.text-gray-400 { color: #71717a !important; }
.text-gray-300 { color: #52525b !important; }
.text-slate-900 { color: #f1f5f9 !important; }
.text-slate-800 { color: #e2e8f0 !important; }
.text-slate-700 { color: #cbd5e1 !important; }
.text-slate-600 { color: #94a3b8 !important; }
.text-slate-500 { color: #94a3b8 !important; }
.text-slate-400 { color: #64748b !important; }
.text-neutral-900 { color: #f5f5f5 !important; }
.text-neutral-800 { color: #e5e5e5 !important; }
.text-neutral-700 { color: #d4d4d4 !important; }
.text-neutral-600 { color: #a3a3a3 !important; }
.text-neutral-500 { color: #a3a3a3 !important; }
.text-neutral-400 { color: #737373 !important; }
.text-zinc-900 { color: #f4f4f5 !important; }
.text-zinc-800 { color: #e4e4e7 !important; }
.text-zinc-700 { color: #d4d4d8 !important; }
.text-zinc-600 { color: #a1a1aa !important; }
.text-zinc-500 { color: #a1a1aa !important; }

/* 2. BACKGROUND OVERRIDES */
.bg-white { background-color: #0a0a0a !important; }
.bg-gray-50 { background-color: #1a1a1a !important; }
.bg-gray-100 { background-color: #1a1a1a !important; }
.bg-gray-200 { background-color: #242424 !important; }
.bg-slate-50 { background-color: #1a1a1a !important; }
.bg-slate-100 { background-color: #1a1a1a !important; }
.bg-neutral-50 { background-color: #1a1a1a !important; }
.bg-neutral-100 { background-color: #1a1a1a !important; }

/* 3. BORDER OVERRIDES */
.border-gray-200 { border-color: #1f1f1f !important; }
.border-gray-300 { border-color: #333 !important; }
.border-gray-400 { border-color: #333 !important; }
.border-slate-200 { border-color: #1f1f1f !important; }
.border-slate-300 { border-color: #333 !important; }
.divide-gray-200 > :not([hidden]) ~ :not([hidden]) { border-color: #1f1f1f !important; }
.divide-gray-300 > :not([hidden]) ~ :not([hidden]) { border-color: #333 !important; }

/* 4. HYVA COMPONENT OVERRIDES */
body { background-color: #0a0a0a; color: #f5f5f5; }
.page-header, .page-header .header.content, header.page-header { background-color: #1a1a1a !important; color: #f5f5f5 !important; }
nav a, .nav-sections a, .navigation a, .page-header a:not(.logo) { color: #f5f5f5 !important; }
nav a:hover, .nav-sections a:hover, .navigation a:hover { color: #30d158 !important; }
.submenu, [role="menu"], .dropdown-menu { background-color: #242424 !important; border-color: #333 !important; }
.breadcrumbs, .breadcrumbs li, .breadcrumbs .item { color: #a1a1aa !important; }
.breadcrumbs a { color: #64d2ff !important; }
.product-item-info, .product-item-details, .product-item-name, .product-item-name a, .product-item .product-item-link { color: #f5f5f5 !important; }
.product-item { background-color: #1a1a1a !important; }
.product-info-main, .product-info-main .page-title span, .product-info-main .product-info-price, .product-info-main .product.attribute.overview, .product-info-main .product-info-stock-sku, .product-info-main .stock, .product-info-main label, .product-info-main .swatch-attribute-label, .product-info-main .product-options-wrapper label { color: #f5f5f5 !important; }
.product.info.detailed, .product.data.items, .product.data.items > .item.title > .switch, .product.data.items > .item.content, .data.item.title a, .additional-attributes th, .additional-attributes td, #tab-label-description, #tab-label-additional, .tab-header { color: #f5f5f5 !important; background-color: #0a0a0a !important; }
.product.data.items > .item.title.active > .switch, .tab-header.active { background-color: #1a1a1a !important; color: #f5f5f5 !important; border-color: #30d158 !important; }
.product.attribute.description .value, .product.attribute.description, .description .value p, .description .value li, .description .value span, .description .value div { color: #f5f5f5 !important; }
.product.attribute.overview .value, .product.attribute.overview .value p { color: #f5f5f5 !important; }
.price-box, .price-box .price, .price-container .price { color: #30d158 !important; }
.old-price .price { color: #a1a1aa !important; text-decoration: line-through; }
.cart-container, .cart-summary, .cart.table-wrapper, .cart.table-wrapper th, .cart.table-wrapper td, .cart-totals, .cart-totals th, .cart-totals td, .checkout-cart-index .page-main, .cart-summary .title, .cart .item-info td, .cart .product-item-name a { color: #f5f5f5 !important; }
.cart.table-wrapper { background-color: #1a1a1a !important; }
.checkout-index-index .page-main, .checkout-container, .opc-wrapper, .opc-block-summary, .checkout-shipping-address, .shipping-address-item, .table-checkout-shipping-method th, .table-checkout-shipping-method td, .checkout-payment-method, .payment-method-title label, .billing-address-details, .step-title { color: #f5f5f5 !important; }
.field .label, .field .control, .fieldset > .legend, .fieldset > .field > .label, form label, .form-label { color: #f5f5f5 !important; }
input, textarea, select { background-color: #1a1a1a !important; color: #f5f5f5 !important; border-color: #333 !important; }
input:focus, textarea:focus, select:focus { border-color: #30d158 !important; box-shadow: 0 0 0 3px rgba(48,209,88,0.2) !important; }
.sidebar, .sidebar .block-title strong, .sidebar .filter-options-title, .sidebar .filter-options-content a, .sidebar .filter-current .item, .block-layered-nav { color: #f5f5f5 !important; }
.page-footer, .page-footer a, footer, footer a { color: #a1a1aa !important; }
.page-footer a:hover, footer a:hover { color: #30d158 !important; }
.page.messages .message { border-radius: 6px; }
.modal-inner-wrap, .modal-popup .modal-inner-wrap, .modal-slide .modal-inner-wrap { background-color: #1a1a1a !important; color: #f5f5f5 !important; }
.modal-header, .modal-title { color: #f5f5f5 !important; }
.account .page-main, .account .column.main, .account .block-title, .account .box-title, .table-wrapper th, .table-wrapper td { color: #f5f5f5 !important; }
.search-autocomplete { background-color: #1a1a1a !important; border-color: #333 !important; }
.search-autocomplete li { color: #f5f5f5 !important; }
.search-autocomplete li:hover { background-color: #242424 !important; }
.product-custom-option, .product-options-wrapper .field .label span, .swatch-attribute-label, dt.label, dd.value { color: #f5f5f5 !important; }
.qty-wrapper, .qty-wrapper label, .input-text.qty { color: #f5f5f5 !important; }
.action.towishlist, .action.tocompare { color: #a1a1aa !important; }
.action.towishlist:hover, .action.tocompare:hover { color: #30d158 !important; }
.page-title-wrapper .page-title, h1.page-title, .page-title span { color: #f5f5f5 !important; }
h1, h2, h3, h4, h5, h6 { color: #f5f5f5; }
.page-main a:not(.action):not(.btn-primary):not(.btn-secondary) { color: #30d158; }
.page-main a:not(.action):not(.btn-primary):not(.btn-secondary):hover { color: #64d2ff; }
.toolbar, .toolbar select, .toolbar .sorter-label, .toolbar .toolbar-amount, .pages .item a, .pages .item strong { color: #f5f5f5 !important; }
.cms-page-view .page-main, .cms-page-view .column.main, .block-static-block p, .block-static-block span, .block-static-block div, .widget p, .widget span, .widget div { color: #f5f5f5; }
svg.text-gray-400, svg.text-gray-500, svg.text-gray-600, svg.text-gray-700 { color: #a1a1aa !important; }
.ring-gray-300 { --tw-ring-color: #333 !important; }
.ring-gray-200 { --tw-ring-color: #1f1f1f !important; }
input::placeholder, textarea::placeholder { color: #a1a1aa !important; opacity: 0.6 !important; }

/* ============================================================
/* ============================================================
   8. TAILWIND TYPOGRAPHY / PROSE — force dark-mode text
   ============================================================ */

/* Override all prose CSS variables to dark-mode (invert) values */
.prose {
    --tw-prose-body: #f5f5f5 !important;
    --tw-prose-headings: #f5f5f5 !important;
    --tw-prose-lead: #a3a3a3 !important;
    --tw-prose-links: #30d158 !important;
    --tw-prose-bold: #ffffff !important;
    --tw-prose-counters: #a1a1aa !important;
    --tw-prose-bullets: #a1a1aa !important;
    --tw-prose-hr: #333 !important;
    --tw-prose-quotes: #f5f5f5 !important;
    --tw-prose-quote-borders: #333 !important;
    --tw-prose-captions: #a1a1aa !important;
    --tw-prose-kbd: #f5f5f5 !important;
    --tw-prose-kbd-shadows: 245 245 245 !important;
    --tw-prose-code: #f5f5f5 !important;
    --tw-prose-pre-code: #d4d4d4 !important;
    --tw-prose-pre-bg: #0a0a0a !important;
    --tw-prose-th-borders: #444 !important;
    --tw-prose-td-borders: #333 !important;
    color: #f5f5f5 !important;
}

/* Direct element overrides inside .prose as fallback */
.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
    color: #f5f5f5 !important;
}
.prose p, .prose li, .prose dd, .prose dt {
    color: #f5f5f5 !important;
}
.prose a {
    color: #30d158 !important;
}
.prose a:hover {
    color: #64d2ff !important;
}
.prose strong, .prose b {
    color: #ffffff !important;
}
.prose blockquote {
    color: #e5e5e5 !important;
    border-left-color: #30d158 !important;
}
.prose code {
    color: #f5f5f5 !important;
}
.prose pre {
    background-color: #0a0a0a !important;
    color: #d4d4d4 !important;
}
.prose hr {
    border-color: #333 !important;
}
.prose th {
    color: #f5f5f5 !important;
}
.prose td {
    color: #f5f5f5 !important;
}

   9. NAVIGATION DROPDOWN FIX — bg-white opacity variants
   ============================================================ */
.bg-white\/95 { background-color: rgba(26,26,26,0.95) !important; }
.bg-white\/70 { background-color: rgba(26,26,26,0.70) !important; }
.bg-white\/60 { background-color: rgba(26,26,26,0.60) !important; }
.bg-white\/25 { background-color: rgba(26,26,26,0.25) !important; }

/* Desktop dropdown menu — dark surface with visible text */
#category-node-3,
[id^='category-node-'] {
    background-color: rgba(26,26,26,0.95) !important;
    border: 1px solid #333 !important;
    box-shadow: 0 4px 24px rgba(0,0,0,0.5) !important;
}
[id^='category-node-'] a {
    color: #f5f5f5 !important;
}
[id^='category-node-'] a:hover {
    background-color: #242424 !important;
    color: #30d158 !important;
}

/* Hover bg overrides for dropdown items */
.hover\:bg-gray-100:hover { background-color: #242424 !important; }
.hover\:bg-gray-50:hover { background-color: #1a1a1a !important; }
.hover\:bg-gray-200:hover { background-color: #2a2a2a !important; }
.hover\:bg-slate-100:hover { background-color: #242424 !important; }

/* Mobile slide-out menu panel fix */
[id$='-mobile-menu-panel'] {
    background-color: #0a0a0a !important;
}
[id$='-mobile-menu-panel'] a,
[id$='-mobile-menu-panel'] button,
[id$='-mobile-menu-panel'] span {
    color: #f5f5f5 !important;
}
[id$='-mobile-menu-panel'] .bg-surface {
    background-color: #1a1a1a !important;
}

/* Dialog overlay */
dialog, dialog::backdrop {
    background-color: rgba(0,0,0,0.8);
}
dialog[open] {
    background-color: #0a0a0a !important;
    color: #f5f5f5 !important;
}

/* ============================================================
   11. REVIEW STARS -- force horizontal layout
   ============================================================ */
.rating-summary {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 2px !important;
}
.rating-summary svg {
    display: inline-block !important;
    flex-shrink: 0 !important;
    color: #FFD60A !important;
}
/* Review form star input -- also ensure horizontal */
.rating .rating-vote,
.rating .rating-options,
.review-control-vote {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 2px !important;
}
.review-control-vote label {
    display: inline-block !important;
}
/* Product listing / category page star alignment */
.product-reviews-summary .rating-summary,
.product-item .rating-summary {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
}

/* LOGO SIZE OVERRIDE — force 150x150 */
#header .logo img,
.page-header .logo img,
#header a[aria-label] > img,
.page-header a[aria-label] > img {
    width: 150px !important;
    height: 150px !important;
    max-width: 150px !important;
    max-height: 150px !important;
    object-fit: contain;
}