/*
 * (MAJORIS-WEB) Dark Theme
 * © Copyright Approcket. All rights reserved.
 *
 * Every rule here is scoped under html[data-theme="dark"], so this file is
 * inert in light mode and is safe to load unconditionally.
 *
 * The scoping is also what removes the need for !important: an attribute
 * selector plus a class is specificity (0,2,0), which beats the flat
 * single-class base rules (0,1,0) in approcket-web.css outright.
 *
 * The only exceptions are the rules marked "inline style" below. Those fight a
 * style="" attribute generated by PHP from database config, and inline styles
 * beat any selector regardless of specificity. Do not remove those !important
 * flags.
 */


/* ---------- scrollbars ---------- */
/* both forms are needed: the root scrollbar lives on the same element that carries the attribute */

html[data-theme="dark"]::-webkit-scrollbar-track,
html[data-theme="dark"] ::-webkit-scrollbar-track {
    background-color: #000000;
    border-radius: 0px;
}

html[data-theme="dark"]::-webkit-scrollbar-thumb,
html[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #383a3d;
    border-radius: 4px;
}

html[data-theme="dark"]::-webkit-scrollbar-thumb:hover,
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #5e6268;
}


/* ---------- page shell ---------- */

html[data-theme="dark"] body {
    background: #000000;
}

html[data-theme="dark"] .content-mother-wrapper {
    background: #121112;
    color: #fff;
}

html[data-theme="dark"] .header-mother-wrapper {
    background: #1d1c1f;
    color: #fff;
}

html[data-theme="dark"] .main-header-container a {
    color: #fff;
}

/* inline style — web_footer.php:10 emits background:$webconfig['footer_background_color'] */
html[data-theme="dark"] .web-footer {
    background: #1d1c1f !important;
    color: #fff;
}

/* inline style — web_footer.php:12 emits height:...px;background:... */
html[data-theme="dark"] .footer-divider {
    height: 1px !important;
    background: #000 !important;
}

/* inline style — web_footer.php:93 emits color:$item['text_color'] */
html[data-theme="dark"] .wfi-subitem-wrapper,
html[data-theme="dark"] .wfi-subitem-wrapper-nolink {
    color: #fff !important;
}


/* ---------- megamenu ---------- */

html[data-theme="dark"] .mm-main-wrapper {
    background: #0b0b0c;
}

html[data-theme="dark"] .mm-mother-float .mm-main-wrapper {
    box-shadow: 0px 4px 5px 2px #0000001f, 0px 299998px 0px 300000px #6b6f734a;
}

/* inline style — every megamenu level emits style="color:<?= $mm*['color'] ?>":
   root web_header.php:492, sub1 :513, sub2 :534, sub3 :542 */
html[data-theme="dark"] .mm-root-item-button,
html[data-theme="dark"] .mm-sub1-item,
html[data-theme="dark"] .mm-sub2-item,
html[data-theme="dark"] .mm-sub3-item {
    color: #ffffff !important;
}


/* ---------- header ---------- */

html[data-theme="dark"] .mh-logo-title {
    color: #fff;
}

html[data-theme="dark"] .mh-search-box i {
    color: #cbcfd6c4;
}

html[data-theme="dark"] .mh-search-input {
    color: #fff;
}

html[data-theme="dark"] .mh-account-btn {
    border: 1.5px solid #c7cbd22e;
    color: #ffffffbd;
}

/* the base hover tint (#a9a9a914) is invisible against a dark header */
html[data-theme="dark"] .mh-primary-icon:hover {
    background-color: #ffffff14;
}

html[data-theme="dark"] .theme-toggle-ic {
    color: #ffffffbd;
}


/* ---------- sidebars / drawers ---------- */

html[data-theme="dark"] .ms-wrapper {
    background-color: #000;
}

html[data-theme="dark"] .ms-title {
    color: #909090;
}

html[data-theme="dark"] .cs-wrapper {
    background-color: #000;
}


/* ---------- product / price ---------- */

html[data-theme="dark"] .price-wrapper .price-final {
    color: #fff;
}

html[data-theme="dark"] .currency_svg {
    background-color: #fff;
}

html[data-theme="dark"] .pmd-main-section .price-wrapper .price-old {
    color: #d5d5d57d;
}

html[data-theme="dark"] .pmd-info-section {
    color: #939393d9;
}

html[data-theme="dark"] .pmd-main-section .product-summary {
    color: #bbbbbb8c;
}

html[data-theme="dark"] .pfc-item-active {
    background: #eeeeee36;
}

html[data-theme="dark"] .single-buy-purchase-box {
    background: #00000030;
}


/* ---------- listings / cards ---------- */

html[data-theme="dark"] .lpi-post-wrapper {
    background-color: #000!important;
    border: 1px solid #a3a3a359;
}

html[data-theme="dark"] .lpi-title {
    color: #ffffff;
}

html[data-theme="dark"] .lpi-desc {
    color: #a2a2a29e;
}

html[data-theme="dark"] .sci-title {
    color: #a8a8a8;
}

html[data-theme="dark"] .pl-title {
    color: #ebe1e1;
}

html[data-theme="dark"] .pl-desc {
    color: #d1cdcdb3;
}

html[data-theme="dark"] .aci-title-wrapper {
    color: #cacaca;
}

html[data-theme="dark"] .whp-notif-box {
    color: #ffffff9e!important;
}


/* ---------- navigation / breadcrumbs / sorting ---------- */

html[data-theme="dark"] .wp-breadcrumb {
    border-bottom: 1px solid #eeeeee26;
}

html[data-theme="dark"] .breadcrumb-wrapper > a {
    color: #b4b4b4b0;
}

html[data-theme="dark"] .category-title-wrapper {
    border-bottom: 1px solid #7e7e7e78;
}

html[data-theme="dark"] .sub-categories-wrapper {
    border-bottom: 1px solid #7e7e7e78;
}

html[data-theme="dark"] .sort-method-warpper {
    border-bottom: 1px solid #7e7e7e78;
}

html[data-theme="dark"] .sort-items-wrapper .srt-mtd-active {
    background-color: #e5f1f345;
}

html[data-theme="dark"] .slider3 {
    background-color: #f6f6f636;
}


/* ---------- forms & inputs ---------- */

html[data-theme="dark"] .majoris-input-warpper .majoris-input {
    background: #2c2a2a;
    border: 1.5px solid #7c808245;
    color: #fff;
}

/* needs its own rule: the comment box uses .majoris-input-wrapper (product.php:259,
   post.php) while the rule above targets .majoris-input-warpper - two different
   classes that both exist in this codebase, so the rule above never matches here.
   Kept after that rule so it also wins on source order if both ever apply. */
html[data-theme="dark"] .send-comment-box .majoris-input {
    background: #272727;
    color: #fff;
}

html[data-theme="dark"] .majoris-textarea {
    background: #272727;
    color: #fff;
}

html[data-theme="dark"] .majoris-select {
    background: #2c2a2a;
}

html[data-theme="dark"] .majrois-select-dialog {
    background-color: #111212;
    color: #fff;
}

html[data-theme="dark"] .msd-top-bar {
    border-bottom: 1px solid #60606061;
}

html[data-theme="dark"] .form-box {
    background: #000!important;
}

html[data-theme="dark"] .majoris-secondary-button {
    color: #838383;
}

html[data-theme="dark"] .majoris-general-file-input-wrapper {
    color: #fff;
}

html[data-theme="dark"] .mugfi-file-notes {
    color: #ffffff87;
}

html[data-theme="dark"] .fiw-description {
    color: #ffffffeb;
}


/* ---------- dialogs ---------- */

html[data-theme="dark"] .login-box {
    color: #fff;
}

html[data-theme="dark"] .float-close-ic {
    background: #7a7a7a85;
}

html[data-theme="dark"] .majorisbox-close {
    color: #bdbdbdab;
}

html[data-theme="dark"] .majorisbox-close:hover {
    background-color: #9a7e7e4a;
    color: #973333a8;
}

html[data-theme="dark"] .dmd-main-content {
    color: #fff;
}

html[data-theme="dark"] .dmd-footer-content {
    border-top: 1px solid #79797973;
}

html[data-theme="dark"] .unsupported-device-box {
    color: #fff;
}


/* ---------- account: wallet, orders, subscriptions, messages ---------- */

html[data-theme="dark"] .account-title-wrapper {
    border-bottom: 1px solid #ababab3b;
}

html[data-theme="dark"] .wallet-item-row-wrapper {
    color: #ffffff;
}

html[data-theme="dark"] .tmmdmc-exp {
    color: #fffffff0;
}

html[data-theme="dark"] .tmd-bank-box {
    color: #ffffff;
}

html[data-theme="dark"] .tmmd-footer-content {
    color: #fff;
}

html[data-theme="dark"] .subscribe-item-row-wrapper {
    color: #fff;
}

html[data-theme="dark"] .sirw-text {
    color: #aeaeaec4;
}

html[data-theme="dark"] .message-item-row-wrapper {
    color: #ffffff;
}

html[data-theme="dark"] .order-item-row-wrapper,
html[data-theme="dark"] .purchase-item-row-wrapper {
    color: #fff;
}


/* ---------- tickets ---------- */

html[data-theme="dark"] .ticket-reply-admin {
    background: #cdeef238;
}

html[data-theme="dark"] .ticket-reply-user {
    background: #b8bbff38;
}

html[data-theme="dark"] .tri-header {
    color: #e2e2e2cf;
}

html[data-theme="dark"] .btn-close-ticket {
    background: #ff000069;
    color: #ffffff;
}

html[data-theme="dark"] .majorisbox-final-content iframe {
    background: #000
}

html[data-theme="dark"] .csd-head {
    border-bottom: 1px solid #7a7a7a52;
}

html[data-theme="dark"] .cs-bottom-wrapper {
    border-top: 1px solid #7a7a7a52;
}
html[data-theme="dark"] .pdfv-body {
    background: #1c1c1c;
}

html[data-theme="dark"] .pdfv-toolbar {
    background: #262626;
    border-bottom: 1px solid #7a7a7a52;
}

html[data-theme="dark"] .pdfv-btn {
    color: #e2e2e2cf;
}

html[data-theme="dark"] .pdfv-btn:hover {
    color: #ffffff;
}

html[data-theme="dark"] .pdfv-pageinfo {
    color: #e2e2e2cf;
}

/* The page itself stays white — it is the paper, not chrome, and inverting it would
   misrepresent the document. */
html[data-theme="dark"] .pdfv-page {
    box-shadow: 0 1px 6px #00000080;
}

html[data-theme="dark"] .pdfv-state {
    background: #1c1c1c;
    color: #e2e2e2cf;
}

html[data-theme="dark"] .pdfv-retry {
    border: 1px solid #7a7a7a52;
    color: #e2e2e2cf;
}


html[data-theme="dark"] .cb2qw i {
    background-color: #151515;
}

html[data-theme="dark"] .cb2-qty-input {
    color: #fff;
    background: #2c2a2a;
}

html[data-theme="dark"] .fpb-title {
    color: #08a84c;
}