/* Revelo Returns — My Account screens. Kept minimal and scoped so the host
   theme's form/button/select styles still apply. */

.revelo-returns { font-size: 16px!important; }

.revelo-returns__tabs { display: flex; gap: 0; border-bottom: 1px solid #e5e5e5; margin-bottom: 24px; }
.revelo-returns__tab {
    padding: 12px 20px; color: #6b6b6b; text-decoration: none; font-weight: 500; text-align: center;
    border-bottom: 2px solid transparent; transition: color .15s, border-color .15s;
}
.revelo-returns__tab:hover { color: #111; }
.revelo-returns__tab.is-active { color: #111; border-color: #111; }

.revelo-returns__intro { margin-bottom: 16px; }
.revelo-returns__intro h3 { margin: 0 0 6px; }
.revelo-returns__intro p { margin: 0; color: #555; }

.revelo-returns__empty { margin: 24px 0; }

.revelo-returns__back { margin-bottom: 12px; }
.revelo-returns__back a { color: #6b6b6b; text-decoration: none; }
.revelo-returns__back a:hover { color: #111; }

.revelo-returns__hint { color: #555; margin-bottom: 20px; }

/* Items list ----------------------------------------------------------- */

.revelo-returns__items { display: flex; flex-direction: column; gap: 16px; margin-bottom: 24px; }

.revelo-returns__item {
    display: grid;
    grid-template-columns: 32px 96px 1fr;
    gap: 16px;
    padding: 16px;
    background: #fafafa;
    border: 1px solid #ececec;
    border-radius: 6px;
    align-items: start;
}

.revelo-returns__item-check { display: flex; align-items: flex-start; padding-top: 4px; }
.revelo-returns__item-check input { width: 18px; height: 18px; }

.revelo-returns__item-image img { width: 96px; height: 96px; object-fit: cover; border-radius: 4px; background: #fff; }

.revelo-returns__item-title { font-weight: 600; margin-bottom: 4px; }

.revelo-returns__item-meta {
    list-style: none; padding: 0; margin: 0 0 12px; color: #6b6b6b;
    display: flex; flex-wrap: wrap; gap: 16px; font-size: 14px;
}
.revelo-returns__item-meta li span { opacity: .7; }

.revelo-returns__item-fields {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 16px;
    margin-bottom: 12px;
}
.revelo-returns__item-fields label,
.revelo-returns__item-note,
.revelo-returns__item-qty,
.revelo-returns__item-reason { display: flex; flex-direction: column; gap: 4px; }
.revelo-returns__item-fields span,
.revelo-returns__item-note > span { font-size: 14px; color: #555; }
.revelo-returns__item-fields select,
.revelo-returns__item-note textarea { width: 100%; min-height: 44px; padding: 8px 10px; border: 1px solid #d0d0d0; border-radius: 4px; background: #fff; }

.revelo-returns__item-price { margin-top: 8px; color: #111; font-weight: 600; }
.revelo-returns__item-price small { color: #6b6b6b; font-weight: 400; }

@media (max-width: 640px) {
    .revelo-returns__item { grid-template-columns: 32px 1fr; }
    .revelo-returns__item-image { grid-column: 1 / -1; }
    .revelo-returns__item-fields { grid-template-columns: 1fr; }
}

/* Method step --------------------------------------------------------- */

.revelo-returns__method-grid {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 32px;
}
@media (max-width: 900px) {
    .revelo-returns__method-grid { grid-template-columns: 1fr; }
}

.revelo-returns__method-fields {
    background: #fafafa!important; border: 1px solid #ececec!important; border-radius: 6px!important; padding: 16px!important;
}

.revelo-returns__method-group,
.revelo-returns__contact {
    border: 1px solid #ececec!important; border-radius: 6px!important; padding: 16px!important; margin-bottom: 16px!important; background: #fff!important;
}
.revelo-returns__method-group legend,
.revelo-returns__method-fields legend,
.revelo-returns__contact legend { font-weight: 600; padding: 0 6px; }

.revelo-returns__method-card {
    display: block;
    padding: 14px 14px 14px 44px;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
    transition: border-color .15s, background .15s;
}
.revelo-returns__method-card input[type=radio] {
    width: 18px; height: 18px;
}
.revelo-returns__method-card-title { display: block; font-weight: 600; }
.revelo-returns__method-card-desc  { display: block; color: #6b6b6b; font-size: 14px; margin-top: 2px; }
.revelo-returns__method-card:has(input:checked) { border-color: #111; background: #fafafa; }

.revelo-returns__row {
    display: grid; grid-template-columns: 1fr; gap: 12px; margin-bottom: 12px;
}
.revelo-returns__row label { display: flex; flex-direction: column; gap: 4px; font-size: 14px; color: #555; }
.revelo-returns__row input,
.revelo-returns__row select {
    min-height: 44px; padding: 8px 10px; border: 1px solid #d0d0d0; border-radius: 4px; background: #fff;
}
.revelo-returns__row--inline { grid-template-columns: 1fr 1fr; }
@media (min-width: 640px) {
    .revelo-returns__row { grid-template-columns: repeat(4, 1fr); }
    .revelo-returns__col-2 { grid-column: span 3; }
}

/* Summary aside ------------------------------------------------------- */

.revelo-returns__summary {
    border: 1px solid #ececec; border-radius: 6px; padding: 16px; background: #fff;
    align-self: start; position: sticky; top: 100px;
}
.revelo-returns__summary h4 { margin: 0 0 12px; }
.revelo-returns__summary-list { list-style: none; padding: 0; margin: 0 0 12px; display: flex; flex-direction: column; gap: 12px; }
.revelo-returns__summary-list li { display: grid; grid-template-columns: 56px 1fr auto; gap: 10px; align-items: center; }
.revelo-returns__summary-image img { width: 56px; height: 56px; object-fit: cover; border-radius: 4px; }
.revelo-returns__summary-body { display: flex; flex-direction: column; gap: 2px; font-size: 13px; color: #555; }
.revelo-returns__summary-body strong { color: #111; }
.revelo-returns__summary-price { font-weight: 600; }

.revelo-returns__summary-totals { border-top: 1px solid #ececec; padding-top: 12px; margin-top: 12px; }
.revelo-returns__summary-row { display: flex; justify-content: space-between; margin-bottom: 6px; }
.revelo-returns__summary-row--sub em { color: #6b6b6b; font-style: normal; font-size: 13px; }

.revelo-returns__submit { width: 100%; margin-top: 12px; min-height: 48px; }

.revelo-returns__fineprint { color: #6b6b6b; font-size: 13px; margin-top: 12px; }

.revelo-returns__error { margin-top: 12px; color: #b00020; }

.revelo-returns__actions { display: flex; gap: 10px; justify-content: flex-end; }

/* Confirmation -------------------------------------------------------- */

.revelo-returns__confirm-hero { margin-bottom: 20px; }
.revelo-returns__confirm-grid {
    display: grid; grid-template-columns: 200px 1fr; gap: 8px 16px;
    padding: 16px; background: #fafafa; border: 1px solid #ececec; border-radius: 6px;
}
.revelo-returns__confirm-grid dt { color: #6b6b6b; }
.revelo-returns__confirm-grid dd { margin: 0; font-weight: 500; }
.revelo-returns__confirm-next { margin-top: 20px; }
.revelo-returns__confirm-next ol { padding-left: 20px; color: #333; }
.revelo-returns__confirm-actions { margin-top: 24px; }

/* Theme overrides ----------------------------------------------------- */

.revelo-returns__tabs {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 1.5rem;
    display: flex;
    gap: 1rem;
}

.revelo-returns__tabs .is-active {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    background-color: rgba(242, 216, 216, 0.3);
}

.woocommerce-account .woocommerce-MyAccount-content h3 {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 34px;
    margin-bottom: 0.5rem;
    color: #000;
    opacity: 1;
}

.woocommerce-account .revelo-returns input[type=text],
.woocommerce-account .revelo-returns input[type=number],
.woocommerce-account .revelo-returns input[type=tel],
.woocommerce-account .revelo-returns input[type=passwiord],
.woocommerce-account .revelo-returns input[type=email],
.woocommerce-account .revelo-returns select,
.woocommerce-account .revelo-returns .revelo-returns__city,
.woocommerce-account .revelo-returns textarea {
    border: 1px solid rgba(0, 0, 0, 0.2)!important;
    border-radius: 0.25rem!important;
    padding: 0.5rem 1rem!important;
    width: 100%!important;
}

.revelo-returns__back a {
    font-size: 0.938rem;
    line-height: 24px;
}

.revelo-returns__back a:hover {
    text-decoration: underline!important;
}

.revelo-returns__method-main .revelo-returns__method-card {
    background-color: rgba(242, 216, 216, 0.1)!important;
    border: 1px solid rgba(242, 216, 216, 0.3)!important;
    border-radius: 0.25rem!important;
    padding: 1rem!important;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    cursor: pointer;
}

@media (min-width: 640px) {
    /* Single-field rows (e.g. Град, Офис) should fill the row. */
    .revelo-returns__row > label:only-child { grid-column: 1 / -1; }

    /* Contact row: Име и фамилия + Телефон side-by-side, 50/50. */
    .revelo-returns__contact .revelo-returns__row { grid-template-columns: repeat(2, 1fr); }
}

/* Select2 (city field) — match input styling. */
.woocommerce-account .revelo-returns .select2-container--default .select2-selection--single {
    border: 1px solid rgba(0, 0, 0, 0.2)!important;
    border-radius: 0.25rem;
    height: auto;
    min-height: 44px;
    background: #fff;
    width: 100%;
}
.woocommerce-account .revelo-returns .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0.5rem 1rem;
    line-height: 1.5;
    color: inherit;
}
.woocommerce-account .revelo-returns .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    right: 0.5rem;
}

/* Informational fineprint below the submit button. */
.woocommerce-account .revelo-returns .revelo-returns__fineprint {
    background-color: rgba(242, 216, 216, 0.25)!important;
    border-left: 3px solid rgba(242, 216, 216, 0.9)!important;
    color: #555!important;
    font-size: 14px!important;
    line-height: 1.5!important;
    padding: 0.75rem 0.875rem!important;
    margin-top: 1rem!important;
    border-radius: 0.25rem!important;
}


.woocommerce-account .woocommerce .woocommerce-MyAccount-content .button.button-secondary {
    background-color: transparent!important;
    border: 1px solid rgba(0, 0, 0, 0.2)!important;
    border-radius: 0.25rem!important;
    padding: 0.5rem 1rem!important;
    color: #000!important;
    font-size: 0.938rem!important;
    line-height: 24px!important;
}

/* Mobile overrides --------------------------------------------------- */

@media (max-width: 640px) {
    /* Orders / history tables: hide desktop thead, render each row as a card
       with the column label beside its value. */
    .woocommerce-account .revelo-returns__table,
    .woocommerce-account .revelo-returns__table tbody,
    .woocommerce-account .revelo-returns__table tr,
    .woocommerce-account .revelo-returns__table td {
        display: block !important;
        width: 100% !important;
    }
    .woocommerce-account .revelo-returns__table thead { display: none !important; }
    .woocommerce-account .revelo-returns__table tr {
        border: 1px solid #ececec !important;
        border-radius: 6px !important;
        background: #fff !important;
        padding: 12px 14px !important;
        margin-bottom: 12px !important;
    }
    .woocommerce-account .revelo-returns__table td {
        display: flex !important;
        justify-content: space-between !important;
        align-items: baseline !important;
        gap: 16px !important;
        padding: 6px 0 !important;
        border: 0 !important;
        text-align: right !important;
    }
    .woocommerce-account .revelo-returns__table td::before {
        content: attr(data-title);
        font-weight: 600;
        color: #333;
        text-align: left;
        flex: 0 0 auto;
    }
    .woocommerce-account .revelo-returns__table td:last-child { padding-top: 10px; }
    .woocommerce-account .revelo-returns__table td .button { width: 100%; }

    /* Item cards: stack vertically, image full-width, checkbox overlays top-left. */
    .woocommerce-account .revelo-returns .revelo-returns__item {
        grid-template-columns: 1fr !important;
        position: relative;
        padding: 0 !important;
        overflow: hidden;
    }
    .woocommerce-account .revelo-returns .revelo-returns__item-check {
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 2;
        background: #fff;
        border-radius: 4px;
        padding: 4px;
        margin: 0;
    }
    .woocommerce-account .revelo-returns .revelo-returns__item-image {
        grid-column: auto !important;
        width: 100%;
    }
    .woocommerce-account .revelo-returns .revelo-returns__item-image img {
        width: 100% !important;
        height: auto !important;
        max-height: 280px;
        border-radius: 0 !important;
        object-fit: cover;
    }
    .woocommerce-account .revelo-returns .revelo-returns__item-body {
        padding: 14px 16px 16px;
    }
    .woocommerce-account .revelo-returns .revelo-returns__item-title {
        font-size: 1rem;
    }
    .woocommerce-account .revelo-returns .revelo-returns__item-fields {
        grid-template-columns: 1fr !important;
    }

    /* Actions: full-width stacked buttons, primary on top. */
    .woocommerce-account .revelo-returns .revelo-returns__actions {
        flex-direction: column-reverse !important;
        gap: 10px !important;
        justify-content: stretch !important;
    }
    .woocommerce-account .revelo-returns .revelo-returns__actions .button,
    .woocommerce-account .revelo-returns .revelo-returns__actions .revelo-returns__submit {
        width: 100% !important;
    }

    /* Method grid already stacks at 900px — tighten the summary sticky behavior
       so it doesn't hog the viewport on a phone. */
    .woocommerce-account .revelo-returns .revelo-returns__summary {
        position: static !important;
    }
}