/* =============================================
   Custom WooCommerce Cart Page
   Direction: RTL (Hebrew)
   ============================================= */

/* Registrations CSS */
.custom-registration-form label{
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    display: block;
    padding-bottom: 10px;
    padding-top: 20px;
}
.custom-registration-form .row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
.custom-registration-form input,
.custom-registration-form select{
    width: 100%;
    min-height: 47px;
    padding: 6px 16px;
    background-color: var(--white-color);
}
.custom-registration-form .col{
    width: 100%;
}
.custom-registration-form h3{
    font-size: 16px;
    font-weight: 700 !important;
    line-height: 24px;
    padding-top: 20px;
}
.custom-registration-form .checking input{
    width: auto;
    min-height: 10px;
    padding: 0;
    margin-left: 10px;
}
.custom-registration-form .checking label{
    padding: 0;
}
.custom-registration-form .checking{
    padding: 20px 0;
}
.custom-registration-form button{
    width: 100%;
    cursor: pointer;
}


/* ── Layout ── */
.custom-cart-page {
    display: flex;
    gap: 24px;
    max-width: 100%;
    margin: 0 auto;
    justify-content: space-between;
    align-items: start;
}

/* ── Products Area (right column) ── */
.cart-products-area{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 25px;
}
.cart-product-inner {
    width: 100%;
    background: var(--white-color);
    box-shadow: 0px 10px 15px -3px #0000001A;
    border-radius: 15px;
    overflow: hidden;
}

/* ── Cart header row ── */
.cart-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px;
    border-bottom: 1px solid #E5E7EB;
}

.cart-title {
    font-size: 20px;
    font-weight: 700 !important;
    line-height: 28px;
    margin: 0;
    color: var(--black-color);
}

.empty-cart-link {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    line-height: 24px;
    color: #6B7280;
    text-decoration: none;
    cursor: pointer;
    transition: color .2s;
}
.empty-cart-link:hover { color: #e24b4a; }

/* ── Product Card ── */
.cart-product-card {
    border-bottom: 1px solid #E5E7EB;
    padding: 25px;
    display: grid;
    grid-template-columns: 100px 1fr auto auto 30px;
    align-items: center;
    gap: 25px;
}
.cart-product-card:last-child{
    border-bottom: 0;
}
/* image */
.elementor .image-col img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    border-radius: 8px;
    display: block;
    border: 1px solid #E5E7EB;
}

/* info */
.product-name a {
    color: var(--black-color);
    text-decoration: none;
    font-size: 18px;
    font-weight: 700 !important;
    margin: 0 0 4px;
    line-height: 28px;
}
.product-name a:hover { color: var(--yellow-orange-color); }

.info-col .wc-item-meta,
.info-col dl {
    font-size: 12px;
    color: #777;
    margin: 2px 0 6px;
}

/* stock status */
.stock-status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}
.in-stock .status-dot  { background: #22c55e; }
.out-of-stock .status-dot { background: #f97316; }
.in-stock  { color: #22c55e; }
.out-of-stock { color: #f97316; }

/* qty */
.qty-col { display: flex; justify-content: center; }

.qty-wrapper {
    display: flex;
    align-items: center;
    border: 1.5px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    background: #fafafa;
}

.qty-btn {
    width: 34px;
    height: 40px;
    background: transparent;
    border: none;
    font-size: 18px;
    color: #444;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s;
    line-height: 1;
}
.qty-btn:hover { background: #f0f0f0; }
.qty-btn:active { background: #e5e5e5; }

input.qty {
    width: 42px;
    height: 40px;
    border: none;
    border-right: 1.5px solid #e5e7eb;
    border-left:  1.5px solid #e5e7eb;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    background: var(--white-color);
    -moz-appearance: textfield;
    outline: none;
    color: var(--black-color);
}
input.qty::-webkit-inner-spin-button,
input.qty::-webkit-outer-spin-button { -webkit-appearance: none; }

/* price */
.price-col {
    text-align: center;
    min-width: 80px;
}
.price-col .woocommerce-Price-amount {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: var(--black-color);
    color: var(--yellow-orange-color);
    display: block;
}
/* remove */
.remove-col { display: flex; align-items: center; justify-content: center; }
.remove-item {
    text-decoration: none;
    color: #9CA3AF;
    font-size: 18px;
    width: 26px;
    height: 26px;
    font-weight: 700 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background .15s, color .15s;
}
.remove-item:hover { background: #fee2e2; color: #e24b4a; }

/* hidden WC update button */
.hidden-update-btn { display: none !important; }

/* Continue Shopping */
.conShop{
    padding: 25px;
    background: var(--white-color);
    box-shadow: 0px 10px 15px -3px #0000001A;
    border-radius: 15px;
    overflow: hidden;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.conShop h4{
    font-size: 18px;
    line-height: 28px;
    color: var(--black-color);
    font-weight: 700 !important;
    padding-bottom: 10px;
}
.conShop p{
    font-size: 16px;
    line-height: 24px;
    color: #4B5563;
}
.continue-shopping-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    line-height: 24px;
    color: #555;
    background-color: #F3F4F6;
    text-decoration: none;
    border: 1.5px solid #e5e7eb;
    padding: 12px 24px;
    border-radius: 8px;
    transition: background-color .2s, color .2s;
}
.continue-shopping-btn:hover { background-color: var(--yellow-orange-color);}

/* ── Sidebar (left column) ── */
.cart-summary-sidebar {
    width: 400px;
    flex-shrink: 0;
}

.summary-box {
    background: var(--white-color);
    border: 1px solid #f0f0f0;
    border-radius: 14px;
    padding: 25px;
}

.summary-title {
    font-size: 20px;
    font-weight: 700 !important;
    line-height: 28px;
    padding-bottom: 25px;
    color: var(--black-color);
}

/* summary rows */
.summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    font-size: 14px;
}
.summary-label { 
    color: #4B5563; 
    font-size: 16px;
    line-height: 24px;
}
.summary-value { 
    font-weight: 700; 
    color: var(--black-color); 
    color: var(--yellow-orange-color);
    font-size: 16px; 
    line-height: 24px;
}
.discount-value { color: #22c55e; font-weight: 600; }
.free-shipping { color: #22c55e; font-weight: 600; }

/* total row */
.summary-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    margin: 16px 0 25px;
    padding-top: 14px;
    border-top: 1.5px solid #f0f0f0;
    color: var(--black-color);
    color: var(--yellow-orange-color);
}

/* coupon */
.coupon-box {
    display: flex;
    gap: 8px;
    margin-bottom: 25px;
}
.coupon-box input[type="text"] {
    flex: 1;
    padding: 10px 12px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    font-size: 13px;
    outline: none;
    color: var(--black-color);
    background: var(--white-color);
    transition: border-color .2s;
    direction: rtl;
}
.coupon-box input[type="text"]:focus { border-color: var(--yellow-orange-color); background: var(--white-color); }

.apply-coupon-btn {
    max-width: 75px;
    padding: 13px 24px;
    background: #F3F4F6;
    border-radius: 8px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    cursor: pointer;
    color: var(--black-color);
    transition: border-color .2s, background .2s;
    white-space: nowrap;
}
.apply-coupon-btn:hover { background: var(--yellow-orange-color);  }

/* checkout button */
.checkout-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: var(--yellow-orange-color);
    color: var(--black-color);
    padding: 15px 20px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 700 !important;
    line-height: 28px;
    text-decoration: none;
    gap: 8px;
    transition: background .2s, transform .1s;
    box-sizing: border-box;
    text-align: center;
}
.checkout-btn:hover  { background: #c9a22a; }
.checkout-btn:active { transform: scale(.98); }

/* SSL note */
.ssl-note {
    text-align: center;
    font-size: 14px;
    color: #6B7280;
    line-height: 20px;
    padding: 15px 0;
}

/* benefits list */
.beneifListHe{
    border-top: 1px solid #E5E7EB;
    padding: 15px 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700 !important;
}
.benefits-list {
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 7px;
    display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: column;
}
.benefits-list li {
    font-size: 14px;
    line-height: 20px;
    color: #4B5563;
    display: flex;
    align-items: center;
    gap: 7px;
}
.benefits-list li::first-letter { color: #22c55e; }

/* ── WooCommerce notices inside cart ── */
.custom-cart-page .woocommerce-message,
.custom-cart-page .woocommerce-error,
.custom-cart-page .woocommerce-info {
    border-radius: 8px;
    margin-bottom: 16px;
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .custom-cart-page {
        flex-direction: column;
    }
    .cart-summary-sidebar {
        width: 100%;
    }
    .summary-box { position: static; }
}

@media (max-width: 600px) {
    .cart-product-card {
        grid-template-columns: 70px 1fr 30px;
        grid-template-rows: auto auto;
    }
    .image-col  { grid-row: 1 / 3; }
    .info-col   { grid-column: 2; }
    .remove-col { grid-column: 3; grid-row: 1; align-self: start; }
    .qty-col    { grid-column: 2; justify-content: flex-start; }
    .price-col  { grid-column: 2 / 4; text-align: right; }
    .price-col .woocommerce-Price-amount { font-size: 17px; }
}

/* Header Cart Icon */
.headeriCond .elementor-icon-list-item{
    position: relative;
}
.header-cart-icon{
    position: absolute;
    top: -8px;
    left: -5px;
    width: 20px !important;
    height: 20px;
    border-radius: 50%;
    background: #c9a22a;
    color: var(--black-color) !important;
    font-size: 12px !important;
    line-height: 20px;
    text-align: center !important;
    font-weight: 700;
    display: block !important;
}

/* Checkout Page */
#customer_details .woocommerce-billing-fields__field-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
}
#billing_first_name_field{width: 48%;}
#billing_last_name_field{width: 48%;}
#billing_address_1_field{width: 100%;}
#billing_postcode_field{width: 31%;}
#billing_apartment_field{width: 31%;}
#billing_city_field{width: 31%;}
#billing_phone_field{width: 48%;}
#billing_email_field{width: 48%;}

#order_review .woocommerce-shipping-totals.shipping{
    display: none;
    opacity: 0;
}

.custom-shipping-card{
    padding: 25px;
    margin-bottom: 20px;
    background-color: var(--white-color);
    border-radius: 15px;
    box-shadow: 0px 10px 15px -3px #0000001A;
}
.custom-shipping-card h3{
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 28px;
}
.custom-shipping-option label{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    padding: 15px;
}
.custom-shipping-option.selected label{
    border-color: var(--yellow-orange-color);
    background-color: #F9FAFB;
}

.custom-shipping-option{
    margin-bottom: 15px;
}
.custom-shipping-option:last-child{
    margin-bottom: 0;
}
.labelinner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.custom-shipping-option .shipping-title{
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: var(--black-color);
}
.custom-shipping-option .shipping-description{
    font-size: 14px;
    line-height: 20px;
    color: var(--black-color);
}
.custom-shipping-option .shipping-price{
    font-size: 16px;
    line-height: 24px;
    color: var(--yellow-orange-color);
    font-weight: 700;
}

/* Checkout Page Order */
.checkout-product-card{
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 15px;
    border-bottom: 1px solid #e5e7eb;
}
.checkout-product-card img{
    width: 65px;
    height: 65px !important;
    object-fit: contain;
    border: 1px solid #E5E7EB !important;
    border-radius: 10px !important;
}
.woocommerce-checkout-review-order-table td{
    padding: 0;
}
.checkout-product-card .product-info h4{
    font-size: 14px;
    line-height: 20px;
    font-weight: 600 !important;
    color: var(--black-color);
}
.checkout-product-card .product-info .qty{
    font-size: 12px;
    line-height: 16px;
    color: var(--black-color);
}
.checkout-product-card .product-info .product-price{
    font-size: 16px;
    line-height: 24px;
    color: #FDB913;
}
.woocommerce-checkout-review-order-table tfoot td{
    padding: 0;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400 !important;
}
.woocommerce-checkout-review-order-table tfoot th{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400 !important;
}
.woocommerce-checkout-review-order-table .order-total td{
    font-size: 18px;
    line-height: 28px !important;
    color: #FDB913 !important;
    font-weight: 700 !important;
}
.woocommerce-checkout-review-order-table .order-total th{
    font-size: 18px;
    line-height: 28px !important;
    color: var(--black-color) !important;
    font-weight: 700 !important;
}

.e-coupon-box .e-coupon-anchor{
    display: block !important;
}
.e-coupon-anchor-description{
    display: none !important;
}

ul.wc_payment_methods.payment_methods.methods li{
    padding: 15px;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    margin-bottom: 15px !important;
    font-size: 16px;
    line-height: 24px !important;
    font-weight: 700 !important;
}

.woocommerce-privacy-policy-text p {
  margin-top: 10px !important;
  padding-bottom: 15px;
  font-size: 14px !important;
  line-height: 20px;
}

.woocommerce-thankyou-order-received{
    font-size: 20px;
    line-height: 28px;
    font-weight: 600px;
    color: var(--black-color) !important;
}

.searchIcon{
    cursor: pointer;
}

.xoo-wsc-sc-bki{
    display: block !important;
}

@media (max-width: 1024px){
    .searchBarBlock{
        max-height: 0;
        overflow: auto !important;
        opacity: 0;
        transition: all ease-in-out 0.5s !important;
    }
    .searchBlockH{
        opacity: 0;
        transition: all ease-in-out 0.5s !important;
    }
    .searchBarBlock .e-con-inner{
        max-height: 0 !important;
        overflow: auto !important;
        padding: 0;
        transition: all ease-in-out 0.5s !important;
    }
    .searchBarBlock.active{
        max-height: 600px;
        opacity: 1;
    }
    .searchBarBlock.active .e-con-inner{
        max-height: 100% !important;
        padding-bottom: 15px;
    }
    .searchBarBlock.active .searchBlockH{
        opacity: 1;
    }
    .custom-shipping-card h3{
        margin-bottom: 20px;
    }
}

@media (max-width: 767px){
    .empty-cart-link{
        display: none;
    }
    .cart-header{
        padding: 15px;
    }
    .cart-title{
        font-size: 18px;
        line-height: 24px;
    }
    .cart-product-card{
        gap: 10px 15px;
        grid-template-columns: 90px 1fr 10px;
        padding: 20px;
    }
    .product-name a{
        font-size: 16px;
        line-height: 20px;
    }
    input.qty {
        width: 35px;
        height: 30px;
        font-size: 14px;
    }
    .qty-btn{
        height: 30px;
    }
    .conShop{
        padding: 20px;
        gap: 10px;
    }
    .conShop h4 {
        font-size: 16px;
        line-height: 24px;
    }
    .conShop p {
        font-size: 14px;
        line-height: 20px;
    }
    .continue-shopping-btn{
        gap: 5px;
        font-size: 12px;
        line-height: 24px;
        padding: 10px 15px;
    }
    .summary-box{
        padding: 20px;
    }
    .summary-title{
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 15px;
    }
    .summary-label {
        font-size: 14px;
        line-height: 20px;
    }
    .summary-value {
        font-size: 14px;
        line-height: 20px;
    }
    .summary-total {
        font-size: 18px;
        line-height: 24px;
    }
    .custom-shipping-card{
        padding: 20px;
    }
    .custom-shipping-card h3{
        margin-bottom: 20px;
    }
    #billing_first_name_field{width: 100%;margin-bottom: 0;}
    #billing_last_name_field{width: 100%;margin-bottom: 0;}
    #billing_address_1_field{width: 100%;margin-bottom: 0;}
    #billing_postcode_field{width: 100%;margin-bottom: 0;}
    #billing_apartment_field{width: 100%;margin-bottom: 0;}
    #billing_city_field{width: 100%;margin-bottom: 0;}
    #billing_phone_field{width: 100%;margin-bottom: 0;}
    #billing_email_field{width: 100%;margin-bottom: 0;}
    .woocommerce-checkout-review-order-table .checkout-product-row td{
        padding: 0 !important;
    }
    .elementor-widget-woocommerce-checkout-page .woocommerce .coupon-container-grid {
        display: grid !important;
        gap: 10px;
    }
    #coupon_code{
        margin-bottom: 0 !important;
    }

}

/* Empty cart */
.return-to-shop{
    text-align: center;
}
.return-to-shop a,
.woocommerce-message a.button.wc-forward{
    font-size: 18px !important;
    line-height: 24px !important;
    padding: 15px 40px !important;
    background: var(--black-color) !important;
    color: var(--white-color) !important;
}
.return-to-shop a:hover,
.woocommerce-message a.button.wc-forward:hover{
    background-color: #c9a22a !important;
    color: var(--black-color) !important;
}

/* Cart Page Loader */
.cart-item-loader{
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.7);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:99;
}

.cart-product-card.loading .cart-item-loader{
    display:flex;
}

.spinner{
    width:35px;
    height:35px;
    border:3px solid #ddd;
    border-top:3px solid #000;
    border-radius:50%;
    animation:spin .8s linear infinite;
}

@keyframes spin{
    100%{
        transform:rotate(360deg);
    }
}

/* Coupon Loader */
.coupon-box{
    position:relative;
}
.coupon-box.loading{
    pointer-events:none;
    opacity:.7;
}

.coupon-box.loading::after{
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    width:24px;
    height:24px;
    margin:-12px 0 0 -12px;
    border:3px solid #ddd;
    border-top-color:#000;
    border-radius:50%;
    animation:couponSpin .8s linear infinite;
    z-index:10;
}

@keyframes couponSpin{
    to{
        transform:rotate(360deg);
    }
}

/* Dashboard */
.custom-dashboard{
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 30px;
}
.tab-content{
    display:none;
}
.tab-content.active{
    display:block;
}
.rightBar{
    background: var(--white-color);
    padding: 25px;
    border-radius: 15px;
    max-width: 25%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.rightBar .imageArea{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 15px;
    border: 2px solid #FDB913;
}
.rightBar .imageArea img{
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.nameArea h3{
    font-size: 18px;
    line-height: 28px;
    color: var(--black-color);
    font-weight: 700 !important;
    text-align: center;
}
.nameArea p{
    font-size: 14px;
    line-height: 20x;
    color: #6B7280;
    text-align: center;
}
.nameArea{
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #E5E7EB;
    width: 100%;
}
ul.dashmenuArea{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}
ul.dashmenuArea li{
    width: 100%;
}
ul.dashmenuArea li a{
    display: block;
    padding: 12px 44px;
    font-size: 16px;
    line-height: 24px;
    color: var(--black-color);
    border-radius: 10px;
    position: relative;
}
ul.dashmenuArea li.active a{
    background-color: #FDB913;
    font-weight: 700 !important;
}
ul.dashmenuArea li.logout a{
    color: #DC2626;
}
ul.dashmenuArea li a:after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 18px;
    margin: auto;
    width: 16px;
    height: 16px;
    background-image: url(../images/Img1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
ul.dashmenuArea li.overview a:after{background-image: url(../images/Img1.png);}
ul.dashmenuArea li.orders a:after{background-image: url(../images/Img2.png);}
ul.dashmenuArea li.vehicles a:after{background-image: url(../images/Img3.png);}
ul.dashmenuArea li.profile a:after{background-image: url(../images/Img4.png);}
ul.dashmenuArea li.address a:after{background-image: url(../images/Img5.png);}
ul.dashmenuArea li.wishlist a:after{background-image: url(../images/Img6.png);}
ul.dashmenuArea li.logout a:after{background-image: url(../images/Img7.png);}

.leftBox{
    max-width: 75%;
    width: 100%;
}
/* Dashboard Stat */
.dashboard-stats{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
    width: 100%;
}
.stat-card{
    background-color: var(--white-color);
    padding: 25px;
    border-right: 4px solid #3B82F6;
    border-radius: 15px;
    max-width: 25%;
    width: 100%;
}
.stat-title{
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #4B5563;
}
.stat-number{
    text-align: left;
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;
    color: var(--black-color);
    margin-bottom: 15px;
    position: relative;
}
.stat-number:after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    background-image: url(../images/over1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain ;
}
.stat-card.wishlist .stat-number:after{background-image: url(../images/over4.png);}
.stat-card.vehicles .stat-number:after{background-image: url(../images/over3.png);}
.stat-card.assistance .stat-number:after{background-image: url(../images/over2.png);}
.stat-card.orders .stat-number:after{background-image: url(../images/over1.png);}

.stat-card.wishlist{border-right: 4px solid #A855F7;}
.stat-card.vehicles{border-right: 4px solid #3B82F6;}
.stat-card.assistance{border-right: 4px solid #22C55E;}
.stat-card.orders{border-right: 4px solid #FDB913;}

/* Dashboard Orders */
.dashOrdes{
    margin-top: 30px;
    background-color: var(--white-color);
    border-radius: 15px;
    padding: 30px;
}
.dashOrderTop{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding-bottom: 25px;
}
.dashOrderTop h3{
    font-size: 24px;
    line-height: 32px;
    font-weight: 700 !important;
    color: var(--black-color);
}
.dashOrderTop a{
    font-size: 16px;
    line-height: 24px;
    font-weight: 600 !important;
    color: #FDB913;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
}
.dashOrderTop a:hover{
    color: var(--black-color);
}
.dashOrderTop a:hover svg path{
    fill: var(--black-color);
}
.order-card{
    border: 1px solid #E5E7EB;
    padding: 25px;
    border-radius: 10px;
}
.order-top{
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 25px;
    padding: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #E5E7EB;
}
.order-price .price{
    font-size: 24px;
    line-height: 32px;
    font-weight: 700 !important;
    color: var(--black-color);
    text-align: left;
    direction: ltr;
}
.order-price .items-count{
    font-size: 14px;
    line-height: 20px;
    color: #6B7280;
    text-align: left;
}
.order-header {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 10px;
    padding-bottom: 10px;
}
.order-header .order-id{
    font-size: 18px;
    line-height: 28px;
    font-weight: 700 !important;
    color: var(--black-color);
    text-align: right;
}
.order-header .status{
    font-size: 14px;
    line-height: 20px;
    font-weight: 700 !important;
    color: #15803D;
    background-color: #DCFCE7;
    padding: 4px 12px;
    border-radius: 25px;
}
.order-details .dates p{
    font-size: 14px;
    line-height: 20px;
    color: #4B5563;
}
.order-actions{
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 10px;
}
.order-actions .product-info{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.order-actions .product-info img{
    width: 65px;
    height: 65px;
    border-radius: 10px;
    border: 1px solid #E5E7EB;
    object-fit: fill;
    display: block;
}
.product-text strong{
    font-size: 16px;
    line-height: 24px;
    color: var(--black-color);
    display: block;
}
.product-text span{
    font-size: 14px;
    line-height: 20px;
    color: #4B5563;
    display: block;
}
.orderBtngroup{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.orderBtngroup a{
    border: 1px solid #D1D5DB;
    border-radius: 10px;
    padding: 8px 16px;
    color: var(--black-color);
    font-size: 16px;
    line-height: 24px;
    font-weight: 700 !important;
    background-color: var(--white-color);
}
.orderBtngroup a.btn-yellow{
    border-color: #FDB913;
    background-color: #FDB913;
}
.orderBtngroup a:hover{
    background-color: var(--black-color);
    color: var(--white-color);
}

/* My Vehicles */
.vehiclesSection{
    box-shadow: 0px 10px 15px -3px #0000001A;
    padding: 30px;
    border-radius: 15px;
    background-color: var(--white-color);
}
.vehiclesSection .topPart h3{
    font-size: 24px;
    line-height: 32px;
    color: var(--black-color);
    font-weight: 700 !important;
}
.vehiclesSection .topPart a{
    background-color: #FDB913;
    font-size: 16px;
    line-height: 24px;
    color: var(--black-color);
    font-weight: 700 !important;
    padding: 12px 24px;
    width: 170px;
    text-align: left;
    font-weight: 600;
    display: block;
    border-radius: 10px;
    position: relative;
}
.vehiclesSection .topPart a:after{
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(../images/plus.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
}
.vehiclesSection .topPart{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding-bottom: 25px;
}
.vehiclesInfo{
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 20px;
    flex-wrap: wrap;
}
.vehicleUpdateForm{
    max-width: 31%;
    width: 100%;
}
.vehicle-card{
    width: 100%;
    border: 1px solid #E5E7EB;
    border-radius: 15px;
    padding: 25px;
}
.vehicle-card.primary{
    border-color: #FDB913;
    background: #FDB9130D;
}
.cardTop{
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 20px;
    padding-bottom: 15px;
}
.cardImage{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #E5E7EB;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.primary .cardImage{
    background-color: #FDB913;
}
.cardTop span{
    font-size: 12px;
    line-height: 16px;
    color: var(--black-color);
    padding: 5px 12px;
    font-weight: 700;
    background-color: #E5E7EB;
    border-radius: 25px;
    display: block;
}
.primary .cardTop span{
    background-color: #FDB913;
}
.vehicle-card h4{
    font-size: 20px;
    line-height: 28px;
    color: var(--black-color);
    padding-bottom: 10px;
    font-weight: 700 !important;
}
.vehicle-card p{
    font-size: 16px;
    line-height: 24px;
    color: #4B5563;
    padding-bottom: 5px;
}
.vehicle-card p input{
    width: 100%;
    display: block;
    padding: 5px 10px;
}
.cardOrderInfo{
    background-color: #F9FAFB;
    padding: 10px;
    border-radius: 10px;
    margin: 15px 0;
}
.cardOrderInfo h5{
    font-size: 14px;
    line-height: 20px;
    color: #4B5563;
    padding-bottom: 10px;
}
.cardOrderInfo p{
    font-size: 14px;
    line-height: 20px;
    color: #4B5563;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cardOrderInfo p:last-child{
    padding-bottom: 0;
}
.cardBOttom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.cardBOttom a{
    display: block;
    border: 1px solid #D1D5DB;
    border-radius: 10px;
}
.cardBOttom .cartbtn{
    max-width: 160px;
    width: 100%;
    padding: 8px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: var(--white-color);
    background-color: var(--black-color);
    border: 1px solid var(--black-color);
}
.cardBOttom button{
    max-width: 160px;
    width: 100%;
    padding: 8px !important;
    text-align: center;
    font-size: 16px !important;
    line-height: 24px !important;
    color: var(--white-color);
    border: 1px solid #FDB913;
    margin-top: 15px;
}
.primary .cardBOttom .cartbtn{
    background-color: #FDB913;
    border: 1px solid #FDB913;
    color: var(--black-color);
}
.cardBOttom a.cartEdit{
    max-width: 50px;
    width: 100%;
    height: 42px;
    color: var(--white-color);
    position: relative;
}
.cardBOttom a.cartEdit:after{
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../images/pen.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.vehicle-popup{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.6);
    z-index:99999;
}
.vehicle-popup-inner{
    background:var(--white-color);
    width:500px;
    max-width:90%;
    margin:80px auto;
    padding:30px;
    border-radius:10px;
    position:relative;
}
.closePopup{
    position:absolute;
    top:10px;
    right:15px;
    font-size:24px;
    cursor:pointer;
}
.vehicle-popup-inner h3 {
  font-size: 24px;
  line-height: 32px;
  color: var(--black-color);
  text-align: center;
  padding-bottom: 20px;
  font-weight: 700 !important;
}
.vehicle-card .popcheckbox input{
    width: auto;
    display: inline-block;
}

/* Profile */
.profile-wrapper{
    background:var(--white-color);
    padding:30px;
    border-radius:15px;
    box-shadow: 0px 10px 15px -3px #0000001A;
}
.profile-wrapper h2{
    font-size:24px;
    line-height: 32px;
    margin-bottom:25px;
    font-weight:700 !important;
}
.profile-item{
    width: 100%;
}
.profile-item label{
    display:block;
    color:#888;
    margin-bottom:10px;
    font-size:14px;
}
.profile-item input{
    width:100%;
    border:none;
    font-size:22px;
    font-weight:600;
    background:transparent;
    outline:none;
}
.profile-btn{
    margin-top: 25px;
    background-color: #FDB913;
    font-size: 16px;
    line-height: 24px;
    color: var(--black-color);
    font-weight: 700 !important;
    padding: 12px 24px;
    text-align: center;
    font-weight: 600;
    display: block;
    border-radius: 10px;
    position: relative;
}
.profile-btn:hover{
    background-color: var(--black-color);
    color: var(--white-color);
}
.success-message{
    background:#d4edda;
    color:#155724;
    padding:15px;
    border-radius:8px;
    margin-bottom:20px;
}
.profile-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px 0;
    border-bottom:1px solid #e5e5e5;
}
.edit-link{
    color:#FDB913;
    text-decoration:none;
    font-weight:600;
    font-size: 16px;
    line-height: 20px;
}
/* Dashboard Responsive */
@media (max-width: 767px){
    .custom-dashboard{
        flex-wrap: wrap;
    }
    .rightBar,
    .leftBox{
        max-width: 100%;
    }
}
@media (max-width: 500px){
    .dashboard-stats{
        flex-wrap: wrap;
        gap: 15px;
    }
    .stat-card{
        max-width: 47%;
        padding: 15px;
    }
    .order-actions,
    .vehiclesSection .topPart{
        flex-wrap: wrap;
    }
    .dashOrdes,
    .order-card,
    .vehiclesSection,
    .profile-wrapper{
        padding: 15px;
    }
    .dashOrderTop h3 {
        font-size: 18px;
        line-height: 24px;
    }
    .dashOrderTop a {
        font-size: 14px;
        line-height: 20px;
    }
    .order-top{
        gap: 15px;
        padding: 0 0 15px;
    }
    .order-header .order-id {
        font-size: 14px;
        line-height: 20px;
    }
    .order-header .status {
        font-size: 10px;
        line-height: 12px;
    }
    .order-price .price {
        font-size: 18px;
        line-height: 24px;
    }
    .vehiclesSection .topPart h3 {
        font-size: 18px;
        line-height: 24px;
    }   
    .vehiclesSection .topPart a{
        font-size: 14px;
        line-height: 20px;
        width: 160px;
    }
    .vehicleUpdateForm {
        max-width: 100%;
    }
    .profile-item input{
        font-size: 16px;
    }
    .profile-btn{
        font-size: 14px !important;
        line-height: 20px !important;
        padding: 10px 20px 10px 20px !important;
    }
    .profile-wrapper h2 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    
}

/* Thank You Page */
.custom-thankyou-wrapper{
    max-width:1200px;
    margin: auto;
}

.thankyou-header{
    text-align:center;
    margin-bottom:50px;
}

.success-icon{
    width:80px;
    height:80px;
    line-height:80px;
    margin:auto;
    border-radius:50%;
    background:#22c55e;
    color:var(--white-color);
    font-size:40px;
    font-weight:bold;
}

.thankyou-header h2{
    font-size:32px;
    line-height: 48px;
    padding: 20px 0 0;
    color: var(--black-color);
    font-weight: 700 !important;
}

.thankyou-header p{
    font-size:20px;
    line-height: 28px;
    color: var(--black-color);
}

.order-info-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-bottom:40px;
}

.info-box{
    background:var(--white-color);
    padding:25px;
    border-radius:15px;
    text-align:center;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.info-box > span{
    display:block;
    color:#4B5563;
    margin-bottom:10px;
    font-size: 20px;
    line-height: 28px;
}

.info-box strong{
    font-size:24px;
    line-height: 32px;
    color: var(--black-color);
    color: var(--yellow-orange-color);
}

.thankyou-cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.card{
    background:var(--white-color);
    padding:30px;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.thankyou-cards .card h3{
    font-size: 20px !important;
    line-height: 28px;
    font-weight: 700 !important;
    padding-bottom: 20px;
    margin-bottom: 0 !important;
}

.thankyou-cards .card p{
    font-size: 16px;
    line-height: 20px;
    color:#4B5563;
}

.thankyou-cards .woocommerce-Price-amount{
    color: var(--yellow-orange-color);
}

.card table{
    width:100%;
    margin-bottom: 0;
}

.card table tr{
    border-bottom:1px solid #eee;
}

.card table td{
    padding:12px 0;
    font-size: 16px;
    line-height: 20px;
    color:#4B5563;
}

.total-row{
    font-weight:700;
    font-size:18px;
    color: var(--black-color);
}

.thankyou-buttons{
    text-align:center;
    margin-top:40px;
}

.thankyou-buttons .btn-one,
.thankyou-buttons .btn-two{
    display:inline-block;
    padding:14px 30px;
    border-radius:10px;
    text-decoration:none;
    margin:0 10px;
    font-weight: 600;
}

.thankyou-buttons .btn-one,
.thankyou-buttons .btn-two:hover{
    background:#fdb913;
    color:var(--black-color);
}

.thankyou-buttons .btn-two,
.thankyou-buttons .btn-one:hover{
    background:var(--black-color);
    color:var(--white-color);
}

.woocommerce-order-received p.woocommerce-thankyou-order-received,
.woocommerce-order-received .woocommerce-thankyou-order-details{
    display: none !important;
}

@media(max-width:768px){

    .order-info-grid{
        grid-template-columns:1fr 1fr;
    }

    .thankyou-cards{
        grid-template-columns:1fr;
    }

    .thankyou-header h1{
        font-size:28px;
    }
}

/* Variations */
.custom-swatches-container{
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
}
.custom-swatch-box{
    display: flex;
    justify-content: start;
    align-items: center;
    border: 2px solid #dedede;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}
.swatch-image{
    width: 85px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 2px solid #dedede;
}
.swatch-image img{
    width: 55px;
    object-fit: contain;
    display: block;
}
.swatch-details{
    width: 89px;
    height: 75px;
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
.swatch-val{
    font-size: 14px;
    line-height: 16px;
    font-weight: 600 !important;
    color: var(--black-color);
    display: block;
}
.swatch-price .price {
  font-size: 16px !important;
  line-height: 20px;
  color: var(--black-color) !important;
}
.swatch-price .price del{
    display: none !important;
}
.custom-swatch-box.active-swatch{
    border: 2px solid #FDB913;
}
.custom-swatch-box.active-swatch .swatch-image{
    border-left: 2px solid #FDB913;
}
.single_variation_wrap{
    width: 100%;
}
.single_variation_wrap .woocommerce-variation-add-to-cart{
    display: flex !important;
    justify-content: space-between;
    align-items: end;
    gap: 15px;
    flex-wrap: wrap !important;
}
.single_variation_wrap .woocommerce-variation-price{
    display: none !important;
}
@media (max-width: 767px){
    .custom-swatch-box{
        max-width: 48%;
    }
    .custom-swatches-container{
        flex-wrap: wrap;
    }
}
.product-card.no-price{
    display: none !important;
}

/* Product Page Image Gallery */
#wpgs-gallery.wcgs-woocommerce-product-gallery .wcgs-carousel{
    height: 580px;
}
.wcgs-carousel .wcgs-slider-image{
    height: 100%;
}
#wpgs-gallery img{
    height: 100% !important;
    object-fit: contain;
}
.payment_box.payment_method_tranzila{
    display: none !important;
}
.woocommerce-order-pay .order_details{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 40px;
}
.woocommerce-order-pay .woocommerce ul.order_details li{
    border: 0;
    margin: 0;
    padding: 0;
}
.woocommerce-order-pay .woocommerce ul.order_details::after, 
.woocommerce-order-pay .woocommerce ul.order_details::before {
  display: none;
}
.woocommerce-order-pay .woocommerce > p{
    display: none;
}
.w2t-tranzila-form-page .button.cancel{
    display: none;
}
@media(max-width: 767px){
    .woocommerce-order-pay .order_details{
        flex-wrap: wrap;
        gap: 20px;
    }

    #wpgs-gallery.wcgs-woocommerce-product-gallery .wcgs-carousel {
        height: 400px;
    }
}
.woocommerce-error .button.wc-forward{
    background-color: var(--black-color);
    color: var(--white-color);
    font-size: 16px;
    line-height: 25px;
}
.e-checkout__order_review .woocommerce-Price-amount{
    color: var(--yellow-orange-color);
}
.xoo-wsc-footer .xoo-wsc-ft-amt-subtotal .woocommerce-Price-amount,
.xoo-wsc-smr-ptotal .woocommerce-Price-amount{
    color: var(--yellow-orange-color)  !important;
}
.woocommerce-order-pay .woocommerce ul.order_details li.method{
    order: 4;
}
.woocommerce-order-pay .woocommerce ul.order_details li.total{
    order: 2;
}
.woocommerce-order-pay .woocommerce ul.order_details li.date{
    order: 3;
}
.woocommerce-order-pay .woocommerce ul.order_details li.order{
    order: 1;
}
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout{
    background-color: var(--yellow-orange-color);
    color: var(--black-color);
}
.added:after{
    content: " " !important;
}
.added.loading:after{
     content:"\e01c" !important;
}