/* Simple, modern layout for the cart-on-top precheckout */
/**
#wcpc-wrapper { margin: 36px auto; max-width: 1100px; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; color: #111; }
.wcpc-cart-top { background:#fff; border:1px solid #e6e9ef; padding:18px; border-radius:12px; margin-bottom:18px; }
.wcpc-title { font-size: 18px; font-weight: 700; margin-bottom: 12px; }*/

.wcpc-steps-wrap { display:block; }
.wcpc-step { background:#fff; border:1px solid #e6e9ef; padding:20px; border-radius:12px; margin-bottom:18px; }
.wcpc-sub { color: #6b7280; margin-bottom: 12px; }

#wcpc-wrapper input[type="email"],
#wcpc-wrapper input[type="tel"],
#wcpc-wrapper input[type="text"],
#wcpc-wrapper select,
#wcpc-wrapper textarea {
    box-sizing: border-box;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #d6d9e0;
    border-radius: 10px;
    font-size: 15px;
    margin-bottom: 10px;
    background: #fff;
    color: #111;
}



/* Grey style ONLY in Step 2 */
#wcpc-step-2 #billing_phone,
#wcpc-step-2 #billing_email,
#wcpc-step-2 #lead_phone,
#wcpc-step-2 #lead_email {
    background: #f2f2f2 !important;
    border: 1px solid #ddd !important;
    color: #000 !important;
}

/* Style the edit links */
.wcpc-edit-link {
    font-size: 12px;
    margin-left: 8px;
    cursor: pointer;
    color: #0073aa;
    display: inline-block;
}

.wcpc-edit-link:hover {
    text-decoration: underline;
}


.wcpc-edit-inline {
    font-size: 12px;
    font-weight: 500;
    margin-left: 8px;
    color: #2563eb;
    cursor: pointer;
}

.wcpc-edit-inline:hover {
    text-decoration: underline;
}


/* Buttons */
.wcpc-btn { display:inline-block; border-radius:10px; padding: 10px 14px; cursor:pointer; font-weight:600; text-align:center; }
.wcpc-btn-primary { background:#2563eb; color:#fff; border: none; width:100%; }
.wcpc-btn-secondary { background:#f3f4f6; color:#111; border:1px solid #e5e7eb; }

/* message */
#wcpc-message { display:none; margin-top:8px; padding:10px; background:#fff3cd; border:1px solid #ffeeba; color:#856404; border-radius:8px; }

/* Keep checkboxes/radios native inside checkout area */
.woocommerce form .form-row input[type="checkbox"],
.woocommerce form .form-row input[type="radio"] {
    all: revert !important;
    margin-right: 6px;
}

/* ---- intl-tel INPUT styling ---- */
@import url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/18.1.1/css/intlTelInput.min.css");

/* Ensure the intl container fits our layout */
#wcpc-wrapper .iti {
    width: 100% !important;
    max-width: 100% !important;
    display: block;
}

/* Phone input appearance */
#wcpc-wrapper .iti input[type="tel"] {
    width: 100% !important;
    padding: 12px 14px 12px 60px !important;
    border: 1px solid #d6d9e0 !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
}

/* Flag container style */
#wcpc-wrapper .iti__flag-container {
    height: 100% !important;
    border: 1px solid #d6d9e0 !important;
    border-right: none !important;
    border-radius: 10px 0 0 10px !important;
    background: #fff !important;
    padding: 6px 10px !important;
}

/* country dropdown */
#wcpc-wrapper .iti__country-list {
    max-height: 220px !important;
    min-height: 100px !important;
    overflow-y: auto !important;
    z-index: 999999 !important;
    background: #fff !important;
}

/* remove bullets */
#wcpc-wrapper .iti__country-list li { list-style: none !important; }

/* hide only the theme-generated country list that might appear after the lead phone (scoped) */
#wcpc-wrapper #lead_phone + .country-list,
#wcpc-wrapper .wcpc-phone-wrap > .country-list {
    display: none !important;
}

/**.iti__country-list {display: none !important;}*/

/* hide billing country visually while on step1 to avoid duplicate controls */
#wcpc-step-1 #billing_country_field { visibility: hidden; height: 0; margin: 0; padding: 0; }

/* phone wrapper protection */
.wcpc-phone-wrap { position: relative; display: inline; }
.wcpc-phone-wrap input { width: 100% !important; }


.iti__flag-container { width: 10% !important; }
.lead_phone {width: 100% !important;}



/* Cart Header Flex */
.wcpc-cart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

/* Toggle Button */
.wcpc-toggle-cart {
    background: transparent;
    border: none;
    font-size: 14px;
    cursor: pointer;
    font-weight: 600;
    padding: 4px 6px;
    color: #333;
    transition: .2s;
}

.wcpc-toggle-cart:hover {
    color: #2a5bd7;
}

/* Slide animation container (optional fallback) */
.wcpc-cart-wrapper {
    overflow: hidden;
}


/* Fix cart container overflowing on right side */
#wcpc-wrapper,
.wcpc-cart-top,
.wcpc-cart-wrapper {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* Ensure cart table fits container */
.wcpc-cart-wrapper table,
.wcpc-cart-wrapper .shop_table {
    width: 100% !important;
    table-layout: auto !important;
}

/* Prevent horizontal scroll from intl-tel input */
#wcpc-wrapper .iti {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

#wcpc-wrapper .iti input[type="tel"] {
    padding-right: 14px !important; /* remove extra right padding */
}

/* WooCommerce cart columns must not exceed container */
.wcpc-cart-wrapper td,
.wcpc-cart-wrapper th {
    white-space: normal !important;
}

/* Ensure toggle row doesn't push width */
.wcpc-cart-header {
    flex-wrap: wrap;
}

/* Wrap long product names if needed */
.wcpc-cart-wrapper .product-name {
    white-space: normal !important;
}