/* ============================================================
   BATCH 3 - Checkout CSS improvements 2026-05-14
   ============================================================ */

/* --- 1. Progress bar connecting line fix (#f46f21) --- */
.woocommerce-checkout .wc-checkout-add-ons-step-number::before,
.woocommerce-checkout .step::before,
.woocommerce-checkout ol.progtrckr li:before,
.woocommerce-checkout ol.progtrckr em:before,
.checkout-progress-bar .step:not(:first-child)::before,
.el-checkout-progress .step + .step::before {
    background-color: #f46f21 !important;
}
/* Progress bar SVG / hr connector */
.woocommerce-checkout .checkout-progress-bar hr,
.woocommerce-checkout .checkout-progress hr {
    border-color: #f46f21 !important;
    background: #f46f21 !important;
}
/* Electro progress bar – the line between nodes */
.el-progress-bar .connector,
.el-checkout-progress .connector {
    background: #f46f21 !important;
}

/* --- 2. Login + Coupon notices: gray boxes side by side --- */
.woocommerce-checkout .woocommerce-info {
    background: #737373 !important;
    border-top-color: #595959 !important;
    color: #fff !important;
    width: calc(50% - 8px) !important;
    display: inline-block !important;
    vertical-align: top !important;
    box-sizing: border-box !important;
    margin-right: 8px !important;
    margin-bottom: 16px !important;
}
.woocommerce-checkout .woocommerce-info::before,
.woocommerce-checkout .woocommerce-info > .blockquote-icon::before {
    color: #fff !important;
}
.woocommerce-checkout .woocommerce-info a {
    color: #fff !important;
    text-decoration: underline !important;
}
/* Clearfix after notices */
.woocommerce-checkout .woocommerce-notices-wrapper::after {
    content: '';
    display: table;
    clear: both;
}

/* --- 3. Company / AFM toggle – orange elongated box --- */
#el-afm-toggle {
    display: inline-block !important;
    background: #f46f21 !important;
    color: #fff !important;
    padding: 8px 20px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    margin-bottom: 12px !important;
    user-select: none !important;
    border: none !important;
    text-decoration: none !important;
}
#el-afm-toggle:hover {
    background: #d95e14 !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* --- 7. Box Now locker button – no shadow, black text --- */
#_boxnow_locker_id_field .boxnow-locker-btn,
#_boxnow_locker_id_field button,
.boxnow-select-locker-btn,
[class*="boxnow"] button {
    box-shadow: none !important;
    text-shadow: none !important;
    color: #000 !important;
}


/* --- AFM/DOU: hidden by default, shown on toggle --- */
#billing_afm_field,
#billing_dou_field {
    display: none;
}

/* --- Remove "(προαιρετικό)" from AFM/DOU labels --- */
#billing_afm_field .optional,
#billing_dou_field .optional {
    display: none !important;
}

/* --- Also hide billing_company field (shown via toggle) --- */
#billing_company_field {
    display: none;
}


/* Coupon toggle hide */
.woocommerce-info.el-coupon-info { display: none !important; }

/* DOY field full width */
#billing_dou_field { width: 100% !important; float: none !important; clear: both !important; margin-left: 0 !important; }
#billing_dou_field input, #billing_dou { width: 100% !important; box-sizing: border-box !important; }

/* Fix: Product page tabs - all on one line */
.woocommerce-tabs ul.tabs.wc-tabs {
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: center;
}
.woocommerce-tabs ul.tabs.wc-tabs li {
    white-space: nowrap;
}