/* =============================================================
IVO Returns — Emerald Premium Redesign
Brand: nimed.bg / tuasolea (premium women's footwear)
Strategy:
- All selectors prefixed with .ivo-returns-wrap to win specificity.
- Strategic !important on properties the WP theme abuses.
- Mobile-first, Cyrillic-friendly stack.
============================================================= */
/* ---------- Design tokens ---------- */
.ivo-returns-wrap {
--ivo-bg: #ffffff;
--ivo-surface: #ffffff;
--ivo-surface-soft: #f8fafc;
--ivo-ink: #0f172a;
--ivo-ink-soft: #334155;
--ivo-muted: #64748b;
--ivo-line: #e2e8f0;
--ivo-line-strong: #cbd5e1;
--ivo-emerald: #10b981;
--ivo-emerald-d: #059669;
--ivo-emerald-dd: #047857;
--ivo-emerald-soft: #ecfdf5;
--ivo-emerald-bg: #d1fae5;
--ivo-info-soft: #f1f5f9;
--ivo-danger: #dc2626;
--ivo-danger-soft: #fee2e2;
--ivo-warn: #d97706;
--ivo-warn-soft: #fef3c7;
--ivo-info: #2563eb;
--ivo-info-tint: #dbeafe;
--ivo-radius-sm: 10px;
--ivo-radius: 16px;
--ivo-radius-lg: 20px;
--ivo-radius-xl: 24px;
--ivo-shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 2px 6px rgba(15, 23, 42, .04);
--ivo-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .06);
--ivo-shadow-lg: 0 4px 12px rgba(15, 23, 42, .06), 0 20px 48px rgba(15, 23, 42, .12);
--ivo-shadow-emerald: 0 8px 24px rgba(16, 185, 129, .25);
--ivo-ease: cubic-bezier(.2, .8, .2, 1);
box-sizing: border-box !important;
max-width: 880px !important;
margin: 48px auto !important;
padding: 36px 28px 60px !important;
color: var(--ivo-ink) !important;
background: var(--ivo-bg) !important;
border-radius: var(--ivo-radius-lg) !important;
box-shadow: var(--ivo-shadow) !important;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Helvetica", "Arial", "Noto Sans", sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.55 !important;
letter-spacing: 0 !important;
text-transform: none !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
/* ---------- Universal theme-override reset ---------- */
.ivo-returns-wrap,
.ivo-returns-wrap * { box-sizing: border-box !important; }
.ivo-returns-wrap *::before,
.ivo-returns-wrap *::after { box-sizing: border-box !important; }
.ivo-returns-wrap h1,
.ivo-returns-wrap h2,
.ivo-returns-wrap h3,
.ivo-returns-wrap h4,
.ivo-returns-wrap p,
.ivo-returns-wrap label,
.ivo-returns-wrap span,
.ivo-returns-wrap strong,
.ivo-returns-wrap em,
.ivo-returns-wrap a,
.ivo-returns-wrap button,
.ivo-returns-wrap input,
.ivo-returns-wrap dt,
.ivo-returns-wrap dd,
.ivo-returns-wrap dl {
text-transform: none !important;
letter-spacing: 0 !important;
font-family: inherit !important;
line-height: 1.5 !important;
}
.ivo-returns-wrap a {
text-decoration: none !important;
color: inherit !important;
}
.ivo-returns-wrap [hidden] { display: none !important; }
/* ---------- Layout shell ---------- */
.ivo-returns-wrap .ivo-shell {
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
}
/* ---------- Progress dots ---------- */
.ivo-returns-wrap .ivo-progress {
display: flex !important;
justify-content: center !important;
gap: 8px !important;
margin: 0 0 36px !important;
padding: 0 !important;
}
.ivo-returns-wrap .ivo-dot {
width: 28px !important;
height: 4px !important;
border-radius: 99px !important;
background: var(--ivo-line) !important;
transition: background .25s var(--ivo-ease), width .25s var(--ivo-ease) !important;
display: inline-block !important;
}
.ivo-returns-wrap .ivo-dot.is-done { background: var(--ivo-emerald) !important; }
.ivo-returns-wrap .ivo-dot.is-active {
background: var(--ivo-emerald-d) !important;
width: 44px !important;
}
/* ---------- Steps + transitions ---------- */
.ivo-returns-wrap .ivo-step {
animation: ivo-step-in .42s var(--ivo-ease) both;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 !important;
background: transparent !important;
box-shadow: none !important;
border: none !important;
text-align: center !important;
}
.ivo-returns-wrap .ivo-step { display: block !important; }
.ivo-returns-wrap .ivo-step[hidden] { display: none !important; }
@keyframes ivo-step-in {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
/* ---------- Step headers ---------- */
.ivo-returns-wrap .ivo-step-head {
margin: 0 0 28px !important;
text-align: center !important;
}
.ivo-returns-wrap .ivo-eyebrow {
display: inline-block !important;
font-size: 11px !important;
font-weight: 700 !important;
color: var(--ivo-emerald-d) !important;
text-transform: uppercase !important;
letter-spacing: 1.4px !important;
margin: 0 0 12px !important;
padding: 6px 14px !important;
line-height: 1 !important;
background: var(--ivo-emerald-soft) !important;
border-radius: 999px !important;
}
.ivo-returns-wrap .ivo-title {
font-size: 36px !important;
font-weight: 700 !important;
color: var(--ivo-ink) !important;
margin: 0 0 10px !important;
padding: 0 !important;
letter-spacing: -0.02em !important;
line-height: 1.15 !important;
text-transform: none !important;
font-family: inherit !important;
}
.ivo-returns-wrap .ivo-sub {
font-size: 16px !important;
color: var(--ivo-muted) !important;
margin: 0 auto !important;
padding: 0 !important;
line-height: 1.55 !important;
font-weight: 400 !important;
max-width: 520px !important;
}
.ivo-returns-wrap .ivo-hint {
font-size: 12.5px !important;
color: var(--ivo-muted) !important;
margin: 8px 0 0 !important;
padding: 0 !important;
line-height: 1.5 !important;
font-weight: 400 !important;
}
.ivo-returns-wrap .ivo-time-warning {
margin: 18px auto 0 !important;
padding: 12px 18px !important;
border-radius: var(--ivo-radius-sm) !important;
background: var(--ivo-warn-soft) !important;
color: var(--ivo-warn) !important;
font-size: 13.5px !important;
line-height: 1.5 !important;
font-weight: 500 !important;
max-width: 520px !important;
}
.ivo-returns-wrap .ivo-time-warning:empty { display: none !important; }
/* Greeting variant */
.ivo-returns-wrap .ivo-step-head-greeting { text-align: center !important; }
.ivo-returns-wrap .ivo-wave {
display: inline-block !important;
font-size: 48px !important;
line-height: 1 !important;
margin: 0 0 12px !important;
transform-origin: 70% 80% !important;
animation: ivo-wave 2.4s ease-in-out infinite !important;
}
@keyframes ivo-wave {
0%, 60%, 100% { transform: rotate(0deg); }
10%, 30% { transform: rotate(-14deg); }
20% { transform: rotate(18deg); }
40% { transform: rotate(-8deg); }
}
/* ---------- Cards / forms ---------- */
.ivo-returns-wrap .ivo-card {
background: #ffffff !important;
background-color: #ffffff !important;
background-image: none !important;
border: 1px solid var(--ivo-line) !important;
border-radius: var(--ivo-radius-lg) !important;
padding: 32px !important;
box-shadow: var(--ivo-shadow) !important;
max-width: 560px !important;
margin: 0 auto !important;
text-align: left !important;
box-sizing: border-box !important;
width: 100% !important;
color: var(--ivo-ink) !important;
}
.ivo-returns-wrap .ivo-form {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
.ivo-returns-wrap .ivo-field {
margin: 0 0 20px !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
}
.ivo-returns-wrap .ivo-field:last-of-type { margin-bottom: 6px !important; }
.ivo-returns-wrap .ivo-form label {
display: block !important;
font-size: 13px !important;
color: var(--ivo-ink-soft) !important;
text-transform: none !important;
letter-spacing: 0 !important;
font-weight: 600 !important;
margin: 0 0 8px !important;
padding: 0 !important;
line-height: 1.3 !important;
}
.ivo-returns-wrap .ivo-form input[type=text],
.ivo-returns-wrap .ivo-form input[type=number],
.ivo-returns-wrap .ivo-form input[type=email],
.ivo-returns-wrap .ivo-form input[type=tel],
.ivo-returns-wrap .ivo-form input[type=search],
.ivo-returns-wrap .ivo-form select {
-webkit-appearance: none !important;
appearance: none !important;
width: 100% !important;
max-width: 100% !important;
padding: 14px 16px !important;
margin: 0 !important;
font-size: 16px !important;
font-weight: 400 !important;
font-family: inherit !important;
line-height: 1.4 !important;
color: var(--ivo-ink) !important;
background: #fff !important;
border: 1.5px solid var(--ivo-line-strong) !important;
border-radius: var(--ivo-radius-sm) !important;
box-shadow: none !important;
text-transform: none !important;
letter-spacing: 0 !important;
transition: border-color .18s var(--ivo-ease), box-shadow .18s var(--ivo-ease) !important;
box-sizing: border-box !important;
height: auto !important;
min-height: 0 !important;
}
.ivo-returns-wrap .ivo-form input:focus,
.ivo-returns-wrap .ivo-form select:focus {
outline: none !important;
border-color: var(--ivo-emerald) !important;
box-shadow: 0 0 0 4px rgba(16, 185, 129, .14) !important;
}
.ivo-returns-wrap .ivo-form input::placeholder { color: #94a3b8 !important; opacity: 1 !important; }
/* ---------- Buttons ---------- */
.ivo-returns-wrap .ivo-btn {
-webkit-appearance: none !important;
appearance: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
padding: 14px 26px !important;
margin: 18px 0 0 !important;
font-family: inherit !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-transform: none !important;
text-decoration: none !important;
border: 1.5px solid transparent !important;
border-radius: 999px !important;
cursor: pointer !important;
box-shadow: none !important;
background: transparent !important;
color: var(--ivo-ink) !important;
transition: transform .15s var(--ivo-ease), background .18s var(--ivo-ease), border-color .18s var(--ivo-ease), box-shadow .18s var(--ivo-ease), color .18s var(--ivo-ease) !important;
-webkit-tap-highlight-color: transparent !important;
}
.ivo-returns-wrap .ivo-btn:disabled,
.ivo-returns-wrap .ivo-btn[disabled] {
opacity: .5 !important;
cursor: not-allowed !important;
transform: none !important;
}
.ivo-returns-wrap .ivo-btn-primary,
.ivo-returns-wrap button.ivo-btn-primary,
.ivo-returns-wrap .ivo-btn.ivo-btn-primary {
background: #10b981 !important;
background-color: #10b981 !important;
background-image: none !important;
color: #ffffff !important;
border: 1px solid #10b981 !important;
box-shadow: 0 1px 2px rgba(16, 185, 129, .25), 0 8px 22px rgba(16, 185, 129, .25) !important;
filter: none !important;
opacity: 1 !important;
}
.ivo-returns-wrap .ivo-btn-primary:hover:not([disabled]),
.ivo-returns-wrap button.ivo-btn-primary:hover:not([disabled]) {
background: #059669 !important;
background-color: #059669 !important;
border-color: #059669 !important;
transform: translateY(-1px) !important;
box-shadow: 0 2px 6px rgba(5, 150, 105, .3), 0 14px 32px rgba(5, 150, 105, .3) !important;
}
.ivo-returns-wrap .ivo-btn-primary:active:not([disabled]) { transform: translateY(0) !important; }
/* Угаснало състояние на primary бутона (по-специфично от opacity:1 по-горе) —
докато задължителните полета не са попълнени. */
.ivo-returns-wrap .ivo-btn-primary:disabled,
.ivo-returns-wrap .ivo-btn-primary[disabled],
.ivo-returns-wrap button.ivo-btn-primary:disabled,
.ivo-returns-wrap button.ivo-btn-primary[disabled] {
background: #cbd5e1 !important;
background-color: #cbd5e1 !important;
border-color: #cbd5e1 !important;
color: #ffffff !important;
box-shadow: none !important;
opacity: 1 !important;
cursor: not-allowed !important;
transform: none !important;
}
/* Кратък pulse при активиране (disabled→enabled) — добавя се за миг от JS. */
@keyframes ivo-btn-pulse-once {
0% { transform: scale(1); box-shadow: 0 1px 2px rgba(16,185,129,.25), 0 8px 22px rgba(16,185,129,.25); }
35% { transform: scale(1.035); box-shadow: 0 0 0 6px rgba(16,185,129,.28), 0 10px 28px rgba(16,185,129,.45); }
70% { transform: scale(.995); box-shadow: 0 0 0 3px rgba(16,185,129,.18), 0 8px 22px rgba(16,185,129,.3); }
100% { transform: scale(1); box-shadow: 0 1px 2px rgba(16,185,129,.25), 0 8px 22px rgba(16,185,129,.25); }
}
.ivo-returns-wrap .ivo-btn-primary.ivo-pulse-once:not([disabled]) {
animation: ivo-btn-pulse-once .55s ease-out 2 !important;
}
@media (prefers-reduced-motion: reduce) {
.ivo-returns-wrap .ivo-btn-primary.ivo-pulse-once:not([disabled]) { animation: none !important; }
}
.ivo-returns-wrap .ivo-btn-outline {
background: #fff !important;
color: var(--ivo-emerald-d) !important;
border-color: var(--ivo-emerald) !important;
}
.ivo-returns-wrap .ivo-btn-outline:hover:not([disabled]) {
background: var(--ivo-emerald-soft) !important;
color: var(--ivo-emerald-dd) !important;
border-color: var(--ivo-emerald-d) !important;
transform: translateY(-1px) !important;
}
.ivo-returns-wrap .ivo-btn-ghost {
background: transparent !important;
color: var(--ivo-muted) !important;
border-color: var(--ivo-line-strong) !important;
}
.ivo-returns-wrap .ivo-btn-ghost:hover:not([disabled]) {
background: var(--ivo-surface-soft) !important;
color: var(--ivo-ink) !important;
border-color: var(--ivo-ink-soft) !important;
}
.ivo-returns-wrap .ivo-btn-block {
width: 100% !important;
margin-top: 22px !important;
}
.ivo-returns-wrap .ivo-btn-arrow {
display: inline-block !important;
font-size: 17px !important;
line-height: 1 !important;
transition: transform .2s var(--ivo-ease) !important;
}
.ivo-returns-wrap .ivo-btn-primary:hover:not([disabled]) .ivo-btn-arrow { transform: translateX(3px) !important; }
.ivo-returns-wrap .ivo-btn-ghost:hover:not([disabled]) .ivo-arrow-back { transform: translateX(-3px) !important; }
.ivo-returns-wrap .ivo-btn-label { display: inline-block !important; }
/* === Loader на бутон (verify/identify/track стъпки) === */
/* Бутон в режим зареждане: показва spinner пред текста, hide-ва стрелката, не може 2x клик */
.ivo-returns-wrap .ivo-btn.is-loading {
position: relative !important;
pointer-events: none !important;
cursor: progress !important;
opacity: .92 !important;
}
.ivo-returns-wrap .ivo-btn.is-loading .ivo-btn-arrow { display: none !important; }
.ivo-returns-wrap .ivo-btn.is-loading .ivo-btn-label {
display: inline-flex !important;
align-items: center !important;
gap: 9px !important;
}
.ivo-returns-wrap .ivo-btn.is-loading .ivo-btn-label::before {
content: "" !important;
width: 16px !important;
height: 16px !important;
border: 2.5px solid rgba(255, 255, 255, .45) !important;
border-top-color: #ffffff !important;
border-radius: 50% !important;
animation: ivo-spin .7s linear infinite !important;
display: inline-block !important;
flex: 0 0 auto !important;
}
/* Лек pulse на бутона докато проверяваме — допълнителен сигнал че системата работи */
.ivo-returns-wrap .ivo-btn-primary.is-loading {
animation: ivo-btn-loading-pulse 1.4s ease-in-out infinite !important;
}
@keyframes ivo-btn-loading-pulse {
0%, 100% { box-shadow: 0 1px 2px rgba(16, 185, 129, .25), 0 8px 22px rgba(16, 185, 129, .25) !important; }
50% { box-shadow: 0 1px 2px rgba(16, 185, 129, .35), 0 8px 30px rgba(16, 185, 129, .45) !important; }
}
/* Outline бутон (track) loader: тъмен spinner за контраст върху бял фон */
.ivo-returns-wrap .ivo-btn-outline.is-loading .ivo-btn-label::before,
.ivo-returns-wrap .ivo-btn-ghost.is-loading .ivo-btn-label::before {
border: 2.5px solid #d1fae5 !important;
border-top-color: #059669 !important;
}
/* Back row & actions row */
.ivo-returns-wrap .ivo-back-row {
margin-top: 28px !important;
padding: 0 !important;
text-align: center !important;
}
.ivo-returns-wrap .ivo-back-row .ivo-btn { margin-top: 0 !important; }
.ivo-returns-wrap .ivo-actions-row {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
gap: 12px !important;
margin-top: 28px !important;
max-width: 720px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.ivo-returns-wrap .ivo-actions-row .ivo-btn { margin-top: 0 !important; }
/* ---------- Error banner ---------- */
.ivo-returns-wrap .ivo-error {
display: none !important;
margin: 16px 0 0 !important;
padding: 12px 16px !important;
border-radius: var(--ivo-radius-sm) !important;
background: var(--ivo-danger-soft) !important;
color: var(--ivo-danger) !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.45 !important;
border-left: 3px solid var(--ivo-danger) !important;
}
.ivo-returns-wrap .ivo-error.show { display: block !important; }
/* ============================================================
STEP 2 — Choice cards (the hero)
============================================================ */
.ivo-returns-wrap .ivo-choices {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 20px !important;
margin: 0 auto 28px !important;
padding: 0 !important;
max-width: 760px !important;
}
@media (max-width: 720px) {
.ivo-returns-wrap .ivo-choices { grid-template-columns: 1fr !important; gap: 16px !important; }
}
.ivo-returns-wrap .ivo-choice {
-webkit-appearance: none !important;
appearance: none !important;
position: relative !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
text-align: center !important;
width: 100% !important;
min-height: 360px !important;
min-width: 0 !important;
margin: 0 !important;
padding: 40px 28px 32px !important;
background: var(--ivo-surface) !important;
border: 1.5px solid var(--ivo-line) !important;
border-radius: var(--ivo-radius-xl) !important;
color: var(--ivo-ink) !important;
cursor: pointer !important;
overflow: hidden !important;
font-family: inherit !important;
font-size: inherit !important;
line-height: 1.5 !important;
text-transform: none !important;
letter-spacing: 0 !important;
box-shadow: var(--ivo-shadow-sm) !important;
transition: transform .3s var(--ivo-ease), border-color .3s var(--ivo-ease), box-shadow .3s var(--ivo-ease), background .3s var(--ivo-ease) !important;
}
.ivo-returns-wrap .ivo-choice:hover,
.ivo-returns-wrap .ivo-choice:focus-visible {
outline: none !important;
border-color: var(--ivo-emerald) !important;
background: var(--ivo-surface) !important;
transform: translateY(-4px) !important;
box-shadow: var(--ivo-shadow-lg) !important;
}
.ivo-returns-wrap .ivo-choice:active { transform: translateY(-1px) !important; }
/* Big emerald icon circle */
.ivo-returns-wrap .ivo-choice-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 76px !important;
height: 76px !important;
margin: 0 auto 22px !important;
padding: 0 !important;
border-radius: 999px !important;
background: var(--ivo-emerald) !important;
color: #fff !important;
box-shadow: 0 8px 24px rgba(16, 185, 129, .3) !important;
transition: background .3s var(--ivo-ease), transform .35s var(--ivo-ease), box-shadow .3s var(--ivo-ease) !important;
}
.ivo-returns-wrap .ivo-choice-icon svg {
width: 34px !important;
height: 34px !important;
display: block !important;
stroke: #fff !important;
}
.ivo-returns-wrap .ivo-choice:hover .ivo-choice-icon {
background: var(--ivo-emerald-d) !important;
transform: scale(1.06) !important;
box-shadow: 0 12px 32px rgba(5, 150, 105, .4) !important;
}
/* Title */
.ivo-returns-wrap .ivo-choice-title {
display: block !important;
font-size: 24px !important;
font-weight: 700 !important;
color: var(--ivo-ink) !important;
margin: 0 0 10px !important;
padding: 0 !important;
line-height: 1.2 !important;
letter-spacing: -0.01em !important;
text-transform: none !important;
}
/* HEADING-RETURN-2LINE-20260708 — фина втора линия „(отказ от договора)" под „Връщане"
в бутона-карта на избора. По-малка, по-леко тегло, приглушена. Не пипа картата „Замяна". */
.ivo-returns-wrap .ivo-choice-title .ivo-choice-title-sub {
display: block !important;
font-size: 0.72em !important;
font-weight: 400 !important;
opacity: 0.7 !important;
line-height: 1.2 !important;
letter-spacing: -0.005em !important;
margin-top: 3px !important;
color: inherit !important;
text-transform: none !important;
}
/* Description */
.ivo-returns-wrap .ivo-choice-desc {
display: block !important;
font-size: 14.5px !important;
font-weight: 400 !important;
color: var(--ivo-muted) !important;
margin: 0 0 14px !important;
padding: 0 12px !important;
line-height: 1.55 !important;
max-width: 300px !important;
}
/* Price line */
.ivo-returns-wrap .ivo-choice-price {
display: block !important;
font-size: 18px !important;
font-weight: 500 !important;
color: var(--ivo-emerald-d, #059669) !important;
margin: 0 0 8px !important;
padding: 0 !important;
line-height: 1.3 !important;
letter-spacing: -0.01em !important;
background: transparent !important;
}
.ivo-returns-wrap .ivo-choice-price strong {
font-weight: 700 !important;
color: var(--ivo-emerald-d, #059669) !important;
}
/* Italic note under price */
.ivo-returns-wrap .ivo-choice-note {
display: block !important;
font-size: 12.5px !important;
font-weight: 400 !important;
color: var(--ivo-muted) !important;
margin: 0 0 18px !important;
padding: 0 16px !important;
line-height: 1.5 !important;
max-width: 300px !important;
font-style: italic !important;
}
.ivo-returns-wrap .ivo-choice-note strong {
font-weight: 600 !important;
color: var(--ivo-ink-soft) !important;
font-style: normal !important;
}
/* Pill badge at bottom */
.ivo-returns-wrap .ivo-choice-badge {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: auto 0 0 !important;
padding: 9px 20px !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1 !important;
letter-spacing: 0.8px !important;
text-transform: uppercase !important;
border-radius: 999px !important;
border: none !important;
white-space: nowrap !important;
background: var(--ivo-emerald) !important;
color: #fff !important;
box-shadow: 0 4px 12px rgba(16, 185, 129, .25) !important;
}
.ivo-returns-wrap .ivo-badge-free { background: var(--ivo-emerald) !important; color: #fff !important; }
.ivo-returns-wrap .ivo-badge-days { background: var(--ivo-emerald) !important; color: #fff !important; }
/* ---------- Helper / Policies section (bottom of Step 2) ---------- */
.ivo-returns-wrap .ivo-policies {
margin: 8px auto 0 !important;
padding: 22px 26px !important;
background: var(--ivo-info-soft) !important;
border-radius: var(--ivo-radius) !important;
max-width: 760px !important;
text-align: center !important;
}
.ivo-returns-wrap .ivo-policies-text {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
margin: 0 0 14px !important;
padding: 0 !important;
font-size: 14px !important;
color: var(--ivo-ink-soft) !important;
font-weight: 500 !important;
}
.ivo-returns-wrap .ivo-policies-buttons {
display: flex !important;
gap: 12px !important;
justify-content: center !important;
flex-wrap: wrap !important;
}
.ivo-returns-wrap .ivo-policies-buttons .ivo-btn { margin-top: 0 !important; }
@media (max-width: 480px) {
.ivo-returns-wrap .ivo-policies-buttons { flex-direction: column !important; }
.ivo-returns-wrap .ivo-policies-buttons .ivo-btn { width: 100% !important; }
}
/* ============================================================
STEP 3 — Item cards (multi-select)
============================================================ */
.ivo-returns-wrap .ivo-items-list {
margin: 0 auto !important;
padding: 0 !important;
max-width: 720px !important;
}
.ivo-returns-wrap .ivo-item-card {
display: flex !important;
align-items: center !important;
gap: 14px !important;
width: 100% !important;
margin: 0 0 10px !important;
padding: 12px 16px 12px 14px !important;
background: var(--ivo-surface) !important;
border: 1px solid var(--ivo-line) !important;
border-radius: var(--ivo-radius) !important;
cursor: pointer !important;
user-select: none !important;
box-shadow: var(--ivo-shadow-sm) !important;
transition: border-color .18s var(--ivo-ease), background .18s var(--ivo-ease), box-shadow .18s var(--ivo-ease), transform .18s var(--ivo-ease) !important;
text-transform: none !important;
letter-spacing: 0 !important;
color: var(--ivo-ink) !important;
}
.ivo-returns-wrap .ivo-item-card:hover {
border-color: var(--ivo-emerald) !important;
transform: translateY(-2px) !important;
box-shadow: var(--ivo-shadow) !important;
}
.ivo-returns-wrap .ivo-item-card.checked {
border-color: var(--ivo-emerald) !important;
background: var(--ivo-emerald-soft) !important;
box-shadow: 0 0 0 4px rgba(16, 185, 129, .12), var(--ivo-shadow) !important;
}
.ivo-returns-wrap .ivo-item-card.disabled {
cursor: not-allowed !important;
opacity: .55 !important;
background: var(--ivo-surface-soft) !important;
}
.ivo-returns-wrap .ivo-item-card.disabled:hover {
border-color: var(--ivo-line) !important;
box-shadow: var(--ivo-shadow-sm) !important;
transform: none !important;
}
/* Checkbox */
.ivo-returns-wrap .ivo-check-box {
position: relative !important;
flex: 0 0 24px !important;
width: 24px !important;
height: 24px !important;
margin: 0 !important;
padding: 0 !important;
}
.ivo-returns-wrap .ivo-check-box input[type=checkbox] {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
opacity: 0 !important;
cursor: pointer !important;
z-index: 2 !important;
}
.ivo-returns-wrap .ivo-check-mark {
position: absolute !important;
inset: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #fff !important;
border: 1.8px solid var(--ivo-line-strong) !important;
border-radius: 7px !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1 !important;
color: transparent !important;
transition: all .18s var(--ivo-ease) !important;
}
.ivo-returns-wrap .ivo-item-card:hover .ivo-check-mark { border-color: var(--ivo-emerald) !important; }
.ivo-returns-wrap .ivo-item-card.checked .ivo-check-mark {
background: var(--ivo-emerald) !important;
border-color: var(--ivo-emerald) !important;
color: #fff !important;
transform: scale(1.05) !important;
}
/* Thumbnail */
.ivo-returns-wrap .ivo-item-thumb {
flex: 0 0 60px !important;
width: 60px !important;
height: 60px !important;
overflow: hidden !important;
background: var(--ivo-surface-soft) !important;
border: 1px solid var(--ivo-line) !important;
border-radius: 12px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.ivo-returns-wrap .ivo-item-thumb img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
.ivo-returns-wrap .ivo-item-thumb.no-image {
font-size: 28px !important;
color: var(--ivo-muted) !important;
}
/* Info */
.ivo-returns-wrap .ivo-item-card .item-info {
flex: 1 1 0 !important;
width: 0 !important; /* не изисквай ширина → nowrap името не разпъва картата */
min-width: 0 !important;
text-align: left !important;
}
.ivo-returns-wrap .ivo-item-card .item-info strong {
display: block !important;
font-size: 14px !important;
font-weight: 600 !important;
color: var(--ivo-ink) !important;
line-height: 1.3 !important;
margin: 0 0 3px !important;
text-transform: none !important;
/* Дълго име → една линия с точки (не избутва цената). */
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
max-width: 100% !important;
}
.ivo-returns-wrap .ivo-item-card .item-info .sku {
display: flex !important;
align-items: center !important;
gap: 8px !important;
font-size: 11px !important;
color: var(--ivo-muted) !important;
font-family: ui-monospace, "SF Mono", "Consolas", monospace !important;
letter-spacing: .2px !important;
line-height: 1.3 !important;
}
/* Размер — дискретен badge до SKU */
.ivo-returns-wrap .ivo-item-card .item-info .ivo-item-size {
display: inline-block !important;
padding: 1px 7px !important;
background: var(--ivo-surface-soft, #f1f5f9) !important;
color: var(--ivo-ink, #334155) !important;
border-radius: 6px !important;
font-family: inherit !important;
font-size: 10.5px !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
}
.ivo-returns-wrap .ivo-item-card .item-info .pending {
display: inline-block !important;
margin: 6px 0 0 !important;
padding: 2px 9px !important;
background: var(--ivo-warn-soft) !important;
color: var(--ivo-warn) !important;
border-radius: 999px !important;
font-size: 10.5px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
}
/* Price */
.ivo-returns-wrap .ivo-item-card .item-price {
flex: 0 0 auto !important;
margin-left: 10px !important;
font-size: 15px !important;
font-weight: 700 !important;
color: var(--ivo-emerald-dd) !important;
text-align: right !important;
white-space: nowrap !important;
line-height: 1.2 !important;
}
@media (max-width: 480px) {
.ivo-returns-wrap .ivo-item-card { padding: 12px !important; gap: 10px !important; align-items: flex-start !important; }
.ivo-returns-wrap .ivo-item-thumb { flex: 0 0 52px !important; width: 52px !important; height: 52px !important; }
/* Info заема цялата останала ширина; името може на 2 реда (не прекалено рязко отрязване). */
.ivo-returns-wrap .ivo-item-card .item-info {
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
}
.ivo-returns-wrap .ivo-item-card .item-info strong {
font-size: 13.5px !important;
white-space: normal !important; /* позволи 2 реда вместо рязко отрязване */
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
line-height: 1.3 !important;
}
/* Цената слиза на собствен ред под инфото — пълна широчина, подравнена ляво. */
.ivo-returns-wrap .ivo-item-card .item-price {
flex-basis: 100% !important;
margin-left: 62px !important; /* подравни с текста (52px thumb + gap) */
margin-top: 2px !important;
font-size: 15px !important;
text-align: left !important;
white-space: normal !important;
}
/* Badge "активна заявка" — да не се пречупва грозно. */
.ivo-returns-wrap .ivo-item-card .item-info .pending {
white-space: normal !important;
line-height: 1.35 !important;
}
.ivo-returns-wrap .ivo-actions-row { flex-direction: column-reverse !important; align-items: stretch !important; }
.ivo-returns-wrap .ivo-actions-row .ivo-btn { width: 100% !important; }
.ivo-returns-wrap .ivo-title { font-size: 28px !important; }
/* ── Confirm стъпка на мобилен ── */
.ivo-returns-wrap .ivo-summary { padding: 6px 18px !important; }
.ivo-returns-wrap .ivo-summary dt { padding-top: 14px !important; font-size: 10.5px !important; }
.ivo-returns-wrap .ivo-summary dd { font-size: 14.5px !important; padding-bottom: 14px !important; }
#ivo-returns.ivo-returns-wrap .ivo-summary .ivo-sum-row { padding: 12px 0 !important; }
#ivo-returns.ivo-returns-wrap .ivo-summary .ivo-sum-k { font-size: 10.5px !important; }
#ivo-returns.ivo-returns-wrap .ivo-summary .ivo-sum-v,
#ivo-returns.ivo-returns-wrap .ivo-summary .ivo-sum-v .ivo-sum-li { font-size: 14.5px !important; }
.ivo-returns-wrap .ivo-online-note { font-size: 13px !important; padding: 12px 14px !important; }
.ivo-returns-wrap .ivo-iban-block { padding: 20px 16px 18px !important; }
.ivo-returns-wrap .ivo-iban-head { gap: 11px; margin-bottom: 15px; }
.ivo-returns-wrap .ivo-iban-ico { width: 38px; height: 38px; font-size: 19px; }
.ivo-returns-wrap .ivo-iban-headtext strong { font-size: 15px; }
.ivo-returns-wrap .ivo-iban-hint { font-size: 12.5px; }
.ivo-returns-wrap .ivo-consent { padding: 14px !important; }
.ivo-returns-wrap .ivo-consent__row { font-size: 13px !important; }
}
/* ============================================================
STEP 4 — Price diff hint
============================================================ */
.ivo-returns-wrap .ivo-price-diff {
margin: 18px 0 4px !important;
padding: 14px 18px !important;
border-radius: var(--ivo-radius-sm) !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.5 !important;
border-left: 4px solid transparent !important;
text-transform: none !important;
}
.ivo-returns-wrap .ivo-price-diff.voucher {
background: var(--ivo-emerald-soft) !important;
color: var(--ivo-emerald-dd) !important;
border-left-color: var(--ivo-emerald) !important;
}
.ivo-returns-wrap .ivo-price-diff.surcharge {
background: var(--ivo-info-tint) !important;
color: var(--ivo-info) !important;
border-left-color: var(--ivo-info) !important;
}
.ivo-returns-wrap .ivo-price-diff.equal {
background: var(--ivo-emerald-soft) !important;
color: var(--ivo-emerald-dd) !important;
border-left-color: var(--ivo-emerald) !important;
}
.ivo-returns-wrap .ivo-price-diff.outofstock,
.ivo-returns-wrap #ivo-price-diff.outofstock {
background: #fef2f2 !important;
color: #991b1b !important;
border-left-color: #ef4444 !important;
}
.ivo-returns-wrap #ivo-price-diff.outofstock strong { color: #b91c1c !important; }
/* ============================================================
STEP 5 — Courier options
============================================================ */
.ivo-returns-wrap .ivo-courier-list {
margin: 0 auto !important;
padding: 0 !important;
max-width: 720px !important;
}
.ivo-returns-wrap .ivo-courier-opt {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
gap: 14px !important;
margin: 0 0 12px !important;
padding: 18px 22px !important;
background: var(--ivo-surface) !important;
border: 1.5px solid var(--ivo-line) !important;
border-radius: var(--ivo-radius) !important;
cursor: pointer !important;
box-shadow: var(--ivo-shadow-sm) !important;
transition: border-color .18s var(--ivo-ease), background .18s var(--ivo-ease), transform .18s var(--ivo-ease), box-shadow .18s var(--ivo-ease) !important;
}
.ivo-returns-wrap .ivo-courier-opt:hover {
border-color: var(--ivo-emerald) !important;
transform: translateY(-2px) !important;
box-shadow: var(--ivo-shadow) !important;
}
.ivo-returns-wrap .ivo-courier-opt.selected {
border-color: var(--ivo-emerald) !important;
background: var(--ivo-emerald-soft) !important;
box-shadow: 0 0 0 4px rgba(16, 185, 129, .12), var(--ivo-shadow) !important;
}
.ivo-returns-wrap .ivo-courier-opt .opt-info { text-align: left !important; }
.ivo-returns-wrap .ivo-courier-opt .opt-info strong {
display: block !important;
font-size: 15px !important;
font-weight: 600 !important;
color: var(--ivo-ink) !important;
line-height: 1.3 !important;
margin: 0 0 3px !important;
text-transform: none !important;
}
.ivo-returns-wrap .ivo-courier-opt .opt-info .desc {
display: block !important;
font-size: 13px !important;
font-weight: 400 !important;
color: var(--ivo-muted) !important;
line-height: 1.45 !important;
}
.ivo-returns-wrap .ivo-courier-opt .opt-cost {
flex: 0 0 auto !important;
font-size: 15px !important;
font-weight: 700 !important;
color: var(--ivo-ink) !important;
text-align: right !important;
white-space: nowrap !important;
}
.ivo-returns-wrap .ivo-courier-opt .opt-cost.free {
padding: 7px 14px !important;
background: var(--ivo-emerald) !important;
color: #fff !important;
border-radius: 999px !important;
font-size: 11.5px !important;
font-weight: 700 !important;
letter-spacing: 0.6px !important;
text-transform: uppercase !important;
line-height: 1 !important;
box-shadow: 0 4px 12px rgba(16, 185, 129, .25) !important;
}
/* ============================================================
STEP 6 — Summary
============================================================ */
.ivo-returns-wrap .ivo-summary {
padding: 10px 26px !important;
max-width: 720px !important;
margin: 0 auto !important;
}
.ivo-returns-wrap .ivo-summary dl {
margin: 0 !important;
padding: 0 !important;
display: block !important;
}
/* Всеки ред: етикет (ляво, тих) + стойност (дясно). На desktop в 1 ред, на mobile се стакват. */
.ivo-returns-wrap .ivo-summary dt {
margin: 0 !important;
padding: 16px 0 4px !important;
font-size: 11px !important;
font-weight: 700 !important;
color: var(--ivo-emerald-d) !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
line-height: 1.2 !important;
}
.ivo-returns-wrap .ivo-summary dd {
margin: 0 !important;
padding: 0 0 16px !important;
border-bottom: 1px solid var(--ivo-line) !important;
font-size: 15px !important;
font-weight: 600 !important;
color: var(--ivo-ink) !important;
line-height: 1.5 !important;
text-transform: none !important;
word-break: break-word !important;
overflow-wrap: anywhere !important;
}
.ivo-returns-wrap .ivo-summary dd:last-of-type { border-bottom: none !important; padding-bottom: 4px !important; }
/* ── Структуриран резюме-ред (CONFIRM-SUMMARY-STRUCT-20260619) ──
Надвива темата Flatsome чрез ID-селектор #ivo-returns.ivo-returns-wrap.
label отгоре (зелен uppercase) + стойност отдолу, разделители между редовете. */
#ivo-returns.ivo-returns-wrap .ivo-summary .ivo-sum-row {
display: block !important;
margin: 0 !important;
padding: 14px 0 !important;
border-bottom: 1px solid var(--ivo-line) !important;
}
#ivo-returns.ivo-returns-wrap .ivo-summary .ivo-sum-row:first-child { padding-top: 4px !important; }
#ivo-returns.ivo-returns-wrap .ivo-summary .ivo-sum-row:last-child { border-bottom: none !important; padding-bottom: 4px !important; }
#ivo-returns.ivo-returns-wrap .ivo-summary .ivo-sum-k {
margin: 0 0 5px !important;
padding: 0 !important;
font-size: 11px !important;
font-weight: 700 !important;
color: var(--ivo-emerald-d) !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
line-height: 1.2 !important;
}
#ivo-returns.ivo-returns-wrap .ivo-summary .ivo-sum-v {
margin: 0 !important;
padding: 0 !important;
font-size: 15px !important;
font-weight: 600 !important;
color: var(--ivo-ink) !important;
line-height: 1.5 !important;
text-transform: none !important;
word-break: break-word !important;
overflow-wrap: anywhere !important;
}
/* Многоредови артикули → булети, без
каша */
#ivo-returns.ivo-returns-wrap .ivo-summary .ivo-sum-v .ivo-sum-list {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
#ivo-returns.ivo-returns-wrap .ivo-summary .ivo-sum-v .ivo-sum-li {
position: relative !important;
margin: 0 !important;
padding: 3px 0 3px 18px !important;
list-style: none !important;
font-size: 15px !important;
line-height: 1.5 !important;
}
#ivo-returns.ivo-returns-wrap .ivo-summary .ivo-sum-v .ivo-sum-li::before {
content: "" !important;
position: absolute !important;
left: 3px !important;
top: 12px !important;
width: 5px !important;
height: 5px !important;
border-radius: 999px !important;
background: var(--ivo-emerald) !important;
}
/* По-плътна карта на confirm-а */
.ivo-returns-wrap .ivo-step[data-step="confirm"] .ivo-card { border-radius: 16px !important; }
/* ============================================================
STEP 7 — Success
============================================================ */
.ivo-returns-wrap .ivo-success {
position: relative !important;
text-align: center !important;
padding: 56px 32px 44px !important;
background: #fff !important;
border: 1px solid var(--ivo-line) !important;
border-radius: var(--ivo-radius-xl) !important;
box-shadow: var(--ivo-shadow) !important;
overflow: hidden !important;
max-width: 640px !important;
margin: 0 auto !important;
}
.ivo-returns-wrap .ivo-success-burst {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 auto 22px !important;
width: 96px !important;
height: 96px !important;
background: var(--ivo-emerald) !important;
border-radius: 999px !important;
box-shadow: 0 12px 32px rgba(16, 185, 129, .35) !important;
}
.ivo-returns-wrap .ivo-success-check {
width: 56px !important;
height: 56px !important;
display: block !important;
}
.ivo-returns-wrap .ivo-success-circle { display: none !important; }
.ivo-returns-wrap .ivo-success-tick {
fill: none !important;
stroke: #fff !important;
stroke-width: 5 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
stroke-dasharray: 60 !important;
stroke-dashoffset: 60 !important;
animation: ivo-success-tick .5s var(--ivo-ease) .15s forwards !important;
}
@keyframes ivo-success-tick { to { stroke-dashoffset: 0; } }
.ivo-returns-wrap .ivo-success .ivo-title {
text-align: center !important;
margin: 0 0 8px !important;
}
.ivo-returns-wrap .ivo-success .ivo-sub {
text-align: center !important;
margin: 0 auto 22px !important;
max-width: 460px !important;
}
.ivo-returns-wrap .ivo-success-body {
margin: 0 auto 18px !important;
max-width: 520px !important;
font-size: 15px !important;
color: var(--ivo-ink-soft) !important;
line-height: 1.55 !important;
}
.ivo-returns-wrap .ivo-success-body p { margin: 0 0 8px !important; padding: 0 !important; }
.ivo-returns-wrap .ivo-success-body .muted { color: var(--ivo-muted) !important; font-size: 13.5px !important; }
.ivo-returns-wrap .ivo-success-body strong { font-weight: 700 !important; color: var(--ivo-ink) !important; }
.ivo-returns-wrap .ivo-success-cta-row { margin: 24px 0 0 !important; padding: 0 !important; }
.ivo-returns-wrap .awb-big {
display: inline-block !important;
margin: 14px 0 !important;
padding: 16px 28px !important;
background: var(--ivo-emerald-soft) !important;
border: 1.5px dashed var(--ivo-emerald) !important;
border-radius: 14px !important;
box-shadow: none !important;
font-family: ui-monospace, "SF Mono", "Consolas", monospace !important;
font-size: 26px !important;
font-weight: 700 !important;
letter-spacing: 2px !important;
color: var(--ivo-emerald-dd) !important;
user-select: all !important;
}
/* ---------- Misc helpers ---------- */
.ivo-returns-wrap .muted { color: var(--ivo-muted) !important; }
/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
.ivo-returns-wrap *,
.ivo-returns-wrap *::before,
.ivo-returns-wrap *::after {
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
transition-duration: .01ms !important;
}
}
/* ---------- Product preview (auto-loaded after SKU input) ---------- */
.ivo-returns-wrap .ivo-product-preview {
background: #f8fafc !important;
border: 1px solid #e2e8f0 !important;
border-radius: 14px !important;
padding: 14px !important;
margin: 4px 0 18px !important;
box-shadow: none !important;
}
.ivo-returns-wrap .ivo-product-loading {
display: flex !important;
align-items: center !important;
gap: 10px !important;
color: var(--ivo-muted) !important;
font-size: 14px !important;
padding: 6px 4px !important;
background: transparent !important;
border: none !important;
}
.ivo-returns-wrap .ivo-spinner {
width: 18px !important;
height: 18px !important;
border: 2.5px solid #e2e8f0 !important;
border-top-color: #10b981 !important;
border-radius: 50% !important;
animation: ivo-spin .8s linear infinite !important;
display: inline-block !important;
flex: 0 0 auto !important;
}
@keyframes ivo-spin { to { transform: rotate(360deg); } }
.ivo-returns-wrap .ivo-product-error {
display: block !important;
background: #fee2e2 !important;
color: #b3261e !important;
border-left: 3px solid #dc2626 !important;
padding: 10px 14px !important;
border-radius: 8px !important;
font-size: 13.5px !important;
margin: 0 !important;
}
.ivo-returns-wrap .ivo-product-found {
display: flex !important;
gap: 14px !important;
align-items: center !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
text-align: left !important;
}
.ivo-returns-wrap .ivo-product-thumb {
flex: 0 0 88px !important;
width: 88px !important;
height: 88px !important;
border-radius: 10px !important;
overflow: hidden !important;
background: #fff !important;
border: 1px solid #e2e8f0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.ivo-returns-wrap .ivo-product-thumb img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
.ivo-returns-wrap .ivo-product-info {
flex: 1 1 auto !important;
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
}
.ivo-returns-wrap .ivo-product-name {
font-size: 15px !important;
font-weight: 600 !important;
color: var(--ivo-ink) !important;
line-height: 1.35 !important;
margin: 0 !important;
}
.ivo-returns-wrap .ivo-product-variation {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
margin: 4px 0 0 !important;
}
.ivo-returns-wrap .ivo-product-attr {
display: inline-block !important;
background: #ecfdf5 !important;
color: #065f46 !important;
font-size: 11.5px !important;
font-weight: 600 !important;
padding: 3px 10px !important;
border-radius: 99px !important;
line-height: 1.4 !important;
}
.ivo-returns-wrap .ivo-product-stock {
font-size: 12.5px !important;
font-weight: 600 !important;
margin: 4px 0 0 !important;
}
.ivo-returns-wrap .ivo-product-stock.in { color: #047857 !important; }
.ivo-returns-wrap .ivo-product-stock.out {
color: #b91c1c !important;
font-weight: 700 !important;
background: #fee2e2 !important;
display: inline-block !important;
padding: 2px 10px !important;
border-radius: 99px !important;
}
.ivo-returns-wrap .ivo-product-price {
font-size: 17px !important;
font-weight: 700 !important;
color: var(--ivo-ink) !important;
margin: 2px 0 0 !important;
letter-spacing: -0.01em !important;
}
@media (max-width: 480px) {
.ivo-returns-wrap .ivo-product-found { gap: 10px !important; }
.ivo-returns-wrap .ivo-product-thumb { flex-basis: 64px !important; width: 64px !important; height: 64px !important; }
.ivo-returns-wrap .ivo-product-name { font-size: 14px !important; }
}
/* ---------- Multi-product exchange rows ---------- */
.ivo-returns-wrap .ivo-xrow {
background: #ffffff !important;
border: 1px solid #e2e8f0 !important;
border-radius: 14px !important;
padding: 18px !important;
margin: 0 0 16px !important;
box-shadow: 0 1px 3px rgba(15, 23, 42, .04) !important;
}
.ivo-returns-wrap .ivo-xrow-head {
display: flex !important;
align-items: center !important;
gap: 12px !important;
margin: 0 0 14px !important;
padding: 0 0 14px !important;
border-bottom: 1px dashed #e2e8f0 !important;
}
.ivo-returns-wrap .ivo-xrow-thumb {
flex: 0 0 56px !important;
width: 56px !important;
height: 56px !important;
border-radius: 8px !important;
overflow: hidden !important;
background: #f8fafc !important;
border: 1px solid #e2e8f0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.ivo-returns-wrap .ivo-xrow-thumb img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.ivo-returns-wrap .ivo-xrow-thumb.no-image { font-size: 22px !important; color: #94a3b8 !important; }
.ivo-returns-wrap .ivo-xrow-meta { flex: 1 1 auto !important; min-width: 0 !important; }
.ivo-returns-wrap .ivo-xrow-from {
font-size: 11px !important;
color: #64748b !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
font-weight: 600 !important;
margin: 0 0 2px !important;
}
.ivo-returns-wrap .ivo-xrow-name {
font-size: 14px !important;
font-weight: 600 !important;
color: var(--ivo-ink) !important;
margin: 0 0 2px !important;
line-height: 1.35 !important;
}
.ivo-returns-wrap .ivo-xrow-price {
font-size: 13.5px !important;
color: var(--ivo-emerald-d, #059669) !important;
font-weight: 600 !important;
}
/* Summary swap blocks */
.ivo-returns-wrap .ivo-sum-swap {
padding: 6px 0 !important;
line-height: 1.6 !important;
}
.ivo-returns-wrap .ivo-sum-arrow {
color: #94a3b8 !important;
font-size: 12px !important;
font-weight: 500 !important;
display: inline-block !important;
margin: 2px 0 !important;
}
.ivo-returns-wrap .ivo-sum-hr {
border: none !important;
border-top: 1px dashed #e2e8f0 !important;
margin: 8px 0 !important;
}
/* ---------- Returning recap (read-only summary, визуално различен от продуктите) ---------- */
.ivo-returns-wrap .ivo-returning-recap {
background: #ecfdf5 !important;
border: 0 !important;
border-left: 4px solid #10b981 !important;
border-radius: 10px !important;
margin-bottom: 18px !important;
padding: 14px 18px !important;
text-align: left !important;
box-shadow: none !important;
}
.ivo-returns-wrap .ivo-recap-title {
font-size: 12px !important;
color: #047857 !important;
text-transform: uppercase !important;
letter-spacing: 0.6px !important;
font-weight: 800 !important;
margin: 0 0 10px !important;
}
.ivo-returns-wrap .ivo-recap-title::before {
content: "↩ " !important;
}
.ivo-returns-wrap .ivo-recap-list {
margin: 0 !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
}
.ivo-returns-wrap .ivo-recap-row {
display: flex !important;
align-items: flex-start !important;
gap: 12px !important;
padding: 8px 10px !important;
background: rgba(255,255,255,.6) !important;
border-radius: 8px !important;
border-bottom: none !important;
}
.ivo-returns-wrap .ivo-recap-row:last-child { border-bottom: none !important; }
.ivo-returns-wrap .ivo-recap-thumb {
flex: 0 0 44px !important;
width: 44px !important;
height: 44px !important;
border-radius: 6px !important;
overflow: hidden !important;
background: #fff !important;
border: 1px solid #e2e8f0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.ivo-returns-wrap .ivo-recap-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.ivo-returns-wrap .ivo-recap-thumb.no-image { font-size: 18px !important; color: #94a3b8 !important; }
.ivo-returns-wrap .ivo-recap-info { flex: 1 1 auto !important; min-width: 0 !important; }
.ivo-returns-wrap .ivo-recap-name {
font-size: 13.5px !important;
font-weight: 600 !important;
color: var(--ivo-ink) !important;
line-height: 1.3 !important;
}
.ivo-returns-wrap .ivo-recap-sku {
font-size: 11.5px !important;
color: var(--ivo-muted) !important;
font-family: ui-monospace, "SF Mono", monospace !important;
margin-top: 2px !important;
}
.ivo-returns-wrap .ivo-recap-price {
font-size: 14px !important;
font-weight: 700 !important;
color: var(--ivo-emerald-d, #059669) !important;
white-space: nowrap !important;
}
.ivo-returns-wrap .ivo-recap-total {
margin: 12px 0 0 !important;
padding: 12px 0 0 !important;
border-top: 1.5px dashed #6ee7b7 !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
}
.ivo-returns-wrap .ivo-recap-total > span {
font-size: 13px !important;
color: var(--ivo-muted) !important;
font-weight: 600 !important;
}
.ivo-returns-wrap .ivo-recap-total > strong {
font-size: 17px !important;
font-weight: 700 !important;
color: var(--ivo-ink) !important;
letter-spacing: -0.01em !important;
}
/* ---------- Wanted rows ---------- */
.ivo-returns-wrap .ivo-want-title {
font-size: 13px !important;
color: var(--ivo-muted) !important;
text-transform: uppercase !important;
letter-spacing: 0.6px !important;
font-weight: 700 !important;
margin: 0 0 14px !important;
text-align: left !important;
}
.ivo-returns-wrap .ivo-wrow {
background: #ffffff !important;
border: 1.5px solid #e2e8f0 !important;
border-radius: 12px !important;
padding: 16px !important;
margin: 0 0 12px !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, .03) !important;
text-align: left !important;
}
.ivo-returns-wrap .ivo-wrow-header {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
margin: 0 0 8px !important;
gap: 10px !important;
}
.ivo-returns-wrap .ivo-wrow-header label {
font-size: 12px !important;
color: var(--ivo-ink-soft) !important;
font-weight: 600 !important;
margin: 0 !important;
text-transform: none !important;
letter-spacing: 0 !important;
flex: 1 1 auto !important;
}
.ivo-returns-wrap .ivo-wrow-remove {
background: transparent !important;
border: 1px solid #e2e8f0 !important;
color: #94a3b8 !important;
width: 28px !important;
height: 28px !important;
border-radius: 50% !important;
cursor: pointer !important;
font-size: 12px !important;
font-weight: 700 !important;
padding: 0 !important;
line-height: 1 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
transition: all .15s !important;
}
.ivo-returns-wrap .ivo-wrow-remove:hover {
background: #fee2e2 !important;
border-color: #fca5a5 !important;
color: #b91c1c !important;
}
.ivo-returns-wrap .ivo-w-sku-input {
width: 100% !important;
padding: 12px 14px !important;
font-size: 15px !important;
border: 1.5px solid #cbd5e1 !important;
border-radius: 10px !important;
background: #fff !important;
color: var(--ivo-ink) !important;
box-sizing: border-box !important;
font-family: inherit !important;
margin: 0 !important;
-webkit-appearance: none !important;
}
.ivo-returns-wrap .ivo-w-sku-input:focus {
outline: none !important;
border-color: var(--ivo-emerald, #10b981) !important;
box-shadow: 0 0 0 4px rgba(16, 185, 129, .14) !important;
}
/* ---------- FORCE hidden attribute (theme might override) ---------- */
.ivo-returns-wrap [hidden],
.ivo-returns-wrap .ivo-product-loading[hidden],
.ivo-returns-wrap .ivo-product-error[hidden],
.ivo-returns-wrap .ivo-product-found[hidden],
.ivo-returns-wrap .ivo-product-preview[hidden] {
display: none !important;
visibility: hidden !important;
}
/* ---------- Size picker (when base SKU matches multi-size product) ---------- */
.ivo-returns-wrap .ivo-product-sizepick {
padding: 14px !important;
background: #fffbeb !important;
border-left: 3px solid #f59e0b !important;
border-radius: 8px !important;
}
.ivo-returns-wrap .ivo-sizepick-prompt {
font-size: 14px !important;
font-weight: 600 !important;
color: #92400e !important;
margin: 0 0 12px !important;
}
.ivo-returns-wrap .ivo-sizepick-options {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
}
.ivo-returns-wrap .ivo-size-chip {
background: #ffffff !important;
border: 1.5px solid #fbbf24 !important;
color: #92400e !important;
padding: 8px 16px !important;
border-radius: 10px !important;
font-size: 14px !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: all .15s !important;
min-width: 52px !important;
font-family: inherit !important;
line-height: 1 !important;
}
.ivo-returns-wrap .ivo-size-chip:hover {
background: #f59e0b !important;
color: #ffffff !important;
border-color: #f59e0b !important;
transform: translateY(-1px) !important;
}
/* ---------- Size chip: out-of-stock state ---------- */
.ivo-returns-wrap .ivo-size-chip.out-of-stock {
background: #f1f5f9 !important;
border-color: #cbd5e1 !important;
color: #94a3b8 !important;
text-decoration: line-through !important;
position: relative !important;
cursor: pointer !important;
opacity: 0.85 !important;
}
.ivo-returns-wrap .ivo-size-chip.out-of-stock:hover {
background: #fee2e2 !important;
border-color: #fca5a5 !important;
color: #991b1b !important;
transform: none !important;
}
.ivo-returns-wrap .ivo-chip-x {
margin-left: 4px !important;
font-size: 10px !important;
font-weight: 700 !important;
color: #94a3b8 !important;
}
.ivo-returns-wrap .ivo-sizepick-legend {
margin-top: 12px !important;
font-size: 11.5px !important;
color: #92400e !important;
display: flex !important;
align-items: center !important;
gap: 6px !important;
}
.ivo-returns-wrap .ivo-leg-dot {
width: 10px !important;
height: 10px !important;
border-radius: 99px !important;
border: 1.5px solid !important;
display: inline-block !important;
}
.ivo-returns-wrap .ivo-leg-in { background: #fff; border-color: #fbbf24 !important; }
.ivo-returns-wrap .ivo-leg-out { background: #f1f5f9 !important; border-color: #cbd5e1 !important; }
/* ---------- Force voucher state always yellow ---------- */
.ivo-returns-wrap #ivo-price-diff.voucher,
.ivo-returns-wrap .ivo-price-diff.voucher {
background: #fef3c7 !important;
color: #854d0e !important;
border-left: 4px solid #f59e0b !important;
}
.ivo-returns-wrap #ivo-price-diff.voucher strong {
color: #854d0e !important;
font-weight: 700 !important;
}
/* ---------- Step 1 (identify) — centered card layout ---------- */
.ivo-returns-wrap .ivo-step[data-step="identify"] {
text-align: center !important;
}
.ivo-returns-wrap .ivo-step[data-step="identify"] .ivo-form,
.ivo-returns-wrap .ivo-step[data-step="identify"] .ivo-card {
text-align: left !important;
margin: 0 auto !important;
max-width: 460px !important;
}
.ivo-returns-wrap .ivo-step[data-step="identify"] .ivo-step-head {
text-align: center !important;
max-width: 540px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.ivo-returns-wrap .ivo-step[data-step="identify"] .ivo-policies {
max-width: 540px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* ---------- Courier details sub-form ---------- */
.ivo-returns-wrap .ivo-courier-details {
margin: 16px 0 0 !important;
padding: 22px !important;
text-align: left !important;
}
.ivo-returns-wrap .ivo-details-title {
font-size: 17px !important;
font-weight: 700 !important;
color: var(--ivo-ink) !important;
margin: 0 0 6px !important;
}
.ivo-returns-wrap .ivo-details-hint {
font-size: 13px !important;
color: var(--ivo-muted) !important;
margin: 0 0 16px !important;
padding: 10px 14px !important;
background: #ecfdf5 !important;
border-left: 3px solid #10b981 !important;
border-radius: 6px !important;
}
.ivo-returns-wrap .ivo-details-hint strong {
color: #065f46 !important;
font-weight: 700 !important;
}
/* ---------- Courier groups (Speedy red / Econt blue) ---------- */
.ivo-returns-wrap .ivo-courier-groups {
display: flex !important;
flex-direction: column !important;
gap: 22px !important;
margin: 0 !important;
}
/* Жълт банер — платена втора замяна (по общи условия). */
.ivo-returns-wrap .ivo-second-exchange-note {
margin: 0 0 4px !important;
padding: 13px 16px !important;
background: #fffbeb !important;
border: 1px solid #fde68a !important;
border-left: 4px solid #f59e0b !important;
border-radius: 12px !important;
color: #92400e !important;
font-size: 13.5px !important;
line-height: 1.5 !important;
}
.ivo-returns-wrap .ivo-second-exchange-note a {
color: #b45309 !important;
font-weight: 700 !important;
text-decoration: underline !important;
}
.ivo-returns-wrap .ivo-cgroup {
background: #ffffff !important;
border: 1.5px solid #e2e8f0 !important;
border-radius: 14px !important;
overflow: visible !important; /* за да не реже autocomplete dropdown-а */
text-align: left !important;
}
.ivo-returns-wrap .ivo-cgroup-head {
display: flex !important;
align-items: center !important;
gap: 10px !important;
padding: 14px 18px !important;
background: #f8fafc !important;
border-bottom: 1px solid #e2e8f0 !important;
border-radius: 14px 14px 0 0 !important; /* запази заоблените горни ъгли */
font-size: 15px !important;
color: var(--ivo-ink, #0f172a) !important;
}
.ivo-returns-wrap .ivo-cgroup-head strong {
font-weight: 700 !important;
letter-spacing: 0.2px !important;
}
.ivo-returns-wrap .ivo-cgroup-dot {
width: 12px !important;
height: 12px !important;
border-radius: 99px !important;
display: inline-block !important;
}
.ivo-returns-wrap .ivo-cgroup-red .ivo-cgroup-dot { background: #dc2626 !important; box-shadow: 0 0 0 3px rgba(220,38,38,.15) !important; }
.ivo-returns-wrap .ivo-cgroup-red { border-color: rgba(220,38,38,.25) !important; }
.ivo-returns-wrap .ivo-cgroup-red .ivo-cgroup-head { background: #fef2f2 !important; }
.ivo-returns-wrap .ivo-cgroup-blue .ivo-cgroup-dot { background: #2563eb !important; box-shadow: 0 0 0 3px rgba(37,99,235,.15) !important; }
.ivo-returns-wrap .ivo-cgroup-blue { border-color: rgba(37,99,235,.25) !important; }
.ivo-returns-wrap .ivo-cgroup-blue .ivo-cgroup-head { background: #eff6ff !important; }
.ivo-returns-wrap .ivo-cgroup-green .ivo-cgroup-dot { background: #059669 !important; box-shadow: 0 0 0 3px rgba(5,150,105,.15) !important; }
.ivo-returns-wrap .ivo-cgroup-green { border-color: rgba(5,150,105,.25) !important; }
.ivo-returns-wrap .ivo-cgroup-green .ivo-cgroup-head { background: #ecfdf5 !important; }
.ivo-returns-wrap .ivo-sub-green { border-top-color: #059669 !important; }
.ivo-returns-wrap .ivo-cgroup .ivo-courier-opt {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 14px 18px !important;
cursor: pointer !important;
border-top: 1px solid transparent !important;
border-bottom: 1px dashed #f1f5f9 !important;
transition: all .15s !important;
background: #ffffff !important;
text-align: left !important;
}
.ivo-returns-wrap .ivo-cgroup .ivo-courier-opt:last-of-type { border-bottom: none !important; }
.ivo-returns-wrap .ivo-cgroup .ivo-courier-opt:hover { background: #f8fafc !important; }
.ivo-returns-wrap .ivo-cgroup .ivo-courier-opt.selected {
background: #ecfdf5 !important;
border-color: #10b981 !important;
box-shadow: inset 4px 0 0 #10b981 !important;
}
/* Радио кръг отляво на всяка подопция (като native radio избор) */
.ivo-returns-wrap .ivo-cgroup .ivo-opt-radio {
flex: 0 0 auto !important;
width: 20px !important;
height: 20px !important;
margin-right: 12px !important;
border: 2px solid #cbd5e1 !important;
border-radius: 50% !important;
background: #ffffff !important;
position: relative !important;
transition: border-color .15s, box-shadow .15s !important;
box-sizing: border-box !important;
}
.ivo-returns-wrap .ivo-cgroup .ivo-courier-opt:hover .ivo-opt-radio {
border-color: #94a3b8 !important;
}
/* Запълнено ядро при избор — точка в центъра */
.ivo-returns-wrap .ivo-cgroup .ivo-courier-opt.selected .ivo-opt-radio {
border-color: #10b981 !important;
}
.ivo-returns-wrap .ivo-cgroup .ivo-courier-opt.selected .ivo-opt-radio::after {
content: "" !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
width: 10px !important;
height: 10px !important;
border-radius: 50% !important;
background: #10b981 !important;
transform: translate(-50%, -50%) !important;
}
/* Цвят на радиото по куриера (червено=Спиди, синьо=Еконт, зелено=BoxNow) */
.ivo-returns-wrap .ivo-cgroup-red .ivo-courier-opt.selected .ivo-opt-radio { border-color: #dc2626 !important; }
.ivo-returns-wrap .ivo-cgroup-red .ivo-courier-opt.selected .ivo-opt-radio::after { background: #dc2626 !important; }
.ivo-returns-wrap .ivo-cgroup-blue .ivo-courier-opt.selected .ivo-opt-radio { border-color: #2563eb !important; }
.ivo-returns-wrap .ivo-cgroup-blue .ivo-courier-opt.selected .ivo-opt-radio::after { background: #2563eb !important; }
.ivo-returns-wrap .ivo-cgroup .opt-info {
flex: 1 1 auto !important;
min-width: 0 !important;
}
.ivo-returns-wrap .ivo-cgroup .opt-info strong {
display: block !important;
font-size: 14.5px !important;
color: var(--ivo-ink, #0f172a) !important;
font-weight: 600 !important;
margin-bottom: 2px !important;
}
.ivo-returns-wrap .ivo-cgroup .opt-info .desc {
font-size: 12.5px !important;
color: var(--ivo-muted, #64748b) !important;
display: block !important;
}
.ivo-returns-wrap .ivo-cgroup .opt-cost {
font-weight: 700 !important;
font-size: 14px !important;
color: var(--ivo-ink, #0f172a) !important;
flex: 0 0 auto !important;
margin-left: 12px !important;
white-space: nowrap !important;
}
.ivo-returns-wrap .ivo-cgroup .opt-cost.free {
background: #dcfce7 !important;
color: #065f46 !important;
padding: 4px 10px !important;
border-radius: 99px !important;
font-size: 11.5px !important;
text-transform: uppercase !important;
letter-spacing: 0.6px !important;
}
/* Платен метод — "По тарифата" + (за замяна) "в двете посоки" */
.ivo-returns-wrap .ivo-cgroup .opt-cost.tariff {
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
text-align: right !important;
}
.ivo-returns-wrap .opt-cost__main { font-size: 13px !important; font-weight: 700 !important; color: #475569 !important; }
.ivo-returns-wrap .opt-cost__sub { font-size: 10.5px !important; font-weight: 500 !important; color: #94a3b8 !important; }
/* ---------- Inline sub-form below selected option ---------- */
.ivo-returns-wrap .ivo-courier-subform {
background: #fafaf9 !important;
border-top: 1px dashed #e2e8f0 !important;
padding: 18px !important;
text-align: left !important;
animation: ivo-step-in .25s ease !important;
}
.ivo-returns-wrap .ivo-sub-red { border-top-color: #dc2626 !important; }
.ivo-returns-wrap .ivo-sub-blue { border-top-color: #2563eb !important; }
.ivo-returns-wrap .ivo-sub-hint {
padding: 10px 14px !important;
background: #ecfdf5 !important;
border-left: 3px solid #10b981 !important;
border-radius: 6px !important;
font-size: 13px !important;
color: #065f46 !important;
margin-bottom: 14px !important;
}
.ivo-returns-wrap .ivo-sub-hint strong { color: #065f46 !important; font-weight: 700 !important; }
.ivo-returns-wrap .ivo-sub-continue { margin-top: 14px !important; }
.ivo-returns-wrap .ivo-sub-continue:disabled {
opacity: 0.5 !important;
cursor: not-allowed !important;
}
/* ---------- Autocomplete (city picker) ---------- */
.ivo-returns-wrap .ivo-autocomplete { position: relative !important; z-index: 50 !important; }
.ivo-returns-wrap .ivo-ac-results {
position: absolute !important;
top: calc(100% + 4px) !important;
left: 0; right: 0;
background: #ffffff !important;
border: 1px solid #cbd5e1 !important;
border-radius: 10px !important;
box-shadow: 0 10px 30px rgba(15,23,42,0.12) !important;
max-height: 260px !important;
overflow-y: auto !important;
z-index: 1000 !important;
display: none;
}
.ivo-returns-wrap .ivo-ac-item {
padding: 10px 14px !important;
cursor: pointer !important;
border-bottom: 1px solid #f1f5f9 !important;
font-size: 13.5px !important;
}
.ivo-returns-wrap .ivo-ac-item:hover { background: #ecfdf5 !important; }
.ivo-returns-wrap .ivo-ac-item strong { font-weight: 600 !important; color: var(--ivo-ink, #0f172a) !important; }
.ivo-returns-wrap .ivo-ac-sub {
display: block !important;
font-size: 11.5px !important;
color: var(--ivo-muted, #64748b) !important;
margin-top: 2px !important;
}
.ivo-returns-wrap .ivo-ac-empty {
padding: 12px 14px !important;
font-size: 13px !important;
color: var(--ivo-muted, #64748b) !important;
}
/* Select dropdown for offices */
.ivo-returns-wrap .ivo-cd-select {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
padding: 14px 44px 14px 16px !important;
margin: 0 !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.4 !important;
border: 1.5px solid #cbd5e1 !important;
border-radius: 10px !important;
background-color: #ffffff !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 15px center !important;
color: var(--ivo-ink, #0f172a) !important;
font-family: inherit !important;
box-shadow: none !important;
box-sizing: border-box !important;
cursor: pointer !important;
}
.ivo-returns-wrap .ivo-cd-select:focus {
outline: none !important;
border-color: #10b981 !important;
box-shadow: 0 0 0 4px rgba(16,185,129,.14) !important;
}
.ivo-returns-wrap .ivo-cd-select:disabled {
opacity: 0.6 !important;
cursor: not-allowed !important;
background-color: #f8fafc !important;
}
/* ---------- View toggle (List ↔ Map) ---------- */
.ivo-returns-wrap .ivo-view-toggle {
display: inline-flex !important;
gap: 4px !important;
background: #f1f5f9 !important;
padding: 4px !important;
border-radius: 10px !important;
margin: 8px 0 12px !important;
}
.ivo-returns-wrap .ivo-view-btn {
background: transparent !important;
border: none !important;
padding: 8px 14px !important;
font-size: 13px !important;
font-weight: 600 !important;
color: var(--ivo-ink-soft, #334155) !important;
border-radius: 7px !important;
cursor: pointer !important;
transition: all .15s !important;
font-family: inherit !important;
}
.ivo-returns-wrap .ivo-view-btn:hover {
background: rgba(15,23,42,.06) !important;
}
.ivo-returns-wrap .ivo-view-btn.active {
background: #ffffff !important;
color: var(--ivo-ink, #0f172a) !important;
box-shadow: 0 1px 3px rgba(15,23,42,.08) !important;
}
/* ---------- Map canvas ---------- */
.ivo-returns-wrap .ivo-map-canvas {
width: 100% !important;
height: 380px !important;
border: 1px solid #cbd5e1 !important;
border-radius: 10px !important;
overflow: hidden !important;
background: #f8fafc !important;
z-index: 0 !important;
}
.ivo-returns-wrap .ivo-map-empty {
padding: 30px 20px !important;
text-align: center !important;
color: var(--ivo-muted, #64748b) !important;
font-size: 14px !important;
}
.ivo-returns-wrap .ivo-map-selected {
margin-top: 10px !important;
padding: 10px 14px !important;
background: #ecfdf5 !important;
border-left: 3px solid #10b981 !important;
border-radius: 8px !important;
font-size: 13px !important;
color: #065f46 !important;
}
/* ---------- BoxNow official Map Widget v4 ---------- */
.ivo-returns-wrap .ivo-boxnow-btn,
.ivo-returns-wrap a.boxnow-widget-button {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
margin: 4px 0 12px !important;
padding: 11px 18px !important;
background: #1a8754 !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 600 !important;
text-decoration: none !important;
border: none !important;
border-radius: 10px !important;
cursor: pointer !important;
transition: background .15s ease !important;
}
.ivo-returns-wrap .ivo-boxnow-btn:hover,
.ivo-returns-wrap a.boxnow-widget-button:hover {
background: #15703f !important;
color: #fff !important;
}
.ivo-returns-wrap .ivo-boxnow-hint {
margin-top: 8px !important;
}
/* ---------- Map pins ---------- */
.ivo-returns-wrap .ivo-pin {
background: transparent !important;
border: none !important;
}
.ivo-pin-dot {
width: 22px !important;
height: 22px !important;
border-radius: 50% !important;
border: 3px solid #ffffff !important;
box-shadow: 0 1px 3px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.15) !important;
cursor: pointer !important;
transition: transform .15s !important;
}
.ivo-pin-dot:hover {
transform: scale(1.25) !important;
}
/* Popup */
.leaflet-popup-content .ivo-popup {
font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
min-width: 200px;
line-height: 1.45;
}
.leaflet-popup-content .ivo-popup strong { font-size: 13.5px; color: #0f172a; }
.leaflet-popup-content .ivo-popup-addr { font-size: 12px; color: #64748b; }
.leaflet-popup-content .ivo-popup-pick {
display: block;
margin-top: 10px;
padding: 6px 12px;
background: #10b981;
color: #ffffff;
border: none;
border-radius: 6px;
font-weight: 600;
cursor: pointer;
width: 100%;
font-size: 12.5px;
}
.leaflet-popup-content .ivo-popup-pick:hover {
background: #059669;
}
/* Make sure the body class doesn't bleed weirdly into leaflet */
.ivo-returns-wrap .leaflet-container {
font-family: inherit !important;
}
/* ---------- Success step — AWB + APS code ---------- */
.ivo-returns-wrap .ivo-success-line {
font-size: 15px !important;
color: var(--ivo-ink, #0f172a) !important;
margin-bottom: 18px !important;
}
.ivo-returns-wrap .ivo-awb-box {
background: #ffffff !important;
border: 2px solid #10b981 !important;
border-radius: 14px !important;
padding: 18px 14px !important;
margin: 16px 0 !important;
text-align: center !important;
box-sizing: border-box !important;
max-width: 100% !important;
overflow: hidden !important;
}
.ivo-returns-wrap .ivo-awb-label {
font-size: 11.5px !important;
color: var(--ivo-muted, #64748b) !important;
text-transform: uppercase !important;
letter-spacing: 0.6px !important;
font-weight: 700 !important;
margin-bottom: 10px !important;
}
.ivo-returns-wrap .ivo-awb-box .awb-big {
font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace !important;
font-size: clamp(20px, 7vw, 28px) !important;
font-weight: 800 !important;
letter-spacing: 1px !important;
color: var(--ivo-ink, #0f172a) !important;
background: #ecfdf5 !important;
padding: 10px 12px !important;
border-radius: 10px !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
text-align: center !important;
word-break: break-all !important;
user-select: all !important;
margin-bottom: 12px !important;
}
.ivo-returns-wrap .ivo-awb-copy {
margin-top: 8px !important;
font-size: 12px !important;
padding: 6px 14px !important;
}
/* APS access code — visually distinct, gold/amber */
.ivo-returns-wrap .ivo-aps-code-box {
background: #fffbeb !important;
border: 2px solid #f59e0b !important;
border-radius: 14px !important;
padding: 22px !important;
margin: 16px 0 !important;
text-align: center !important;
}
.ivo-returns-wrap .ivo-aps-code-label {
font-size: 12px !important;
color: #92400e !important;
text-transform: uppercase !important;
letter-spacing: 0.6px !important;
font-weight: 700 !important;
margin-bottom: 12px !important;
}
.ivo-returns-wrap .ivo-aps-code {
font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace !important;
font-size: 36px !important;
font-weight: 800 !important;
letter-spacing: 4px !important;
color: #78350f !important;
background: #fef3c7 !important;
padding: 14px 22px !important;
border-radius: 10px !important;
display: inline-block !important;
user-select: all !important;
margin-bottom: 10px !important;
}
.ivo-returns-wrap .ivo-aps-note {
font-size: 12.5px !important;
color: #78350f !important;
margin: 4px 0 0 !important;
line-height: 1.4 !important;
}
/* Step-by-step упътване „как да предадеш пратката" */
.ivo-returns-wrap .ivo-steps-box {
background: #f0f9ff !important;
border: 1px solid #bae6fd !important;
border-left: 4px solid #0ea5e9 !important;
border-radius: 12px !important;
padding: 16px 18px !important;
margin: 16px 0 !important;
text-align: left !important;
}
.ivo-returns-wrap .ivo-steps-title {
font-size: 14px !important;
font-weight: 700 !important;
color: #0c4a6e !important;
margin-bottom: 14px !important;
text-align: left !important;
}
.ivo-returns-wrap ol.ivo-steps {
list-style: none !important;
counter-reset: ivo-step !important;
margin: 0 !important;
padding: 0 !important;
}
.ivo-returns-wrap ol.ivo-steps li {
counter-increment: ivo-step !important;
position: relative !important;
padding: 3px 0 3px 40px !important;
margin: 0 0 10px !important;
min-height: 26px !important;
font-size: 14px !important;
line-height: 1.5 !important;
color: #1e293b !important;
text-align: left !important;
display: block !important;
}
.ivo-returns-wrap ol.ivo-steps li:last-child { margin-bottom: 0 !important; }
.ivo-returns-wrap ol.ivo-steps li strong { color: #0c4a6e !important; }
.ivo-returns-wrap ol.ivo-steps li::before {
content: counter(ivo-step) !important;
position: absolute !important;
left: 0 !important;
top: 2px !important;
width: 26px !important;
height: 26px !important;
line-height: 26px !important;
text-align: center !important;
border-radius: 50% !important;
background: #0ea5e9 !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 700 !important;
}
/* Failed label fallback */
.ivo-returns-wrap .ivo-label-warn {
background: #fef3c7 !important;
border-left: 4px solid #f59e0b !important;
border-radius: 8px !important;
padding: 14px 18px !important;
color: #78350f !important;
margin: 16px 0 !important;
text-align: left !important;
}
.ivo-returns-wrap .ivo-label-warn strong {
display: block !important;
margin-bottom: 6px !important;
}
.ivo-returns-wrap .ivo-success-hint {
font-size: 12.5px !important;
margin-top: 14px !important;
}
/* ---------- Tracker view (status of a request) ---------- */
.ivo-returns-wrap .ivo-tracker {
background: var(--ivo-surface, #ffffff) !important;
border-radius: 14px !important;
padding: 0 !important;
}
/* Статус banner — голям, цветен индикатор на текущото състояние */
.ivo-returns-wrap .ivo-status-banner {
display: flex !important;
align-items: center !important;
gap: 14px !important;
margin: 4px 0 24px !important;
padding: 16px 20px !important;
border-radius: 14px !important;
background: color-mix(in srgb, var(--ivo-status-color) 10%, #fff) !important;
border: 1.5px solid color-mix(in srgb, var(--ivo-status-color) 35%, #fff) !important;
}
.ivo-returns-wrap .ivo-status-banner__dot {
width: 14px !important; height: 14px !important; flex: 0 0 auto !important;
border-radius: 50% !important;
background: var(--ivo-status-color) !important;
box-shadow: 0 0 0 5px color-mix(in srgb, var(--ivo-status-color) 22%, transparent) !important;
animation: ivoStatusPulse 2s ease-in-out infinite !important;
}
@keyframes ivoStatusPulse {
0%, 100% { box-shadow: 0 0 0 5px color-mix(in srgb, var(--ivo-status-color) 22%, transparent); }
50% { box-shadow: 0 0 0 9px color-mix(in srgb, var(--ivo-status-color) 8%, transparent); }
}
.ivo-returns-wrap .ivo-status-banner__label {
font-size: 17px !important; font-weight: 800 !important;
color: var(--ivo-status-color) !important; line-height: 1.2 !important;
}
.ivo-returns-wrap .ivo-status-banner__hint {
font-size: 13.5px !important; color: #475569 !important; margin-top: 3px !important; line-height: 1.45 !important;
}
.ivo-returns-wrap .ivo-tracker-progress {
display: flex !important;
justify-content: space-between !important;
align-items: flex-start !important;
margin: 24px 0 32px !important;
padding: 0 12px !important;
position: relative !important;
}
.ivo-returns-wrap .ivo-tracker-progress::before {
content: '' !important;
position: absolute !important;
top: 26px !important;
left: 12% !important;
right: 12% !important;
height: 3px !important;
background: #e2e8f0 !important;
z-index: 0 !important;
}
.ivo-returns-wrap .ivo-t-step {
flex: 1 !important;
text-align: center !important;
position: relative !important;
z-index: 1 !important;
}
.ivo-returns-wrap .ivo-t-icon {
width: 52px !important;
height: 52px !important;
border-radius: 50% !important;
background: #ffffff !important;
border: 3px solid #e2e8f0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 22px !important;
margin-bottom: 8px !important;
}
.ivo-returns-wrap .ivo-t-label {
font-size: 11.5px !important;
color: var(--ivo-muted, #64748b) !important;
line-height: 1.3 !important;
padding: 0 4px !important;
}
.ivo-returns-wrap .ivo-t-done .ivo-t-icon {
background: #10b981 !important;
border-color: #10b981 !important;
color: #fff !important;
}
.ivo-returns-wrap .ivo-t-done .ivo-t-label { color: var(--ivo-ink-soft, #334155) !important; }
.ivo-returns-wrap .ivo-t-current .ivo-t-icon {
background: #38bdf8 !important;
border-color: #38bdf8 !important;
color: #fff !important;
box-shadow: 0 0 0 6px rgba(56,189,248,.18) !important;
animation: ivo-pulse 1.4s infinite !important;
}
.ivo-returns-wrap .ivo-t-current .ivo-t-label {
color: var(--ivo-ink, #0f172a) !important;
font-weight: 700 !important;
}
.ivo-returns-wrap .ivo-t-pending .ivo-t-icon { opacity: .55 !important; }
@keyframes ivo-pulse {
0%, 100% { box-shadow: 0 0 0 6px rgba(56,189,248,.18); }
50% { box-shadow: 0 0 0 12px rgba(56,189,248,0); }
}
.ivo-returns-wrap .ivo-tracker-card {
background: #f8fafc !important;
border: 1px solid #e2e8f0 !important;
border-radius: 12px !important;
padding: 18px 20px !important;
margin-bottom: 14px !important;
text-align: left !important;
}
.ivo-returns-wrap .ivo-tracker-card h3 {
font-size: 12px !important;
color: var(--ivo-muted, #64748b) !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
font-weight: 700 !important;
margin: 0 0 8px !important;
}
.ivo-returns-wrap .ivo-tracker-card .awb-big {
font-family: ui-monospace, "SF Mono", monospace !important;
font-size: 22px !important;
font-weight: 800 !important;
letter-spacing: 1.5px !important;
color: var(--ivo-ink, #0f172a) !important;
background: #ffffff !important;
padding: 8px 14px !important;
border-radius: 8px !important;
display: inline-block !important;
margin: 4px 0 !important;
user-select: all !important;
}
.ivo-returns-wrap .ivo-t-items {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.ivo-returns-wrap .ivo-t-items li {
padding: 10px 0 !important;
border-bottom: 1px dashed #e2e8f0 !important;
font-size: 14px !important;
line-height: 1.5 !important;
}
.ivo-returns-wrap .ivo-t-items li:last-child { border-bottom: none !important; }
.ivo-returns-wrap .ivo-t-arrow {
color: var(--ivo-muted, #64748b) !important;
font-size: 11px !important;
font-weight: 500 !important;
}
.ivo-returns-wrap .ivo-tracker-cancelled {
background: #fef2f2 !important;
border: 1px solid #fca5a5 !important;
border-radius: 12px !important;
padding: 22px !important;
text-align: center !important;
color: #991b1b !important;
}
.ivo-returns-wrap .ivo-tracker-error {
background: #fef2f2 !important;
border-left: 4px solid #ef4444 !important;
padding: 18px 22px !important;
border-radius: 8px !important;
color: #991b1b !important;
text-align: center !important;
margin: 30px auto !important;
max-width: 480px !important;
}
/* =====================================================================
📱 МОБИЛНА СТИЛИЗАЦИЯ — tracker (вертикален прогрес + полиран UI)
===================================================================== */
@media (max-width: 640px) {
.ivo-returns-wrap .ivo-shell { padding: 0 !important; }
.ivo-returns-wrap .ivo-tracker { padding: 4px !important; }
/* Header — по-компактен */
.ivo-returns-wrap .ivo-tracker .ivo-title { font-size: 22px !important; }
.ivo-returns-wrap .ivo-tracker .ivo-sub { font-size: 12.5px !important; }
/* Статус banner — full width, акцент */
.ivo-returns-wrap .ivo-status-banner {
margin: 8px 0 20px !important;
padding: 16px !important;
border-radius: 16px !important;
}
.ivo-returns-wrap .ivo-status-banner__label { font-size: 16px !important; }
.ivo-returns-wrap .ivo-status-banner__hint { font-size: 13px !important; }
/* ===== ВЕРТИКАЛЕН ПРОГРЕС ЛАЙН ===== */
.ivo-returns-wrap .ivo-tracker-progress {
flex-direction: column !important;
align-items: stretch !important;
justify-content: flex-start !important;
gap: 0 !important;
margin: 8px 0 28px !important;
padding: 0 6px !important;
}
/* Скриваме хоризонталната линия; вертикалната рисуваме на всяка стъпка */
.ivo-returns-wrap .ivo-tracker-progress::before { display: none !important; }
.ivo-returns-wrap .ivo-t-step {
display: grid !important;
grid-template-columns: 52px 1fr !important;
align-items: center !important;
gap: 14px !important;
text-align: left !important;
padding: 0 !important;
min-height: 64px !important;
position: relative !important;
}
/* Вертикалната свързваща линия — минава през центъра на иконите */
.ivo-returns-wrap .ivo-t-step::before {
content: '' !important;
position: absolute !important;
left: 25px !important; /* център на 52px икона */
top: 52px !important;
bottom: -12px !important;
width: 3px !important;
background: #e2e8f0 !important;
z-index: 0 !important;
}
.ivo-returns-wrap .ivo-t-step:last-child::before { display: none !important; }
/* Завършените стъпки оцветяват линията до следващата в зелено */
.ivo-returns-wrap .ivo-t-done::before { background: #10b981 !important; }
.ivo-returns-wrap .ivo-t-icon {
width: 52px !important; height: 52px !important;
margin-bottom: 0 !important;
font-size: 24px !important;
position: relative !important; z-index: 1 !important;
flex: 0 0 auto !important;
}
.ivo-returns-wrap .ivo-t-label {
font-size: 15px !important;
padding: 0 !important;
text-align: left !important;
line-height: 1.35 !important;
}
.ivo-returns-wrap .ivo-t-current .ivo-t-label { font-size: 16px !important; }
/* По-голям pulse за current на мобилен */
.ivo-returns-wrap .ivo-t-current .ivo-t-icon {
box-shadow: 0 0 0 5px rgba(56,189,248,.20) !important;
}
/* Карти — full width, по-голям touch */
.ivo-returns-wrap .ivo-tracker-card {
padding: 16px !important;
border-radius: 14px !important;
margin-bottom: 12px !important;
}
.ivo-returns-wrap .ivo-tracker-card .awb-big {
font-size: 26px !important;
display: block !important;
text-align: center !important;
letter-spacing: 2px !important;
padding: 12px !important;
}
.ivo-returns-wrap .ivo-t-items li { font-size: 14px !important; padding: 12px 0 !important; }
}
/* По-малки телефони — донастройка */
@media (max-width: 380px) {
.ivo-returns-wrap .ivo-tracker .ivo-title { font-size: 20px !important; }
.ivo-returns-wrap .ivo-t-icon { width: 46px !important; height: 46px !important; font-size: 21px !important; }
.ivo-returns-wrap .ivo-t-step { grid-template-columns: 46px 1fr !important; }
.ivo-returns-wrap .ivo-t-step::before { left: 22px !important; top: 46px !important; }
.ivo-returns-wrap .ivo-tracker-card .awb-big { font-size: 22px !important; }
}
/* ====== Entry step: primary CTA + secondary (redesign ENTRY-REDESIGN-20260701) ====== */
/* Primary („Подай нова заявка") доминира по ширина (1.7fr) + акцентен градиент.
Secondary („Проследи заявка") е по-лек ghost-card, явно подчинен. */
.ivo-returns-wrap .ivo-entry-choices {
display: grid !important;
grid-template-columns: 1.7fr 1fr !important;
gap: 16px !important;
max-width: 680px !important;
margin: 26px auto 0 !important;
align-items: stretch !important;
}
.ivo-returns-wrap .ivo-entry-choice {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 14px !important;
padding: 26px 24px !important;
border-radius: 20px !important;
cursor: pointer !important;
text-align: left !important;
font-family: inherit !important;
position: relative !important;
overflow: hidden !important;
transition: transform .22s cubic-bezier(.22,1,.36,1), box-shadow .22s ease, border-color .22s ease, background .22s ease !important;
-webkit-tap-highlight-color: transparent !important;
}
/* --- PRIMARY: акцентен зелен градиент, бял текст, водещ CTA --- */
.ivo-returns-wrap .ivo-entry-choice--new {
background: linear-gradient(150deg, #10b981 0%, #059669 55%, #047857 100%) !important;
border: 1px solid rgba(4,120,87,.55) !important;
color: #ffffff !important;
box-shadow: 0 14px 30px -10px rgba(5,150,105,.55), 0 4px 10px -4px rgba(5,150,105,.4) !important;
min-height: 200px !important;
}
/* декоративен светлинен ореол горе-дясно */
.ivo-returns-wrap .ivo-entry-choice--new::after {
content: "" !important;
position: absolute !important;
top: -60px !important; right: -60px !important;
width: 180px !important; height: 180px !important;
background: radial-gradient(circle, rgba(255,255,255,.22), rgba(255,255,255,0) 70%) !important;
pointer-events: none !important;
}
.ivo-returns-wrap .ivo-entry-choice--new:hover {
transform: translateY(-4px) !important;
box-shadow: 0 22px 44px -12px rgba(5,150,105,.62), 0 6px 14px -4px rgba(5,150,105,.45) !important;
}
.ivo-returns-wrap .ivo-entry-choice--new:active { transform: translateY(-1px) !important; }
/* --- SECONDARY: лек ghost-card, приглушен, подчинен --- */
.ivo-returns-wrap .ivo-entry-choice--track {
background: #ffffff !important;
border: 1.5px solid #e2e8f0 !important;
color: var(--ivo-ink, #0f172a) !important;
box-shadow: 0 1px 2px rgba(0,0,0,.03) !important;
justify-content: center !important;
}
.ivo-returns-wrap .ivo-entry-choice--track:hover {
border-color: #10b981 !important;
background: #f0fdf4 !important;
transform: translateY(-3px) !important;
box-shadow: 0 8px 18px -8px rgba(16,185,129,.28) !important;
}
/* --- Икони в акцентни кръгове (inline SVG) --- */
.ivo-returns-wrap .ivo-entry-choice__icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 14px !important;
flex: 0 0 auto !important;
}
.ivo-returns-wrap .ivo-entry-choice__icon svg { display: block !important; }
.ivo-returns-wrap .ivo-entry-choice--new .ivo-entry-choice__icon {
width: 54px !important; height: 54px !important;
background: rgba(255,255,255,.18) !important;
border: 1px solid rgba(255,255,255,.28) !important;
color: #ffffff !important;
}
.ivo-returns-wrap .ivo-entry-choice--new .ivo-entry-choice__icon svg { width: 28px !important; height: 28px !important; }
.ivo-returns-wrap .ivo-entry-choice--track .ivo-entry-choice__icon {
width: 46px !important; height: 46px !important;
background: #ecfdf5 !important;
border: 1px solid #d1fae5 !important;
color: #059669 !important;
}
.ivo-returns-wrap .ivo-entry-choice--track .ivo-entry-choice__icon svg { width: 24px !important; height: 24px !important; }
/* --- Текстов блок --- */
.ivo-returns-wrap .ivo-entry-choice__body {
display: flex !important;
flex-direction: column !important;
gap: 5px !important;
width: 100% !important;
}
.ivo-returns-wrap .ivo-entry-choice__title {
font-weight: 800 !important;
line-height: 1.2 !important;
letter-spacing: -.01em !important;
}
.ivo-returns-wrap .ivo-entry-choice--new .ivo-entry-choice__title { font-size: 21px !important; color: #ffffff !important; }
.ivo-returns-wrap .ivo-entry-choice--track .ivo-entry-choice__title { font-size: 16px !important; color: var(--ivo-ink, #0f172a) !important; }
.ivo-returns-wrap .ivo-entry-choice__sub {
font-size: 13px !important;
line-height: 1.45 !important;
}
.ivo-returns-wrap .ivo-entry-choice--new .ivo-entry-choice__sub { color: rgba(255,255,255,.9) !important; }
.ivo-returns-wrap .ivo-entry-choice--track .ivo-entry-choice__sub { color: var(--ivo-muted, #64748b) !important; }
/* --- CTA „бутон" вътре в primary картата --- */
.ivo-returns-wrap .ivo-entry-choice__cta {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
margin-top: auto !important;
padding: 9px 16px !important;
background: #ffffff !important;
color: #047857 !important;
font-weight: 700 !important;
font-size: 14px !important;
border-radius: 999px !important;
box-shadow: 0 4px 10px -3px rgba(0,0,0,.18) !important;
transition: gap .2s ease !important;
}
.ivo-returns-wrap .ivo-entry-choice__arrow { width: 17px !important; height: 17px !important; display: block !important; }
.ivo-returns-wrap .ivo-entry-choice--new:hover .ivo-entry-choice__cta { gap: 12px !important; }
@media (prefers-reduced-motion: reduce) {
.ivo-returns-wrap .ivo-entry-choice,
.ivo-returns-wrap .ivo-entry-choice__cta { transition: none !important; }
.ivo-returns-wrap .ivo-entry-choice:hover { transform: none !important; }
}
.ivo-returns-wrap .ivo-back-link {
color: var(--ivo-muted, #64748b) !important;
font-size: 13px !important;
text-decoration: none !important;
padding: 4px 8px !important;
border-radius: 6px !important;
}
.ivo-returns-wrap .ivo-back-link:hover {
color: #0f172a !important;
background: #f1f5f9 !important;
}
@media (max-width: 560px) {
/* Стак: primary отгоре (доминира, пълна ширина, по-висока), secondary отдолу компактна. */
.ivo-returns-wrap .ivo-entry-choices {
grid-template-columns: 1fr !important;
gap: 12px !important;
max-width: 460px !important;
}
.ivo-returns-wrap .ivo-entry-choice--new {
min-height: 0 !important;
padding: 22px 20px !important;
gap: 12px !important;
}
.ivo-returns-wrap .ivo-entry-choice--new .ivo-entry-choice__title { font-size: 19px !important; }
.ivo-returns-wrap .ivo-entry-choice--new .ivo-entry-choice__icon { width: 48px !important; height: 48px !important; }
.ivo-returns-wrap .ivo-entry-choice--new .ivo-entry-choice__icon svg { width: 26px !important; height: 26px !important; }
/* Secondary става хоризонтален компактен ред (икона вляво, текст вдясно). */
.ivo-returns-wrap .ivo-entry-choice--track {
flex-direction: row !important;
align-items: center !important;
gap: 14px !important;
padding: 14px 16px !important;
}
.ivo-returns-wrap .ivo-entry-choice--track .ivo-entry-choice__icon {
width: 40px !important; height: 40px !important;
}
.ivo-returns-wrap .ivo-entry-choice--track .ivo-entry-choice__icon svg { width: 21px !important; height: 21px !important; }
.ivo-returns-wrap .ivo-entry-choice--track .ivo-entry-choice__title { font-size: 15px !important; }
.ivo-returns-wrap .ivo-entry-choice--track .ivo-entry-choice__sub { font-size: 12px !important; }
}
/* (legacy collapsible — kept hidden in case some sites have cached HTML) */
.ivo-returns-wrap details.ivo-track-existing { display: none !important; }
.ivo-returns-wrap details.ivo-track-existing-legacy-kept {
margin: 14px auto 0 !important;
max-width: 480px !important;
text-align: center !important;
background: transparent !important;
border: 0 !important;
padding: 0 !important;
}
.ivo-returns-wrap details.ivo-track-existing summary.ivo-track-existing__toggle {
list-style: none !important;
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
font-size: 13px !important;
color: var(--ivo-muted, #64748b) !important;
cursor: pointer !important;
padding: 6px 10px !important;
border-radius: 6px !important;
user-select: none !important;
transition: color .15s, background .15s !important;
}
.ivo-returns-wrap details.ivo-track-existing summary.ivo-track-existing__toggle::-webkit-details-marker {
display: none !important;
}
.ivo-returns-wrap details.ivo-track-existing summary.ivo-track-existing__toggle:hover {
color: #0ea5e9 !important;
background: rgba(56, 189, 248, 0.08) !important;
}
.ivo-returns-wrap details.ivo-track-existing[open] summary.ivo-track-existing__toggle {
color: #0f172a !important;
font-weight: 600 !important;
}
.ivo-returns-wrap details.ivo-track-existing .ivo-track-existing__form {
display: flex !important;
gap: 6px !important;
align-items: stretch !important;
margin: 10px auto 0 !important;
max-width: 380px !important;
padding: 8px !important;
background: #f8fafc !important;
border: 1px solid #e2e8f0 !important;
border-radius: 10px !important;
box-shadow: 0 1px 2px rgba(0,0,0,.03) !important;
}
.ivo-returns-wrap details.ivo-track-existing .ivo-track-existing__form input {
flex: 1 !important;
min-width: 0 !important;
padding: 8px 10px !important;
border: 1px solid #cbd5e1 !important;
border-radius: 6px !important;
font-size: 13px !important;
background: #fff !important;
color: #0f172a !important;
font-family: ui-monospace, "SF Mono", monospace !important;
height: auto !important;
box-sizing: border-box !important;
}
.ivo-returns-wrap details.ivo-track-existing .ivo-track-existing__form input:focus {
outline: none !important;
border-color: #38bdf8 !important;
box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.2) !important;
}
.ivo-returns-wrap details.ivo-track-existing .ivo-track-existing__form button {
flex: 0 0 auto !important;
padding: 8px 14px !important;
border: 0 !important;
border-radius: 6px !important;
background: #10b981 !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: background .15s !important;
white-space: nowrap !important;
}
.ivo-returns-wrap details.ivo-track-existing .ivo-track-existing__form button:hover {
background: #059669 !important;
}
/* ====== Track picker list (multiple requests for same order) ====== */
.ivo-returns-wrap .ivo-track-list {
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
max-width: 560px !important;
margin: 20px auto 0 !important;
}
.ivo-returns-wrap .ivo-track-card {
display: flex !important;
align-items: center !important;
gap: 14px !important;
padding: 14px 16px !important;
background: #ffffff !important;
border: 2px solid #e2e8f0 !important;
border-radius: 12px !important;
cursor: pointer !important;
text-align: left !important;
font-family: inherit !important;
transition: all .15s !important;
box-shadow: 0 1px 2px rgba(0,0,0,.03) !important;
width: 100% !important;
}
.ivo-returns-wrap .ivo-track-card:hover {
border-color: #10b981 !important;
background: #f0fdf4 !important;
transform: translateX(2px) !important;
}
.ivo-returns-wrap .ivo-track-card__emoji {
font-size: 30px !important;
line-height: 1 !important;
flex: 0 0 auto !important;
}
.ivo-returns-wrap .ivo-track-card__body {
flex: 1 !important;
min-width: 0 !important;
}
.ivo-returns-wrap .ivo-track-card__title {
font-size: 15px !important;
font-weight: 700 !important;
color: var(--ivo-ink, #0f172a) !important;
margin-bottom: 4px !important;
}
.ivo-returns-wrap .ivo-track-card__id {
color: var(--ivo-muted, #64748b) !important;
font-weight: 500 !important;
font-size: 13px !important;
}
.ivo-returns-wrap .ivo-track-card__meta {
font-size: 12.5px !important;
color: var(--ivo-muted, #64748b) !important;
line-height: 1.4 !important;
}
.ivo-returns-wrap .ivo-track-card__awb {
font-size: 12px !important;
color: var(--ivo-muted, #64748b) !important;
font-family: ui-monospace, "SF Mono", monospace !important;
margin-top: 2px !important;
}
.ivo-returns-wrap .ivo-track-card__arrow {
font-size: 20px !important;
color: #10b981 !important;
flex: 0 0 auto !important;
}
.ivo-returns-wrap .ivo-track-card--cancelled {
opacity: .65 !important;
}
.ivo-returns-wrap .ivo-track-card--cancelled .ivo-track-card__title {
text-decoration: line-through !important;
}
/* ===== IBAN block (refund — COD only) ===== */
/* ===== IBAN refund card (премиум, COD връщане) ===== */
.ivo-returns-wrap .ivo-iban-block {
/* изравнено с .ivo-summary (max-width:720px) — преди наследяваше .ivo-card max-width:560px → излизаше по-тясно/центрирано под детайл-картата */
max-width: 720px !important;
margin: 24px auto 0 !important;
position: relative;
overflow: hidden;
border: 1px solid var(--ivo-line) !important;
border-radius: var(--ivo-radius) !important;
background: #ffffff !important;
background-image:
radial-gradient(120% 140% at 0% 0%, #fffbeb 0%, rgba(255,251,235,0) 55%) !important;
box-shadow: var(--ivo-shadow) !important;
padding: 26px 26px 22px !important;
}
/* топ акцент-лента в амбър */
.ivo-returns-wrap .ivo-iban-block::before {
content: "";
position: absolute; top: 0; left: 0; right: 0; height: 4px;
background: linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%);
}
.ivo-returns-wrap .ivo-iban-head {
display: flex; align-items: flex-start; gap: 14px;
margin-bottom: 18px;
}
.ivo-returns-wrap .ivo-iban-ico {
flex: 0 0 auto;
display: inline-flex; align-items: center; justify-content: center;
width: 44px; height: 44px;
font-size: 22px; line-height: 1;
border-radius: 12px;
background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
box-shadow: inset 0 0 0 1px rgba(245, 158, 11, .25);
}
.ivo-returns-wrap .ivo-iban-headtext { min-width: 0; }
.ivo-returns-wrap .ivo-iban-headtext strong {
display: block;
font-size: 16px; font-weight: 700;
color: var(--ivo-ink) !important;
line-height: 1.3; margin-bottom: 4px;
}
.ivo-returns-wrap .ivo-iban-hint {
font-size: 13.5px; line-height: 1.5;
color: var(--ivo-muted) !important; margin: 0 !important;
}
.ivo-returns-wrap .ivo-iban-fields {
display: grid; grid-template-columns: 1fr; gap: 16px;
}
.ivo-returns-wrap .ivo-iban-block .ivo-field { margin: 0 !important; }
.ivo-returns-wrap .ivo-iban-block .ivo-field label .ivo-req {
color: var(--ivo-warn) !important; font-weight: 700; margin-left: 1px;
}
.ivo-returns-wrap .ivo-iban-block input#ivo-f-iban { text-transform: uppercase !important; letter-spacing: .04em !important; font-variant-numeric: tabular-nums; }
.ivo-returns-wrap .ivo-iban-block input#ivo-f-iban-holder { text-transform: none !important; letter-spacing: 0 !important; }
/* фокус в амбър за тази карта (вместо emerald) за визуален фокус върху плащането */
.ivo-returns-wrap .ivo-iban-block input:focus {
border-color: #f59e0b !important;
box-shadow: 0 0 0 4px rgba(245, 158, 11, .15) !important;
}
/* invalid състояние (задава се от JS) */
.ivo-returns-wrap .ivo-iban-block input.ivo-invalid {
border-color: var(--ivo-danger) !important;
box-shadow: 0 0 0 4px rgba(220, 38, 38, .12) !important;
}
/* Начин на възстановяване: банков път / ваучер (REFUND-METHOD-VOUCHER-20260616) */
.ivo-returns-wrap .ivo-refund-method { margin: 0 0 18px; }
.ivo-returns-wrap .ivo-refund-method-title {
display: block; font-size: 15px; font-weight: 700;
color: var(--ivo-ink) !important; margin: 0 0 10px;
}
.ivo-returns-wrap .ivo-refund-method-opts {
display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
}
@media (max-width: 420px) {
.ivo-returns-wrap .ivo-refund-method-opts { grid-template-columns: 1fr; }
}
.ivo-returns-wrap .ivo-refund-opt { display: block; cursor: pointer; margin: 0; }
.ivo-returns-wrap .ivo-refund-opt input { position: absolute; opacity: 0; pointer-events: none; }
.ivo-returns-wrap .ivo-refund-opt-box {
display: flex; align-items: center; gap: 10px;
padding: 12px 14px; border: 2px solid var(--ivo-border, #e5e7eb);
border-radius: 12px; background: #fff;
transition: border-color .15s, box-shadow .15s, background .15s;
}
.ivo-returns-wrap .ivo-refund-opt input:checked + .ivo-refund-opt-box {
border-color: #f59e0b; background: #fffbeb;
box-shadow: 0 0 0 3px rgba(245, 158, 11, .14);
}
.ivo-returns-wrap .ivo-refund-opt input:focus-visible + .ivo-refund-opt-box {
box-shadow: 0 0 0 3px rgba(245, 158, 11, .30);
}
.ivo-returns-wrap .ivo-refund-opt-ico { font-size: 22px; line-height: 1; }
.ivo-returns-wrap .ivo-refund-opt-txt { display: flex; flex-direction: column; min-width: 0; }
.ivo-returns-wrap .ivo-refund-opt-txt strong { font-size: 14.5px; color: var(--ivo-ink) !important; line-height: 1.25; }
.ivo-returns-wrap .ivo-refund-opt-txt span { font-size: 12px; color: var(--ivo-muted) !important; line-height: 1.3; }
.ivo-returns-wrap .ivo-iban-secure {
display: flex; align-items: center; gap: 7px;
font-size: 12.5px; line-height: 1.4;
color: var(--ivo-muted) !important;
margin: 16px 0 0 !important;
padding-top: 14px;
border-top: 1px solid var(--ivo-line);
}
.ivo-returns-wrap .ivo-iban-err {
display: flex; align-items: center; gap: 8px;
background: var(--ivo-danger-soft) !important; color: #991b1b !important;
padding: 10px 14px; border-radius: 10px; font-size: 13px; font-weight: 600;
margin-top: 14px;
border: 1px solid rgba(220, 38, 38, .18);
}
.ivo-returns-wrap .ivo-iban-err::before { content: "⚠"; font-size: 14px; }
.ivo-returns-wrap .ivo-online-note {
margin: 14px auto 0 !important; max-width: 720px !important;
display: flex !important; align-items: center !important; gap: 10px !important;
font-size: 13.5px !important; line-height: 1.5 !important; color: #1e40af !important;
border: 1px solid #bfdbfe !important; border-left: 4px solid #3b82f6 !important;
background: #eff6ff !important; border-radius: 12px !important; padding: 14px 16px !important;
}
/* ===== Item qty selector (частично връщане при qty>1) ===== */
.ivo-returns-wrap .ivo-item-card { flex-wrap: wrap !important; }
.ivo-returns-wrap .ivo-item-qty {
flex-basis: 100%;
display: flex; align-items: center; gap: 10px;
margin-top: 8px; padding-top: 10px;
border-top: 1px dashed #e2e8f0;
}
.ivo-returns-wrap .ivo-item-qty__label {
font-size: 13px; color: #475569; font-weight: 600;
}
.ivo-returns-wrap .ivo-item-qty__sel {
padding: 6px 10px; border: 1.5px solid #cbd5e1; border-radius: 8px;
font-size: 14px; background: #fff; cursor: pointer;
}
.ivo-returns-wrap .ivo-item-qty__sel:focus {
outline: none; border-color: #10b981;
}
/* ===== Причина за връщане per артикул (REASON-DROPDOWN-20260704) ===== */
.ivo-returns-wrap .ivo-item-reason {
flex-basis: 100%;
display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px;
margin-top: 8px; padding-top: 10px;
border-top: 1px dashed #e2e8f0;
}
.ivo-returns-wrap .ivo-item-reason__label {
font-size: 13px; color: #475569; font-weight: 600;
}
.ivo-returns-wrap .ivo-item-reason__sel {
padding: 6px 10px; border: 1.5px solid #cbd5e1; border-radius: 8px;
font-size: 14px; background: #fff; cursor: pointer; max-width: 100%;
}
.ivo-returns-wrap .ivo-item-reason__free {
flex: 1 1 180px; min-width: 140px;
padding: 6px 10px; border: 1.5px solid #cbd5e1; border-radius: 8px;
font-size: 14px; background: #fff;
}
.ivo-returns-wrap .ivo-item-reason__sel:focus,
.ivo-returns-wrap .ivo-item-reason__free:focus {
outline: none; border-color: #10b981;
}
.ivo-returns-wrap .ivo-item-reason__sel.ivo-invalid,
.ivo-returns-wrap .ivo-item-reason__free.ivo-invalid {
border-color: var(--ivo-danger, #dc2626) !important;
box-shadow: 0 0 0 4px rgba(220, 38, 38, .12) !important;
}
@media (max-width: 560px) {
.ivo-returns-wrap .ivo-item-reason { gap: 6px 8px; }
.ivo-returns-wrap .ivo-item-reason__label { flex-basis: 100%; }
.ivo-returns-wrap .ivo-item-reason__sel { flex: 1 1 auto; width: 100%; }
.ivo-returns-wrap .ivo-item-reason__free { flex-basis: 100%; }
}
/* ===== Декларации / съгласие (confirm стъпка) ===== */
.ivo-returns-wrap .ivo-consent {
margin: 18px 0 4px !important;
padding: 16px 18px !important;
background: #f8fafc !important;
border: 1px solid #e2e8f0 !important;
border-radius: 12px !important;
display: flex !important; flex-direction: column !important; gap: 12px !important;
}
.ivo-returns-wrap .ivo-consent__row {
display: flex !important; align-items: flex-start !important; gap: 10px !important;
cursor: pointer !important; font-size: 13.5px !important; line-height: 1.5 !important;
color: #334155 !important;
}
.ivo-returns-wrap .ivo-consent__cb {
width: 20px !important; height: 20px !important; flex: 0 0 auto !important;
margin-top: 1px !important; accent-color: #10b981 !important; cursor: pointer !important;
}
.ivo-returns-wrap .ivo-consent__text a { color: #0ea5e9 !important; font-weight: 600 !important; text-decoration: underline !important; }
.ivo-returns-wrap .ivo-consent-err {
background: #fee2e2 !important; color: #991b1b !important;
padding: 8px 12px !important; border-radius: 8px !important; font-size: 13px !important;
}
/* ===== Калкулация на куриерска цена ===== */
.ivo-returns-wrap .ivo-calc-box {
margin-top: 14px !important;
padding: 14px 16px !important;
background: #f0f9ff !important;
border: 1.5px solid #bae6fd !important;
border-radius: 12px !important;
}
.ivo-returns-wrap .ivo-calc-loading { font-size: 13px !important; color: #0369a1 !important; }
.ivo-returns-wrap .ivo-calc-title { font-size: 13px !important; font-weight: 700 !important; color: #075985 !important; margin-bottom: 8px !important; }
.ivo-returns-wrap .ivo-calc-row { display: flex !important; justify-content: space-between !important; font-size: 14px !important; color: #0c4a6e !important; padding: 4px 0 !important; }
.ivo-returns-wrap .ivo-calc-row--total { border-top: 1px dashed #7dd3fc !important; margin-top: 4px !important; padding-top: 8px !important; font-size: 15px !important; }
.ivo-returns-wrap .ivo-calc-note { font-size: 11px !important; color: #64748b !important; margin-top: 8px !important; }
/* Поле за причина при заявка на същия продукт (същия SKU) */
.ivo-returns-wrap .ivo-same-sku-box {
margin: 14px 0 4px !important;
padding: 14px 16px !important;
background: #fffbeb !important;
border: 1px solid #fde68a !important;
border-left: 4px solid #f59e0b !important;
border-radius: 10px !important;
text-align: left !important;
}
.ivo-returns-wrap .ivo-same-sku-title {
font-size: 13.5px !important;
font-weight: 800 !important;
color: #92400e !important;
margin-bottom: 6px !important;
}
.ivo-returns-wrap .ivo-same-sku-hint {
font-size: 12.5px !important;
color: #78350f !important;
line-height: 1.4 !important;
margin: 0 0 10px !important;
}
.ivo-returns-wrap .ivo-same-sku-label {
display: block !important;
font-size: 12.5px !important;
font-weight: 700 !important;
color: #78350f !important;
margin-bottom: 4px !important;
}
.ivo-returns-wrap .ivo-same-sku-label span { color: #dc2626 !important; }
.ivo-returns-wrap #ivo-same-sku-text {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
border: 1px solid #fcd34d !important;
border-radius: 8px !important;
padding: 10px 12px !important;
font-size: 14px !important;
font-family: inherit !important;
resize: vertical !important;
background: #fff !important;
}
.ivo-returns-wrap #ivo-same-sku-text:focus {
outline: none !important;
border-color: #f59e0b !important;
box-shadow: 0 0 0 3px rgba(245,158,11,.15) !important;
}
/* (мобилният GRID layout за куриерските опции е В КРАЯ на файла — трябва да е СЛЕД
десктоп правилото за .opt-cost__sub, иначе то печели каскадата и на мобилно) */
/* Select за офис/автомат — не позволявай да прелива извън контейнера */
.ivo-returns-wrap #ivo-cd-point,
.ivo-returns-wrap select.ivo-cd-select,
.ivo-returns-wrap select {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
overflow: hidden !important;
}
/* Опциите в listbox-а (size>1) се пренасят на 2 реда при дълъг текст.
Задаваме nowrap + ellipsis на самата