/**
 * EU Returns, Refunds & Right of Withdrawal — front office styles.
 *
 * @author    GURU CODERS
 * @copyright 2026 GURU CODERS
 * @license   Commercial license
 *
 * Scoped to .eulr-* so the theme is never affected. The templates use standard
 * classic-theme markup (card / table / alert / data-label), so this only adds
 * module-specific polish and cross-theme badge fallbacks.
 */

/* ---- Status badges ----
 * Templates use `badge badge-X label label-X`. Bootstrap-4 front themes style
 * all six; these scoped fallbacks cover non-BS4 themes (esp. dark / secondary),
 * scoped to module containers so the theme's own badges are untouched. */
.eulr-requests .badge, .eulr-view .badge, .eulr-orderdetail .badge {
    display: inline-block;
    padding: .35em .65em;
    font-size: 75%;
    font-weight: 600;
    line-height: 1;
    border-radius: 10rem;
    vertical-align: baseline;
    color: #fff;
}
.eulr-requests .badge-warning, .eulr-view .badge-warning, .eulr-orderdetail .badge-warning,
.eulr-requests .label-warning, .eulr-view .label-warning, .eulr-orderdetail .label-warning { background: #f0ad4e; color: #503000; }
.eulr-requests .badge-info, .eulr-view .badge-info, .eulr-orderdetail .badge-info,
.eulr-requests .label-info, .eulr-view .label-info, .eulr-orderdetail .label-info { background: #5bc0de; }
.eulr-requests .badge-danger, .eulr-view .badge-danger, .eulr-orderdetail .badge-danger,
.eulr-requests .label-danger, .eulr-view .label-danger, .eulr-orderdetail .label-danger { background: #d9534f; }
.eulr-requests .badge-success, .eulr-view .badge-success, .eulr-orderdetail .badge-success,
.eulr-requests .label-success, .eulr-view .label-success, .eulr-orderdetail .label-success { background: #28a745; }
.eulr-requests .badge-dark, .eulr-view .badge-dark, .eulr-orderdetail .badge-dark,
.eulr-requests .label-dark, .eulr-view .label-dark, .eulr-orderdetail .label-dark { background: #495057; }
.eulr-requests .badge-secondary, .eulr-view .badge-secondary, .eulr-orderdetail .badge-secondary,
.eulr-requests .label-secondary, .eulr-view .label-secondary, .eulr-orderdetail .label-secondary { background: #868e96; }

/* ---- Request form ---- */
.eulr-withdrawal-form .eulr-item-label { font-weight: 600; cursor: pointer; }
.eulr-withdrawal-form input.eulr-qty { width: 80px; display: inline-block; }
.eulr-legal-confirm {
    background: #fcf8e3;
    border: 1px solid #faebcc;
    border-radius: 6px;
    padding: 12px 14px;
    margin: 16px 0;
}
.eulr-deadline {
    background: #eef6ff !important;
    border-left: 3px solid #5b9bd5;
    padding: 10px 14px !important;
    margin: 14px 0;
    border-radius: 0 6px 6px 0;
    color: #2c5777 !important;
}
.eulr-modelform-link { font-size: .92em; }

/* ---- Request detail + timeline ---- */
.eulr-summary dt { color: #888; font-weight: 600; }
.eulr-timeline { list-style: none; margin: 0; padding: 0; position: relative; }
.eulr-timeline:before {
    content: "";
    position: absolute;
    left: 7px; top: 4px; bottom: 4px;
    width: 2px;
    background: #e6e6e6;
}
.eulr-timeline-item { position: relative; padding: 0 0 18px 28px; }
.eulr-timeline-marker {
    position: absolute;
    left: 0; top: 3px;
    width: 16px; height: 16px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #5b9bd5;
}
.eulr-timeline-detail { color: #666; font-size: .9em; }

/* ---- Order-detail widget (hook) ---- */
.eulr-orderdetail {
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    padding: 16px 18px;
    margin: 16px 0;
    background: #fff;
}
.eulr-orderdetail-title { font-weight: 700; margin: 0 0 10px; }
.eulr-orderdetail-status { margin-bottom: 10px; }

/* ---- Account / footer links ---- */
.eulr-account-link .material-icons,
.eulr-myaccount-link .material-icons { vertical-align: middle; margin-right: 6px; }

/* ---- Success ---- */
.eulr-success { text-align: center; padding: 16px 0; }

/* ---- Model withdrawal form (printable) ---- */
.eulr-modelform .table th { width: 40%; color: #555; }
@media print {
    header, footer, nav, #header, #footer, .eulr-modelform-actions,
    .breadcrumb, #left-column, #right-column { display: none !important; }
    .eulr-modelform { border: 0 !important; box-shadow: none !important; }
    body { background: #fff !important; }
}

/* ---- Order confirmation widget ---- */
.eulr-orderconfirmation { margin: 16px 0; }
.eulr-orderconfirmation .material-icons { vertical-align: middle; margin-right: 6px; }

/* ---- Product page withdrawal info ---- */
.eulr-product-info { margin: 12px 0; font-size: .95em; }
.eulr-product-info p { display: flex; align-items: center; margin: 0; }
.eulr-product-info .material-icons { font-size: 18px; margin-right: 6px; }
.eulr-product-info-ok { color: #2b7a2b; }
.eulr-product-info-exempt { color: #b33; }
.eulr-product-info a { margin-left: 6px; }

/* ---- Checkout payment-top notice ---- */
.eulr-payment-top { display: flex; align-items: center; margin-bottom: 16px; }
.eulr-payment-top .material-icons { font-size: 18px; margin-right: 8px; }
.eulr-payment-top a { margin-left: 6px; font-weight: 600; }

/* ---- View request action buttons ---- */
.eulr-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 16px;
}
.eulr-actions .eulr-cancel-form { margin: 0; }