/* dark-theme.css - nakladki trybu ciemnego. */

html[data-theme="dark"] body {
    background: #0f1420 !important;
    color: #e8ecf5 !important;
}

/* GLOWNA BELKA NAWIGACJI */
html[data-theme="dark"] .m-nav-fixed-wrapper {
    background: #141a2c !important;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5) !important;
}
html[data-theme="dark"] .m-nav-menu {
    background: #141a2c !important;
}
html[data-theme="dark"] .m-nav-search input {
    background: #1a2138 !important;
    border-color: #2a3352 !important;
    color: #e8ecf5 !important;
}
html[data-theme="dark"] .m-nav-search input::placeholder {
    color: #6b7591 !important;
}
html[data-theme="dark"] .m-active-toggle-btn {
    background: #232c48 !important;
    color: #aab2c8 !important;
}
html[data-theme="dark"] .m-nav-dropdown {
    background: #1a2138 !important;
}
html[data-theme="dark"] .m-nav-item.m-active .m-nav-dropdown {
    border-top-color: #2a3352 !important;
}
html[data-theme="dark"] .m-nav-link {
    color: #e8ecf5 !important;
}
html[data-theme="dark"] .m-nav-img-box {
    background: #1a2138 !important;
    border-color: #2a3352 !important;
    /* overflow:hidden w bazowym pliku przycinal poswiate (drop-shadow) dookola
       miniaturki - bez tego nie bylo jej wcale widac */
    overflow: visible !important;
}
html[data-theme="dark"] .m-nav-sub-card span {
    color: #e8ecf5 !important;
}

/* Male przyciski-ikony (mobile/desktop, ciemny/jasny) na ciemnej belce */
html[data-theme="dark"] .m-icon-toggle-btn {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #e8ecf5 !important;
}
html[data-theme="dark"] .m-icon-toggle-btn:hover {
    background: rgba(162, 89, 255, 0.3) !important;
    color: #fff !important;
}

/* LOGO - lekko przyciemnione, z delikatna poswiata dopasowana do ksztaltu
   (drop-shadow podaza za przezroczystoscia PNG, wiec poswiata otacza sam
   rysunek, a nie caly prostokat obrazka). */
html[data-theme="dark"] .m-nav-logo img {
    filter: brightness(0.88)
            drop-shadow(0 0 10px rgba(162, 89, 255, 0.45))
            drop-shadow(0 0 4px rgba(28, 181, 224, 0.35)) !important;
}

/* ZDJECIA PRODUKTOW I KATEGORII - przyciemnione (zeby w nocy nie razily po
   oczach) + cienka ramka z delikatna poswiata dookola, tak by biale tlo zdjec
   nie "wypalalo" sie na ciemnym tle karty/modala/dropdownu. */
html[data-theme="dark"] .m-img-col img,
html[data-theme="dark"] .m-img-wrapper img,
html[data-theme="dark"] .m-nav-img-box img {
    background: #fff !important;
    filter: brightness(0.8) drop-shadow(0 0 8px rgba(162, 89, 255, 0.25)) !important;
    border-radius: 8px !important;
    border: 1px solid rgba(162, 89, 255, 0.3) !important;
}

html[data-theme="dark"] #m-gallery-main-img {
    background: #fff !important;
    filter: brightness(0.8) drop-shadow(0 0 8px rgba(162, 89, 255, 0.25)) !important;
    border: 1px solid rgba(162, 89, 255, 0.3) !important;
}

html[data-theme="dark"] .m-search-item img,
html[data-theme="dark"] #m-gallery-thumbs img {
    background: #fff !important;
    filter: brightness(0.8) drop-shadow(0 0 6px rgba(162, 89, 255, 0.2)) !important;
}

/* KARTA PRODUKTU */
html[data-theme="dark"] .m-card {
    background: #1a2138 !important;
    border-color: #2a3352 !important;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .m-info-col h3 {
    color: #e8ecf5 !important;
}

html[data-theme="dark"] .btn-details {
    background: #232c48 !important;
    color: #e8ecf5 !important;
}
html[data-theme="dark"] .btn-details:hover {
    background: #2a3352 !important;
}

html[data-theme="dark"] .btn-comp-trigger {
    background: transparent !important;
    border-color: #a259ff !important;
    color: #e8ecf5 !important;
}
html[data-theme="dark"] .btn-comp-trigger:hover {
    background: #a259ff !important;
    color: #fff !important;
}
html[data-theme="dark"] .btn-comp-trigger.is-selected {
    background: #a259ff !important;
    border-color: #a259ff !important;
    color: #fff !important;
}

html[data-theme="dark"] .btn-fav-trigger {
    background: transparent !important;
    border-color: #a259ff !important;
    color: #e8ecf5 !important;
}
html[data-theme="dark"] .btn-fav-trigger:hover {
    background: #a259ff !important;
    color: #fff !important;
}
html[data-theme="dark"] .btn-fav-trigger.is-favorited {
    background: #a259ff !important;
    border-color: #a259ff !important;
    color: #fff !important;
}

html[data-theme="dark"] .score-side {
    border-left-color: #2a3352 !important;
}
html[data-theme="dark"] .score-val {
    color: #e8ecf5 !important;
}
html[data-theme="dark"] .score-side small {
    color: #8a93ad !important;
}
html[data-theme="dark"] .btn-rate-now {
    border-color: #a259ff !important;
    color: #e8ecf5 !important;
}
html[data-theme="dark"] .btn-rate-now:hover {
    background: #a259ff !important;
    color: #fff !important;
}

/* OFERTY - markup ma sporo inline style="..." (offer-handler.php), stad
   nadpisywanie !important po znaczniku/strukturze, a nie tylko po klasie. */
html[data-theme="dark"] .m-offers-area {
    background: #141a2c !important;
    border-top-color: #2a3352 !important;
}
html[data-theme="dark"] .m-offers-table thead tr {
    background: #1a2138 !important;
    border-bottom-color: #2a3352 !important;
}
html[data-theme="dark"] .m-offers-table thead th {
    color: #8a93ad !important;
}
html[data-theme="dark"] .m-offers-table tbody tr {
    border-bottom-color: #2a3352 !important;
}
html[data-theme="dark"] .m-offers-table td {
    border-bottom-color: #2a3352 !important;
    color: #e8ecf5 !important;
}
html[data-theme="dark"] .m-offers-table tr:hover {
    background: #232c48 !important;
}
html[data-theme="dark"] .success-msg {
    background: #1f3a24 !important;
    color: #8ee6a0 !important;
}

/* Formularz "Produkt niedostepny" (brak ofert) w tym samym panelu */
html[data-theme="dark"] .m-request-form-container {
    background: #141a2c !important;
}
html[data-theme="dark"] .m-request-header h4 {
    color: #e8ecf5 !important;
}
html[data-theme="dark"] .m-request-header p {
    color: #8a93ad !important;
}
html[data-theme="dark"] .mikup-request-form select,
html[data-theme="dark"] .mikup-request-form textarea {
    background: #1a2138 !important;
    border-color: #2a3352 !important;
    color: #e8ecf5 !important;
}

/* SZCZEGOLY / ZAKLADKI (product-card.css + details.css) */
html[data-theme="dark"] .m-details-area {
    background: #1a2138 !important;
    border-top-color: #2a3352 !important;
}
html[data-theme="dark"] .m-tabs-container {
    background: #141a2c !important;
    border-bottom-color: #2a3352 !important;
}
html[data-theme="dark"] .m-tab-link {
    color: #e8ecf5 !important;
}
html[data-theme="dark"] .m-tab-link:hover {
    background: #232c48 !important;
}
html[data-theme="dark"] .m-tab-link.active {
    background: #1a2138 !important;
}

html[data-theme="dark"] .spec-item {
    border-bottom-color: #2a3352 !important;
}
html[data-theme="dark"] .spec-item span:first-child {
    color: #8a93ad !important;
}
html[data-theme="dark"] .spec-item span:last-child {
    color: #e8ecf5 !important;
}
html[data-theme="dark"] .spec-item strong {
    color: #e8ecf5 !important;
}

html[data-theme="dark"] .rate-help-icon {
    background: #2a3352 !important;
    color: #b7c0da !important;
}

html[data-theme="dark"] .rat-label {
    color: #e8ecf5 !important;
}
html[data-theme="dark"] .rat-bar-bg {
    background: #2a3352 !important;
}

/* PAGINACJA */
html[data-theme="dark"] .m-pagination .page-numbers,
html[data-theme="dark"] .m-pagination a,
html[data-theme="dark"] .m-pagination span {
    background: #1a2138 !important;
    border-color: #2a3352 !important;
    color: #e8ecf5 !important;
}

/* LIGHTBOX (juz ciemne tlo z zalozenia - bez zmian) */

/* MODAL PORÓWNYWARKI */
html[data-theme="dark"] #compare-modal-tile {
    background: #1a2138 !important;
}
html[data-theme="dark"] #fav-modal-tile {
    background: #1a2138 !important;
}
html[data-theme="dark"] .m-fav-modal-title {
    color: #e8ecf5 !important;
}
html[data-theme="dark"] #custom-rating-modal-tile {
    background: #1a2138 !important;
}
html[data-theme="dark"] #custom-rating-name,
html[data-theme="dark"] #custom-rating-desc {
    background: #141a2c !important;
    border-color: #2a3352 !important;
    color: #e8ecf5 !important;
}

/* System ocen v4 - rozwijane sekcje / dodawanie oceny specjalnej */
html[data-theme="dark"] .rate-expand-btn {
    background: #232c48 !important;
    color: #e8ecf5 !important;
}
html[data-theme="dark"] .rate-expand-btn:hover {
    background: #2a3352 !important;
}
html[data-theme="dark"] .rate-expand-section {
    border-left-color: #2a3352 !important;
}
html[data-theme="dark"] .rate-add-custom-btn:hover {
    background: rgba(162, 89, 255, 0.12) !important;
}
html[data-theme="dark"] .m-modal-close-btn {
    color: #8a93ad !important;
}
html[data-theme="dark"] .m-modal-search-box {
    background: #141a2c !important;
    border-bottom-color: #2a3352 !important;
}
html[data-theme="dark"] .m-modal-search-input {
    background: #1a2138 !important;
    border-color: #2a3352 !important;
    color: #e8ecf5 !important;
}
html[data-theme="dark"] #m-autocomplete-list {
    background: #1a2138 !important;
    border-color: #2a3352 !important;
}
html[data-theme="dark"] .m-search-item {
    border-bottom-color: #2a3352 !important;
    color: #e8ecf5 !important;
}
html[data-theme="dark"] .m-search-item:hover {
    background: #232c48 !important;
}
html[data-theme="dark"] .m-modal-tabs-nav {
    background: #141a2c !important;
    border-bottom-color: #2a3352 !important;
}
html[data-theme="dark"] .m-modal-tab-btn {
    color: #e8ecf5 !important;
}
html[data-theme="dark"] .m-modal-tab-btn.active {
    background: #1a2138 !important;
}
html[data-theme="dark"] .m-comp-table th {
    background: #1a2138 !important;
    border-bottom-color: #2a3352 !important;
}
html[data-theme="dark"] .m-comp-table td {
    background: #1a2138 !important;
    border-right-color: #2a3352 !important;
    color: #e8ecf5 !important;
}
html[data-theme="dark"] .m-comp-offers-toggle-row,
html[data-theme="dark"] .m-comp-offers-row {
    background: #1a2138 !important;
}
html[data-theme="dark"] .m-comp-offer-row {
    border-bottom-color: #2a3352 !important;
}
html[data-theme="dark"] .m-comp-offer-shop,
html[data-theme="dark"] .m-comp-offer-price {
    color: #e8ecf5 !important;
}
html[data-theme="dark"] .m-comp-opinion-item {
    background: #141a2c !important;
    color: #e8ecf5 !important;
}
html[data-theme="dark"] .m-comp-opinion-avg {
    color: #e8ecf5 !important;
}
html[data-theme="dark"] .m-comp-opinion-comment-icon {
    color: #8a93ad !important;
}
html[data-theme="dark"] .m-comp-opinion-details {
    border-top-color: #2a3352 !important;
}
html[data-theme="dark"] .m-comp-opinion-comment-row {
    border-top-color: #2a3352 !important;
}
html[data-theme="dark"] .m-opinion-card {
    background: #1a2138 !important;
    border-color: #2a3352 !important;
    color: #e8ecf5 !important;
}
html[data-theme="dark"] .m-opinion-platform-tag {
    background: #2a2140 !important;
    color: #c79bff !important;
}
html[data-theme="dark"] .m-opinion-duration-tag {
    background: #142a30 !important;
    color: #6fd6ef !important;
}
html[data-theme="dark"] .m-opinion-react-btn {
    background: #1a2138 !important;
    border-color: #2a3352 !important;
    color: #8a93ad !important;
}
html[data-theme="dark"] .m-opinion-reactions.is-reacted .m-opinion-react-btn:hover {
    border-color: #2a3352 !important;
    color: #8a93ad !important;
}
html[data-theme="dark"] .m-opinion-react-btn.is-active {
    background: #2a2140 !important;
    border-color: #a259ff !important;
    color: #c79bff !important;
}
html[data-theme="dark"] .m-opinion-comment-row {
    border-top-color: #2a3352 !important;
}
html[data-theme="dark"] .m-opinion-comment-form input,
html[data-theme="dark"] .m-opinion-comment-form textarea {
    background: #141a2c !important;
    border-color: #2a3352 !important;
    color: #e8ecf5 !important;
}
html[data-theme="dark"] .m-sync-row {
    border-bottom-color: #2a3352 !important;
}
html[data-theme="dark"] .m-sync-row.is-hovered {
    background: #2a2140 !important;
}
html[data-theme="dark"] .m-sync-row.is-hovered-high {
    background: #2a2140 !important;
}
html[data-theme="dark"] .m-sync-row.is-hovered-low {
    background: #3a2020 !important;
}
html[data-theme="dark"] .m-sync-row.is-hovered-winner {
    background: #1f3a24 !important;
}

/* Warianty (2026-09-11) - chipy pod tytulem kafelka */
html[data-theme="dark"] .m-variant-chips-label { color: #8a93ad !important; }
html[data-theme="dark"] .m-variant-chip { background: #141a2c !important; border-color: #2a3352 !important; color: #e8ecf5 !important; }
html[data-theme="dark"] a.m-variant-chip:hover { border-color: #a259ff !important; }
html[data-theme="dark"] .m-variant-chip.is-current { background: #e8ecf5 !important; border-color: #e8ecf5 !important; color: #1a2138 !important; }