/**
 * NOTICE OF LICENSE.
 *
 * This source file is subject to a commercial license from SARL DREAM ME UP.
 * @author    Dream me up <prestashop@dream-me-up.fr>
 * @copyright 2007 - 2026 Dream me up
 * @license   All Rights Reserved
 */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800&display=swap');

/* Our screens render inside #content.dmuret-page (the theme's
   "page-content card card-block" classes are dropped in the templates), so the
   withdrawal screens never inherit the active theme's content-card styling. */
#content.dmuret-page {
    border: none;
    box-shadow: none;
    background: transparent;
    padding: 0;
    margin: 0;
}

/* Defensive reset: insulate our components from the active theme's base element
   styles (uppercase buttons, input margins, link decoration, heading margins…).
   Everything we actually use is then styled explicitly by the .dmuret-* classes. */
/* :where() keeps the reset at zero added specificity, so it overrides the bare
   theme element rules but is always beaten by our own .dmuret-* component
   classes — no margin/alignment clobbering. */
.dmuret-wrapper :where(button, input, select, textarea) {
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    text-align: left;
    text-transform: none;
    box-shadow: none;
    background-image: none;
    letter-spacing: normal;
}
.dmuret-wrapper :where(a) {
    text-decoration: none;
    box-shadow: none;
    text-transform: none;
}
.dmuret-wrapper :where(h1, h2, h3, p, ul, ol, li, label) {
    margin: 0;
    padding: 0;
    text-align: left;
    text-transform: none;
    letter-spacing: normal;
    list-style: none;
}

.dmuret-wrapper {
    /* Defaults; real values are injected inline from the module configuration. */
    --dmuret-accent: #ee7203;
    --dmuret-tint: rgb(254, 242, 237);
    --dmuret-tint-hover: rgb(253, 238, 225);
    --dmuret-accent-glow: rgba(238, 114, 3, .16);
    --dmuret-info-bg: rgb(228, 242, 244);
    --dmuret-info-icon: #1b8fa3;
    --dmuret-info-title: rgb(15, 79, 90);
    --dmuret-info-text: rgb(17, 89, 101);

    max-width: 760px;
    margin: 0 auto;
    padding: 8px 0 48px;
    font-family: 'Open Sans', -apple-system, 'Segoe UI', sans-serif;
    font-size: 15px;
    line-height: 1.5;
    color: #363a41;
    text-align: left;
}

.dmuret-wrapper *,
.dmuret-wrapper *::before,
.dmuret-wrapper *::after {
    box-sizing: border-box;
}

/* ---------- Typography / header ---------- */
.dmuret-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13.5px;
    color: #6b7077;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 18px;
}
.dmuret-back:hover { color: #1b1f24; text-decoration: none; }

.dmuret-step {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #9499a0;
    margin-bottom: 6px;
}

.dmuret-wrapper h1.dmuret-title {
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -0.01em;
    margin: 0 0 8px;
    color: #1b1f24;
    line-height: 1.2;
}
.dmuret-wrapper h1.dmuret-title.dmuret-title--sm { font-size: 30px; }

.dmuret-lead {
    font-size: 16px;
    line-height: 1.55;
    color: #5b6068;
    margin: 0 0 28px;
    max-width: 620px;
}

/* ---------- Card ---------- */
.dmuret-card {
    background: #fff;
    border: 1px solid #e7e9ed;
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(27, 31, 36, .04);
    overflow: hidden;
}
.dmuret-card__body { padding: 30px; }

/* ---------- Information banner ---------- */
.dmuret-info {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    background: var(--dmuret-info-bg);
    padding: 20px 26px;
    border-bottom: 1px solid #e7e9ed;
}
.dmuret-info__icon {
    flex: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--dmuret-info-icon);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
}
.dmuret-info__icon--sm { width: 30px; height: 30px; font-size: 16px; }
.dmuret-info__title {
    font-size: 15px;
    font-weight: 700;
    color: var(--dmuret-info-title);
    margin-bottom: 3px;
}
.dmuret-info__text {
    font-size: 14px;
    line-height: 1.55;
    color: var(--dmuret-info-text);
}

/* ---------- Section heading inside a card ---------- */
.dmuret-section { padding: 26px 26px 6px; }
.dmuret-section h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 4px;
    color: #1b1f24;
}
.dmuret-section p {
    font-size: 14px;
    line-height: 1.5;
    color: #6b7077;
    margin: 0;
}

/* ---------- Option cards (home) ---------- */
.dmuret-options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 20px 26px;
}
.dmuret-option {
    position: relative;
    border: 1px solid #e1e4e8;
    border-radius: 12px;
    padding: 22px 20px 20px;
    display: flex;
    flex-direction: column;
    background: #fff;
}
.dmuret-option--reco {
    border: 2px solid var(--dmuret-accent);
    background: var(--dmuret-tint);
}
.dmuret-option__title {
    font-size: 16px;
    font-weight: 700;
    color: #1b1f24;
    margin-bottom: 6px;
}
.dmuret-option__text {
    font-size: 13.5px;
    line-height: 1.5;
    color: #6b7077;
    margin: 0 0 18px;
    flex: 1;
}
.dmuret-badge {
    position: absolute;
    top: -11px;
    left: 20px;
    background: var(--dmuret-accent);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    padding: 4px 10px;
    border-radius: 20px;
}

/* ---------- Free declaration shortcut row ---------- */
.dmuret-freelink {
    padding: 14px 26px 26px;
    border-top: 1px solid #f0f1f3;
    margin-top: 14px;
}
/* Used inside a card body (already padded): no horizontal/bottom card padding. */
.dmuret-freelink--inline {
    padding: 20px 0 0;
    margin-top: 24px;
}
.dmuret-freelink a {
    display: inline-flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    line-height: 1.5;
    color: #6b7077;
    text-decoration: none;
    cursor: pointer;
}
.dmuret-freelink a:hover { color: #1b1f24; }
.dmuret-freelink svg { flex: none; margin-top: 1px; }
.dmuret-freelink .dmuret-freelink__accent {
    color: var(--dmuret-accent);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* ---------- Buttons ---------- */
.dmuret-btn {
    display: inline-block;
    border: none;
    border-radius: 26px;
    padding: 14px 30px;
    font-size: 15px;
    font-weight: 700;
    font-family: inherit;
    line-height: 1.2;
    text-transform: none;
    letter-spacing: normal;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    transition: filter .12s ease, background-color .12s ease;
}
.dmuret-btn--primary { background: var(--dmuret-accent); color: #fff; }
.dmuret-btn--primary:hover { filter: brightness(0.94); color: #fff; text-decoration: none; }
.dmuret-btn--outline {
    background: #fff;
    color: var(--dmuret-accent);
    border: 2px solid var(--dmuret-accent);
    padding: 12px 28px;
}
.dmuret-btn--outline:hover { background: var(--dmuret-tint-hover); color: var(--dmuret-accent); text-decoration: none; }
.dmuret-btn--block { display: block; width: 100%; padding: 13px 20px; }
.dmuret-btn--sm { padding: 11px 20px; }

.dmuret-actions {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
.dmuret-link {
    font-size: 14px;
    color: var(--dmuret-accent);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
    background: none;
    border: none;
    font-family: inherit;
    padding: 0;
}
.dmuret-link:hover { color: var(--dmuret-accent); }

/* ---------- Forms ---------- */
.dmuret-field { margin-bottom: 22px; }
.dmuret-field--tight { margin-bottom: 20px; }
.dmuret-grid2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.dmuret-label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #363a41;
    margin-bottom: 7px;
}
.dmuret-label .dmuret-optional { font-weight: 400; color: #9499a0; }
.dmuret-hint {
    font-size: 12.5px;
    color: #9499a0;
    margin-top: 6px;
}

.dmuret-wrapper .dmuret-control {
    width: 100%;
    padding: 13px 15px;
    font-size: 15px;
    font-family: inherit;
    color: #1b1f24;
    background: #fff;
    border: 1.5px solid #d7dadf;
    border-radius: 9px;
    outline: none;
    box-shadow: none;
    height: auto;
    line-height: 1.4;
}
.dmuret-wrapper textarea.dmuret-control { resize: vertical; }
.dmuret-wrapper select.dmuret-control { cursor: pointer; }
.dmuret-wrapper .dmuret-control:focus {
    border-color: var(--dmuret-accent);
    box-shadow: 0 0 0 3px var(--dmuret-accent-glow);
}
.dmuret-wrapper .dmuret-control::placeholder { color: #aeb3ba; }

/* ---------- OTP boxes ---------- */
.dmuret-otp {
    display: flex;
    gap: 10px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}
.dmuret-otp__box {
    width: 52px;
    height: 60px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    font-family: inherit;
    color: #1b1f24;
    background: #fff;
    border: 1.5px solid #d7dadf;
    border-radius: 10px;
    outline: none;
    padding: 0;
}
.dmuret-otp__box:focus {
    border-color: var(--dmuret-accent);
    box-shadow: 0 0 0 3px var(--dmuret-accent-glow);
}

/* ---------- Items table (select) ---------- */
.dmuret-orderhead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding: 18px 26px;
    background: #fafbfc;
    border-bottom: 1px solid #eef0f2;
}
.dmuret-orderhead__ref { font-size: 14px; color: #6b7077; }
.dmuret-orderhead__ref strong { color: #1b1f24; font-weight: 700; letter-spacing: .02em; }
.dmuret-orderhead__date { font-size: 13px; color: #9499a0; }

.dmuret-items { padding: 8px 26px 4px; }
.dmuret-items__head,
.dmuret-items__row {
    display: grid;
    grid-template-columns: 1fr 110px 150px;
    align-items: center;
    gap: 16px;
}
.dmuret-items__head {
    padding: 14px 0;
    border-bottom: 1px solid #eef0f2;
    font-size: 12.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #9499a0;
}
.dmuret-items__row { padding: 18px 0; border-bottom: 1px solid #f4f5f6; }
.dmuret-items__row--done { opacity: .55; }
.dmuret-items__center { text-align: center; }
.dmuret-items__done {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #9499a0;
}
.dmuret-product { display: flex; align-items: center; gap: 14px; }
.dmuret-product__thumb {
    flex: none;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    object-fit: cover;
    background: repeating-linear-gradient(45deg, #f0f1f3, #f0f1f3 6px, #e8e9ec 6px, #e8e9ec 12px);
}
.dmuret-product__text { display: flex; flex-direction: column; gap: 2px; }
.dmuret-product__name { font-size: 15px; font-weight: 600; color: #1b1f24; }
.dmuret-product__note { font-size: 12.5px; color: #9499a0; }
.dmuret-product__ref { font-size: 12.5px; color: #9499a0; margin-top: 2px; }
.dmuret-items__qty { font-size: 15px; color: #5b6068; }
.dmuret-qtybox {
    width: 84px;
    padding: 11px 12px;
    text-align: center;
    font-size: 15px;
    font-family: inherit;
    color: #1b1f24;
    background: #fff;
    border: 1.5px solid #d7dadf;
    border-radius: 9px;
    outline: none;
    margin: 0 auto;
    display: block;
}
.dmuret-qtybox:focus {
    border-color: var(--dmuret-accent);
    box-shadow: 0 0 0 3px var(--dmuret-accent-glow);
}

/* ---------- Confirm review list ---------- */
.dmuret-review { list-style: none; margin: 0 0 4px; padding: 0; }
.dmuret-review li {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid #f4f5f6;
    font-size: 15px;
    color: #1b1f24;
}
.dmuret-review li:last-child { border-bottom: none; }
.dmuret-review .dmuret-review__qty { color: #6b7077; font-weight: 600; }
.dmuret-reason { font-size: 14px; color: #5b6068; margin: 14px 0 0; }

/* ---------- Logged-in order list (home, account path) ---------- */
.dmuret-orders { list-style: none; padding: 0; margin: 0; }
.dmuret-orders li {
    border-bottom: 1px solid #f0f1f3;
}
.dmuret-orders li:last-child { border-bottom: none; }
.dmuret-orders label {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 0;
    margin: 0;
    font-weight: 400;
    cursor: pointer;
    font-size: 15px;
    color: #1b1f24;
}
.dmuret-orders input[type="radio"] { accent-color: var(--dmuret-accent); flex: none; }
.dmuret-order__info { display: flex; flex-direction: column; gap: 3px; }
.dmuret-order__ref { font-size: 15px; color: #1b1f24; }
.dmuret-order__ref strong { font-weight: 700; }
.dmuret-order__meta { font-size: 13px; color: #6b7077; }
.dmuret-order--pending label { color: #9499a0; cursor: default; }
.dmuret-order--pending .dmuret-order__ref { color: #9499a0; }

.dmuret-status-badge {
    display: inline-block;
    padding: .2em .6em;
    margin-left: auto;
    font-size: 12px;
    font-weight: 600;
    border-radius: 20px;
    background: #eef0f2;
    color: #6b7077;
}
.dmuret-status-badge--received,
.dmuret-status-badge--reviewing { background: #eef6fb; color: #5a9dbf; }
.dmuret-status-badge--accepted,
.dmuret-status-badge--refunded { background: #edf7ee; color: #5a9e6a; }
.dmuret-status-badge--refused { background: #fdf3f3; color: #c07878; }
.dmuret-status-badge--awaiting_return { background: #fdf9ee; color: #b89a5a; }
.dmuret-status-badge--closed { background: #e2e3e5; color: #41464b; }

/* ---------- Empty state (no eligible order) ---------- */
.dmuret-empty {
    text-align: center;
    padding: 26px 20px 30px;
}
.dmuret-empty__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: #f4f5f6;
    color: #9499a0;
}
.dmuret-empty__text {
    font-size: 15px;
    line-height: 1.55;
    color: #6b7077;
    margin: 0 auto;
    max-width: 480px;
    text-align: center;
}

/* ---------- Confirmation (done) ---------- */
.dmuret-done { text-align: center; padding-top: 20px; }
.dmuret-done__check {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #e6f6ec;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 22px;
    color: #1f9d57;
    font-size: 32px;
    font-weight: 800;
    line-height: 1;
}
.dmuret-done .dmuret-title { margin-bottom: 10px; }
.dmuret-done .dmuret-lead { margin: 0 auto 28px; }

/* ---------- Alerts ---------- */
.dmuret-alert {
    border-radius: 10px;
    padding: 14px 16px;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 20px;
    border: 1px solid transparent;
}
.dmuret-alert--danger { background: #fdf3f3; color: #b3534f; border-color: #f0d0d0; }
.dmuret-alert--success { background: #edf7ee; color: #41834f; border-color: #c3e6ca; }

/* ---------- Honeypot (anti-spam, visually hidden) ---------- */
.dmuret-wrapper .dmuret-hp {
    position: absolute !important;
    left: -9999px !important;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* ---------- Utilities ---------- */
.dmuret-mt { margin-top: 16px; }
.dmuret-footer-link { margin-top: .5rem; }

/* ---------- Account / footer link ---------- */
.dmuret-account-link .link-item i { vertical-align: middle; }

/* ---------- Responsive ---------- */
@media (max-width: 600px) {
    .dmuret-options,
    .dmuret-grid2 { grid-template-columns: 1fr; }
    .dmuret-card__body { padding: 22px 20px; }
    .dmuret-wrapper h1.dmuret-title,
    .dmuret-wrapper h1.dmuret-title.dmuret-title--sm { font-size: 26px; }
    .dmuret-items__head { display: none; }
    .dmuret-items__row {
        grid-template-columns: 1fr auto;
        grid-row-gap: 8px;
    }
    .dmuret-items__row .dmuret-product { grid-column: 1 / -1; }
    .dmuret-qtybox { margin: 0; }
}