/* Itemsatis.az global light/dark theme — V6.5 */
:root {
  --its-bg: #f5f6f8;
  --its-surface: #ffffff;
  --its-surface-2: #f7f8fa;
  --its-surface-3: #eef1f5;
  --its-text: #171b24;
  --its-text-2: #596273;
  --its-text-3: #8b93a1;
  --its-border: #e2e6eb;
  --its-shadow: 0 10px 30px rgba(20,31,51,.08);
  --its-orange: #ff6500;
  --its-orange-2: #ff7a13;
  --its-orange-soft: #fff3ea;
  --its-input: #ffffff;
}

html[data-theme="dark"] {
  --its-bg: #0b1220;
  --its-surface: #111b2e;
  --its-surface-2: #162238;
  --its-surface-3: #1d2b43;
  --its-text: #f5f7fb;
  --its-text-2: #c1c9d6;
  --its-text-3: #8d99aa;
  --its-border: #2a3952;
  --its-shadow: 0 14px 34px rgba(0,0,0,.28);
  --its-orange-soft: #2a1b13;
  --its-input: #101a2c;
}

html, body, .navbar, .top-bar, .category-menu, .offcanvas-menu,
.card, .modal-content, .dropdown-menu, .table, input, select, textarea,
.account-rich-dropdown, .notification-panel {
  transition: background-color .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease;
}

html[data-theme="dark"] body {
  background: var(--its-bg) !important;
  color: var(--its-text) !important;
}

html[data-theme="dark"] .top-bar,
html[data-theme="dark"] .navbar,
html[data-theme="dark"] .category-menu,
html[data-theme="dark"] .offcanvas-menu,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .account-rich-dropdown,
html[data-theme="dark"] .notification-panel,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .card,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] .accordion-item,
html[data-theme="dark"] .accordion-button,
html[data-theme="dark"] .table,
html[data-theme="dark"] .table > :not(caption) > * > *,
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-light {
  background-color: var(--its-surface) !important;
  color: var(--its-text) !important;
  border-color: var(--its-border) !important;
}

html[data-theme="dark"] .navbar,
html[data-theme="dark"] .top-bar,
html[data-theme="dark"] .category-menu {
  border-color: var(--its-border) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
}

html[data-theme="dark"] .top-menu a,
html[data-theme="dark"] .navbar a,
html[data-theme="dark"] .navbar .icon,
html[data-theme="dark"] .hamburger-icon,
html[data-theme="dark"] .category-menu a,
html[data-theme="dark"] .category-item,
html[data-theme="dark"] .offcanvas-menu a,
html[data-theme="dark"] .dropdown-item,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] label,
html[data-theme="dark"] legend,
html[data-theme="dark"] .text-dark {
  color: var(--its-text) !important;
}

html[data-theme="dark"] p,
html[data-theme="dark"] small,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .form-text {
  color: var(--its-text-2) !important;
}

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] .input-group-text,
html[data-theme="dark"] .search-box,
html[data-theme="dark"] .search-box input,
html[data-theme="dark"] .search-results {
  background-color: var(--its-input) !important;
  color: var(--its-text) !important;
  border-color: var(--its-border) !important;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: var(--its-text-3) !important;
  opacity: 1;
}

html[data-theme="dark"] .border,
html[data-theme="dark"] .border-top,
html[data-theme="dark"] .border-bottom,
html[data-theme="dark"] .border-start,
html[data-theme="dark"] .border-end,
html[data-theme="dark"] hr {
  border-color: var(--its-border) !important;
}

html[data-theme="dark"] .shadow,
html[data-theme="dark"] .shadow-sm,
html[data-theme="dark"] .shadow-lg {
  box-shadow: var(--its-shadow) !important;
}

/* Common project surfaces */
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .product-list-item,
html[data-theme="dark"] .product-payment-summary,
html[data-theme="dark"] .filter-section,
html[data-theme="dark"] .market-card,
html[data-theme="dark"] .market-listing-card,
html[data-theme="dark"] .seller-card,
html[data-theme="dark"] .seller-box,
html[data-theme="dark"] .profile-card,
html[data-theme="dark"] .content-card,
html[data-theme="dark"] .section-card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .panel-header,
html[data-theme="dark"] .bank-block,
html[data-theme="dark"] .amount-section,
html[data-theme="dark"] .epin-card,
html[data-theme="dark"] .method-card,
html[data-theme="dark"] .info-block,
html[data-theme="dark"] .nav-card,
html[data-theme="dark"] .sidebar,
html[data-theme="dark"] .account-sidebar,
html[data-theme="dark"] .myaccount-sidebar,
html[data-theme="dark"] .table-responsive,
html[data-theme="dark"] .no-products-container {
  background: var(--its-surface) !important;
  color: var(--its-text) !important;
  border-color: var(--its-border) !important;
}

html[data-theme="dark"] .product-payment-summary,
html[data-theme="dark"] .filter-section,
html[data-theme="dark"] .method-card,
html[data-theme="dark"] .amount-section,
html[data-theme="dark"] .receipt-form {
  background: var(--its-surface-2) !important;
}

/* Account dropdown */
html[data-theme="dark"] #accountDropdown,
html[data-theme="dark"] .desktop-account-head,
html[data-theme="dark"] .mobile-account-head,
html[data-theme="dark"] .desktop-account-grid a,
html[data-theme="dark"] .mobile-account-grid a,
html[data-theme="dark"] .account-dd-group-toggle,
html[data-theme="dark"] .desktop-account-stat,
html[data-theme="dark"] .mobile-account-stat {
  background: var(--its-surface-2) !important;
  color: var(--its-text) !important;
  border-color: var(--its-border) !important;
}

html[data-theme="dark"] .desktop-account-stat.bonus,
html[data-theme="dark"] .mobile-account-stat.bonus {
  background: #1b2438 !important;
  border-color: #34415d !important;
}

html[data-theme="dark"] .desktop-account-stat small,
html[data-theme="dark"] .mobile-account-stat small,
html[data-theme="dark"] .desktop-account-head small,
html[data-theme="dark"] .mobile-account-head small,
html[data-theme="dark"] .account-identity-copy small {
  color: var(--its-text-2) !important;
}

html[data-theme="dark"] .desktop-account-grid a:hover,
html[data-theme="dark"] .mobile-account-grid a:hover,
html[data-theme="dark"] .account-dd-group-toggle:hover,
html[data-theme="dark"] .account-dd-group-toggle[aria-expanded="true"] {
  background: var(--its-orange-soft) !important;
  border-color: #77401d !important;
}

/* Tables */
html[data-theme="dark"] table,
html[data-theme="dark"] th,
html[data-theme="dark"] td {
  color: var(--its-text) !important;
  border-color: var(--its-border) !important;
}
html[data-theme="dark"] thead th,
html[data-theme="dark"] .table-light > :not(caption) > * > * {
  background: var(--its-surface-3) !important;
  color: var(--its-text) !important;
}
html[data-theme="dark"] tbody tr:hover > * {
  background-color: #18253a !important;
}

/* Bootstrap modal/offcanvas */
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer,
html[data-theme="dark"] .offcanvas-header,
html[data-theme="dark"] .offcanvas-body {
  background: var(--its-surface) !important;
  color: var(--its-text) !important;
  border-color: var(--its-border) !important;
}
html[data-theme="dark"] .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }

/* Notifications */
html[data-theme="dark"] .notification-header,
html[data-theme="dark"] .notification-footer,
html[data-theme="dark"] .notification-list,
html[data-theme="dark"] .notification-list > div,
html[data-theme="dark"] .notification-item {
  background: var(--its-surface) !important;
  color: var(--its-text) !important;
  border-color: var(--its-border) !important;
}

/* Keep semantic and brand colors intact */
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .btn-success,
html[data-theme="dark"] .btn-danger,
html[data-theme="dark"] .btn-warning,
html[data-theme="dark"] .balance-button,
html[data-theme="dark"] .search-button,
html[data-theme="dark"] .category-item.active,
html[data-theme="dark"] .bg-success,
html[data-theme="dark"] .bg-danger,
html[data-theme="dark"] .bg-warning,
html[data-theme="dark"] .bg-primary {
  color: #fff !important;
}

/* Theme switch itself */
.site-theme-toggle {
  appearance: none;
  -webkit-appearance: none;
  border: 0 !important;
  background: transparent !important;
  color: inherit;
  cursor: pointer;
  font: inherit;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 1;
}
.site-theme-toggle i { pointer-events: none; }
.site-theme-toggle:hover { color: var(--its-orange) !important; transform: translateY(-1px); }
.site-theme-toggle:focus-visible { outline: 2px solid var(--its-orange); outline-offset: 3px; border-radius: 8px; }

@media (max-width: 991.98px) {
  .site-theme-toggle { min-width: 30px; min-height: 30px; }
  html[data-theme="dark"] .offcanvas-menu { background: var(--its-surface) !important; }
}

/* Native controls + scrollbar */
html[data-theme="dark"] ::-webkit-scrollbar-track { background: #0d1626; }
html[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #43516a; }
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #5a6984; }

@media (prefers-reduced-motion: reduce) {
  html, body, .navbar, .top-bar, .category-menu, .offcanvas-menu,
  .card, .modal-content, .dropdown-menu, .table, input, select, textarea,
  .account-rich-dropdown, .notification-panel { transition: none !important; }
}

/* =========================================================
   V6.6 — complete surface/text dark-mode normalization
   ========================================================= */
html[data-theme="dark"] {
  color-scheme: dark;
}

html[data-theme="dark"] body,
html[data-theme="dark"] main,
html[data-theme="dark"] .page-wrapper,
html[data-theme="dark"] .content-wrapper,
html[data-theme="dark"] .main-content {
  background-color: var(--its-bg) !important;
  color: var(--its-text) !important;
}

/* Header/category navigation: never leave white chips with white text */
html[data-theme="dark"] .category-menu {
  background: #101b2f !important;
  border-color: var(--its-border) !important;
}
html[data-theme="dark"] .category-menu .category-item,
html[data-theme="dark"] .category-menu .category-item:not(.active),
html[data-theme="dark"] .category-menu .category-item.has-dropdown {
  background: #162238 !important;
  color: #f4f7fb !important;
  border-color: #31415b !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .category-menu .category-item a,
html[data-theme="dark"] .category-menu .category-item span,
html[data-theme="dark"] .category-menu .category-item i {
  color: inherit !important;
}
html[data-theme="dark"] .category-menu .category-item:hover {
  background: #1e2d47 !important;
  border-color: #455a79 !important;
}
html[data-theme="dark"] .category-menu .category-item.active {
  background: #28a745 !important;
  color: #fff !important;
  border-color: #5ed47a !important;
}

/* Main logo has dark lettering, so keep a clean light backing in dark mode */
html[data-theme="dark"] .navbar-logo {
  background: rgba(255,255,255,.96) !important;
  border-radius: 10px;
  padding: 4px 8px;
  box-shadow: 0 4px 14px rgba(0,0,0,.18);
}

/* Homepage/category cards */
html[data-theme="dark"] .category-card,
html[data-theme="dark"] .category-card .category-name,
html[data-theme="dark"] .game-card,
html[data-theme="dark"] .game-card .card-body,
html[data-theme="dark"] .product-box,
html[data-theme="dark"] .product-box .card-body {
  background: var(--its-surface) !important;
  color: var(--its-text) !important;
  border-color: var(--its-border) !important;
}
html[data-theme="dark"] .category-card .category-name,
html[data-theme="dark"] .category-card a,
html[data-theme="dark"] .game-card a,
html[data-theme="dark"] .game-card h3,
html[data-theme="dark"] .game-card h4,
html[data-theme="dark"] .game-card h5 {
  color: var(--its-text) !important;
}

/* Footer + service strip */
html[data-theme="dark"] .services-modular {
  background: #0f192b !important;
  border-color: #273650 !important;
}
html[data-theme="dark"] .services-modular .service-item,
html[data-theme="dark"] .services-modular .service-item h4 {
  color: #f5f7fb !important;
}
html[data-theme="dark"] .services-modular .service-item p {
  color: #b9c3d2 !important;
}
html[data-theme="dark"] #unique-footer {
  background: linear-gradient(135deg,#111827,#0b1220) !important;
  border-top: 1px solid #273650;
  color: #c8d0dc !important;
}
html[data-theme="dark"] #unique-footer h5,
html[data-theme="dark"] #unique-footer .brand-name {
  color: #fff !important;
}
html[data-theme="dark"] #unique-footer p,
html[data-theme="dark"] #unique-footer a.footer-link,
html[data-theme="dark"] #unique-footer li {
  color: #c2cad6 !important;
}
html[data-theme="dark"] #unique-footer a.footer-link:hover {
  color: #ff7a13 !important;
}
html[data-theme="dark"] #unique-footer hr {
  border-color: #31415b !important;
}

/* Account menu and buttons */
html[data-theme="dark"] .desktop-account-actions .admin-mini,
html[data-theme="dark"] .mobile-account-actions .admin-mini {
  background: #162b4f !important;
  color: #79adff !important;
}
html[data-theme="dark"] .desktop-account-actions .logout-mini,
html[data-theme="dark"] .mobile-account-actions .logout-mini {
  background: #3a1d25 !important;
  color: #ff9aa9 !important;
}
html[data-theme="dark"] .btn-light,
html[data-theme="dark"] .btn-outline-secondary,
html[data-theme="dark"] .pagination .page-link {
  background: var(--its-surface-2) !important;
  color: var(--its-text) !important;
  border-color: var(--its-border) !important;
}

/* Generic white surfaces that exist as inline styles in old pages */
html[data-theme="dark"] [style*="background: white"],
html[data-theme="dark"] [style*="background:white"],
html[data-theme="dark"] [style*="background-color: white"],
html[data-theme="dark"] [style*="background-color:white"],
html[data-theme="dark"] [style*="background: #fff"],
html[data-theme="dark"] [style*="background:#fff"],
html[data-theme="dark"] [style*="background-color: #fff"],
html[data-theme="dark"] [style*="background-color:#fff"] {
  background: var(--its-surface) !important;
  border-color: var(--its-border) !important;
}

/* Old hard-coded dark text must become readable in dark mode */
html[data-theme="dark"] [style*="color: black"],
html[data-theme="dark"] [style*="color:black"],
html[data-theme="dark"] [style*="color: #000"],
html[data-theme="dark"] [style*="color:#000"],
html[data-theme="dark"] [style*="color: #111"],
html[data-theme="dark"] [style*="color:#111"],
html[data-theme="dark"] [style*="color: #222"],
html[data-theme="dark"] [style*="color:#222"],
html[data-theme="dark"] [style*="color: #333"],
html[data-theme="dark"] [style*="color:#333"] {
  color: var(--its-text) !important;
}

/* Bootstrap/helper text fixes */
html[data-theme="dark"] .text-black,
html[data-theme="dark"] .text-body,
html[data-theme="dark"] .text-body-emphasis,
html[data-theme="dark"] .card-title,
html[data-theme="dark"] .card-text,
html[data-theme="dark"] .accordion-button::after,
html[data-theme="dark"] .nav-link:not(.active) {
  color: var(--its-text) !important;
}
html[data-theme="dark"] .border-secondary,
html[data-theme="dark"] .border-light {
  border-color: var(--its-border) !important;
}

/* Chat/account white panels from legacy pages */
html[data-theme="dark"] .messages-wrapper,
html[data-theme="dark"] .messages-container,
html[data-theme="dark"] .conversation-list,
html[data-theme="dark"] .conversation-panel,
html[data-theme="dark"] .chat-panel,
html[data-theme="dark"] .chat-window,
html[data-theme="dark"] .chat-header,
html[data-theme="dark"] .chat-body,
html[data-theme="dark"] .chat-footer,
html[data-theme="dark"] .settings-card,
html[data-theme="dark"] .account-content,
html[data-theme="dark"] .account-card {
  background: var(--its-surface) !important;
  color: var(--its-text) !important;
  border-color: var(--its-border) !important;
}

/* Light informational surfaces get dark equivalents without losing semantics */
html[data-theme="dark"] .alert-light {
  background: #17243a !important;
  color: var(--its-text) !important;
  border-color: #31415b !important;
}
html[data-theme="dark"] .alert-success {
  background: #102d23 !important;
  color: #a7f3d0 !important;
  border-color: #276749 !important;
}
html[data-theme="dark"] .alert-danger {
  background: #351b24 !important;
  color: #fecdd3 !important;
  border-color: #7f1d35 !important;
}
html[data-theme="dark"] .alert-warning {
  background: #332817 !important;
  color: #fde68a !important;
  border-color: #7c5a14 !important;
}

/* Ensure white text is only used on genuinely colored buttons/badges */
html[data-theme="dark"] .bg-white.text-white,
html[data-theme="dark"] .card.text-white:not(.bg-primary):not(.bg-success):not(.bg-danger):not(.bg-warning) {
  color: var(--its-text) !important;
}

/* =========================================================
   V6.7 — full dark surfaces + Tabler icons + dual logo
   ========================================================= */
.theme-logo-dark{display:none!important}
html[data-theme="dark"] .theme-logo-light{display:none!important}
html[data-theme="dark"] .theme-logo-dark{display:block!important}
.site-theme-toggle .ti{font-size:22px;line-height:1}
.navbar-brand .navbar-logo{max-width:100%;object-fit:contain}
html[data-theme="dark"] .navbar-logo{background:transparent!important;padding:0!important;box-shadow:none!important}
html[data-theme="dark"] .theme-logo-dark{background:transparent!important}

/* Custom nav dropdowns were still hard-coded white. */
html[data-theme="dark"] .dropdown-items,
html[data-theme="dark"] .scrollable-dropdown{
  background:#111b2e!important;border-color:#2a3952!important;box-shadow:0 16px 40px rgba(0,0,0,.35)!important
}
html[data-theme="dark"] .category-item.has-dropdown .dropdown-items a,
html[data-theme="dark"] .dropdown-items a{color:#eef3fb!important;background:transparent!important}
html[data-theme="dark"] .dropdown-items a:hover{background:#1b2a43!important;color:#ff7a13!important}

/* Discount popup */
html[data-theme="dark"] .dp-ticket,
html[data-theme="dark"] .dp-info,
html[data-theme="dark"] .dp-stub{
  background:#111b2e!important;color:#f5f7fb!important;border-color:#2a3952!important
}
html[data-theme="dark"] .dp-title{color:#fff!important}
html[data-theme="dark"] .dp-old{color:#9aa6b8!important}
html[data-theme="dark"] .dp-eyebrow{background:#261c42!important;color:#b99cff!important;border-color:#533c89!important}
html[data-theme="dark"] .dp-close{background:#1d2b43!important;color:#fff!important}

/* Marketplace */
html[data-theme="dark"] .market-page,
html[data-theme="dark"] .market-detail-page{background:#0b1220!important}
html[data-theme="dark"] .market-filter,
html[data-theme="dark"] .market-empty,
html[data-theme="dark"] .market-filter-toggle,
html[data-theme="dark"] .market-card,
html[data-theme="dark"] .premium-listings-section,
html[data-theme="dark"] .active-sellers-section,
html[data-theme="dark"] .market-breadcrumb,
html[data-theme="dark"] .market-detail-card,
html[data-theme="dark"] .market-seller-card,
html[data-theme="dark"] .market-account-box,
html[data-theme="dark"] .market-form-card,
html[data-theme="dark"] .market-chat-wrap,
html[data-theme="dark"] .account-application-card,
html[data-theme="dark"] .application-status-row,
html[data-theme="dark"] .market-online-filter,
html[data-theme="dark"] .chat-closed-overlay,
html[data-theme="dark"] .active-seller-card{
  background:#111b2e!important;color:#f5f7fb!important;border-color:#2a3952!important
}
html[data-theme="dark"] .premium-listings-section{background:linear-gradient(180deg,#271c12 0,#111b2e 90px)!important}
html[data-theme="dark"] .market-heading-row h2,
html[data-theme="dark"] .market-card-title,
html[data-theme="dark"] .market-detail-title,
html[data-theme="dark"] .market-seller,
html[data-theme="dark"] .market-card-seller-row span,
html[data-theme="dark"] .market-list-count,
html[data-theme="dark"] .section-head span,
html[data-theme="dark"] .market-conversation-title,
html[data-theme="dark"] .market-conversation-last{color:#c3ccda!important}
html[data-theme="dark"] .market-empty{color:#9da8b9!important}
html[data-theme="dark"] .market-card-image,
html[data-theme="dark"] .market-main-image{background:#0e1728!important}
html[data-theme="dark"] .market-conversation:hover,
html[data-theme="dark"] .market-conversation.active{background:#192b48!important}
html[data-theme="dark"] .market-chat-messages{background:#0e1728!important}
html[data-theme="dark"] .market-msg{background:#18263d!important;color:#f5f7fb!important}
html[data-theme="dark"] .market-msg.mine{background:#123a2d!important}

/* Product detail and similar products */
html[data-theme="dark"] .detail-payment-summary,
html[data-theme="dark"] #productTabsContent,
html[data-theme="dark"] .similar-products-container,
html[data-theme="dark"] .similar-product-item,
html[data-theme="dark"] .reviews-list,
html[data-theme="dark"] .review-item,
html[data-theme="dark"] .reply-item,
html[data-theme="dark"] .comment-form,
html[data-theme="dark"] .product-detail-card,
html[data-theme="dark"] .related-products,
html[data-theme="dark"] .related-product-item{
  background:#111b2e!important;color:#f5f7fb!important;border-color:#2a3952!important
}
html[data-theme="dark"] .detail-payment-summary span,
html[data-theme="dark"] .review-comment,
html[data-theme="dark"] .similar-product-item small{color:#c3ccda!important}
html[data-theme="dark"] .detail-payment-summary strong,
html[data-theme="dark"] .similar-product-item,
html[data-theme="dark"] .similar-product-item a{color:#f5f7fb!important}
html[data-theme="dark"] .breadcrumb{background:#111b2e!important;color:#f5f7fb!important;border-color:#2a3952!important}
html[data-theme="dark"] .breadcrumb a{color:#ff8a3d!important}

/* Homepage reviews/categories */
html[data-theme="dark"] .custom-review-wrapper,
html[data-theme="dark"] .custom-review-card,
html[data-theme="dark"] .custom-review-list,
html[data-theme="dark"] .discounted-section,
html[data-theme="dark"] .discounted-product-card,
html[data-theme="dark"] .discounted-product-item{
  background:#111b2e!important;color:#f5f7fb!important;border-color:#2a3952!important
}
html[data-theme="dark"] .custom-review-title,
html[data-theme="dark"] .custom-review-card strong,
html[data-theme="dark"] .category-name{color:#f5f7fb!important}

/* Streamer pages */
html[data-theme="dark"] .banner,
html[data-theme="dark"] .banner-row,
html[data-theme="dark"] .support-feed-card,
html[data-theme="dark"] .support-feed-item,
html[data-theme="dark"] .donate-box,
html[data-theme="dark"] .stream-live-card,
html[data-theme="dark"] .stream-platform-btn,
html[data-theme="dark"] .streamer-profile-stat{
  background:#111b2e!important;color:#f5f7fb!important;border-color:#2a3952!important
}
html[data-theme="dark"] .support-feed-name,
html[data-theme="dark"] .streamer-profile-stat strong{color:#fff!important}
html[data-theme="dark"] .support-feed-note,
html[data-theme="dark"] .support-feed-date,
html[data-theme="dark"] .streamer-profile-stat{color:#b8c2d1!important}
html[data-theme="dark"] .support-feed-avatar{background:#2b1e16!important;color:#ff7a13!important}

/* Login/register/password/cart */
html[data-theme="dark"] .form-container,
html[data-theme="dark"] .summary-box,
html[data-theme="dark"] .empty-cart-card,
html[data-theme="dark"] .cart-table,
html[data-theme="dark"] .cart-table tbody,
html[data-theme="dark"] .cart-table tr,
html[data-theme="dark"] .cart-table td{
  background:#111b2e!important;color:#f5f7fb!important;border-color:#2a3952!important
}
html[data-theme="dark"] .form-container label,
html[data-theme="dark"] .form-container h1,
html[data-theme="dark"] .form-container h2,
html[data-theme="dark"] .form-container h3,
html[data-theme="dark"] .summary-box h1,
html[data-theme="dark"] .summary-box h2,
html[data-theme="dark"] .summary-box h3{color:#f5f7fb!important}

/* My account */
html[data-theme="dark"] .content,
html[data-theme="dark"] .custom-card,
html[data-theme="dark"] .account-application-card,
html[data-theme="dark"] .application-status-row,
html[data-theme="dark"] .market-account-box,
html[data-theme="dark"] .market-stat-grid + *,
html[data-theme="dark"] .epin-code-container,
html[data-theme="dark"] .custom-fields-container{
  background:#111b2e!important;color:#f5f7fb!important;border-color:#2a3952!important
}
html[data-theme="dark"] .content .card,
html[data-theme="dark"] .content .card-header,
html[data-theme="dark"] .content .card-body,
html[data-theme="dark"] .content .card-footer{background:#111b2e!important;color:#f5f7fb!important;border-color:#2a3952!important}

/* Payment/account legacy surface normalization */
html[data-theme="dark"] .bank-block-head,
html[data-theme="dark"] .bank-field,
html[data-theme="dark"] .receipt-info-toggle,
html[data-theme="dark"] .receipt-info-collapse,
html[data-theme="dark"] .payment-bank-grid,
html[data-theme="dark"] .payment-panel,
html[data-theme="dark"] .method-info{
  background:#111b2e!important;color:#f5f7fb!important;border-color:#2a3952!important
}

/* Old light grays that remained in screenshots */
html[data-theme="dark"] [style*="background:#fafafa"],
html[data-theme="dark"] [style*="background: #fafafa"],
html[data-theme="dark"] [style*="background:#f8f9fa"],
html[data-theme="dark"] [style*="background: #f8f9fa"],
html[data-theme="dark"] [style*="background:#f7f8fa"],
html[data-theme="dark"] [style*="background: #f7f8fa"],
html[data-theme="dark"] [style*="background:#fbfcfd"],
html[data-theme="dark"] [style*="background: #fbfcfd"]{
  background:#162238!important;color:#f5f7fb!important;border-color:#2a3952!important
}

/* Force legible text on old components; semantic colored labels keep their own colors. */
html[data-theme="dark"] .form-container,
html[data-theme="dark"] .market-filter,
html[data-theme="dark"] .market-empty,
html[data-theme="dark"] .support-feed-card,
html[data-theme="dark"] .donate-box,
html[data-theme="dark"] .content,
html[data-theme="dark"] .custom-review-wrapper,
html[data-theme="dark"] #productTabsContent,
html[data-theme="dark"] .summary-box{
  --bs-body-color:#f5f7fb;--bs-secondary-color:#b8c2d1
}
html[data-theme="dark"] .form-container :is(h1,h2,h3,h4,h5,h6,label,strong,b),
html[data-theme="dark"] .market-filter :is(h1,h2,h3,h4,h5,h6,label,strong,b),
html[data-theme="dark"] .market-empty :is(h1,h2,h3,h4,h5,h6,label,strong,b),
html[data-theme="dark"] .support-feed-card :is(h1,h2,h3,h4,h5,h6,label,strong,b),
html[data-theme="dark"] .donate-box :is(h1,h2,h3,h4,h5,h6,label,strong,b),
html[data-theme="dark"] .content :is(h1,h2,h3,h4,h5,h6,label,strong,b),
html[data-theme="dark"] .custom-review-wrapper :is(h1,h2,h3,h4,h5,h6,label,strong,b),
html[data-theme="dark"] #productTabsContent :is(h1,h2,h3,h4,h5,h6,label,strong,b),
html[data-theme="dark"] .summary-box :is(h1,h2,h3,h4,h5,h6,label,strong,b){color:#f5f7fb!important}

/* Tabler icon consistency */
.ti{vertical-align:-.125em}
.icon .ti,.dropdown-item .ti,.category-item .ti,.account-rich-dropdown .ti{font-size:1.08em}

/* =========================================================
   V6.8 — page-by-page dark mode readability completion
   ========================================================= */

/* Shared account/sidebar: no white islands in dark mode */
html[data-theme="dark"] .account-side-wrap,
html[data-theme="dark"] .account-profile-card,
html[data-theme="dark"] .account-menu-card,
html[data-theme="dark"] .account-inline-toggle,
html[data-theme="dark"] .account-inline-panel,
html[data-theme="dark"] .account-inline-group-toggle,
html[data-theme="dark"] .account-inline-subgrid a,
html[data-theme="dark"] .account-inline-grid a,
html[data-theme="dark"] .account-store-submenu,
html[data-theme="dark"] .account-store-submenu .account-nav-link,
html[data-theme="dark"] .account-nav-link,
html[data-theme="dark"] .content,
html[data-theme="dark"] .active-content {
  background:#111b2e!important;
  color:#f5f7fb!important;
  border-color:#2a3952!important;
}
html[data-theme="dark"] .account-profile-name,
html[data-theme="dark"] .account-profile-meta strong,
html[data-theme="dark"] .account-inline-identity-copy strong,
html[data-theme="dark"] .desktop-account-head .account-identity-copy strong,
html[data-theme="dark"] .mobile-account-head .account-identity-copy strong,
html[data-theme="dark"] #accountDropdown .account-identity-copy strong {
  color:#fff!important;
}
html[data-theme="dark"] .account-profile-email,
html[data-theme="dark"] .account-profile-meta,
html[data-theme="dark"] .account-inline-identity-copy small {
  color:#c5cedb!important;
}
html[data-theme="dark"] .account-nav-link,
html[data-theme="dark"] .account-nav-link span,
html[data-theme="dark"] .account-inline-toggle,
html[data-theme="dark"] .account-inline-group-toggle,
html[data-theme="dark"] .account-inline-subgrid a,
html[data-theme="dark"] .account-inline-grid a {
  color:#eef3fb!important;
}
html[data-theme="dark"] .account-nav-link i,
html[data-theme="dark"] .account-nav-link .ti,
html[data-theme="dark"] .account-inline-grid i,
html[data-theme="dark"] .account-inline-subgrid i,
html[data-theme="dark"] .account-inline-group-toggle>i:first-child {
  color:#ff7a13!important;
}
html[data-theme="dark"] .account-nav-link:hover,
html[data-theme="dark"] .account-nav-link.active,
html[data-theme="dark"] .account-store-toggle.store-open,
html[data-theme="dark"] .account-inline-group-toggle[aria-expanded="true"] {
  background:#1c2a42!important;
  color:#fff!important;
  border-color:#3a4a66!important;
}
html[data-theme="dark"] .account-nav-link.active,
html[data-theme="dark"] .menu-link.active {
  background:#ff6500!important;
  color:#fff!important;
}
html[data-theme="dark"] .account-nav-link.active i,
html[data-theme="dark"] .menu-link.active i {color:#fff!important}

/* Myaccount common white cards */
html[data-theme="dark"] .custom-card,
html[data-theme="dark"] .custom-notice,
html[data-theme="dark"] .market-account-box,
html[data-theme="dark"] .market-store-profile-card,
html[data-theme="dark"] .market-banner-guide,
html[data-theme="dark"] .market-verification-required,
html[data-theme="dark"] .account-application-card,
html[data-theme="dark"] .application-status-row,
html[data-theme="dark"] .application-admin-note,
html[data-theme="dark"] .partnership-info,
html[data-theme="dark"] .seller-system-card,
html[data-theme="dark"] .seller-system-head,
html[data-theme="dark"] .verification-mini-card,
html[data-theme="dark"] .seller-system-notice,
html[data-theme="dark"] .identity-info-box,
html[data-theme="dark"] .streamer-income-card,
html[data-theme="dark"] .streamer-income-stat,
html[data-theme="dark"] .streamer-donation-row,
html[data-theme="dark"] .streamer-donation-empty,
html[data-theme="dark"] .support-new-toggle,
html[data-theme="dark"] .support-new-form-wrap,
html[data-theme="dark"] .ticket-card,
html[data-theme="dark"] .ticket-item,
html[data-theme="dark"] .ticket-message,
html[data-theme="dark"] .support-card,
html[data-theme="dark"] .support-detail,
html[data-theme="dark"] .market-compact-row,
html[data-theme="dark"] .market-info-rows,
html[data-theme="dark"] .market-info-row,
html[data-theme="dark"] .market-info-modal .modal-header {
  background:#111b2e!important;
  color:#f5f7fb!important;
  border-color:#2a3952!important;
}
html[data-theme="dark"] .support-new-toggle:hover,
html[data-theme="dark"] .market-delivery-choice:hover,
html[data-theme="dark"] .market-delivery-choice.active {
  background:#19283f!important;
  border-color:#ff7a13!important;
}
html[data-theme="dark"] .support-new-toggle strong,
html[data-theme="dark"] .application-status-row strong,
html[data-theme="dark"] .seller-system-title,
html[data-theme="dark"] .verification-mini-card strong,
html[data-theme="dark"] .streamer-income-head strong,
html[data-theme="dark"] .streamer-income-stat b,
html[data-theme="dark"] .streamer-donation-history-title,
html[data-theme="dark"] .streamer-donor strong,
html[data-theme="dark"] .market-compact-title,
html[data-theme="dark"] .market-info-row strong {
  color:#f5f7fb!important;
}
html[data-theme="dark"] .support-new-toggle small,
html[data-theme="dark"] .seller-system-subtitle,
html[data-theme="dark"] .verification-mini-card small,
html[data-theme="dark"] .streamer-income-head small,
html[data-theme="dark"] .streamer-income-stat span,
html[data-theme="dark"] .streamer-donation-note,
html[data-theme="dark"] .streamer-donation-date,
html[data-theme="dark"] .streamer-donor small,
html[data-theme="dark"] .market-compact-sub,
html[data-theme="dark"] .market-info-row span {
  color:#aeb9c9!important;
}
html[data-theme="dark"] .streamer-donation-row.header {
  background:#18263c!important;
  color:#c2cad7!important;
}
html[data-theme="dark"] .streamer-income-stat.net {
  background:#102d23!important;
  border-color:#276749!important;
}
html[data-theme="dark"] .streamer-income-stat.fee {
  background:#2e2117!important;
  border-color:#73421e!important;
}
html[data-theme="dark"] .streamer-assets-link {
  background:#2a1b13!important;
  border-color:#73421e!important;
  color:#ff9b5a!important;
}

/* Referral */
html[data-theme="dark"] .referral-page,
html[data-theme="dark"] .referral-info-box,
html[data-theme="dark"] .referral-stat,
html[data-theme="dark"] .referral-card,
html[data-theme="dark"] .referral-link-box,
html[data-theme="dark"] .referral-empty,
html[data-theme="dark"] .referral-table-wrap,
html[data-theme="dark"] .referral-table,
html[data-theme="dark"] .referral-table th,
html[data-theme="dark"] .referral-table td {
  background:#111b2e!important;
  color:#f5f7fb!important;
  border-color:#2a3952!important;
}
html[data-theme="dark"] .referral-title,
html[data-theme="dark"] .referral-card h5,
html[data-theme="dark"] .referral-info-head,
html[data-theme="dark"] .referral-stat-value,
html[data-theme="dark"] .referral-user>div>div:first-child {color:#fff!important}
html[data-theme="dark"] .referral-muted,
html[data-theme="dark"] .referral-stat-label {color:#aeb9c9!important}
html[data-theme="dark"] .referral-link-box input {background:transparent!important;color:#f5f7fb!important}
html[data-theme="dark"] .referral-table thead th {background:#18263c!important;color:#e9eef6!important}

/* Settings / verification */
html[data-theme="dark"] #ayarlar .seller-system-card,
html[data-theme="dark"] #ayarlar .verification-mini-card,
html[data-theme="dark"] #ayarlar .identity-form-card,
html[data-theme="dark"] #ayarlar .settings-section,
html[data-theme="dark"] #ayarlar .verification-card,
html[data-theme="dark"] #ayarlar .modern-form-card,
html[data-theme="dark"] #ayarlar .settings-card {
  background:#111b2e!important;
  color:#f5f7fb!important;
  border-color:#2a3952!important;
}
html[data-theme="dark"] #ayarlar :is(label,strong,h3,h4,h5,.seller-system-title) {color:#f5f7fb!important}
html[data-theme="dark"] #ayarlar :is(small,p,.seller-system-subtitle,.form-text) {color:#aeb9c9!important}

/* Support */
html[data-theme="dark"] #destek,
html[data-theme="dark"] #destek .card,
html[data-theme="dark"] #destek .card-body,
html[data-theme="dark"] #destek .card-header,
html[data-theme="dark"] #destek .list-group,
html[data-theme="dark"] #destek .list-group-item,
html[data-theme="dark"] #destek table,
html[data-theme="dark"] #destek th,
html[data-theme="dark"] #destek td {
  background:#111b2e!important;
  color:#f5f7fb!important;
  border-color:#2a3952!important;
}
html[data-theme="dark"] #destek :is(h2,h3,h4,h5,strong,label,td,th) {color:#f5f7fb!important}
html[data-theme="dark"] #destek :is(p,small,.text-muted) {color:#aeb9c9!important}

/* Payments: card owner / card number / labels must stay legible */
html[data-theme="dark"] .balance-content,
html[data-theme="dark"] .balance-layout .nav-card,
html[data-theme="dark"] .panel-header,
html[data-theme="dark"] .receipt-info-toggle,
html[data-theme="dark"] .receipt-info-collapse,
html[data-theme="dark"] .info-block,
html[data-theme="dark"] .bank-block,
html[data-theme="dark"] .bank-block-head,
html[data-theme="dark"] .bank-field,
html[data-theme="dark"] .bank-action,
html[data-theme="dark"] .receipt-form,
html[data-theme="dark"] .epin-card,
html[data-theme="dark"] .method-card,
html[data-theme="dark"] .amount-section,
html[data-theme="dark"] .payment-unavailable,
html[data-theme="dark"] .sp-body,
html[data-theme="dark"] .sp-row {
  background:#111b2e!important;
  color:#f5f7fb!important;
  border-color:#2a3952!important;
}
html[data-theme="dark"] .panel-header h2,
html[data-theme="dark"] .bank-block-title,
html[data-theme="dark"] .bank-field-value,
html[data-theme="dark"] .f-label,
html[data-theme="dark"] .method-name,
html[data-theme="dark"] .amount-section h4,
html[data-theme="dark"] .sp-row-v {
  color:#f5f7fb!important;
}
html[data-theme="dark"] .panel-header p,
html[data-theme="dark"] .bank-block-sub,
html[data-theme="dark"] .method-desc,
html[data-theme="dark"] .sp-row-l,
html[data-theme="dark"] .info-block-body {
  color:#b7c1d0!important;
}
html[data-theme="dark"] .copy-btn,
html[data-theme="dark"] .bank-fallback-icon,
html[data-theme="dark"] .method-logo-placeholder {
  background:#18263c!important;
  color:#ff7a13!important;
  border-color:#34445f!important;
}
html[data-theme="dark"] .receipt-form {background:#101a2c!important}
html[data-theme="dark"] .balance-offline-note {background:#2d2514!important;color:#f5d783!important;border-color:#725d21!important}
html[data-theme="dark"] .net-row {background:#102d23!important;border-color:#276749!important}

/* Marketplace listing detail */
html[data-theme="dark"] .market-detail-shell,
html[data-theme="dark"] .market-gallery-panel,
html[data-theme="dark"] .market-detail-info,
html[data-theme="dark"] .market-detail-card,
html[data-theme="dark"] .market-seller-card,
html[data-theme="dark"] .market-order-access-card,
html[data-theme="dark"] .market-order-grid span,
html[data-theme="dark"] .seller-mini-stats span,
html[data-theme="dark"] .market-info-box,
html[data-theme="dark"] .market-buy-modal,
html[data-theme="dark"] .buy-summary,
html[data-theme="dark"] .market-delivery-modal-content,
html[data-theme="dark"] .market-modal-finance>div,
html[data-theme="dark"] .market-delivery-product,
html[data-theme="dark"] .market-copy-secret-btn {
  background:#111b2e!important;
  color:#f5f7fb!important;
  border-color:#2a3952!important;
}
html[data-theme="dark"] .market-detail-info h1,
html[data-theme="dark"] .seller-mini-link,
html[data-theme="dark"] .seller-mini-link strong,
html[data-theme="dark"] .seller-mini-stats b,
html[data-theme="dark"] .market-description,
html[data-theme="dark"] .buy-summary strong,
html[data-theme="dark"] .market-order-card-head strong,
html[data-theme="dark"] .market-modal-finance strong {color:#f5f7fb!important}
html[data-theme="dark"] .detail-stock,
html[data-theme="dark"] .seller-mini-stats span,
html[data-theme="dark"] .market-modal-finance span,
html[data-theme="dark"] .market-order-grid span small,
html[data-theme="dark"] .market-delivery-label {color:#aeb9c9!important}
html[data-theme="dark"] .market-main-image {background:#0c1525!important}
html[data-theme="dark"] .market-info-box {border-left-color:#ff9a31!important;background:#2b2212!important;color:#f3d38c!important}

/* About */
html[data-theme="dark"] .about-section,
html[data-theme="dark"] .stats-section,
html[data-theme="dark"] .about-page .about-section {
  background:#111b2e!important;
  color:#f5f7fb!important;
  border-color:#2a3952!important;
}
html[data-theme="dark"] .about-section h2,
html[data-theme="dark"] .about-section h3,
html[data-theme="dark"] .about-section strong {color:#fff!important}
html[data-theme="dark"] .about-section p {color:#c0cad8!important}

/* FAQ: outer white frame + accordion answer */
html[data-theme="dark"] .faq-section,
html[data-theme="dark"] #faqAccordion,
html[data-theme="dark"] #faqAccordion .accordion-item,
html[data-theme="dark"] #faqAccordion .accordion-header,
html[data-theme="dark"] #faqAccordion .accordion-button,
html[data-theme="dark"] #faqAccordion .accordion-collapse,
html[data-theme="dark"] #faqAccordion .accordion-body {
  background:#111b2e!important;
  color:#f5f7fb!important;
  border-color:#2a3952!important;
}
html[data-theme="dark"] #faqAccordion .accordion-button:not(.collapsed) {background:#18263c!important;color:#fff!important}
html[data-theme="dark"] #faqAccordion .accordion-body,
html[data-theme="dark"] #faqAccordion .accordion-body p,
html[data-theme="dark"] #faqAccordion .accordion-body span {color:#dbe3ee!important}
html[data-theme="dark"] .faq-section .form-control {background:#0f192a!important;color:#f5f7fb!important;border-color:#34445f!important}
html[data-theme="dark"] .faq-section .clear-search {color:#9ba7b8!important}

/* Homepage auto reviews / AI-looking controls */
html[data-theme="dark"] .review-pause-btn,
html[data-theme="dark"] .ultra-product-card,
html[data-theme="dark"] .review-marquee,
html[data-theme="dark"] .review-marquee .custom-review-card,
html[data-theme="dark"] .custom-review-wrapper,
html[data-theme="dark"] .custom-review-list {
  background:#111b2e!important;
  color:#f5f7fb!important;
  border-color:#2a3952!important;
}
html[data-theme="dark"] .review-pause-btn,
html[data-theme="dark"] #reviewPauseText,
html[data-theme="dark"] .custom-review-title h3,
html[data-theme="dark"] .review-header,
html[data-theme="dark"] .review-text {color:#f5f7fb!important}
html[data-theme="dark"] .custom-review-title .subtitle,
html[data-theme="dark"] .ultra-product-card .text-muted {color:#aeb9c9!important}

/* Generic modern white containers used by account and forms */
html[data-theme="dark"] :is(.form-card,.white-card,.box-card,.profile-section,.settings-box,.form-box,.info-card,.details-card) {
  background:#111b2e!important;
  color:#f5f7fb!important;
  border-color:#2a3952!important;
}

/* Keep fields legible everywhere inside account pages */
html[data-theme="dark"] .content :is(input,select,textarea,.form-control,.form-select),
html[data-theme="dark"] .account-application-card :is(input,select,textarea,.form-control,.form-select),
html[data-theme="dark"] .market-store-profile-card :is(input,select,textarea,.form-control,.form-select) {
  background:#0e1829!important;
  color:#f5f7fb!important;
  border-color:#34445f!important;
}
html[data-theme="dark"] .content :is(input,textarea)::placeholder {color:#8794a8!important}

/* headings that were almost white-on-white / dark-on-dark */
html[data-theme="dark"] .lined-title,
html[data-theme="dark"] .content>.lined-title,
html[data-theme="dark"] .content>h2,
html[data-theme="dark"] .content>h3 {color:#f5f7fb!important}

/* Preserve orange identity */
html[data-theme="dark"] .section-banner,
html[data-theme="dark"] .lined-title:before {color:#fff!important}

@media(max-width:767.98px){
  html[data-theme="dark"] .account-inline-panel,
  html[data-theme="dark"] .account-inline-toggle,
  html[data-theme="dark"] .account-inline-group-toggle,
  html[data-theme="dark"] .account-inline-grid a,
  html[data-theme="dark"] .account-inline-subgrid a {background:#111b2e!important;color:#f5f7fb!important}
}


/* =========================================================
   V6.9 — dark-mode contrast + mobile overflow/sizing fixes
   ========================================================= */

/* PRODUCTS: product names + quantity controls */
html[data-theme="dark"] .product-list-item,
html[data-theme="dark"] .product-details,
html[data-theme="dark"] .product-details .product-price,
html[data-theme="dark"] .product-details .payment-info,
html[data-theme="dark"] .product-details .bonus-info {
  color: var(--its-text) !important;
}
html[data-theme="dark"] .product-name,
html[data-theme="dark"] .product-name a,
html[data-theme="dark"] .product-details h5,
html[data-theme="dark"] .product-details h5 a {
  color:#f7f9fd !important;
}
html[data-theme="dark"] .quantity-control {
  background:transparent !important;
  border-color:transparent !important;
  color:#fff !important;
}
html[data-theme="dark"] .quantity-control .btn,
html[data-theme="dark"] .quantity-control .quantity-btn,
html[data-theme="dark"] .quantity-control .form-control,
html[data-theme="dark"] .quantity-control .quantity-input {
  background:#0f192a !important;
  color:#fff !important;
  border-color:#34445f !important;
  box-shadow:none !important;
}
html[data-theme="dark"] .quantity-control .quantity-input {
  opacity:1 !important;
  -webkit-text-fill-color:#fff !important;
}
html[data-theme="dark"] .product-actions .btn-outline-primary,
html[data-theme="dark"] .product-actions .btn-outline-secondary {
  background:#162238 !important;
  color:#dbeafe !important;
  border-color:#3d5372 !important;
}

/* QAYDALAR */
html[data-theme="dark"] .rules-section {
  background:#111b2e !important;
  color:#eaf0f8 !important;
  border:1px solid #2a3952 !important;
  box-shadow:0 14px 34px rgba(0,0,0,.24) !important;
}
html[data-theme="dark"] .rules-section .text,
html[data-theme="dark"] .rules-section p,
html[data-theme="dark"] .rules-section li {
  color:#cbd5e1 !important;
}
html[data-theme="dark"] .rules-section .lined-title {
  color:#fff !important;
}
html[data-theme="dark"] .rules-section .lined-title::before {
  background:#ff6500 !important;
}
html[data-theme="dark"] .rules-section li i { color:#ff7a13 !important; }

/* MARKETPLACE / CHAT: prevent mobile clipping and white islands */
html[data-theme="dark"] .market-chat-rules {
  background:#102d23 !important;
  color:#b9efd0 !important;
  border-color:#276749 !important;
}
html[data-theme="dark"] .market-chat-rules strong { color:#9cf0bf !important; }
html[data-theme="dark"] .market-chat-rules,
html[data-theme="dark"] .market-chat-rules * {
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}
html[data-theme="dark"] .market-order-grid span,
html[data-theme="dark"] .market-price-preview div,
html[data-theme="dark"] .market-image-dropzone,
html[data-theme="dark"] .market-delivery-choice,
html[data-theme="dark"] .market-banner-guide,
html[data-theme="dark"] .market-auto-secret-status,
html[data-theme="dark"] .market-auto-security {
  background:#162238 !important;
  color:#eef3fb !important;
  border-color:#34445f !important;
}
html[data-theme="dark"] .market-order-grid span b,
html[data-theme="dark"] .market-price-preview strong,
html[data-theme="dark"] .market-image-dropzone strong,
html[data-theme="dark"] .market-delivery-choice strong,
html[data-theme="dark"] .market-banner-guide strong {
  color:#f8fafc !important;
}
html[data-theme="dark"] .market-order-grid span small,
html[data-theme="dark"] .market-price-preview small,
html[data-theme="dark"] .market-image-dropzone>span,
html[data-theme="dark"] .market-image-dropzone>small,
html[data-theme="dark"] .market-delivery-choice small,
html[data-theme="dark"] .market-banner-guide small {
  color:#aeb9c9 !important;
}
html[data-theme="dark"] .market-image-drop-icon,
html[data-theme="dark"] .market-delivery-choice-icon,
html[data-theme="dark"] .market-banner-guide>span {
  background:#2a1b13 !important;
  color:#ff7a13 !important;
}
html[data-theme="dark"] .market-image-dropzone:hover,
html[data-theme="dark"] .market-image-dropzone.dragover,
html[data-theme="dark"] .market-delivery-choice.active {
  background:#1d2a40 !important;
  border-color:#ff7a13 !important;
}
html[data-theme="dark"] .market-listing-status-notice {
  background:#302713 !important;
  border-color:#80631f !important;
  color:#f6dd9a !important;
}
html[data-theme="dark"] .market-listing-status-notice strong { color:#ffe8a6 !important; }
html[data-theme="dark"] .market-listing-status-notice p { color:#d7c38e !important; }

/* CART: labels/totals must stay visible */
html[data-theme="dark"] .summary-box,
html[data-theme="dark"] .summary-box .summary-row,
html[data-theme="dark"] .summary-box .total-row,
html[data-theme="dark"] .cart-summary,
html[data-theme="dark"] .cart-summary-row {
  background:#111b2e !important;
  color:#f5f7fb !important;
  border-color:#2a3952 !important;
}
html[data-theme="dark"] .summary-box :is(span,strong,b,h1,h2,h3,h4,h5,label),
html[data-theme="dark"] .cart-summary :is(span,strong,b,h1,h2,h3,h4,h5,label) {
  color:#f5f7fb !important;
}
html[data-theme="dark"] #summary-subtotal,
html[data-theme="dark"] #summary-total { color:#fff !important; }

/* ACCOUNT: prevent badges/cards from escaping their column */
html[data-theme="dark"] .application-status-row,
html[data-theme="dark"] .partnership-info {
  background:#111b2e !important;
  color:#eef3fb !important;
  border-color:#2a3952 !important;
}
html[data-theme="dark"] .application-status-row small,
html[data-theme="dark"] .partnership-info .small { color:#b8c3d2 !important; }
.application-status-row { min-width:0; max-width:100%; }
.application-status-row>div { min-width:0; flex:1 1 220px; }
.application-status-row .application-status {
  flex:0 0 auto;
  max-width:100%;
  white-space:normal !important;
  text-align:center;
  overflow-wrap:anywhere;
}

/* Notification text and panels: never create horizontal scrolling */
.notification-panel,
.notification-list,
.notification-item { max-width:100%; }
.notification-item,
.notification-item *,
.notification-list,
.notification-list * {
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  white-space:normal !important;
}
html[data-theme="dark"] .notification-panel,
html[data-theme="dark"] .notification-header,
html[data-theme="dark"] .notification-footer,
html[data-theme="dark"] .notification-list,
html[data-theme="dark"] .notification-item {
  background:#111b2e !important;
  color:#eef3fb !important;
  border-color:#2a3952 !important;
}

/* Mobile bottom nav should be a real dark-mode surface */
html[data-theme="dark"] .bottom-menu {
  background:rgba(15,25,42,.96) !important;
  border-top-color:#2a3952 !important;
  box-shadow:0 -8px 26px rgba(0,0,0,.32) !important;
}
html[data-theme="dark"] .bottom-menu a,
html[data-theme="dark"] .bottom-menu a .icon-wrap i,
html[data-theme="dark"] .bottom-menu a span.label { color:#9ca8ba !important; }
html[data-theme="dark"] .bottom-menu a.active .icon-wrap {
  background:#2a1b13 !important;
}
html[data-theme="dark"] .bottom-menu a.active .icon-wrap i,
html[data-theme="dark"] .bottom-menu a.active span.label,
html[data-theme="dark"] .bottom-menu a:hover .icon-wrap i,
html[data-theme="dark"] .bottom-menu a:hover span.label { color:#ff7a13 !important; }
html[data-theme="dark"] .bottom-menu a.topup .icon-wrap {
  background:linear-gradient(135deg,#ff6500,#ff8a00) !important;
  border-color:#111b2e !important;
}
html[data-theme="dark"] .bottom-menu a.topup .icon-wrap i { color:#fff !important; }

/* Common pale cards that were unreadable on mobile screenshots */
html[data-theme="dark"] :is(.privacy-notice,.legal-notice,.account-notice,.payment-summary,.checkout-summary,.market-price-card,.market-price-preview,.empty-state,.empty-box) {
  background:#111b2e !important;
  color:#eef3fb !important;
  border-color:#2a3952 !important;
}
html[data-theme="dark"] :is(.privacy-notice,.legal-notice,.account-notice,.payment-summary,.checkout-summary,.market-price-card,.market-price-preview,.empty-state,.empty-box) :is(p,span,small,strong,b,label) {
  color:inherit !important;
}

/* Global mobile containment. Bootstrap columns and custom panels may shrink. */
@media (max-width: 767.98px) {
  html, body { max-width:100%; overflow-x:hidden !important; }
  body > * { max-width:100%; }
  .container, .container-fluid, .row, [class*="col-"] { min-width:0 !important; }

  /* Header: keep logo + action icons inside 388px/360px screens. */
  .navbar { padding:.45rem .6rem !important; }
  .navbar .container {
    max-width:100% !important;
    padding-left:.35rem !important;
    padding-right:.35rem !important;
    column-gap:6px !important;
  }
  .navbar .navbar-brand {
    flex:0 1 145px !important;
    width:auto !important;
    max-width:145px !important;
    min-width:0 !important;
    margin-right:auto !important;
  }
  .navbar .navbar-brand .navbar-logo {
    width:auto !important;
    max-width:145px !important;
    max-height:54px !important;
    object-fit:contain !important;
  }
  .navbar .d-flex.align-items-center.d-lg-none {
    flex:0 0 auto !important;
    margin-left:auto !important;
    gap:2px !important;
    min-width:0 !important;
  }
  .navbar .d-flex.align-items-center.d-lg-none .icon-links {
    gap:1px !important;
    margin-right:2px !important;
    min-width:0 !important;
  }
  .navbar .d-flex.align-items-center.d-lg-none .icon-links .icon,
  .navbar .d-flex.align-items-center.d-lg-none .site-theme-toggle {
    width:30px !important;
    height:34px !important;
    min-width:30px !important;
    margin:0 1px !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    font-size:18px !important;
  }
  .navbar .hamburger-icon {
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    margin-left:2px !important;
    display:grid !important;
    place-items:center !important;
    font-size:21px !important;
  }
  .navbar .icon-links .icon .badge { font-size:9px !important; min-width:16px !important; height:16px !important; line-height:12px !important; padding:2px 4px !important; right:-5px !important; top:-4px !important; }

  /* Mobile notifications are viewport-fixed, not tied to the small bell icon. */
  #notificationBellMobile .notification-panel {
    position:fixed !important;
    top:72px !important;
    left:10px !important;
    right:10px !important;
    width:auto !important;
    max-width:none !important;
    max-height:min(60vh,430px) !important;
    border-radius:14px !important;
    overflow:hidden !important;
    z-index:20050 !important;
    box-shadow:0 18px 50px rgba(0,0,0,.28) !important;
  }
  #notificationBellMobile .notification-list {
    max-height:calc(min(60vh,430px) - 84px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:6px !important;
  }
  #notificationBellMobile .notification-item { padding:10px !important; font-size:12px !important; line-height:1.45 !important; }

  /* Myaccount sections */
  .account-side-wrap,
  .content,
  .active-content,
  .market-account-box,
  .account-application-card,
  .application-status-row,
  .partnership-info { width:100% !important; max-width:100% !important; min-width:0 !important; }
  .content { padding:14px !important; overflow:hidden !important; }
  .application-status-row {
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
  }
  .application-status-row .application-status {
    align-self:flex-start !important;
    max-width:100% !important;
  }

  /* Chat and marketplace panes */
  .market-chat-wrap {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    grid-template-columns:minmax(0,1fr) !important;
    overflow:hidden !important;
  }
  .market-chat-list,
  .market-chat-main,
  .market-chat-head,
  .market-chat-messages,
  .market-chat-form,
  .market-chat-rules {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
  .market-chat-rules { margin:9px 8px 0 !important; width:calc(100% - 16px) !important; font-size:9.5px !important; }
  .market-chat-form { padding:9px !important; }
  .market-chat-input-wrap { min-width:0 !important; }
  .market-chat-input-wrap input[type="text"] { min-width:0 !important; width:100% !important; }
  .market-msg { max-width:92% !important; overflow-wrap:anywhere !important; }

  /* Listing create / edit */
  .market-form-card { padding:13px !important; width:100% !important; max-width:100% !important; overflow:hidden !important; }
  .market-price-preview { grid-template-columns:1fr !important; }
  .market-delivery-choice-grid { grid-template-columns:1fr !important; }
  .market-image-upload-head { align-items:flex-start !important; flex-wrap:wrap !important; }
  .market-image-dropzone { width:100% !important; max-width:100% !important; min-height:145px !important; padding:16px 12px !important; }
  .market-image-dropzone strong { font-size:12px !important; overflow-wrap:anywhere !important; }

  /* Product list quantity/actions stay compact */
  .product-list-item { min-width:0 !important; max-width:100% !important; overflow:hidden !important; }
  .product-details { min-width:0 !important; max-width:100% !important; }
  .product-name { max-width:100% !important; overflow-wrap:anywhere !important; word-break:break-word !important; }
  .quantity-control { width:auto !important; max-width:100% !important; display:inline-flex !important; padding:5px !important; border-radius:12px !important; }
  .quantity-control .quantity-input { width:46px !important; max-width:46px !important; }
  .product-actions { width:100% !important; max-width:100% !important; gap:8px !important; }

  /* Basket summary and footer spacing */
  .summary-box { width:100% !important; max-width:100% !important; overflow:hidden !important; }
  .summary-box .summary-row,
  .summary-box .total-row { gap:10px !important; }

  /* Rules typography */
  .rules-section { padding:16px !important; border-radius:14px !important; }
  .rules-section .lined-title { font-size:1.18rem !important; padding-left:12px !important; overflow-wrap:anywhere !important; }
  .rules-section p,
  .rules-section li { font-size:.88rem !important; line-height:1.65 !important; }

  /* Bottom nav dimensions */
  .bottom-menu { padding:7px 4px calc(5px + env(safe-area-inset-bottom)) !important; }
  .bottom-menu a { min-width:0 !important; font-size:.58rem !important; padding:4px 1px !important; }
  .bottom-menu a .icon-wrap { width:34px !important; height:30px !important; }
  .bottom-menu a .icon-wrap i { font-size:1.05rem !important; }
  .bottom-menu a.topup .icon-wrap { width:46px !important; height:46px !important; margin-top:-21px !important; }
}

@media (max-width: 390px) {
  .navbar .navbar-brand { max-width:132px !important; }
  .navbar .navbar-brand .navbar-logo { max-width:132px !important; }
  .navbar .d-flex.align-items-center.d-lg-none .icon-links .icon,
  .navbar .d-flex.align-items-center.d-lg-none .site-theme-toggle { width:28px !important; min-width:28px !important; }
  .navbar .hamburger-icon { width:32px !important; min-width:32px !important; }
}

/* ===== V7.0: file inputs + account/chat readability ===== */
input[type="file"] {
  max-width: 100%;
  color: #5f6876;
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  overflow: hidden;
}
input[type="file"]::file-selector-button,
input[type="file"]::-webkit-file-upload-button {
  border: 0;
  border-right: 1px solid #ffd8bd;
  background: #fff1e7;
  color: #e85d00;
  font-family: inherit;
  font-weight: 700;
  padding: 10px 14px;
  margin-right: 12px;
  cursor: pointer;
}
input[type="file"]:hover::file-selector-button,
input[type="file"]:hover::-webkit-file-upload-button { background:#ff6500; color:#fff; }

html[data-theme="dark"] input[type="file"] {
  background:#101a2d !important;
  border-color:#2b3a52 !important;
  color:#d9e2ef !important;
}
html[data-theme="dark"] input[type="file"]::file-selector-button,
html[data-theme="dark"] input[type="file"]::-webkit-file-upload-button {
  background:#ff6500 !important;
  color:#fff !important;
  border-right-color:#2b3a52 !important;
}

html[data-theme="dark"] .alert-info,
html[data-theme="dark"] .privacy-info,
html[data-theme="dark"] .personal-info-notice {
  background:#10243a !important;
  color:#dcecff !important;
  border-color:#284b70 !important;
}
html[data-theme="dark"] .alert-info :is(p,span,strong,b,small),
html[data-theme="dark"] .privacy-info :is(p,span,strong,b,small),
html[data-theme="dark"] .personal-info-notice :is(p,span,strong,b,small) { color:inherit !important; }
html[data-theme="dark"] .alert-warning { background:#332713 !important;color:#ffe7a3 !important;border-color:#6c5422 !important; }
html[data-theme="dark"] .alert-success { background:#102d23 !important;color:#bff2d4 !important;border-color:#285e47 !important; }
html[data-theme="dark"] .alert-danger { background:#331b22 !important;color:#ffd0d7 !important;border-color:#6c3441 !important; }

html[data-theme="dark"] .market-conversation.conversation-locked {
  background:#231b23 !important;
  border-left-color:#d85b65 !important;
}
html[data-theme="dark"] .market-conversation.conversation-locked:hover { background:#2b2029 !important; }
html[data-theme="dark"] .market-conversation.conversation-locked .market-conversation-last { color:#e49aa2 !important; }
html[data-theme="dark"] .market-conversation.conversation-locked :is(.market-conversation-name,.market-conversation-title,strong,b) { color:#eef3fb !important; }
html[data-theme="dark"] .chat-closed-overlay { background:#261b21 !important;border-color:#633542 !important;color:#ffd6dc !important; }

/* Upload/drop zones must never stay white in dark mode. */
html[data-theme="dark"] :is(.market-image-dropzone,.upload-box,.upload-area,.file-upload,.custom-file,.custom-file-label,.dropzone) {
  background:#101a2d !important;
  border-color:#33445f !important;
  color:#dce5f2 !important;
}
html[data-theme="dark"] :is(.market-image-dropzone,.upload-box,.upload-area,.file-upload,.custom-file,.custom-file-label,.dropzone) :is(span,strong,small,p,label) { color:inherit !important; }

@media (max-width:767.98px){
  input[type="file"]{font-size:12px!important;width:100%!important;}
  input[type="file"]::file-selector-button,input[type="file"]::-webkit-file-upload-button{padding:9px 10px!important;margin-right:8px!important;font-size:11px!important;}
}