/* ============================================
   SC7 COMMERCIAL - LIGHT MODE EXTENSIONS
   Additional light mode styles for modals and special components
   Version: 2.1
   ============================================ */

/* ========================================
   PRODUCT PURCHASE MODAL (SC7 Checkout)
   ======================================== */

/* Modal Backdrop */
[data-theme="light"] body.sc7-commercial .modal-backdrop {
    background: rgba(248, 249, 250, 0.8) !important;
}

/* Modal Content Base */
[data-theme="light"] body.sc7-commercial #openModal .modal-content {
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid var(--shop-border) !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.15);
}

/* Product View Modal */
[data-theme="light"] body.sc7-commercial .product-view {
    color: var(--shop-muted) !important;
}

/* SC7 Checkout Shell */
[data-theme="light"] body.sc7-commercial .sc7-checkout-shell {
    background: radial-gradient(900px 420px at 10% 0%, rgba(0, 168, 107, 0.08), transparent 55%),
                rgba(255, 255, 255, 0.95);
    border: 1px solid var(--shop-border);
}

/* SC7 Hero Section (Left Side) */
[data-theme="light"] body.sc7-commercial .sc7-hero {
    background: rgba(255, 255, 255, .98);
    border: 1px solid var(--shop-border);
}

[data-theme="light"] body.sc7-commercial .sc7-hero::before {
    background: radial-gradient(520px 280px at 20% 10%, rgba(0, 168, 107, 0.1), transparent 62%);
}

/* Kicker & Chips */
[data-theme="light"] body.sc7-commercial .sc7-kicker {
    color: var(--shop-subtle);
}

[data-theme="light"] body.sc7-commercial .sc7-chip {
    color: var(--shop-text);
    background: var(--shop-surface-2);
    border: 1px solid var(--shop-border);
}

/* Badges */
[data-theme="light"] body.sc7-commercial .sc7-badge {
    background: var(--shop-surface-2);
    border: 1px solid var(--shop-border);
    color: var(--shop-muted);
}

[data-theme="light"] body.sc7-commercial .sc7-badge b {
    color: var(--shop-text);
}

[data-theme="light"] body.sc7-commercial .sc7-badge-stock {
    border-color: rgba(0, 168, 107, .3);
    background: rgba(0, 168, 107, .08);
}

/* Title & Subtitle */
[data-theme="light"] body.sc7-commercial .sc7-title a {
    color: var(--shop-text);
}

[data-theme="light"] body.sc7-commercial .sc7-subtitle {
    color: var(--shop-muted);
}

/* Price Display */
[data-theme="light"] body.sc7-commercial .sc7-price-old {
    color: var(--shop-subtle);
}

[data-theme="light"] body.sc7-commercial .sc7-price-now {
    color: var(--shop-green);
}

[data-theme="light"] body.sc7-commercial .sc7-price-unit {
    color: var(--shop-muted);
}

[data-theme="light"] body.sc7-commercial .sc7-off {
    background: rgba(220, 53, 69, .12);
    color: var(--shop-red);
    border: 1px solid rgba(220, 53, 69, .3);
}

/* Hot Deal Box */
[data-theme="light"] body.sc7-commercial .sc7-hot-deal {
    background: var(--shop-surface-2);
    border: 1px solid var(--shop-border);
}

[data-theme="light"] body.sc7-commercial .sc7-hot-deal-title {
    color: var(--shop-text);
}

[data-theme="light"] body.sc7-commercial .sc7-hot-deal-lines {
    color: var(--shop-muted);
}

[data-theme="light"] body.sc7-commercial .sc7-danger {
    color: var(--shop-red);
}

/* Feature Cards */
[data-theme="light"] body.sc7-commercial .sc7-feature {
    background: var(--shop-surface-2);
    border: 1px solid var(--shop-border);
}

[data-theme="light"] body.sc7-commercial .sc7-feature-t {
    color: var(--shop-text);
}

[data-theme="light"] body.sc7-commercial .sc7-feature-d {
    color: var(--shop-muted);
}

/* SC7 Checkout Section (Right Side) */
[data-theme="light"] body.sc7-commercial .sc7-checkout {
    background: var(--shop-surface);
    border: 1px solid var(--shop-border);
}

[data-theme="light"] body.sc7-commercial .sc7-checkout-head {
    background: rgba(0, 168, 107, .08);
    border: 1px solid rgba(0, 168, 107, .2);
}

[data-theme="light"] body.sc7-commercial .sc7-checkout-kicker {
    color: var(--shop-subtle);
}

[data-theme="light"] body.sc7-commercial .sc7-checkout-title {
    color: var(--shop-text);
}

[data-theme="light"] body.sc7-commercial .sc7-checkout-icon {
    background: rgba(0, 168, 107, .1);
    border: 1px solid rgba(0, 168, 107, .25);
}

/* Wallet Row */
[data-theme="light"] body.sc7-commercial .sc7-wallet-row {
    color: var(--shop-muted);
}

[data-theme="light"] body.sc7-commercial .text-wallet {
    color: var(--shop-green);
}

/* Form Fields */
[data-theme="light"] body.sc7-commercial .sc7-label {
    color: var(--shop-muted);
}

[data-theme="light"] body.sc7-commercial .sc7-req {
    color: var(--shop-red);
}

/* Quantity Controls */
[data-theme="light"] body.sc7-commercial .sc7-qty-btn,
[data-theme="light"] body.sc7-commercial .sc7-coupon i {
    background: var(--shop-surface-2);
    border: 1px solid var(--shop-border);
    color: var(--shop-text);
}

[data-theme="light"] body.sc7-commercial .sc7-qty-btn:hover {
    background: rgba(0, 168, 107, .1);
    border-color: var(--shop-green);
    color: var(--shop-green);
}

[data-theme="light"] body.sc7-commercial .sc7-qty-input,
[data-theme="light"] body.sc7-commercial .sc7-coupon-input,
[data-theme="light"] body.sc7-commercial .form-control-view-product {
    background: var(--shop-surface);
    border: 1px solid var(--shop-border);
    color: var(--shop-text);
}

[data-theme="light"] body.sc7-commercial .sc7-qty-input:focus,
[data-theme="light"] body.sc7-commercial .sc7-coupon-input:focus,
[data-theme="light"] body.sc7-commercial .form-control-view-product:focus {
    border-color: var(--shop-green);
    box-shadow: 0 0 0 3px rgba(0, 168, 107, .1);
}

[data-theme="light"] body.sc7-commercial .form-control-view-product::placeholder {
    color: var(--shop-subtle);
}

[data-theme="light"] body.sc7-commercial .sc7-hint {
    color: var(--shop-subtle);
}

/* Coupon Field */
[data-theme="light"] body.sc7-commercial .sc7-coupon {
    background: var(--shop-surface);
    border: 1px solid var(--shop-border);
}

/* Summary Box */
[data-theme="light"] body.sc7-commercial .sc7-summary {
    background: var(--shop-surface-2);
    border: 1px solid var(--shop-border);
}

[data-theme="light"] body.sc7-commercial .sc7-line {
    color: var(--shop-muted);
}

[data-theme="light"] body.sc7-commercial .sc7-line strong {
    color: var(--shop-text);
}

[data-theme="light"] body.sc7-commercial .sc7-line del {
    color: var(--shop-red);
}

[data-theme="light"] body.sc7-commercial .sc7-line-total {
    color: var(--shop-text);
}

[data-theme="light"] body.sc7-commercial .sc7-divider {
    background: var(--shop-border);
}

/* Buy Button */
[data-theme="light"] body.sc7-commercial .btn-buy,
[data-theme="light"] body.sc7-commercial .sc7-cta {
    background: linear-gradient(135deg, #00a86b, #00b377) !important;
    box-shadow: 0 4px 20px rgba(0, 168, 107, .2);
    color: #fff !important;
}

[data-theme="light"] body.sc7-commercial .btn-buy:hover,
[data-theme="light"] body.sc7-commercial .sc7-cta:hover {
    box-shadow: 0 8px 30px rgba(0, 168, 107, .3);
    transform: translateY(-2px);
}

/* Favorite Label */
[data-theme="light"] body.sc7-commercial .label_favorite,
[data-theme="light"] body.sc7-commercial .sc7-favorite-label {
    background: var(--shop-surface-2);
    border: 1px solid var(--shop-border);
    color: var(--shop-muted);
}

[data-theme="light"] body.sc7-commercial .label_favorite:hover,
[data-theme="light"] body.sc7-commercial .sc7-favorite-label:hover {
    background: rgba(0, 168, 107, .08);
    border-color: var(--shop-green);
}

/* Modal Close Buttons */
[data-theme="light"] body.sc7-commercial .modal-close,
[data-theme="light"] body.sc7-commercial .modal-close-mobile {
    background: var(--shop-surface-2);
    border: 1px solid var(--shop-border);
    color: var(--shop-text);
}

[data-theme="light"] body.sc7-commercial .modal-close:hover,
[data-theme="light"] body.sc7-commercial .modal-close-mobile:hover {
    background: var(--shop-surface-3);
    color: var(--shop-text);
}

/* ========================================
   SUCCESS VIEW (After Purchase)
   ======================================== */

[data-theme="light"] body.sc7-commercial .vp-wrap {
    background: transparent;
}

[data-theme="light"] body.sc7-commercial .vp-card {
    background: var(--shop-surface);
    border: 1px solid var(--shop-border);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .1);
}

[data-theme="light"] body.sc7-commercial .vp-header {
    background: rgba(0, 168, 107, .08);
}

[data-theme="light"] body.sc7-commercial .vp-check {
    background: var(--shop-green);
    color: #fff;
}

[data-theme="light"] body.sc7-commercial .vp-title {
    color: var(--shop-text);
}

[data-theme="light"] body.sc7-commercial .vp-badge {
    background: var(--shop-surface-2);
    border: 1px solid var(--shop-border);
    color: var(--shop-muted);
}

[data-theme="light"] body.sc7-commercial .vp-acc {
    background: var(--shop-surface-2);
    border: 1px solid var(--shop-border);
    color: var(--shop-text);
}

[data-theme="light"] body.sc7-commercial .vp-btn {
    border: 1px solid var(--shop-border);
    background: var(--shop-surface);
    color: var(--shop-text);
}

[data-theme="light"] body.sc7-commercial .vp-btn-primary {
    background: var(--shop-green);
    border-color: var(--shop-green);
    color: #fff;
}

[data-theme="light"] body.sc7-commercial .vp-btn-primary:hover {
    background: var(--shop-mint);
    box-shadow: 0 4px 12px rgba(0, 168, 107, .2);
}

[data-theme="light"] body.sc7-commercial .vp-btn-info {
    background: var(--shop-blue);
    border-color: var(--shop-blue);
    color: #fff;
}

[data-theme="light"] body.sc7-commercial .vp-btn-ghost {
    background: transparent;
    border: 1px solid var(--shop-border);
    color: var(--shop-muted);
}

[data-theme="light"] body.sc7-commercial .vp-btn-ghost:hover {
    background: var(--shop-surface-2);
    border-color: var(--shop-green);
    color: var(--shop-green);
}

/* ========================================
   PRODUCT VIEW TABLE
   ======================================== */

[data-theme="light"] body.sc7-commercial .product-view .table {
    border: 1px solid var(--shop-border) !important;
    background: var(--shop-surface) !important;
}

[data-theme="light"] body.sc7-commercial .product-view .table td,
[data-theme="light"] body.sc7-commercial .product-view .table th {
    color: var(--shop-muted) !important;
    border-color: var(--shop-border-soft) !important;
    background: transparent !important;
}

[data-theme="light"] body.sc7-commercial .product-view .table tr:first-child td {
    background: rgba(0, 168, 107, .08) !important;
    color: var(--shop-green) !important;
}

/* ========================================
   HEADER DROPDOWNS
   ======================================== */

[data-theme="light"] body.sc7-commercial .sc7-dropdown {
    background: var(--shop-surface);
    border: 1px solid var(--shop-border);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .12);
}

[data-theme="light"] body.sc7-commercial .sc7-dropdown-wide {
    background: var(--shop-surface);
}

[data-theme="light"] body.sc7-commercial .sc7-dropdown-group strong {
    color: var(--shop-text);
}

[data-theme="light"] body.sc7-commercial .sc7-dropdown-group a {
    color: var(--shop-muted);
}

[data-theme="light"] body.sc7-commercial .sc7-dropdown-group a:hover {
    color: var(--shop-green);
    background: rgba(0, 168, 107, .06);
}

/* ========================================
   NOTIFICATION MODALS (SweetAlert2, Cute Alert)
   ======================================== */

[data-theme="light"] body.sc7-commercial .swal2-popup {
    background: var(--shop-surface) !important;
    border: 1px solid var(--shop-border) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .15) !important;
}

[data-theme="light"] body.sc7-commercial .swal2-title {
    color: var(--shop-text) !important;
}

[data-theme="light"] body.sc7-commercial .swal2-html-container {
    color: var(--shop-muted) !important;
}

[data-theme="light"] body.sc7-commercial .swal2-confirm {
    background: var(--shop-green) !important;
}

[data-theme="light"] body.sc7-commercial .swal2-cancel {
    background: var(--shop-surface-2) !important;
    border: 1px solid var(--shop-border) !important;
    color: var(--shop-text) !important;
}

/* Cute Alert */
[data-theme="light"] body.sc7-commercial .alert-wrapper {
    background: var(--shop-surface) !important;
    border: 1px solid var(--shop-border) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .15) !important;
}

[data-theme="light"] body.sc7-commercial .alert-wrapper .alert-body {
    color: var(--shop-text) !important;
}

[data-theme="light"] body.sc7-commercial .alert-wrapper .alert-message {
    color: var(--shop-muted) !important;
}

/* ========================================
   LEADERBOARD MODAL
   ======================================== */

[data-theme="light"] body.sc7-commercial .lb-modal {
    background: var(--shop-surface) !important;
    border: 1px solid var(--shop-border) !important;
}

[data-theme="light"] body.sc7-commercial .lb-header {
    background: rgba(0, 168, 107, .08);
    border-bottom: 1px solid var(--shop-border);
}

[data-theme="light"] body.sc7-commercial .lb-body {
    background: var(--shop-surface);
    color: var(--shop-text);
}

/* ========================================
   ADDITIONAL COMPONENTS
   ======================================== */

/* Pills */
[data-theme="light"] body.sc7-commercial .sc7-pill {
    background: var(--shop-surface-2);
    border: 1px solid var(--shop-border);
    color: var(--shop-muted);
}

/* Action Buttons */
[data-theme="light"] body.sc7-commercial .action-minus1,
[data-theme="light"] body.sc7-commercial .action-plus1 {
    background: var(--shop-surface-2) !important;
    color: var(--shop-text) !important;
    border-color: var(--shop-border) !important;
}

[data-theme="light"] body.sc7-commercial .action-minus1:hover,
[data-theme="light"] body.sc7-commercial .action-plus1:hover {
    background: rgba(0, 168, 107, .1) !important;
    color: var(--shop-green) !important;
    border-color: var(--shop-green) !important;
}

[data-theme="light"] body.sc7-commercial .action-input {
    background: var(--shop-surface) !important;
    color: var(--shop-text) !important;
    border-color: var(--shop-border) !important;
}

/* View Details */
[data-theme="light"] body.sc7-commercial .view-details {
    color: var(--shop-muted);
}

[data-theme="light"] body.sc7-commercial .view-name a {
    color: var(--shop-text);
}

[data-theme="light"] body.sc7-commercial .view-price span {
    color: var(--shop-green);
}

[data-theme="light"] body.sc7-commercial .view-price del {
    color: var(--shop-subtle);
}