/* Commerce Styles - Store and Cart Pages */

/* =============== Store Page Styles =============== */

/* Store Container */
.store-container {
    margin: 0;
    padding-top: 8px;
    /* padding-right removed - inherits from .content-section */
}

.cart-container {
    margin: 0;
    padding-top: 8px;
}

.store-configurator {
    display: grid;
    grid-template-columns: 60% 40%;
    gap: 30px;
}

/* Store Options Panel (Left Side) */
.store-options-panel {
    background: var(--theme-bg-secondary);
    padding: 25px;
    border-radius: 8px;
    border: 1px solid var(--theme-border-light);
}

.store-section-title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 30px;
    color: var(--theme-text-primary);
}

.store-option-group {
    margin-bottom: 35px;
}

.store-option-group h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--theme-text-primary);
}

.store-option-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Option Cards */
.card-interactive {
    display: block;
    cursor: pointer;
    transition: all 0.2s;
}

.card-interactive input[type="radio"],
.card-interactive input[type="checkbox"] {
    display: none;
}

.option-card-content {
    display: flex;
    align-items: center;
    padding: 15px;
    border: 2px solid var(--theme-border-light);
    border-radius: 8px;
    background: var(--theme-card-bg);
    transition: all 0.2s;
}

/* Hover state - slightly brighter */
.card-interactive:hover .option-card-content {
    border-color: var(--theme-border-color-hover);
    background: var(--theme-card-hover-bg);
}

/* Selected state - distinctly brighter */
.card-interactive input:checked + .option-card-content {
    border-color: var(--theme-border-color-hover);
    background: var(--theme-overlay-md);
}

.option-card-image {
    width: 60px;
    height: 60px;
    background: var(--theme-shadow);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-text-primary);
    font-weight: bold;
    font-size: 14px;
    margin-right: 15px;
    flex-shrink: 0;
}

.option-card-details {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.option-name {
    font-weight: 600;
    color: var(--theme-text-primary);
    font-size: 16px;
}

.option-description {
    color: var(--theme-text-primary);
    font-size: 14px;
}

/* Store Preview Panel (Right Side) */
.store-preview-panel {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: sticky;
    top: 8px;
    height: fit-content;
    align-self: start;
}

.store-preview-card,
.store-summary-card {
    background: var(--theme-bg-secondary);
    padding: 8px 15px !important;
    border-radius: 8px;
    border: 1px solid var(--theme-border-light);
}

.store-preview-card h3,
.store-summary-card h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 8px 0;
    color: var(--theme-text-primary);
}

/* Product Preview */
.store-product-preview {
    aspect-ratio: 1;
    max-height: 250px;
    margin: 0 auto;
}

.preview-image-placeholder {
    width: 100%;
    height: 100%;
    background: var(--theme-shadow-medium);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-text-primary);
}

.preview-text {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
}

#preview-finish {
    font-size: 18px;
    font-weight: 400;
    opacity: 0.9;
}

/* Configuration Summary */
.summary-items {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 8px;
}

.summary-item {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: var(--theme-text-primary);
}

#summary-options {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.summary-divider {
    border-top: 1px solid var(--theme-border-light);
    margin: 8px 0;
}

.summary-total {
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    font-weight: 600;
    color: var(--theme-text-primary);
    margin-bottom: 8px;
}

.add-to-cart-button {
    width: 100%;
    padding: 15px;
    font-size: 18px;
    font-weight: 600;
}

/* =============== Cart Page Styles =============== */

/* Cart Container */
/* Cart container - no special styling needed */

.cart-title {
    font-size: 32px;
    font-weight: 600;
    margin: 0 0 30px 0;
    color: var(--theme-text-primary);
    text-align: center;
}

/* Cart Sections */
.cart-items-section,
.cart-referral-section,
.cart-points-section,
.cart-summary-section {
    background: var(--theme-bg-secondary);
    padding: 25px;
    border-radius: 8px;
    border: 1px solid var(--theme-border-light);
    margin-bottom: 20px;
}

/* Cart action buttons */
.cart-summary-section .btn {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.cart-summary-section .btn:first-of-type {
    margin-top: 20px;
}

.cart-items-section h3,
.cart-referral-section h3,
.cart-points-section h3,
.cart-summary-section h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--theme-text-primary);
}

/* Cart Items */
#cart-items-list {
    min-height: 50px;
}

.cart-item {
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 0 15px;
    border: 1px solid var(--theme-border-light);
    border-radius: 8px;
    margin-bottom: 5px;
    background: var(--theme-card-bg);
}

.cart-item-details {
    flex: 1;
}

.cart-item-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--theme-text-primary);
    margin-bottom: 0;
}

.cart-item-options {
    font-size: 14px;
    color: var(--theme-text-primary);
    line-height: 1.8;
    padding-left: 20px;
}

.cart-item-price {
    font-size: 20px;
    font-weight: 600;
    color: var(--theme-text-primary);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
}

.remove-item-link {
    font-size: 14px;
    color: var(--theme-btn-danger-bg);
    cursor: pointer;
    font-weight: normal;
}

.remove-item-link:hover {
    text-decoration: underline;
}

.empty-cart-message {
    text-align: center;
    padding: 40px;
}

.empty-cart-message p {
    font-size: 18px;
    color: var(--theme-text-secondary);
    margin-bottom: 20px;
}

/* Referral Code Section */
.referral-description {
    font-size: 14px;
    color: var(--theme-text-secondary);
    margin-bottom: 15px;
}

.referral-input-group {
    display: flex;
    gap: 10px;
    align-items: center;
}

#referral-code-input {
    flex: 1;
    max-width: 300px;
}

.success-message {
    display: flex;
    align-items: start;
    gap: 12px;
    padding: 15px;
    background: rgba(0, 0, 0, var(--opacity-20));
    border: 1px solid var(--theme-btn-success-bg);
    border-radius: 6px;
    margin-top: 15px;
}

.success-icon {
    color: var(--theme-btn-success-bg);
    font-size: 20px;
    flex-shrink: 0;
}

.success-message p {
    margin: 0;
    color: var(--theme-text-primary);
    font-size: 14px;
}

.referral-user-info {
    color: var(--theme-text-secondary);
    font-size: 13px;
    margin-top: 4px !important;
}

/* Points Section */
.points-info {
    font-size: 13px;
    color: var(--theme-text-secondary);
    font-weight: normal;
}

.points-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background: var(--theme-text-primary);
    border-radius: 6px;
    margin-bottom: 12px;
    padding: 10px 0;
    border-bottom: 1px solid var(--theme-border-light);
}

.points-row:last-child {
    border-bottom: none;
}

.points-label {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.points-label span:first-child {
    font-weight: 600;
    color: var(--theme-text-primary);
}

.points-description {
    font-size: 13px;
    color: var(--theme-text-secondary);
}

.points-controls {
    display: flex;
    align-items: center;
    gap: 15px;
}

.points-available {
    font-size: 14px;
    color: var(--theme-text-primary);
    min-width: 100px;
}

.points-input {
    width: 100px;
    padding: 8px 12px;
    border: 1px solid var(--theme-border-light);
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
}

.use-max-button {
    width: 70px;
    padding: 5px 10px;
    background: var(--theme-btn-success-bg);
    color: var(--theme-text-on-primary);
    border: none;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

.use-max-button:hover {
    background: var(--theme-btn-success-bg);
}

.use-max-button.purchase-points-max {
    background: var(--theme-badge-danger-bg);
}

.use-max-button.purchase-points-max:hover {
    background: var(--theme-badge-danger-bg);
}

.use-max-button.referral-points-max {
    background: var(--theme-badge-warning-bg);
}

.use-max-button.referral-points-max:hover {
    background: var(--theme-badge-warning-bg);
}

.use-max-referral {
    background: var(--theme-input-focus-border);
}

.use-max-referral:hover {
    background: var(--theme-input-focus-border);
}

/* Points Summary */
.points-summary {
    margin-top: 20px;
    padding-top: 15px;
}

.points-summary-row {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: var(--theme-text-secondary);
    margin-bottom: 8px;
}

/* Order Summary */
.order-summary-details {
    margin-bottom: 20px;
}

.cart-summary-section > div:nth-child(3) {
    color: var(--color-white);
}

.summary-row {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    color: var(--theme-text-secondary);
    margin-bottom: 10px;
}

.summary-row.summary-total {
    font-size: 24px;
    font-weight: 600;
    color: var(--theme-text-primary);
    margin-top: 10px;
}

#points-discount {
    color: var(--theme-btn-success-bg);
}

/* Cart Actions */
.cart-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.purchase-button {
    width: 100%;
    padding: 15px;
    font-size: 18px;
    font-weight: 600;
    background: var(--theme-input-focus-border);
}

.purchase-button:hover {
    background: var(--theme-input-focus-border);
}

.continue-shopping-button {
    width: 100%;
    padding: 15px;
    font-size: 16px;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .store-configurator {
        grid-template-columns: 1fr;
    }
    
    .store-preview-panel {
        position: static;
    }
}

@media (max-width: 768px) {
    .store-container,
    .cart-container {
        padding: 15px;
    }
    
    .store-section-title {
        font-size: 24px;
    }
    
    .cart-title {
        font-size: 28px;
    }
    
    .option-card-image {
        width: 50px;
        height: 50px;
    }
    
    .referral-input-group {
        flex-direction: column;
    }
    
    #referral-code-input {
        max-width: 100%;
    }
    
    .points-row {
        flex-direction: column;
        gap: 12px;
    }
    
    .points-controls {
        width: 100%;
        justify-content: space-between;
    }
    
    .cart-item {
        flex-direction: column;
        gap: 0;
    }
    
    .cart-item-price {
        align-items: flex-start;
    }
}


/* ============================================
   CART STYLES (Moved from styles.css)
   ============================================ */

/* Shopping Cart Styles */
/* Cart container - uses default white background */

.cart-items-section {
    background: var(--theme-card-bg);
    border-radius: 8px;
    padding: 0 15px 5px;
    margin-bottom: 10px;
    box-shadow: 0 1px 3px var(--theme-shadow);
}

.cart-items-section h3 {
    margin: 0 0 2px 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--theme-text-primary);
    text-align: left;
}

.cart-referral-section {
    background: var(--theme-card-bg);
    border-radius: 8px;
    padding: 8px 15px;
    margin-bottom: 10px;
    box-shadow: 0 1px 3px var(--theme-shadow);
}

.cart-referral-section h3 {
    margin: 0 0 5px 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--theme-text-primary);
}

.referral-description {
    color: var(--theme-text-secondary);
    font-size: 13px;
    margin: 0 0 5px 0;
}

.referral-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.referral-text {
    flex: 1;
}

.referral-input-group {
    display: flex;
    gap: 10px;
    align-items: center;
    flex: 0 0 auto;
    max-width: 50%;
}

.referral-input-group .form-input {
    width: 100%;
    max-width: 180px;
    padding: 8px 10px;
    border: 1px solid var(--theme-border-light);
    border-radius: 6px;
    font-size: 13px;
}

.referral-input-group .primary-button {
    padding: 8px 16px;
    background: var(--theme-btn-primary-bg);
    color: var(--theme-text-on-primary);
    border: none;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

.referral-input-group .primary-button:hover {
    background: var(--theme-btn-primary-bg);
}

.success-message {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 40px 10px 15px;
    background: rgba(0, 0, 0, var(--opacity-20));
    border: 1px solid var(--theme-btn-success-bg);
    border-radius: 6px;
    margin-top: 5px;
    color: var(--theme-badge-success-color);
    font-size: 14px;
    position: relative;
    width: 100%;
}

.success-left {
    flex: 1;
    display: flex;
    align-items: center;
}

.success-right {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.success-icon {
    color: var(--theme-btn-success-bg);
    font-size: 18px;
    font-weight: bold;
    margin-top: 2px;
}

.referral-user-info {
    color: var(--theme-text-primary);
    font-size: 14px;
    line-height: 1.4;
}

.cart-points-wrapper {
    margin-bottom: 5px;
}

.points-box {
    background: var(--theme-bg-primary);
    border-radius: 8px;
    padding: 10px 15px;
    box-shadow: 0 1px 3px var(--theme-shadow);
    width: 100%;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.purchase-points-box {
    background: rgba(0, 0, 0, var(--opacity-20));
    border: 1px solid var(--theme-badge-danger-bg);
}

.referral-points-box {
    background: rgba(0, 0, 0, var(--opacity-20));
    border: 1px solid var(--theme-badge-warning-bg);
}

.total-points-box {
    background: rgba(0, 0, 0, var(--opacity-20));
    border: 1px solid var(--theme-btn-success-bg);
}

.bonus-points-box {
    background: rgba(0, 0, 0, var(--opacity-20));
    border: 1px solid var(--theme-btn-primary-bg);
    color: var(--color-white);
}

.points-box-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 220px;
    min-width: 220px;
    max-width: 220px;
    flex: 0 0 220px;
}

.points-box-header {
    font-weight: 600;
    font-size: 14px;
    margin: 0;
}

.points-box-subtitle {
    font-size: 11px;
    color: var(--theme-text-secondary);
    margin: 2px 0 0 0;
}

.points-box-right {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1;
    justify-content: flex-start;
}

.points-stat {
    display: inline-flex;
    min-width: 95px;
    text-align: left;
    margin-right: 12px;
    white-space: nowrap;
    font-size: 13px;
    color: var(--theme-text-primary);
    align-items: center;
}

.points-stat strong {
    margin-left: 3px;
    font-weight: 700;
    color: var(--theme-text-primary);
    font-size: 14px;
}

.points-stat:nth-child(1) { min-width: 85px; } /* Total */
.points-stat:nth-child(2) { min-width: 100px; } /* Available */
.points-stat:nth-child(3) { min-width: 110px; } /* Remaining */
.points-stat:nth-child(4) { min-width: 65px; margin-right: 10px; } /* Used - in total box */

.purchase-points-box .points-stat strong { color: var(--theme-badge-danger-bg); }
.referral-points-box .points-stat strong { color: var(--theme-badge-warning-bg); }
.bonus-points-box .points-stat strong { color: var(--theme-btn-primary-bg); }
.total-points-box .points-stat:nth-child(1) strong { color: var(--theme-btn-success-bg); } /* Total */
.total-points-box .points-stat:nth-child(2) strong { color: var(--theme-btn-success-bg); } /* Available */
.total-points-box .points-stat:nth-child(3) strong { color: var(--theme-btn-success-bg); } /* Remaining */
.total-points-box .points-stat:nth-child(4) strong { color: var(--theme-btn-success-bg); } /* Used */

/* Duplicate .use-max-button width/padding removed - merged with definition at line 442 */

.points-input-inline {
    width: 60px !important;
}

.points-box-extra {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 0 15px;
    min-width: 150px;
    justify-content: space-between;
}

.points-box-extra-label {
    flex: 1;
    text-align: right;
    padding-right: 30px;
}

.points-box-extra-amount {
    display: flex;
    min-width: 60px;
}

.points-box-extra-amount .referral-discount-amount {
    text-align: right;
    flex: 1;
}

.referral-discount-label {
    font-size: 14px;
    color: var(--theme-text-primary);
    font-weight: 600;
}

.referral-discount-amount-sign {
    font-size: 16px;
    font-weight: 700;
    color: var(--theme-btn-primary-bg);
}

.referral-discount-amount-sign-negative {
    margin-left: -6px;
}

.referral-discount-amount-sign-positive {
    margin-left: -12px;
}

.referral-discount-amount {
    font-size: 16px;
    font-weight: 700;
    color: var(--theme-btn-primary-bg);
}

/* Color the value amounts by box type */
.purchase-points-box .referral-discount-amount-sign,
.purchase-points-box .referral-discount-amount {
    color: var(--theme-badge-danger-bg);
}

.referral-points-box .referral-discount-amount-sign,
.referral-points-box .referral-discount-amount {
    color: var(--theme-badge-warning-bg);
}

.total-points-box .referral-discount-amount-sign,
.total-points-box .referral-discount-amount {
    color: var(--theme-btn-success-bg);
}

/* Order summary discount colors */
.points-discount-color {
    color: var(--theme-badge-danger-bg);
}

.referral-discount-color {
    color: var(--theme-btn-primary-bg);
}

/* Discount Analytics Styles */
.discount-analytics-item {
    background: var(--theme-bg-secondary);
    padding: 15px;
    border-radius: 8px;
    border: 1px solid var(--theme-border-light);
}

.discount-stats {
    margin-top: 12px;
}

.stat-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid var(--theme-border-light);
}

.stat-row:last-child {
    border-bottom: none;
}

.stat-label {
    font-size: 13px;
    color: var(--theme-text-secondary);
    font-weight: 500;
}

.stat-value {
    font-size: 14px;
    font-weight: 700;
    color: var(--theme-text-primary);
}

@media (max-width: 768px) {
    .points-box {
        flex-direction: column;
        align-items: flex-start;
        padding: 5px 12px;
    }
    
    .points-box-left {
        min-width: auto;
        flex: 1 1 auto;
    }
    
    .points-box-right {
        margin-top: 10px;
        width: 100%;
        gap: 10px;
        flex-wrap: wrap;
    }
    
    .points-stat {
        min-width: 90px;
    }
    
    .points-box-extra {
        margin-top: 0;
        width: 100%;
        padding: 0;
    }
    
    .points-stat {
        font-size: 12px;
    }
}

/* Duplicate .points-stat removed - all properties merged with definition at line 792 */

.points-input-inline {
    width: 100%;
    max-width: 60px;
    padding: 5px 0;
    border: 1px solid var(--theme-border-light);
    border-radius: 4px;
    text-align: right;
    font-size: 13px;
}

.cart-points-section {
    background: var(--theme-card-bg);
    border-radius: 8px;
    padding: 8px 15px;
    margin-bottom: 10px;
    box-shadow: 0 1px 3px var(--theme-shadow);
}

.cart-points-section h3 {
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--theme-text-primary);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.points-disclaimer {
    font-size: 12px;
    font-weight: 400;
    color: var(--theme-text-secondary);
}

/* Duplicate points-row removed - merged with definition at line 388 */

.points-info {
    font-size: 12px;
    color: var(--theme-text-secondary);
    font-weight: normal;
    margin-left: 8px;
}

/* Duplicate .points-label removed - definition at line 404 */
/* Duplicate .points-description removed - definition at line 416 */

.points-controls {
    display: flex;
    align-items: center;
    gap: 12px;
}

.points-remaining {
    font-size: 13px;
    color: var(--theme-btn-success-bg);
    font-weight: 500;
}

/* Duplicate .points-available removed - definition at line 427 */
/* Duplicate .points-input removed - definition at line 433 */
/* Duplicate .use-max-button removed - all properties merged with definition at line 442 */

.total-points-section {
    margin-top: 10px;
    padding: 10px;
    border-top: 2px solid var(--theme-border-light);
    background: var(--theme-bg-secondary);
    margin-left: 0;
    margin-right: 0;
    border-bottom: none !important;
}

.cart-summary-section {
    background: var(--theme-card-bg);
    border-radius: 8px;
    padding: 5px 15px;
    box-shadow: 0 1px 3px var(--theme-shadow);
}

/* Duplicate .cart-summary-section h3 removed - definition at line 261 */

.cart-summary-line {
    display: flex;
    align-items: center;
    padding: 5px 0;
    font-size: 14px;
    color: var(--theme-text-primary);
}

.cart-summary-line span:first-child {
    flex: 1;
    text-align: left;
    padding-left: 20px;
}

.cart-summary-line span:last-child {
    width: 84px;
    text-align: left;
    padding-right: 15px;
    /* margin-left: 200px; */
}

.cart-summary-amount {
    display: flex;
    width: 84px;
    padding-right: 15px;
}

.cart-summary-sign {
    text-align: left;
}

.cart-summary-amount span:last-child {
    flex: 1;
    text-align: right;
}

.cart-summary-line:not(:last-child) {
    border-bottom: none;
}

.cart-summary-total {
    display: flex;
    align-items: center;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--theme-text-primary);
    border-top: 1px solid var(--theme-border-light);
    margin-top: 5px;
}

.cart-summary-total span:first-child {
    flex: 1;
    text-align: left;
    padding-left: 20px;
}

.cart-summary-total span:last-child {
    width: 84px;
    text-align: left;
    padding-right: 15px;
    /* margin-left: 200px; */
}

.cart-summary-total .cart-summary-amount {
    display: flex;
    width: 84px;
    padding-right: 15px;
}

.cart-summary-total .cart-summary-amount span:last-child {
    flex: 1;
    text-align: right;
}

.subtotal-lines-box {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 5px 15px;
    background: rgba(0, 0, 0, var(--opacity-20));
}

.subtotal-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.subtotal-line .points-box-left {
    flex: 0 0 auto;
}

.subtotal-line .points-box-extra {
    flex: 0 0 auto;
    margin-left: auto;
}

.subtotal-lines-box + .points-box {
    border-top: 2px solid var(--color-black);
    margin-top: 5px;
    padding-top: 5px;
}

.total-points-box {
    margin-top: 0;
    padding-top: 10px;
}

.checkout-button {
    width: 100%;
    padding: 10px;
    background: var(--theme-btn-primary-bg);
    color: var(--theme-text-on-primary);
    border: none;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
    margin-top: 10px;
}

.checkout-button:hover {
    background: var(--theme-btn-primary-bg);
}

.continue-shopping-button {
    width: 100%;
    padding: 10px;
    background: var(--theme-text-secondary);
    color: var(--theme-text-on-primary);
    border: none;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
    margin-top: 8px;
    margin-bottom: 8px;
}

.continue-shopping-button:hover {
    background: var(--theme-text-primary);
}

.empty-cart-message {
    text-align: center;
    padding: 0 20px;
    color: var(--theme-text-secondary);
}

.empty-cart-message p {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 5px;
}

/* Legacy .secondary-button removed - migrate HTML to use .btn .btn-secondary from components/buttons.css */