/** BEGIN : General Woocommerce CSS **/
@media screen and (max-width: 99999px) {

    .woocommerce-MyAccount-content {
        max-width: 500px;
        margin: auto;
    }

    .woocommerce p {
        font-family: Manrope !important;
        margin-bottom: 1rem;
        font-size: 1rem;
        color: var(--brightwork-polish-black-1-lighter);
        /* Bootstrap's text-muted */
        line-height: 1.6;
    }

    /* money */
    .wc-block-formatted-money-amount {
        font-family: Manrope !important;
        line-height: 160% !important;
        letter-spacing: 0% !important;
    }

    /* buttons */
    .wc-block-components-button,
    .added_to_cart{
        font-family: 'Manrope', sans-serif !important;
        font-weight: 400 !important;
        text-transform: uppercase !important;
        padding: 14.5px 28px !important;
        border-radius: 12px !important;
        transition: background 0.2s ease-in-out !important;
        text-decoration: none !important;
    }

    .wc-block-cart__submit-button,
    .wc-block-components-checkout-place-order-button,
    .woocommerce form .woocommerce-Button.button,
    .added_to_cart{
        border: 1px solid var(--brightwork-polish-blue-1);
        background-color: var(--brightwork-polish-blue-1);
        color: #fff;
    }

    .wc-block-cart__submit-button:hover,
    .wc-block-cart__submit-button:focus,
    .wc-block-cart__submit-button:active,

    .wc-block-components-checkout-place-order-button:hover,
    .wc-block-components-checkout-place-order-button:focus,
    .wc-block-components-checkout-place-order-button:active,

    .woocommerce form .woocommerce-Button.button:hover,
    .woocommerce form .woocommerce-Button.button:focus,
    .woocommerce form .woocommerce-Button.button:active,

    .added_to_cart:hover,
    .added_to_cart:focus,
    .added_to_cart:active{
        border: 1px solid #0088cc;
        background-color: #0088cc;
        color: #fff;
        transition: background 0.2s ease-in-out;
    }


    /* Table styling like Bootstrap */
    .woocommerce-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 1.5rem;
    }

    .woocommerce-table th,
    .woocommerce-table td {
        border: 1px solid #dee2e6;
        padding: 0.75rem;
        text-align: left;
    }

    .woocommerce-table th {
        background-color: #f8f9fa;
        font-weight: 600;
    }

    .add_to_cart_button.added{display: none;}
}

/** END : General Woocommerce CSS **/


/** BEGIN : Woocommerce Cart CSS **/
@media screen and (max-width: 99999px) {

    .wc-block-cart-item__wrap .wc-block-components-product-name {
        font-family: Poppins SemiBold !important;
        font-size: 1.25rem !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        margin-bottom: 0.5rem !important;
        color: var(--brightwork-polish-black-1) !important;
        text-decoration: none !important;
    }

    .wc-block-cart-items__header span,
    .wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title {
        font-family: Poppins SemiBold !important;
        font-size: 1.25rem !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        margin-bottom: 0.5rem !important;
        color: var(--brightwork-polish-black-1) !important;
    }

    .wc-block-cart-item__total {
        font-family: Manrope !important;
        font-weight: 600 !important;
        line-height: 160% !important;
        letter-spacing: 0% !important;
        color: var(--brightwork-polish-blue-1) !important;
    }

    .wc-block-cart-item__remove-link {
        font-family: Manrope !important;
        display: inline-block !important;
        font-size: 1rem !important;
        font-weight: 400 !important;
        text-decoration: underline !important;
        background-color: transparent !important;
        border: none !important;
        border-radius: 0.375rem !important;
        cursor: pointer !important;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out !important;
    }
}

/** END : Woocommerce Cart CSS **/



/** BEGIN : Woocommerce Checkout CSS **/
@media screen and (max-width: 99999px) {}

/** END : Woocommerce Checkout CSS **/



/** BEGIN : Woocommerce MyAccount CSS **/
@media screen and (max-width: 99999px) {

    /* Container styling */
    .woocommerce-MyAccount-navigation ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        gap: 20px;
        /* space between menu items */
        justify-content: center;
        /* center the menu */
        background-color: #f8f8f8;
        /* optional: header background */
        padding: 10px 0;
        margin-bottom: 20px;
    }

    /* Individual link styling */
    .woocommerce-MyAccount-navigation li a {
        text-decoration: none;
        color: var(--brightwork-polish-blue-1);
        /* WooCommerce default blue */
        font-weight: bold;
        padding: 6px 14px 9px;
        transition: color 0.3s, background 0.3s;
    }

    /* Hover effect */
    .woocommerce-MyAccount-navigation li a:hover {
        color: #ffffff;
        background-color: var(--brightwork-polish-blue-1);
        border-radius: 4px;
    }



    /* Make the form look Bootstrap-like */
    .woocommerce form .form-row {
        display: flex;
        flex-direction: column;
        margin-bottom: 15px;
    }

    .woocommerce form label {
        font-weight: 500;
        margin-bottom: 5px;
        color: var(--brightwork-polish-black-1);
    }

    .woocommerce form input[type="text"],
    .woocommerce form input[type="email"],
    .woocommerce form input[type="password"] {
        padding: 10px 12px;
        border: 1px solid var(--brightwork-polish-black-1-lighter);
        border-radius: 4px;
        font-size: 1rem;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .woocommerce form input:focus {
        border-color: var(--brightwork-polish-blue-1);
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        outline: none;
    }

    .woocommerce form input[type="text"],
    .woocommerce form input[type="email"],
    .woocommerce form input[type="password"] {
        width: 100%;
        box-sizing: border-box;
    }

    button.show-password-input {
        display: none;
    }

    .woocommerce-EditAccountForm button[name="save_account_details"] {
        float: right;
        margin-top: 1em;
        /* optional spacing */
    }

    .woocommerce-Address {
        width: 100%;
    }
}

/** END : Woocommerce MyAccount CSS **/


/** BEGIN : Woocommerce Checkout Thank You CSS **/
@media screen and (max-width: 99999px) {

    .woocommerce-order {
        max-width: 767px;
        margin: auto;
    }

    /* Links in product names */
    .woocommerce-order-details a {
        color: #0d6efd;
        text-decoration: none;
    }

    .woocommerce-order-details a:hover {
        text-decoration: underline;
    }

}

/** BEGIN : Woocommerce MyAccount/Orders CSS **/
@media screen and (max-width: 99999px) {

    .woocommerce table.my_account_orders {
        width: 100%;
        border-collapse: collapse;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
    }

    .woocommerce table.my_account_orders th,
    .woocommerce table.my_account_orders td {
        padding: 12px 10px;
        border-bottom: 1px solid #dee2e6;
        vertical-align: middle;
    }

    .woocommerce table.my_account_orders th {
        background-color: #f8f9fa;
        color: #495057;
        font-weight: 600;
    }

    .woocommerce table.my_account_orders tbody tr:hover {
        background-color: #f1f3f5;
    }

    /* Style the order number link */
    .woocommerce table.my_account_orders a {
        color: var(--brightwork-polish-blue-1);
        text-decoration: none;
    }

    .woocommerce table.my_account_orders a:hover {
        text-decoration: underline;
    }

    /* Style the status text (like "Processing") */
    .woocommerce table.my_account_orders .order-status {
        display: inline-block;
        padding: 2px 8px;
        font-size: 13px;
        color: #856404;
        background-color: #fff3cd;
        border-radius: 0.25rem;
        font-weight: 500;
    }

    /* Optional: Style the 'View' action link */
    .woocommerce table.my_account_orders .button {
        background-color: var(--brightwork-polish-blue-1);
        color: #fff;
        padding: 4px 10px;
        font-size: 13px;
        border-radius: 0.25rem;
        text-decoration: none;
        transition: background-color 0.2s ease;
    }

    .woocommerce table.my_account_orders .button:hover {
        background-color: #0088cc;
    }

}