.elib-hello {
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    font-size: 14px;
    line-height: 1.6;
    background: #f9fafb;
}

/* ==== eLIBmentor – Trang Register riêng (/register) ==== */
.elib-register-wrapper {
    display: flex;
    justify-content: center;
    padding: 0px 16px;
}

/* Giữ nguyên style field/button của theme/Woo,
   chỉ giới hạn độ rộng form cho dễ đọc */
.elib-register-wrapper .woocommerce-form-register {
    width: 100%;
    max-width: 480px;   /* cho gọn giống landing */
    margin: 0 auto;
}

/* Tùy chọn: căn giữa title nếu Woo có h2 trong form */
.elib-register-wrapper h2,
.elib-register-wrapper .woocommerce-form-register h2 {
    text-align: center;
    margin-bottom: 16px;
}

/* Căn lề và giới hạn độ rộng của Woo notices trên trang /register */
.elib-register-wrapper .woocommerce-notices-wrapper,
.elib-register-wrapper .woocommerce-error,
.elib-register-wrapper .woocommerce-message,
.elib-register-wrapper .woocommerce-info {
    width: 100%;
    max-width: 480px;
    margin: 0 auto 16px;
}

/* ==== FIX /register MULTI-COLUMN LAYOUT ==== */

/* Bọc wrapper luôn full-width trong Elementor shortcode */
.elementor-shortcode .elib-register-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
}

/* Giới hạn form về 1 cột */
.elib-register-wrapper form.woocommerce-form-register {
    width: 100% !important;
    max-width: 480px !important;
    margin: 0 auto !important;
}

.elib-register-wrapper form.woocommerce-form-register p{
    margin-block-end: 28px;
}

/* Woo extra fields (from plugins) — ép về full width */
.elib-register-wrapper .afreg_extra_fields {
    width: 100% !important;
    max-width: 480px !important;
    margin: 0 auto 16px !important;
}

/* Mỗi form-row hiển thị block, không chia cột */
.elib-register-wrapper .form-row,
.elib-register-wrapper .afreg_extra_fields .form-row,
.elib-register-wrapper p.form-row {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-block-end: 8px !important;
}

/* Tăng khỏang cách giữa label và input */
.afreg_extra_fields .elib-input-icon {
    margin-bottom: 28px;
}

/* Input width full */
.elib-register-wrapper input.input-text,
.elib-register-wrapper input[type="text"],
.elib-register-wrapper input[type="email"],
.elib-register-wrapper input[type="password"] {
    width: 100% !important;
}

/* Button full width */
.elib-register-wrapper button.button {
    width: 100% !important;
}

/* Notices alignment fix */
.elib-register-wrapper .woocommerce-notices-wrapper {
    width: 100% !important;
    max-width: 480px !important;
    margin: 0 auto 16px !important;
}

/* ==== eLIBmentor – Checkout summary ([elib_checkout_summary]) ==== */

.elib-order-summary {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    padding: 16px 18px;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.06);
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 14px;
}

/* Mỗi dòng subtotal / discount / total */
.elib-order-summary .elib-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Nhãn bên trái */
.elib-order-summary .elib-label {
    color: #6b7280;
}

/* Subtotal */
.elib-order-summary .elib-subtotal-row .elib-subtotal-amount {
    font-weight: 500;
}

/* Discount – màu xanh, nhỏ hơn một chút */
.elib-order-summary .elib-discount-row {
    color: #16a34a;
    font-size: 13px;
}

/* Total – nổi bật */
.elib-order-summary .elib-total-row {
    margin-top: 4px;
    padding-top: 8px;
    border-top: 1px dashed #e5e7eb;
}

.elib-order-summary .elib-total-row .elib-total-amount {
    font-weight: 600;
    font-size: 15px;
}

/* Box chứa danh sách coupon (nếu có) */
.elib-order-summary .elib-discount-coupons {
    margin-top: 4px;
    text-align: right;
    font-size: 12px;
    opacity: 0.85;
}