/**
 * Custom Minicart Sidebar Styles
 * Customizations for the add to cart sidebar (minicart)
 */

/* View Cart Button - Change background color to #febd69 */
.minicart-wrapper .block-content .actions .secondary .action.viewcart {
    background: #febd69 !important;
    color: #222222 !important;
}

/* Remove bottom border from product items */
.minicart-wrapper .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item {
    border-bottom: none; /* Removed border */
    padding-top: 0;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

/* Add solid border around product image */
.minicart-items .product-image-wrapper .product-image-photo {
    border: 1px solid #e6e6e6;
    border-radius: 5px;
}

/* All product text should be black with Rubik Light font */
.minicart-wrapper .block-content .minicart-items-wrapper .product-item {
    color: #000000 !important;
    font-family: 'Rubik', sans-serif;
    font-weight: 300; /* Light weight */
}

.minicart-wrapper .block-content .minicart-items-wrapper .product-item .product-item-name,
.minicart-wrapper .block-content .minicart-items-wrapper .product-item .product-item-name a {
    color: #000000 !important;
    font-family: 'Rubik', sans-serif;
    font-weight: 300; /* Light weight */
}

.minicart-wrapper .minicart-items-wrapper .product-item .product .product-item-details .product-item-name a {
    color: #000000 !important;
    font-weight: 500 !important;
    font-family: 'Rubik' !important;
}

.minicart-wrapper .block-content .minicart-items-wrapper .product-item .product-item-pricing,
.minicart-wrapper .block-content .minicart-items-wrapper .product-item .price {
    color: #000000 !important;
    font-family: 'Rubik', sans-serif;
    font-weight: 300; /* Light weight */
    font-size: 1.2rem;
}

.minicart-wrapper .block-content .minicart-items-wrapper .product-item .details-qty {
    color: #000000 !important;
    font-family: 'Rubik', sans-serif;
    font-weight: 300; /* Light weight */
}

/* Place View Cart and Checkout buttons side by side */
.minicart-wrapper .block-content .actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px;
}

.minicart-wrapper .block-content .actions .primary,
.minicart-wrapper .block-content .actions .secondary {
    flex: 1;
    margin: 10px !important;
}

.minicart-wrapper .block-content .actions .primary .action.primary.checkout,
.minicart-wrapper .block-content .actions .secondary .action.viewcart {
    width: 100%;
    margin: 0 !important;
}