/* 
* E-Learning Platform - Cart/Store Styles
* Custom stylesheet for the cart and store pages
*/

:root {
    --store-primary-color: #F0EA01;
    --store-secondary-color: #000000;
    --store-light-color: #FFFFFF;
}

/* Override global styles for store pages */
.bg-primary {
    background-color: var(--store-secondary-color) !important;
}

.text-primary {
    color: var(--store-secondary-color) !important;
}

.btn-primary {
    background-color: var(--store-primary-color) !important;
    border-color: var(--store-primary-color) !important;
    color: var(--store-secondary-color) !important;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #e0da01 !important;
    border-color: #e0da01 !important;
    color: var(--store-secondary-color) !important;
}

.btn-outline-primary {
    color: var(--store-secondary-color) !important;
    border-color: var(--store-primary-color) !important;
}

.btn-outline-primary:hover, .btn-outline-primary:focus {
    background-color: var(--store-primary-color) !important;
    color: var(--store-secondary-color) !important;
}

/* Cart specific styles */
.cart-item {
    background-color: var(--store-light-color);
}

.cart-item .course-price {
    color: var(--store-secondary-color);
}

.cart-item-title {
    color: var(--store-secondary-color);
}

/* Order summary card */
.order-summary {
    background-color: var(--store-light-color);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.order-summary .card-header {
    background-color: var(--store-primary-color);
    color: var(--store-secondary-color);
}

/* Coupon section */
.coupon-card {
    background-color: var(--store-light-color);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.badge.bg-primary {
    background-color: var(--store-primary-color) !important;
    color: var(--store-secondary-color) !important;
}

/* Recommended courses section */
.recommended-courses {
    background-color: var(--store-light-color);
}

.course-card {
    background-color: var(--store-light-color);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.course-card .card-title a {
    color: var(--store-secondary-color);
}

.course-card .course-price {
    color: var(--store-secondary-color);
    font-weight: bold;
}

.course-card .card-footer {
    background-color: var(--store-light-color);
}

/* Mini basket */
.mini-basket {
    background-color: var(--store-light-color);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.mini-basket-item-title {
    color: var(--store-secondary-color);
}

.mini-basket-item-price {
    color: var(--store-secondary-color);
    font-weight: bold;
}