/* ==========================================================================
   PersiaRiver Master Orderforms & Store Design System
   Unified for standard_cart, persiariver_modern, and all product groups.
   RTL-first, responsive, and full Light/Dark mode support.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Typography & Global Container Reset
   -------------------------------------------------------------------------- */
#order-standard_cart,
#order-persiariver_modern,
.pr-modern-store,
.pr-domain-page-wrap {
    direction: rtl !important;
    text-align: right !important;
    width: 100% !important;
    font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

#order-standard_cart *,
#order-persiariver_modern *,
.pr-modern-store *,
.pr-domain-page-wrap * {
    box-sizing: border-box !important;
}

/* Font Awesome 6 Pro Master Fix */
.fa, .fas, .far, .fal, .fab, .fad, [class*="fa-"],
#order-standard_cart i.fa,
#order-standard_cart i.fas,
#order-standard_cart i.far,
#order-standard_cart i.fab,
#order-standard_cart [class*="fa-"],
#order-persiariver_modern i.fa,
#order-persiariver_modern i.fas,
#order-persiariver_modern i.far,
#order-persiariver_modern [class*="fa-"],
.pr-modern-store i.fa,
.pr-modern-store i.fas,
.pr-modern-store [class*="fa-"],
.pr-domain-page-wrap i.fa,
.pr-domain-page-wrap i.fas,
.pr-domain-page-wrap [class*="fa-"] {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    line-height: 1 !important;
}

.fas, .fa-solid, [class*="fa-"].fas, [class*="fa-"].fa-solid, i.fas {
    font-family: "Font Awesome 6 Pro" !important;
    font-weight: 900 !important;
}

.far, .fa-regular, [class*="fa-"].far, [class*="fa-"].fa-regular, i.far {
    font-family: "Font Awesome 6 Pro" !important;
    font-weight: 400 !important;
}

.fal, .fa-light, [class*="fa-"].fal, [class*="fa-"].fa-light, i.fal {
    font-family: "Font Awesome 6 Pro" !important;
    font-weight: 300 !important;
}

.fab, .fa-brands, [class*="fa-"].fab, [class*="fa-"].fa-brands, i.fab {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}

.fad, .fa-duotone, [class*="fa-"].fad, [class*="fa-"].fa-duotone, i.fad {
    font-family: "Font Awesome 6 Duotone" !important;
    font-weight: 900 !important;
}

/* --------------------------------------------------------------------------
   2. Suppress Distracting UI Elements (Breadcrumbs & PWA banner)
   -------------------------------------------------------------------------- */
.master-breadcrumb,
.shell-breadcrumb,
#order-standard_cart .breadcrumb,
.pr-modern-store ~ .master-breadcrumb {
    display: none !important;
}

#prPwaWhmcsBanner {
    display: none !important;
}

/* --------------------------------------------------------------------------
   3. Cloud Hosting Solutions Full-Width Layout
   -------------------------------------------------------------------------- */
.pr-cloud-fullwidth {
    width: 100% !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 10px 15px 40px 15px !important;
}

.pr-cloud-fullwidth .pr-cloud-body {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
}

/* --------------------------------------------------------------------------
   4. Modern Horizontal Category Navigation Bar
   -------------------------------------------------------------------------- */
.pr-modern-cat-nav {
    margin-bottom: 28px !important;
    background: rgba(30, 41, 59, 0.45) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    padding: 8px 12px !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

html[data-theme="light"] .pr-modern-cat-nav {
    background: #F8FAFC !important;
    border-color: #E2E8F0 !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03) !important;
}

.pr-modern-cat-scroll {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    padding: 2px !important;
}

.pr-modern-cat-scroll::-webkit-scrollbar {
    display: none !important;
}

.pr-cat-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 16px !important;
    border-radius: 12px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #94A3B8 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

html[data-theme="light"] .pr-cat-pill {
    color: #64748B !important;
}

.pr-cat-pill:hover {
    color: #FFFFFF !important;
    background: rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="light"] .pr-cat-pill:hover {
    color: #0F172A !important;
    background: #EDF2F7 !important;
}

.pr-cat-pill.active {
    color: #FFFFFF !important;
    background: linear-gradient(135deg, #0284C7 0%, #1C3FAA 100%) !important;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.35) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

.pr-cat-dropdown-wrap {
    position: relative !important;
    margin-right: auto !important;
}

.pr-cat-dropdown-menu {
    display: none;
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    min-width: 260px !important;
    max-height: 380px !important;
    overflow-y: auto !important;
    background: #161B26 !important;
    border: 1px solid #2D3748 !important;
    border-radius: 14px !important;
    padding: 8px !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
    z-index: 100 !important;
}

html[data-theme="light"] .pr-cat-dropdown-menu {
    background: #FFFFFF !important;
    border-color: #E2E8F0 !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.1) !important;
}

.pr-cat-dropdown-menu.open {
    display: block !important;
}

.pr-cat-menu-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #CBD5E1 !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: background 0.15s ease !important;
}

html[data-theme="light"] .pr-cat-menu-item {
    color: #334155 !important;
}

.pr-cat-menu-item:hover,
.pr-cat-menu-item.active {
    background: #0284C7 !important;
    color: #FFFFFF !important;
}

/* --------------------------------------------------------------------------
   5. Hero Header & Trust Row
   -------------------------------------------------------------------------- */
.modern-store-header {
    margin-bottom: 32px !important;
    text-align: center !important;
}

.modern-location-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(2, 132, 199, 0.1) !important;
    border: 1px solid rgba(56, 189, 248, 0.3) !important;
    color: #38BDF8 !important;
    padding: 6px 18px !important;
    border-radius: 30px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin-bottom: 16px !important;
}

html[data-theme="light"] .modern-location-badge {
    background: #E0F2FE !important;
    border-color: #BAE6FD !important;
    color: #0284C7 !important;
}

.modern-store-title {
    font-size: 2.2rem !important;
    font-weight: 900 !important;
    color: #FFFFFF !important;
    margin-bottom: 12px !important;
    letter-spacing: -0.5px !important;
}

html[data-theme="light"] .modern-store-title {
    color: #0F172A !important;
}

.modern-store-desc {
    font-size: 15px !important;
    color: #94A3B8 !important;
    max-width: 820px !important;
    margin: 0 auto 22px auto !important;
    line-height: 1.8 !important;
}

html[data-theme="light"] .modern-store-desc {
    color: #64748B !important;
}

.modern-trust-row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px !important;
    margin-bottom: 28px !important;
}

.modern-trust-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(30, 41, 59, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #CBD5E1 !important;
    padding: 6px 14px !important;
    border-radius: 10px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
}

html[data-theme="light"] .modern-trust-badge {
    background: #F1F5F9 !important;
    border-color: #E2E8F0 !important;
    color: #475569 !important;
}

/* --------------------------------------------------------------------------
   6. Modern Tab Switcher
   -------------------------------------------------------------------------- */
.modern-tabs-container {
    display: flex !important;
    justify-content: center !important;
    margin: 24px 0 34px 0 !important;
}

.modern-tabs-wrap {
    display: inline-flex !important;
    background: #0F172A !important;
    padding: 6px !important;
    border-radius: 16px !important;
    border: 1px solid #1E293B !important;
    gap: 6px !important;
}

html[data-theme="light"] .modern-tabs-wrap {
    background: #F1F5F9 !important;
    border-color: #E2E8F0 !important;
}

.modern-tab-btn {
    border: none !important;
    background: transparent !important;
    padding: 11px 24px !important;
    font-size: 14.5px !important;
    font-weight: 800 !important;
    border-radius: 12px !important;
    color: #94A3B8 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    transition: all 0.2s ease !important;
}

html[data-theme="light"] .modern-tab-btn {
    color: #64748B !important;
}

.modern-tab-btn:hover {
    color: #FFFFFF !important;
}

html[data-theme="light"] .modern-tab-btn:hover {
    color: #0F172A !important;
}

.modern-tab-btn.active {
    background: linear-gradient(135deg, #0284C7 0%, #1C3FAA 100%) !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.4) !important;
}

/* --------------------------------------------------------------------------
   7. Modern SaaS Pricing Grid & Cards
   -------------------------------------------------------------------------- */
.modern-saas-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    direction: rtl !important;
    width: 100% !important;
}

@media (max-width: 991px) {
    .modern-saas-grid {
        grid-template-columns: 1fr !important;
    }
}

.modern-saas-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 20px !important;
    padding: 28px 24px !important;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    position: relative !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
    text-align: right !important;
}

html[data-theme="dark"] .modern-saas-card {
    background: #161B26 !important;
    border-color: #2D3748 !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}

.modern-saas-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 14px 36px rgba(2, 132, 199, 0.15) !important;
    border-color: #0284C7 !important;
}

.modern-saas-card.featured {
    border: 2px solid #0284C7 !important;
    box-shadow: 0 8px 32px rgba(2, 132, 199, 0.2) !important;
}

html[data-theme="dark"] .modern-saas-card.featured {
    border-color: #38BDF8 !important;
    box-shadow: 0 8px 36px rgba(56, 189, 248, 0.18) !important;
}

.modern-card-featured-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: linear-gradient(135deg, #0284C7 0%, #1C3FAA 100%) !important;
    color: #FFFFFF !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    padding: 5px 14px !important;
    border-radius: 20px !important;
    margin-bottom: 14px !important;
    box-shadow: 0 2px 8px rgba(2, 132, 199, 0.3) !important;
    width: fit-content !important;
}

.modern-card-loc {
    display: inline-block !important;
    background: #F1F5F9 !important;
    color: #475569 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    padding: 3px 10px !important;
    border-radius: 8px !important;
    margin-bottom: 12px !important;
    border: 1px solid #E2E8F0 !important;
}

html[data-theme="dark"] .modern-card-loc {
    background: #1E293B !important;
    color: #94A3B8 !important;
    border-color: #334155 !important;
}

.modern-card-title {
    font-size: 1.55rem !important;
    font-weight: 800 !important;
    color: #0F172A !important;
    margin: 0 0 8px 0 !important;
}

html[data-theme="dark"] .modern-card-title {
    color: #FFFFFF !important;
}

.modern-card-subtitle {
    font-size: 13px !important;
    color: #64748B !important;
    line-height: 1.6 !important;
    margin-bottom: 18px !important;
    min-height: 42px !important;
}

html[data-theme="dark"] .modern-card-subtitle {
    color: #94A3B8 !important;
}

.modern-card-price {
    font-size: 1.85rem !important;
    font-weight: 800 !important;
    color: #0284C7 !important;
    margin-bottom: 22px !important;
    padding-bottom: 18px !important;
    border-bottom: 1px dashed #E2E8F0 !important;
}

html[data-theme="dark"] .modern-card-price {
    color: #38BDF8 !important;
    border-bottom-color: #2D3748 !important;
}

.modern-card-price span {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #64748B !important;
}

html[data-theme="dark"] .modern-card-price span {
    color: #94A3B8 !important;
}

.modern-features-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 24px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    font-size: 13.5px !important;
    color: #334155 !important;
}

html[data-theme="dark"] .modern-features-list {
    color: #CBD5E1 !important;
}

.modern-features-list li {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.modern-features-list li i {
    color: #10B981 !important;
    font-size: 15px !important;
    flex-shrink: 0 !important;
}

.modern-card-btn {
    border-radius: 12px !important;
    font-weight: 800 !important;
    padding: 13px 20px !important;
    font-size: 14.5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    transition: all 0.25s ease !important;
    text-decoration: none !important;
}

.modern-card-btn.btn-primary {
    background: linear-gradient(135deg, #0284C7 0%, #1C3FAA 100%) !important;
    border: none !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 16px rgba(2, 132, 199, 0.4) !important;
}

.modern-card-btn.btn-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(2, 132, 199, 0.5) !important;
}

.modern-card-btn.btn-outline {
    background: transparent !important;
    border: 1.5px solid #0284C7 !important;
    color: #0284C7 !important;
}

html[data-theme="dark"] .modern-card-btn.btn-outline {
    border-color: #38BDF8 !important;
    color: #38BDF8 !important;
}

.modern-card-btn.btn-outline:hover {
    background: #0284C7 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;
}

/* --------------------------------------------------------------------------
   8. Executive Domain Stepper & Card
   -------------------------------------------------------------------------- */
.pr-domain-page-wrap {
    padding: 30px 15px !important;
    direction: rtl !important;
    width: 100% !important;
}

.pr-checkout-stepper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin-bottom: 34px !important;
}

.pr-step-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #64748B !important;
}

.pr-step-item.active {
    color: #38BDF8 !important;
}

.pr-step-item.completed {
    color: #10B981 !important;
}

.pr-step-num {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #1E293B !important;
    color: #94A3B8 !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
}

.pr-step-item.active .pr-step-num {
    background: #0284C7 !important;
    color: #FFFFFF !important;
    box-shadow: 0 0 12px rgba(2, 132, 199, 0.5) !important;
}

.pr-step-item.completed .pr-step-num {
    background: #10B981 !important;
    color: #FFFFFF !important;
}

.pr-step-line {
    width: 40px !important;
    height: 2px !important;
    background: #334155 !important;
}

.pr-step-line.active {
    background: #0284C7 !important;
}

.pr-domain-card {
    background: #161B26 !important;
    border: 1px solid #2D3748 !important;
    border-radius: 20px !important;
    padding: 38px 30px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

html[data-theme="light"] .pr-domain-card {
    background: #FFFFFF !important;
    border-color: #E2E8F0 !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06) !important;
}

.pr-domain-icon-circle {
    width: 64px !important;
    height: 64px !important;
    border-radius: 50% !important;
    background: rgba(2, 132, 199, 0.12) !important;
    color: #38BDF8 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 28px !important;
    margin-bottom: 18px !important;
}

.pr-domain-main-title {
    font-size: 1.65rem !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
}

html[data-theme="light"] .pr-domain-main-title {
    color: #0F172A !important;
}

.pr-domain-main-desc {
    font-size: 14px !important;
    color: #94A3B8 !important;
    line-height: 1.7 !important;
    margin-bottom: 28px !important;
}

html[data-theme="light"] .pr-domain-main-desc {
    color: #64748B !important;
}

.pr-domain-unified-input {
    display: flex !important;
    align-items: stretch !important;
    background: #0F172A !important;
    border: 2px solid #334155 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

html[data-theme="light"] .pr-domain-unified-input {
    background: #F8FAFC !important;
    border-color: #CBD5E1 !important;
}

.pr-domain-unified-input:focus-within {
    border-color: #0284C7 !important;
    box-shadow: 0 0 0 4px rgba(2, 132, 199, 0.25) !important;
}

.pr-domain-prefix {
    background: #1E293B !important;
    color: #94A3B8 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 0 16px !important;
    display: flex !important;
    align-items: center !important;
    border-right: 1px solid #334155 !important;
}

html[data-theme="light"] .pr-domain-prefix {
    background: #E2E8F0 !important;
    color: #475569 !important;
    border-right-color: #CBD5E1 !important;
}

.pr-domain-input {
    border: none !important;
    background: transparent !important;
    color: #FFFFFF !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 14px 18px !important;
    flex: 1 !important;
    outline: none !important;
    box-shadow: none !important;
    direction: ltr !important;
    text-align: left !important;
}

html[data-theme="light"] .pr-domain-input {
    color: #0F172A !important;
}

.pr-domain-submit-btn {
    background: linear-gradient(135deg, #0284C7 0%, #1C3FAA 100%) !important;
    border: none !important;
    color: #FFFFFF !important;
    font-weight: 800 !important;
    font-size: 14.5px !important;
    padding: 0 24px !important;
    border-radius: 0 12px 12px 0 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
    transition: opacity 0.2s ease !important;
}

.pr-domain-submit-btn:hover {
    opacity: 0.9 !important;
}

.pr-domain-tips {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 20px !important;
    margin-top: 18px !important;
    font-size: 13px !important;
    color: #94A3B8 !important;
}

html[data-theme="light"] .pr-domain-tips {
    color: #64748B !important;
}

.pr-back-link {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.pr-back-link:hover {
    color: #38BDF8 !important;
}

/* --------------------------------------------------------------------------
   9. Configurator & Summary Sidebar
   -------------------------------------------------------------------------- */
#order-standard_cart .field-container,
#order-standard_cart .product-info {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important;
    padding: 24px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.03) !important;
}

html[data-theme="dark"] #order-standard_cart .field-container,
html[data-theme="dark"] #order-standard_cart .product-info {
    background: #161B26 !important;
    border-color: #2D3748 !important;
}

#order-standard_cart .product-info .product-title {
    font-size: 1.4rem !important;
    font-weight: 800 !important;
    color: #0F172A !important;
    margin-bottom: 8px !important;
}

html[data-theme="dark"] #order-standard_cart .product-info .product-title {
    color: #FFFFFF !important;
}

#order-standard_cart .secondary-cart-sidebar #orderSummary,
#order-standard_cart #orderSummary {
    position: sticky !important;
    top: 90px !important;
    background: #0F172A !important;
    color: #FFFFFF !important;
    border-radius: 16px !important;
    padding: 24px 20px !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.25) !important;
    margin-bottom: 20px !important;
}

html[data-theme="dark"] #order-standard_cart .secondary-cart-sidebar #orderSummary,
html[data-theme="dark"] #order-standard_cart #orderSummary {
    background: #111827 !important;
    border: 1px solid #2D3748 !important;
}

#order-standard_cart #orderSummary h2 {
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

#order-standard_cart #btnCompleteProductConfig {
    width: 100% !important;
    padding: 12px !important;
    background: linear-gradient(135deg, #0284C7 0%, #1C3FAA 100%) !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 16px rgba(2, 132, 199, 0.4) !important;
    margin-top: 14px !important;
}

/* --------------------------------------------------------------------------
   10. View Cart & Review Checkout Step
   -------------------------------------------------------------------------- */
#order-standard_cart .view-cart-items-header {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #64748B !important;
    border-bottom: 2px solid #E2E8F0 !important;
    padding-bottom: 10px !important;
    margin-bottom: 14px !important;
}

html[data-theme="dark"] #order-standard_cart .view-cart-items-header {
    border-bottom-color: #2D3748 !important;
    color: #94A3B8 !important;
}

#order-standard_cart .view-cart-items .item {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 14px !important;
    padding: 20px !important;
    margin-bottom: 14px !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03) !important;
    transition: all 0.2s ease !important;
}

html[data-theme="dark"] #order-standard_cart .view-cart-items .item {
    background: #161B26 !important;
    border-color: #2D3748 !important;
}

#order-standard_cart .view-cart-items .item-title {
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    color: #0F172A !important;
}

html[data-theme="dark"] #order-standard_cart .view-cart-items .item-title {
    color: #FFFFFF !important;
}

#order-standard_cart .btn-checkout {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    border: none !important;
    color: #FFFFFF !important;
    border-radius: 12px !important;
    padding: 14px !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    width: 100% !important;
    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.35) !important;
}

/* Empty Cart State */
#order-standard_cart .view-cart-empty {
    background: #161B26 !important;
    border: 1px dashed #2D3748 !important;
    border-radius: 18px !important;
    padding: 40px 20px !important;
    color: #CBD5E1 !important;
}

html[data-theme="light"] #order-standard_cart .view-cart-empty {
    background: #FFFFFF !important;
    border-color: #E2E8F0 !important;
    color: #334155 !important;
}

/* --------------------------------------------------------------------------
   11. Universal Form Controls & Dark Mode Inputs
   -------------------------------------------------------------------------- */
html[data-theme="dark"] #order-standard_cart .form-control,
html[data-theme="dark"] #order-standard_cart select,
html[data-theme="dark"] #order-standard_cart textarea,
html[data-theme="dark"] #order-persiariver_modern .form-control,
html[data-theme="dark"] #order-persiariver_modern select {
    background-color: #1E293B !important;
    border-color: #334155 !important;
    color: #FFFFFF !important;
}

html[data-theme="dark"] #order-standard_cart .form-control:focus,
html[data-theme="dark"] #order-standard_cart select:focus {
    border-color: #0284C7 !important;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.25) !important;
}

html[data-theme="dark"] #order-standard_cart label,
html[data-theme="dark"] #order-persiariver_modern label {
    color: #E2E8F0 !important;
}