/*
Theme Name: GrandPrix Child
Theme URI: https://grandprix.qodeinteractive.com
Description: A child theme of GrandPrix Theme
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.0.0
Text Domain: grandprix
Template: grandprix
*/

/* =============================
AUTH WRAPPER
============================= */

.creatara-auth-wrapper{
    width:100%;
    max-width:1100px;
    margin:40px auto;
    padding:0 20px;
}


/* =============================
GRID LAYOUT
============================= */

.creatara-auth-grid{
    display:flex;
    /* border:1px solid #e6e6e6; */
    background:#fff;
}


/* LEFT + RIGHT SIDE */

.creatara-auth-left,
.creatara-auth-right{
    width:50%;
    padding:60px 50px;
}


/* divider */

.creatara-auth-left{
    border-right:1px solid #e6e6e6;
        background-color: #f9f9f9;
}


/* =============================
TITLES
============================= */

.auth-title{
    font-size:28px;
    letter-spacing:3px;
    font-weight:700;
    margin-bottom:40px;
}


/* =============================
FORM ROW
============================= */

.form-row{
    margin-bottom:30px;
}


/* INPUT FIELDS */

.creatara-auth-wrapper input[type="text"],
.creatara-auth-wrapper input[type="email"],
.creatara-auth-wrapper input[type="password"]{

    width:100%;
    border:none;
    border-bottom:1px solid #dcdcdc;
    padding:10px 0;
    font-size:14px;
    outline:none;
    background:transparent;
}


/* =============================
PASSWORD FIELD
============================= */

.password-field-container input{
    flex:1;
}


/* SHOW PASSWORD BUTTON */

.toggle-password{
    background:none;
    border:none;
    font-size:12px;
    cursor:pointer;
    color:#888;
}


/* =============================
REMEMBER + LOST PASSWORD
============================= */

.auth-extra-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:25px;
    font-size:13px;
}


.remember-wrap{
    display:flex;
    align-items:center;
    gap:6px;
}


.lost-password-link{
    color:#888;
    text-decoration:none;
}


/* =============================
BUTTON
============================= */

.auth-btn{

    width:100%;
    background:#f2b300;
    border:none;
    padding:14px;
    font-weight:600;
    letter-spacing:1px;
    cursor:pointer;
    transition:0.2s ease;
}


.auth-btn:hover{
    background:#e2a200;
}

.password-field-container{
    position:relative;

}

.password-field-container input{
    width:100%;
    padding-right:60px;
}

.toggle-password{
    position:absolute;
    right:0;
    top:8px;
    background:none;
    border:none;
    font-size:12px;
    cursor:pointer;
    color:#888;
}

/* =============================
RESPONSIVE
============================= */

@media (max-width:900px){

    .creatara-auth-grid{
        flex-direction:column;
    }

    .creatara-auth-left,
    .creatara-auth-right{
        width:100%;
        padding:40px 30px;
    }

    .creatara-auth-left{
        border-right:none;
        border-bottom:1px solid #e6e6e6;
    }

}

.woocommerce-account {
    margin-top: 30px;
    zoom:.9;
    margin-top: 30px auto;

}

.creatara-account-content {
    max-width: 700px;
    /* border: 1px solid #eaeaea; */
    border-radius:5px;
   

}

.account-card {
    padding: 45px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    margin-bottom:25px;
}

.account-card:hover {
    box-shadow: 0 6px 25px rgba(0,0,0,0.08);
}


.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
   .card-body{ 
    /* border: 1px solid rgb(228, 228, 228);
    border-radius: 5px;
    padding-left:10px;
    box-shadow:0px 10px 5px (0,0,0,0.03); */
   }
.card-header h2,
.card-header h3 {
    font-size: 22px;
    letter-spacing: 1px;
}

.dashboard-account {
    font-weight: 600;
    margin: 10px;
}

.account-email {
    /* color: #777; */
}

.account-address {
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Buttons */

.creatara-btn {
    background: #ffffff;
    padding: 10px 24px;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
    display: inline-block;
}

.creatara-btn.secondary {
    background: #111;
    color: #fff;
}

.creatara-btn:hover {
    opacity: 0.9;
}

/* address buttons */

.address-buttons {
    display: flex;
    gap: 10px;
}

.woocommerce-account .woocommerce {
    display: flex;
    align-items: stretch;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    /* min-height: 100%; */
    /* border-right: 1px solid #eee; */
    padding-right: 20px;
    /* background-color:#fffff9; */
     box-shadow: 0 5px 20px rgba(17, 17, 17, 0.05);
       height:70vh !important;
       border-right:1px solid rgb(222, 222, 222)
}



.woocommerce-MyAccount-navigation ul li {
    position: relative;
}
.mkdf-woocommerce-page.woocommerce-account .woocommerce-MyAccount-navigation ul {
    padding: 0 15px 0 0;
    margin: 0;
    list-style: none;
    border-right:none !important;
}


/* .woocommerce-MyAccount-navigation ul li.is-active::after {
    content: "→";
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
} */


/* .woocommerce-MyAccount-navigation {
    background: #fafafa;
    padding: 20px;
    border-radius: 6px;
} */

/* .woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 10px 12px;
    border-radius: 4px;
} */

/* .woocommerce-MyAccount-navigation ul li.is-active a {
    background: #f3e94b;
    font-weight: 600;
} */

/* orders page */

.woocommerce-account .woocommerce-MyAccount-content .orders-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:30px;
/* margin-top:40px; */
}

.woocommerce-account .woocommerce-MyAccount-content .order-card{
  border: 1px solid #f2f2f2;
    padding: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 10px;
}

.woocommerce-account .woocommerce-MyAccount-content .order-status{
font-size:10px;
font-weight:600;
letter-spacing:1px;
margin-bottom:35px;
border: 1px solid rgb(228, 228, 228);
padding:2px 19px ;
border-radius:20px;
display:inline-block;
box-shadow: inset 0 4px 3px rgba(0, 0, 0, 0.2);
/* max-width:50% */
}

.woocommerce-account .woocommerce-MyAccount-content .order-product{
display:flex;
gap:15px;
margin-bottom:15px;
}

.woocommerce-account .woocommerce-MyAccount-content .order-product img{
width:70px;
height:auto;
}

.woocommerce-account .woocommerce-MyAccount-content .product-info h4{
font-size:14px;
margin-bottom:5px;
}

.woocommerce-account .woocommerce-MyAccount-content .order-meta{
margin-top:15px;
}

.woocommerce-account .woocommerce-MyAccount-content .view-order-btn{
display:inline-block;
border:none;
padding:8px 16px;
text-decoration:none;
font-size:12px;
background-color: #fef8a5;
margin-top:10px;

}

.product-image{
    width:80px;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f8f8f8;
}

.product-image img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}

/* order-details view orders  */

/* wrapper */

.creatara-order-wrapper{
max-width:720px;
background:#fff;
border:1px solid #eee;
padding:30px;
/* margin-top:30px; */
}

/* header */

.order-header h2{
font-size:22px;
margin-bottom:10px;
}

.order-info p{
font-size:14px;
color:#555;
margin:3px 0;
}

/* shipping */

.order-shipping{
margin-top:25px;
margin-bottom:25px;
}

.order-shipping h3{
font-size:16px;
margin-bottom:10px;
}

/* buttons */

.order-actions{
display:flex;
gap:15px;
margin-bottom:25px;
}

.creatara-btn{
border:1px solid #000;
padding:10px 22px;
text-decoration:none;
font-size:13px;
display:inline-block;
}

.creatara-btn.secondary{
background:#000;
color:#fff;
}

/* product card */

.order-product-card{
display:flex;
gap:20px;
border-top:1px solid #eee;
padding-top:20px;
margin-top:20px;
}

/* image */

.product-image{
width:90px;
height:90px;
display:flex;
align-items:center;
justify-content:center;
background:#f7f7f7;
}

.product-image img{
max-width:100%;
max-height:100%;
object-fit:contain;
}

/* product text */

.product-details h4{
font-size:15px;
margin-bottom:5px;
}

.product-details p{
font-size:13px;
color:#666;
margin:3px 0;
}

.price{
font-weight:600;
color:#000;
}

/* updates */

.order-updates{
margin-top:30px;
}

.order-updates ul{
padding-left:15px;
}

.order-updates li{
margin-bottom:10px;
font-size:13px;
}



/* wrapper */

.creatara-address-wrapper{
margin-top:30px;
}

/* description */

.address-description{
font-size:14px;
color:#666;
margin-bottom:30px;
}

/* grid */

.address-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:30px;
}

/* card */

.address-card{
background:#fff;
border:1px solid #eee;
padding:25px;
}

/* header */

.address-card-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
}

.address-card-header h3{
font-size:18px;
font-weight:600;
}

/* address text */

.address-body{
font-size:14px;
line-height:1.6;
color:#555;
}

/* button */

.creatara-btn{
border:none;
background:#fef8a5;
padding:8px 18px;
font-size:13px;
text-decoration:none;
/* box-shadow:0 12px 10px rgba(0,0,0,0.06); */
display:inline-block;
}

/* empty */

.empty-address{
color:#999;
font-style:italic;
}

/* edit form */

.password-field{
position:relative;
}

.password-field input{
width:100%;
padding-right:60px;
}

.toggle-password{
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
font-size:13px;
cursor:pointer;
color:#777;
}

button[name="update_cart"]{
display:none !important;
}


#smsalert_share_cart{
display:none !important;
}

/* multi step checkout */

#ship-to-different-address {
display:none;
}

.woocommerce-billing-fields h3{
display:none;
}


.checkout-steps{
display:flex;
gap:30px;
margin-bottom:40px;
}

.step{
position:relative;
font-weight:600;
color:#999;
}

.step.active{
color:#000;
}

/* .step.active::after{
content:"";
position:absolute;
left:0;
bottom:-6px;
height:3px;
width:100%;
background:#FFF250;
} */


.checkout-wrapper{
display:grid;
grid-template-columns: 1.3fr 0.7fr;
gap:70px;
max-width:1200px;
margin:auto;
}

.checkout-left{
max-width:600px;
}

.checkout-right{
background:#fafafa;
padding:40px;
position:sticky;
top:120px;
height:fit-content;
}
button#place_order:disabled{
background:#ccc !important;
cursor:not-allowed;
}

/* .checkout-steps{
display:flex;
gap:30px;
margin-bottom:45px;
font-weight:600;
font-size:14px;
} */

/* .checkout-steps .step{
opacity:.35;
cursor:pointer;
} */

.checkout-steps{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:50px;
position:relative;
}

/* connecting line */

.checkout-steps:before{
content:"";
position:absolute;
top:16px;
left:0;
right:0;
height:2px;
background:#e5e5e5;
z-index:1;
}

/* step */

.step{
position:relative;
z-index:2;
text-align:center;
flex:1;
}

/* number circle */

.step-number{
display:inline-flex;
align-items:center;
justify-content:center;

width:32px;
height:32px;

border-radius:50%;
border:2px solid #ccc;

font-weight:600;
font-size:14px;

background:#fff;
color:#999;
}

/* label */

.step-label{
display:block;
margin-top:8px;
font-size:12px;
letter-spacing:.6px;
color:#999;
}

/* active step */

.step.active .step-number{
border-color:#FFF250;
background:#FFF250;
color:#000;
}

.step.active .step-label{
color:#000;
}

/* completed steps */

.step.completed .step-number{
background:#000;
border-color:#000;
color:#fff;
}

.step.completed .step-label{
color:#000;
}



.checkout-steps .step.active{
opacity:1;
position:relative;
}

/* .checkout-steps .step.active:after{
content:"";
position:absolute;
bottom:-8px;
left:0;
height:3px;
width:100%;
background:#FFF250;
} */



.checkout-step{
display:none;
}

.checkout-step.active{
display:block;
}

/* Checkout Form Layout */

.checkout-left form,
.checkout-left{
max-width:620px;
}

.step-actions{
margin-top:30px;
display:flex;
gap:12px;
}

.step-actions button{
padding:10px 22px;
border:1px solid #000;
background:#fff;
cursor:pointer;
font-weight:600;
transition:.25s;
}

.step-actions button:hover{
background:#000;
color:#fff;
}

.woocommerce form .form-row{
margin-bottom:28px;
}

.woocommerce form .form-row label{
font-size:12px;
font-weight:600;
letter-spacing:1px;
text-transform:uppercase;
color:#888;
margin-bottom:8px;
display:block;
}

/* Inputs */




/* Remove default select box style */

.woocommerce form select{
appearance:none;
background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right center;
background-size:12px;
}

/* Placeholder */

input::placeholder,
textarea::placeholder{
color:#bbb;
}


.checkout-right{
background:#fafafa;
padding:40px;
border-radius:6px;
position:sticky;
top:120px;
}

.checkout-right h3{
margin-bottom:25px;
font-size:22px;
letter-spacing:1px;
}

/* Improve Razorpay / payment section */
#payment{
margin-top:25px;
}

.wc_payment_method{
padding:12px 0;
border-bottom:1px solid #eee;
}

button#place_order:disabled{
background:#ccc;
border:none;
cursor:not-allowed;
}


/* form ui  */

/* Input fields */

.woocommerce form .form-row input,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea{

font-size:18px  !important;
font-weight:700!important;
color:#222;

padding:8px 0;

border:none;
border-bottom:1.5px solid #e5e5e5;

background:transparent;

line-height:1.4;

transition:border-color .2s ease;
}
.woocommerce-checkout{
font-family: "Inter", sans-serif;
}

.woocommerce form .form-row input:focus,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row textarea:focus{

outline:none;
border-bottom:1.5px solid #FFF250;
}

.woocommerce form .form-row label{

font-size:11px;
font-weight:500;

letter-spacing:0.8px;

color:#777;

margin-bottom:4px;
}

input::placeholder,
textarea::placeholder{

font-size:14px;
color:#aaa;
font-weight:400;
}

.woocommerce form select{

font-size:15px;
font-weight:400;
color:#222;
}

.checkout-payment{
max-width:600px;
}

#payment{
margin-top:20px;
}

.wc_payment_method{
padding:14px 0;
border-bottom:1px solid #eee;
}
/* payment section on checkout  */

/* Keep Razorpay option on one line */

#place_order:disabled{
background:#d9d9d9;
cursor:not-allowed;
opacity:.7;
}


.field-error{
color:#e53935;
font-size:13px;
margin-top:-30px;
}

.woocommerce-invalid input{
border-bottom:2px solid #e53935;
}

input::placeholder,
textarea::placeholder{
color:#9e9e9e;
font-weight:400;
}

.next-step:disabled{
opacity:.5;
cursor:not-allowed;
}

/* Terms error */
.woocommerce-invalid #terms {
outline:2px solid #e53935;
}

/* payment back screen on razorpay popup */

/* Order Pay Page */

.woocommerce-order-pay{
/* max-width:700px; */
/* margin:80px auto; */
/* padding:40px; */
background:#fafafa;
border-radius:6px;
}

.woocommerce-order-pay ul.order_details{
margin-bottom:30px;
font-size:14px;
}

.woocommerce-order-pay .woocommerce-info{
background:#f5f5f5;
padding:18px;
border-radius:4px;
margin-bottom:25px;
}

.woocommerce-order-pay button,
.woocommerce-order-pay .button{

background:#FFF250;
border:none;
padding:12px 28px;
font-weight:600;
letter-spacing:.5px;
cursor:pointer;
}

.woocommerce-order-pay .button:disabled{
background:#d9d9d9;
cursor:not-allowed;
}

.woocommerce-order-pay .button:hover{
background:#e8dc46;
}

/* after payment processing  */

.woocommerce-order-pay .processing button{
background:#d9d9d9 !important;
cursor:not-allowed;
opacity:.7;
}


/* Add Loading Indicator (Better UX) */

.processing-payment-message{
display:flex;
align-items:center;
gap:10px;
font-size:14px;
color:#666;
}

.processing-payment-message::before{
content:"";
width:16px;
height:16px;
border:2px solid #ccc;
border-top:2px solid #000;
border-radius:50%;
animation:spin 1s linear infinite;
}

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

/* ---------------- Order Received Card UI --------------------------- */

.woocommerce-order{
max-width:720px;
margin:10px auto ;
background:#ffffff;
padding:50px;
border-radius:10px;
box-shadow:0 12px 20px rgba(0,0,0,0.06);
}

/* success message */

.woocommerce-order > p{
font-size:15px;
color:#555;
margin-bottom:35px;
}

/* order meta */

.woocommerce-order ul.order_details{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
margin-bottom:35px;
padding-bottom:20px;
border-bottom:1px solid #eee;
}

.woocommerce-order ul.order_details li{
font-size:14px;
color:#666;
}

/* headings */

.woocommerce-order h2{
font-size:26px;
letter-spacing:2px;
margin-bottom:25px;
}

/* table */

.woocommerce-order table{
width:100%;
border-collapse:collapse;
}

.woocommerce-order table th{
text-align:left;
font-size:13px;
letter-spacing:1px;
color:#777;
padding:14px 0;
border-bottom:1px solid #eee;
}

.woocommerce-order table td{
padding:16px 0;
border-bottom:1px solid #f2f2f2;
font-size:14px;
}

/* totals */

.woocommerce-order tfoot td{
font-weight:600;
}

/* success highlight */

.woocommerce-order-received .woocommerce-notice{
background:#f6f6f6;
padding:18px;
border-radius:6px;
margin-bottom:30px;
}

.woocommerce-order-received .woocommerce-notice:before{
content:"✓";
display:inline-block;
margin-right:10px;
background:#FFF250;
width:28px;
height:28px;
line-height:28px;
text-align:center;
border-radius:50%;
font-weight:700;
}



/* -------------------------  sidebar ui of the dashboard  --------------------------- */


/* My Account Sidebar */

.woocommerce-account .woocommerce-MyAccount-navigation{
width:220px;
/* border-right:1px solid #eee; */
padding-right:25px;
}

/* menu list */

.woocommerce-MyAccount-navigation ul{
list-style:none;
padding:0;
margin:0;
}

/* menu items */

.woocommerce-MyAccount-navigation li{
margin-bottom:6px;
}

/* links */

.woocommerce-MyAccount-navigation a{
display:flex;
align-items:center;
padding:10px 12px;
font-size:14px;
font-weight:500;
color:#555;
text-decoration:none;
border-radius:6px;
transition:all .2s ease;
}

/* hover */

.woocommerce-MyAccount-navigation a:hover{
background:#f6f6f6;
color:#000;
}

/* active menu */

.woocommerce-MyAccount-navigation .is-active a{
background:#FFF250;
color:#000;
font-weight:600;
}

/* spacing for content */

.woocommerce-account .woocommerce-MyAccount-content{
padding-left:40px;
}

/* 
.woocommerce-MyAccount-navigation a::before{
content:"";
width:16px;
height:16px;
margin-right:10px;
opacity:.6;
background-size:contain;
background-repeat:no-repeat;
}

.woocommerce-MyAccount-navigation-link--dashboard a::before{
background-image:url('/wp-content/uploads/icons/home.svg');
}

.woocommerce-MyAccount-navigation-link--orders a::before{
background-image:url('/wp-content/uploads/icons/orders.svg');
}

.woocommerce-MyAccount-navigation-link--downloads a::before{
background-image:url('/wp-content/uploads/icons/download.svg');
}

.woocommerce-MyAccount-navigation-link--edit-address a::before{
background-image:url('/wp-content/uploads/icons/location.svg');
}

.woocommerce-MyAccount-navigation-link--edit-account a::before{
background-image:url('/wp-content/uploads/icons/user.svg');
} */


.woocommerce-MyAccount-navigation .is-active a{
position:relative;
}

.woocommerce-MyAccount-navigation .is-active a::after{
content:"";
position:absolute;
left:-25px;
top:0;
height:100%;
width:3px;
background:#FFF250;
}


/* top banner removing  */

.eael-adv-accordion .eael-accordion-list .eael-accordion-header{
    background-color: white;
    border-bottom: 1px solid grey;
    
}