/*Mini cart widget*/

a.cart-item-image {
    background: #E8E8E8;
    border-radius: var(--wd-brd-radius);
}

.product_list_widget>li img {
    min-width: 65px;
    max-width: 65px;
    padding: 12% 0px 12% 0px;
    mix-blend-mode: multiply;
    border-radius: calc(var(--wd-brd-radius) / 1.5);
}

.product_list_widget>li .wd-entities-title {
    margin-bottom: 8px;
    font-family: Biryani;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    color: var(--blacky);
}

.cart-widget-side.wd-side-hidden.wd-right.wd-opened .wd-heading .title {
    font-family: Biryani;
    font-size: 28px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
    letter-spacing: -1.4px;
    color: var(--new-green);
}

/* Mini cart checkout button - matches Confirm & Pay button design */
.woocommerce-mini-cart__buttons .checkout {
    display: flex !important;
    height: 48px;
    padding: 12px 24px 12px 32px;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 1 0 0 !important;
    border-radius: 48px;
    background: linear-gradient(92deg, #FF6082 0%, #D5153E 89.03%) !important;
    box-shadow: -0.948px -0.948px 10px 0px rgba(18, 59, 29, 0.05),
        1.897px 1.897px 10px 0px rgba(18, 59, 29, 0.12) !important;
    border: none !important;
    color: white !important;
    font-family: 'Biryani', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 120% !important;
    text-transform: uppercase !important;
    letter-spacing: 0.32px !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    margin: 0 !important;
    width: 100% !important;
    min-width: unset !important;
    text-decoration: none !important;
}

.woocommerce-mini-cart__buttons .checkout:hover {
    transform: translateY(-1px);
    box-shadow: -1px -1px 12px 0px rgba(18, 59, 29, 0.08),
        2px 2px 12px 0px rgba(18, 59, 29, 0.15);
    opacity: 0.95 !important;
}

/* Mini cart checkout button arrow icon styling */
.woocommerce-mini-cart__buttons .checkout .arrow-icon {
    width: 24px;
    height: 24px;
    margin-left: 8px;
    flex-shrink: 0;
    display: inline-block;
}

/* Ensure arrow paths are white */
.woocommerce-mini-cart__buttons .checkout .arrow-icon path {
    stroke: #fff;
    transition: opacity 0.25s ease, transform 0.25s ease;
}

/* Reset base opacity so only the hover state creates the trail effect */
.woocommerce-mini-cart__buttons .checkout .arrow-icon .arrow-1 {
    opacity: 1;
}

.woocommerce-mini-cart__buttons .checkout .arrow-icon .arrow-2 {
    opacity: 0.6;
}

.woocommerce-mini-cart__buttons .checkout .arrow-icon .arrow-3 {
    opacity: 0.35;
}

/* Apply animations on hover */
.woocommerce-mini-cart__buttons .checkout:hover .arrow-icon .arrow-1 {
    animation: arrowOpacity1 1s ease-in-out infinite;
}

.woocommerce-mini-cart__buttons .checkout:hover .arrow-icon .arrow-2 {
    animation: arrowOpacity2 1s ease-in-out infinite;
}

.woocommerce-mini-cart__buttons .checkout:hover .arrow-icon .arrow-3 {
    animation: arrowOpacity3 1s ease-in-out infinite;
}

.woocommerce-mini-cart__buttons .checkout:hover .arrow-icon {
    animation: arrow-glide 0.8s ease-in-out infinite;
}

/* Mobile styles for mini cart checkout button */
@media (max-width: 768px) {
    .woocommerce-mini-cart__buttons .checkout {
        height: 40px !important;
        padding: 8px 16px 8px 24px !important;
        font-size: 14px !important;
    }

    .woocommerce-mini-cart__buttons .checkout .arrow-icon {
        width: 20px !important;
        height: 20px !important;
    }
}

/* Scoped add to cart button hover - applies only in cart/mini-cart contexts */
@layer overrides {
    @scope (:is(.woocommerce-mini-cart, .woocommerce-cart, .cart-widget-side)) {
        .single_add_to_cart_button:hover {
            transform: translateY(-2px);
            box-shadow: -1px -1px 12px 0px rgba(18, 59, 29, 0.08),
                2px 2px 12px 0px rgba(18, 59, 29, 0.15) !important;
            opacity: 0.95;
        }
    }
}

.cart-icon-wrapper {
    display: flex;
    align-items: center;
}

/* Empty cart - Return to Shop button */
.return-to-shop .button {
    background: var(--new-light-green) !important;
    background: #ADFF60 !important;
    color: var(--new-green) !important;
    color: #0F3F36 !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 12px 32px 12px 40px !important;
    min-height: 48px !important;
    font-family: var(--font-primary) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 120% !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Inline SVG arrow icon styling */
.return-to-shop .button .arrow-icon {
    width: 24px !important;
    height: 24px !important;
    margin-right: 8px !important;
    flex-shrink: 0 !important;
    transform: rotate(180deg) !important;
    display: inline-block !important;
}

/* Rotating opacity animation - smooth fade between states with pause */
@keyframes arrowOpacity1 {
    0% {
        opacity: 1;
    }

    13% {
        opacity: 0.6;
    }

    26% {
        opacity: 0.35;
    }

    40% {
        opacity: 0.2;
    }

    53% {
        opacity: 0.35;
    }

    66% {
        opacity: 0.6;
    }

    80% {
        opacity: 0.85;
    }

    86% {
        opacity: 1;
    }

    86%,
    100% {
        opacity: 1;
    }
}

@keyframes arrowOpacity2 {
    0% {
        opacity: 0.5;
    }

    13% {
        opacity: 0.35;
    }

    26% {
        opacity: 0.2;
    }

    40% {
        opacity: 0.35;
    }

    53% {
        opacity: 0.6;
    }

    66% {
        opacity: 0.85;
    }

    80% {
        opacity: 1;
    }

    86% {
        opacity: 0.6;
    }

    86%,
    100% {
        opacity: 0.5;
    }
}

@keyframes arrowOpacity3 {
    0% {
        opacity: 0.2;
    }

    13% {
        opacity: 0.35;
    }

    26% {
        opacity: 0.6;
    }

    40% {
        opacity: 0.85;
    }

    53% {
        opacity: 1;
    }

    66% {
        opacity: 0.85;
    }

    80% {
        opacity: 0.6;
    }

    86% {
        opacity: 0.35;
    }

    86%,
    100% {
        opacity: 0.2;
    }
}

/* Apply animations on hover */
.return-to-shop .button:hover .arrow-icon .arrow-1 {
    animation: arrowOpacity1 1.5s ease-in-out infinite !important;
}

.return-to-shop .button:hover .arrow-icon .arrow-2 {
    animation: arrowOpacity2 1.5s ease-in-out infinite !important;
}

.return-to-shop .button:hover .arrow-icon .arrow-3 {
    animation: arrowOpacity3 1.5s ease-in-out infinite !important;
}

.return-to-shop .button:hover {
    background: #ADFF60 !important;
    color: #0F3F36 !important;
    opacity: 0.9;
}

.return-to-shop .button:active {
    opacity: 0.85;
}

/* Mobile styles */
@media (max-width: 768px) {
    .single_add_to_cart_button {
        height: 40px !important;
        padding: 8px 24px 8px 16px !important;
        gap: 12px !important;
        font-size: 14px !important;
        font-weight: 700;
        line-height: 120%;
    }

    .return-to-shop .button {
        height: 40px !important;
        padding: 8px 24px 8px 32px !important;
        font-size: 14px !important;
    }

    .return-to-shop .button::before {
        width: 20px !important;
        height: 20px !important;
        margin-right: 6px !important;
    }
}

/* ============================================
   Cart Page Background (Matching Checkout Page)
   ============================================ */

/* Apply same grey background to cart page */
.page-id-9 .wd-page-content,
.cart-page .wd-page-content {
    background-color: #ECECEF !important;
}

p.cart-empty.wd-empty-page.wc-empty-cart-message {
    color: var(--new-green);
    font-weight: 800;
}

.woocommerce .wd-empty-page-text {
    color: var(--new-green);
}

/* ============================================
   Cart Page Layout
   ============================================

   LAYOUT STRUCTURE:
   .cart-content-wrapper (CSS Grid)
   ├── form.woocommerce-cart-form (left column, row 1)
   │   └── table.shop_table
   │       └── .wd-cart-action-row > .cart-actions (coupon input + update btn)
   ├── #coupons_list (left column, row 2) - Smart Coupons plugin
   └── .cart_totals (right column, spans rows 1-2)

   SPACING VARIABLES (change these to adjust gaps):
*/
.woocommerce-cart {
    --cart-column-gap: 32px;      /* Gap between left and right columns */
    --cart-row-gap: 16px;         /* Gap between cart form and coupons section */
    --cart-actions-spacing: 16px; /* Space above coupon input row (WoodMart default: 30px) */
}

/* Cart content wrapper - Grid layout similar to checkout page */
.cart .cart-content-wrapper,
.woocommerce-cart .cart-content-wrapper {
    display: grid;
    grid-template-columns: 1fr 460px;
    column-gap: var(--cart-column-gap, 32px);
    row-gap: var(--cart-row-gap, 16px);
    max-width: 1600px;
    margin: 0 auto;
    padding: 0;
    background: transparent;
}

/* Cart table styling - Left column of grid */
.cart-content-wrapper .shop_table {
    background: var(--white, #FFFFFF);
    border: 0px solid var(--grey-1, #ECECEF);
    border-radius: var(--radius-16, 16px);
    padding: 32px;
    margin: 0;
}

/* Ensure cart table cells have proper spacing and typography */
.cart-content-wrapper .shop_table th,
.cart-content-wrapper .shop_table td {
    font-family: 'Biryani', sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: var(--new-green, #0F3F36);
    border-bottom: 1px solid var(--grey-1, #ECECEF);
    padding: 16px 0;
}


.shop_table th.product-name,
.shop_table th.product-price,
.shop_table th.product-quantity,
.shop_table th.product-subtotal {
    text-transform: capitalize;
    color: var(--new-green, #0F3F36);
    font-weight: 700;
    font-size: 16px;
    line-height: 1.4;
}

.shop_table td.product-name {
    color: var(--new-green, #0F3F36);
    font-size: 14px;
    line-height: 1.4;
}

.shop_table td.product-name a {
    color: var(--new-green, #0F3F36);
    text-decoration: none;
    font-weight: 700;
    padding-left: 10px;
    margin-right: -10px;
    transition: all 0.3s ease;
}

.shop_table td.product-name a:hover {
    opacity: 0.8;
}

td.product-thumbnail {
    border-radius: var(--radius-4, 4px);
    overflow: hidden;
    background: var(--grey-1, #ECECEF);
}


td.product-thumbnail img {
    min-width: 65px;
    max-width: 65px;
    mix-blend-mode: multiply;
    border-radius: calc(var(--wd-brd-radius) / 1.5);
}

/* Cart totals section specific styling */
.cart_totals h2 {
    color: var(--new-green, #0F3F36);
    font-family: 'Biryani', sans-serif;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -1.2px;
    margin: 0 0 24px 0;
    text-transform: capitalize;
}

/* Main cart totals container - Right column of grid */
.cart-content-wrapper>* {
    max-width: 100%;
    background: var(--white, #FFFFFF);
    border: 1px solid var(--grey-1, #ECECEF);
    border-radius: var(--radius-16, 16px);
    padding: 32px;
    height: fit-content;
}

.cart-content-wrapper .woocommerce-notices-wrapper:empty {
    display: none !important;
}

.cart-content-wrapper .woocommerce-notices-wrapper {
    display: flex;
    position: absolute;
    top: 120px;
    right: 1%;
    max-width: 1600px;
    padding: 10px;
}


.cart_totals {
    background: var(--white, #FFFFFF);
    border: 1px solid var(--grey-1, #ECECEF);
    border-radius: var(--radius-16, 16px);
    padding: 32px;
    height: fit-content;
}

/* Cart totals inner styling */
.cart-content-wrapper>.cart_totals .cart-totals-inner {
    padding: 0;
    border: 0px;
}

/* Cart totals table styling */
.cart_totals .shop_table {
    width: 100% !important;
    border-collapse: collapse !important;
}

.cart_totals .shop_table th,
.cart_totals .shop_table td {
    padding: 12px 0 !important;
    font-family: 'Biryani', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    border: none !important;
    border-bottom: 1px solid var(--grey-1, #ECECEF) !important;
}

.cart_totals .shop_table th {
    font-weight: 400 !important;
    color: var(--new-green, #0F3F36) !important;
    text-align: left !important;
}

.cart_totals .shop_table td {
    font-weight: 400 !important;
    color: var(--new-green, #0F3F36) !important;
    text-align: right !important;
}

.cart_totals .shop_table .order-total th,
.cart_totals .shop_table .order-total td {
    font-weight: 700 !important;
    font-size: 18px !important;
    border-bottom: none !important;
    padding-top: 16px !important;
    color: var(--new-green, #0F3F36) !important;
}

/* Proceed to checkout button styling */
.cart_totals .checkout-button,
.wc-proceed-to-checkout .checkout-button {
    display: flex !important;
    height: 48px !important;
    padding: 12px 24px 12px 32px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 1 0 0 !important;
    border-radius: 48px !important;
    background: linear-gradient(92deg, #FF6082 0%, #D5153E 89.03%) !important;
    box-shadow: -0.948px -0.948px 10px 0px rgba(18, 59, 29, 0.05),
        1.897px 1.897px 10px 0px rgba(18, 59, 29, 0.12) !important;
    border: none !important;
    color: white !important;
    font-family: 'Biryani', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 120% !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    width: 100% !important;
    min-width: unset !important;
}

.cart_totals .checkout-button:hover,
.wc-proceed-to-checkout .checkout-button:hover {
    transform: translateY(-2px);
    box-shadow: -1px -1px 12px 0px rgba(18, 59, 29, 0.08),
        2px 2px 12px 0px rgba(18, 59, 29, 0.15) !important;
    opacity: 0.95;
}

/* Checkout button arrow icon styling */
.cart_totals .checkout-button .arrow-icon,
.wc-proceed-to-checkout .checkout-button .arrow-icon {
    width: 24px !important;
    height: 24px !important;
    margin-left: 8px !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
}

/* Ensure arrow paths are white */
.cart_totals .checkout-button .arrow-icon path,
.wc-proceed-to-checkout .checkout-button .arrow-icon path {
    stroke: #FFFFFF;
}

/* Apply animations on hover */

.cart_totals .checkout-button:hover .arrow-icon .arrow-1,
.wc-proceed-to-checkout .checkout-button:hover .arrow-icon .arrow-1 {
    animation: arrowOpacity1 1s ease-in-out infinite;
}

.cart_totals .checkout-button:hover .arrow-icon .arrow-2,
.wc-proceed-to-checkout .checkout-button:hover .arrow-icon .arrow-2 {
    animation: arrowOpacity2 1s ease-in-out infinite;
}

.cart_totals .checkout-button:hover .arrow-icon .arrow-3,
.wc-proceed-to-checkout .checkout-button:hover .arrow-icon .arrow-3 {
    animation: arrowOpacity3 1s ease-in-out infinite;
}

.cart_totals .checkout-button .arrow-icon path,
.wc-proceed-to-checkout .checkout-button .arrow-icon path {
    stroke: #fff;
    transition: opacity 0.25s ease, transform 0.25s ease;
}

/* Reset base opacity so only the hover state creates the trail effect */
.cart_totals .checkout-button .arrow-icon .arrow-1,
.wc-proceed-to-checkout .checkout-button .arrow-icon .arrow-1 {
    opacity: 1;
}

.cart_totals .checkout-button .arrow-icon .arrow-2,
.wc-proceed-to-checkout .checkout-button .arrow-icon .arrow-2 {
    opacity: 0.6;
}

.cart_totals .checkout-button .arrow-icon .arrow-3,
.wc-proceed-to-checkout .checkout-button .arrow-icon .arrow-3 {
    opacity: 0.35;
}

@keyframes arrow-glide {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(3px);
    }

    100% {
        transform: translateX(0);
    }
}

.cart_totals .checkout-button:hover .arrow-icon,
.wc-proceed-to-checkout .checkout-button:hover .arrow-icon {
    animation: arrow-glide 0.8s ease-in-out infinite;
}

/* ============================================
   Style WooCommerce Cart Coupon Form
   ============================================ */

/* Style the coupon wrapper to match checkout design */
.cart .wd-cart-action-row .coupon.wd-coupon-form {
    display: flex;
    gap: 8px;
    flex: 1;
    background: var(--white, #FFFFFF);
    border: 1px solid var(--grey-1, #ECECEF);
    border-radius: var(--radius-12, 12px);
    padding: 8px;
    align-items: center;
    margin-bottom: 16px;
}

/* Style the coupon input to match checkout design */
.cart .wd-cart-action-row .coupon.wd-coupon-form .input-text {
    flex: 1;
    padding: 12px 16px;
    background: var(--grey-1, #ECECEF);
    border: none;
    border-radius: var(--radius-8, 8px);
    font-family: 'Biryani', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: var(--new-green, #0F3F36);
    outline: none;
    margin: 0;
    height: auto;
    min-height: unset;
}

.cart .wd-cart-action-row .coupon.wd-coupon-form .input-text::placeholder {
    color: var(--grey-3, #7A7A7A);
}

/* Style the apply coupon button to match checkout design */
.cart .wd-cart-action-row .coupon.wd-coupon-form .button[name="apply_coupon"],
.cart .wd-cart-action-row .coupon.wd-coupon-form button[name="apply_coupon"] {
    background: var(--new-green, #0F3F36);
    background-color: var(--new-green, #0F3F36);
    color: var(--new-light-green, #D8FFB4);
    font-family: 'Biryani', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.28px;
    padding: 12px 24px;
    min-height: auto;
    border-radius: var(--radius-48, 48px);
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-shadow: none;
    text-decoration: none;
    white-space: nowrap;
    margin: 0;
    height: auto;
    min-height: unset;
}

.cart .wd-cart-action-row .coupon.wd-coupon-form .button[name="apply_coupon"]:hover,
.cart .wd-cart-action-row .coupon.wd-coupon-form button[name="apply_coupon"]:hover {
    background: var(--new-green, #0F3F36);
    background-color: var(--new-green, #0F3F36);
    color: var(--new-light-green, #D8FFB4);
    opacity: 0.9;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 63, 54, 0.15);
}

.woocommerce-cart .cart-content-wrapper div.quantity input[type="button"],
.woocommerce-cart .cart-content-wrapper div.quantity input[type="number"] {
    min-width: 30px;
    border: var(--wd-form-brd-width)2px solid var(--white);
    font-size: 16px;
}


input#coupon_code:focus {
    border: none !important;
    outline: 1.6px solid var(--new-green, #0F3F36) !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
    transition: border-color .4s ease;
}

/* ============================================
   Cart Page Responsive Design
   ============================================ */

/* Tablet */
@media (max-width: 1024px) {

    .cart .cart-content-wrapper,
    .woocommerce-cart .cart-content-wrapper {
        grid-template-columns: 1fr 350px !important;
        column-gap: 24px !important;
        row-gap: 16px !important;
    }

    .cart-content-wrapper .shop_table,
    .cart_totals {
        padding: 12px;
    }
}

/* Mobile */
@media (max-width: 768px) {

    .cart .cart-content-wrapper,
    .woocommerce-cart .cart-content-wrapper {
        grid-template-columns: 1fr !important;
        column-gap: 24px !important;
        row-gap: 16px !important;
        padding: 0;
    }

    .cart-content-wrapper .shop_table,
    .cart_totals {
        padding: 20px 16px;
    }

    .cart_totals h2 {
        font-size: 24px;
    }

    .cart-content-wrapper .shop_table td {
        font-size: 14px;
        line-height: 1.4;
        border-bottom: 0px solid var(--grey-1, #ECECEF);
        padding: 6px 0;
    }

    .cart-content-wrapper .shop_table td:not(:last-child) {
        border-bottom: 0px dashed var(--brdcolor-gray-300);
    }

    .shop_table td.product-name a {
        padding-left: 0px;
    }

    .cart-content-wrapper>form.woocommerce-cart-form {
        padding: 0px;
    }

    .cart_totals .shop_table th,
    .cart_totals .shop_table td {
        font-size: 14px !important;
        padding: 10px 0 !important;
    }

    .cart_totals .checkout-button,
    .wc-proceed-to-checkout .checkout-button {
        height: 40px !important;
        padding: 8px 16px 8px 24px !important;
        font-size: 14px !important;
    }

    .cart_totals .checkout-button .arrow-icon,
    .wc-proceed-to-checkout .checkout-button .arrow-icon {
        width: 20px !important;
        height: 20px !important;
    }
}

/* Mobile responsive styles for cart coupon form */
@media (max-width: 768px) {
    .cart .wd-cart-action-row .coupon.wd-coupon-form {
        flex-direction: column;
        gap: 12px;
        padding: 16px;
    }

    .cart .wd-cart-action-row .coupon.wd-coupon-form .input-text {
        width: 100%;
        padding: 14px 16px;
    }

    .cart .wd-cart-action-row .coupon.wd-coupon-form .button[name="apply_coupon"],
    .cart .wd-cart-action-row .coupon.wd-coupon-form button[name="apply_coupon"] {
        width: 100%;
        padding: 14px 24px;
        justify-content: center;
    }

}

/* Empty mini cart - Return To Shop button */
.wd-empty-mini-cart .voltride-empty-cart-btn {
    display: inline-flex !important;
    height: 48px;
    padding: 12px 24px 12px 32px;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 48px;
    background: linear-gradient(92deg, #FF6082 0%, #D5153E 89.03%) !important;
    box-shadow: -0.948px -0.948px 10px 0px rgba(18, 59, 29, 0.05),
        1.897px 1.897px 10px 0px rgba(18, 59, 29, 0.12);
    border: none !important;
    color: white !important;
    font-family: 'Biryani', sans-serif !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wd-empty-mini-cart .voltride-empty-cart-btn:hover {
    transform: translateY(-1px);
    box-shadow: -0.948px -0.948px 12px 0px rgba(18, 59, 29, 0.08),
        1.897px 1.897px 14px 0px rgba(18, 59, 29, 0.16);
}

.wd-empty-mini-cart .voltride-empty-cart-btn .arrow-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: inline-block;
}

/* Arrow paths base styling */
.wd-empty-mini-cart .voltride-empty-cart-btn .arrow-icon path {
    stroke: #fff;
    transition: opacity 0.25s ease, transform 0.25s ease;
}

/* Base opacity for arrows */
.wd-empty-mini-cart .voltride-empty-cart-btn .arrow-icon .arrow-1 {
    opacity: 1;
}

.wd-empty-mini-cart .voltride-empty-cart-btn .arrow-icon .arrow-2 {
    opacity: 0.6;
}

.wd-empty-mini-cart .voltride-empty-cart-btn .arrow-icon .arrow-3 {
    opacity: 0.35;
}

/* Hover animations for arrows */
.wd-empty-mini-cart .voltride-empty-cart-btn:hover .arrow-icon .arrow-1 {
    animation: arrowOpacity1 1s ease-in-out infinite;
}

.wd-empty-mini-cart .voltride-empty-cart-btn:hover .arrow-icon .arrow-2 {
    animation: arrowOpacity2 1s ease-in-out infinite;
}

.wd-empty-mini-cart .voltride-empty-cart-btn:hover .arrow-icon .arrow-3 {
    animation: arrowOpacity3 1s ease-in-out infinite;
}

.wd-empty-mini-cart .voltride-empty-cart-btn:hover .arrow-icon {
    animation: arrow-glide 0.8s ease-in-out infinite;
}

/* ============================================
   Smart Coupons - Cart Page Grid Layout
   ============================================

   These rules ensure proper grid positioning for
   Smart Coupons #coupons_list element in cart layout.
   Note: Pink gradient styling is NOT applied here -
   plugin's default styling is used.
*/

/* Notices wrapper - collapse it so it doesn't take grid space */
.woocommerce-cart .cart-content-wrapper > .woocommerce-notices-wrapper:empty {
    display: none;
}

/* When notices exist, put them above everything in left column */
.woocommerce-cart .cart-content-wrapper > .woocommerce-notices-wrapper:not(:empty) {
    grid-column: 1;
    grid-row: 1;
}

/* Cart form - left column */
.woocommerce-cart .cart-content-wrapper .woocommerce-cart-form {
    grid-column: 1;
    margin-bottom: 0 !important;
}

/* Remove any bottom margin from shop_table to control gap precisely */
.woocommerce-cart .cart-content-wrapper .woocommerce-cart-form .shop_table {
    margin-bottom: 0 !important;
}

/* Ensure action row doesn't add extra bottom spacing */
.woocommerce-cart .cart-content-wrapper .wd-cart-action-row td.actions {
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

/* Override WoodMart's margin-top on cart-actions (parent theme uses 30px) */
.woocommerce-cart .woocommerce-cart-form > .cart .cart-actions {
    margin-top: var(--cart-actions-spacing, 16px) !important;
    margin-bottom: 0 !important;
}

/* Available coupons - left column, below cart form */
.woocommerce-cart .cart-content-wrapper #coupons_list {
    grid-column: 1;
    margin: 0 !important; /* Override Smart Coupons inline margin-bottom: 1.5em */
}

/* ============================================
   Available Coupons Section - Card Styling
   ============================================
   Match the cart form white card design
*/

.woocommerce-cart #coupons_list {
    background: var(--white, #FFFFFF);
    border-radius: var(--radius-16, 16px);
    padding: 24px 32px;
    border: none !important;
}

/* Hide accordion header/toggle - always show coupons */
.woocommerce-cart #coupons_list .sc-accordion-header {
    display: none !important;
}

/* Force content always visible */
.woocommerce-cart #coupons_list .sc-accordion-content {
    display: block !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .woocommerce-cart #coupons_list {
        padding: 20px 16px;
    }
}

/* Cart totals - right column, spans all rows */
.woocommerce-cart .cart-content-wrapper .cart_totals {
    grid-column: 2;
    grid-row: 1 / 4; /* Span from row 1 to row 4 to cover all content */
}

/* ============================================
   Smart Coupons - Cart Page Coupon Card Styling
   ============================================
   Matches checkout page pink gradient style
*/

/* Coupons grid - horizontal layout */
.woocommerce-cart #coupons_list .sc-coupons-list,
.woocommerce-cart #coupons_list #all_coupon_container {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

/* Individual coupon card - Pink gradient style matching checkout */
.woocommerce-cart #coupons_list .sc-coupon {
    display: inline-flex !important;
    align-items: center !important;
    padding: 8px 12px !important;
    background: linear-gradient(135deg, var(--volt-pink-dark, #FF6082) 0%, var(--sales-red, #B1292B) 100%) !important;
    border-radius: 10px !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: opacity 0.2s ease, transform 0.15s ease !important;
    max-width: none !important;
    flex: 0 0 auto !important;
}

.woocommerce-cart #coupons_list .sc-coupon:hover {
    opacity: 0.9 !important;
    transform: translateY(-1px) !important;
}

.woocommerce-cart #coupons_list .sc-coupon:active {
    transform: translateY(0) !important;
}

/* Override plugin color variables */
.woocommerce-cart #coupons_list .sc-coupon {
    --sc-color1: #FFFFFF !important;
    --sc-color2: transparent !important;
    --sc-color3: #FFFFFF !important;
}

/* All text white */
.woocommerce-cart #coupons_list .sc-coupon,
.woocommerce-cart #coupons_list .sc-coupon *,
.woocommerce-cart #coupons_list .sc-coupon span,
.woocommerce-cart #coupons_list .sc-coupon div {
    color: #FFFFFF !important;
}

/* Icon styling */
.woocommerce-cart #coupons_list .sc-coupon svg {
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
    opacity: 0.9 !important;
}

.woocommerce-cart #coupons_list .sc-coupon svg path {
    stroke: #FFFFFF !important;
}

/* Coupon title/amount text */
.woocommerce-cart #coupons_list .sc-coupon .text-sm,
.woocommerce-cart #coupons_list .sc-coupon .font-bold,
.woocommerce-cart #coupons_list .sc-coupon .discount-label {
    font-family: 'Biryani', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    line-height: 1.2 !important;
}

/* Amount inline text */
.woocommerce-cart #coupons_list .sc-coupon .inline-flex,
.woocommerce-cart #coupons_list .sc-coupon .inline-flex span {
    font-family: 'Biryani', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
}

/* Description/code text */
.woocommerce-cart #coupons_list .sc-coupon .font-mono,
.woocommerce-cart #coupons_list .sc-coupon .uppercase {
    font-family: 'Biryani', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    line-height: 1.3 !important;
}

/* Expiry date text */
.woocommerce-cart #coupons_list .sc-coupon .text-xs {
    font-family: 'Biryani', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Remove plugin filters and transforms */
.woocommerce-cart #coupons_list .sc-coupon .space-y-1,
.woocommerce-cart #coupons_list .sc-coupon [style*="filter"] {
    filter: none !important;
}

/* Disable plugin hover scale effect */
.woocommerce-cart #coupons_list .sc-coupon[class*="hover"]:hover {
    transform: translateY(-1px) !important;
}

/* Remove any borders the plugin adds */
.woocommerce-cart #coupons_list .sc-coupon .border,
.woocommerce-cart #coupons_list .sc-coupon [class*="border"] {
    border: none !important;
}