/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 15 2025 | 09:56:07 */
/* WooCommerce Cart Page - Widen Coupon Code Field */

/* Target the coupon input field specifically */
.coupon #coupon_code {
    width: 250px !important;
    min-width: 250px;
}

/* Alternative selector if the above doesn't work */
.coupon input.input-text[name="coupon_code"] {
    width: 250px !important;
    min-width: 250px;
}

/* Most specific selector targeting the exact element */
td.actions .coupon #coupon_code {
    width: 250px !important;
    min-width: 250px;
}

/* Optional: Add some spacing between input and button */
.coupon #coupon_code {
    margin-right: 10px;
}

/* Style the apply coupon button */
.coupon button[name="apply_coupon"] {
    background-color: #c64aa3 !important;
    color: #ffffff !important;
    font-family: 'Plus Jakarta Sans Medium', sans-serif !important;
    white-space: nowrap;
    border: none !important;
    padding: 10px 20px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.coupon button[name="apply_coupon"]:hover {
    background-color: rgba(198, 74, 163, 0.7) !important;
}

/* Style the update cart button */
button[name="update_cart"],
td.actions button[name="update_cart"] {
    background-color: #7391f4 !important;
    color: #ffffff !important;
    font-family: 'Plus Jakarta Sans Medium', sans-serif !important;
    border: none !important;
    padding: 10px 20px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

button[name="update_cart"]:hover,
td.actions button[name="update_cart"]:hover {
    background-color: rgba(115, 145, 244, 0.7) !important;
}

/* Responsive: Adjust for mobile devices */
@media (max-width: 768px) {
    .coupon #coupon_code,
    .coupon input.input-text[name="coupon_code"],
    td.actions .coupon #coupon_code {
        width: 100% !important;
        margin-right: 0;
        margin-bottom: 10px;
    }
    
    .coupon {
        display: flex;
        flex-direction: column;
    }
}


/* Modern WooCommerce Cart Table Styling */

/* Remove default borders and add modern styling to the table */
.shop_table.cart {
    border: none !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
    overflow: hidden !important;
}

/* Remove borders from all table cells */
.shop_table.cart td,
.shop_table.cart th {
    border: none !important;
    border-bottom: 1px solid #f5f5f5 !important;
    padding: 20px 15px !important;
}

/* Style the header row */
.shop_table.cart thead th {
    background-color: #fafafa !important;
    font-weight: 600 !important;
    color: #333 !important;
    border-bottom: 2px solid #f0f0f0 !important;
}

/* Remove border from last row */
.shop_table.cart tbody tr:last-child td {
    border-bottom: none !important;
}

/* Make product thumbnails larger and more modern */
.shop_table.cart .product-thumbnail img {
    width: 80px !important;
    height: 80px !important;
    border-radius: 8px !important;
    object-fit: cover !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

/* Style the remove button to be more modern */
.shop_table.cart .product-remove a.remove {
    background-color: #ff4757 !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 0 !important;
    transition: all 0.3s ease !important;
    border: none !important;
    text-align: center !important;
}

.shop_table.cart .product-remove a.remove:hover {
    background-color: #ff3742 !important;
    transform: scale(1.1) !important;
}

/* Style product links */
.shop_table.cart .product-name a {
    color: #333 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.shop_table.cart .product-name a:hover {
    color: #c64aa3 !important;
}

/* Modern quantity input styling */
.shop_table.cart .quantity input.qty {
    border: 2px solid #e5e5e5 !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    text-align: center !important;
    width: 70px !important;
    background-color: #ffffff !important;
    transition: border-color 0.3s ease !important;
}

.shop_table.cart .quantity input.qty:focus {
    border-color: #c64aa3 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(198, 74, 163, 0.1) !important;
}

/* Price styling */
.shop_table.cart .woocommerce-Price-amount {
    font-weight: 600 !important;
    color: #333 !important;
}

/* Actions row styling */
.shop_table.cart .actions {
    background-color: #fafafa !important;
    padding: 25px 15px !important;
}

/* Responsive improvements */
@media (max-width: 768px) {
    .shop_table.cart .product-thumbnail img {
        width: 60px !important;
        height: 60px !important;
    }
    
    .shop_table.cart td,
    .shop_table.cart th {
        padding: 15px 10px !important;
    }
}



/* Proceed to Checkout Button Styling */

/* Target the proceed to checkout button */
.checkout-button.button.alt.wc-forward {
    background-color: #7391f4 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 15px 30px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: background-color 0.3s ease !important;
    cursor: pointer !important;
}

/* Hover state */
.checkout-button.button.alt.wc-forward:hover {
    background-color: #c64aa3 !important;
    color: #ffffff !important;
}

/* Focus state for accessibility */
.checkout-button.button.alt.wc-forward:focus {
    background-color: #c64aa3 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(198, 74, 163, 0.3) !important;
}

/* Alternative selector in case the above doesn't work */
a.checkout-button {
    background-color: #7391f4 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 15px 30px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: background-color 0.3s ease !important;
}

a.checkout-button:hover {
    background-color: #c64aa3 !important;
    color: #ffffff !important;
}

/* Hide Cross-Sells Section */

.cross-sells {
    display: none !important;
}

#payment.woocommerce-checkout-payment {
    background-color: #ede9fd !important;
    padding: 20px !important;
    border-radius: 8px !important;
}

/* Checkout Apply Coupon Button Styling */

button[name="apply_coupon"] {
    background-color: #c64aa3 !important;
    color: #ffffff !important;
    font-family: 'Plus Jakarta Sans Medium', sans-serif !important;
    transition: background-color 0.3s ease !important;
}

button[name="apply_coupon"]:hover {
    background-color: rgba(198, 74, 163, 0.7) !important;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: 0px solid #cfc8d8;
}


/* Download File Button Styling */

.woocommerce-MyAccount-downloads-file.button.alt {
    background-color: #7391f4 !important;
    color: #ffffff !important;
    font-family: 'Plus Jakarta Sans Medium', sans-serif !important;
    transition: background-color 0.3s ease !important;
}

.woocommerce-MyAccount-downloads-file.button.alt:hover {
    background-color: rgba(115, 145, 244, 0.7) !important;
}