/* ================================================================
   Refund Policy — refund.css
   ================================================================ */

.refund-wrapper {
    max-width: 860px;
    margin: 0 auto;
    padding: 0.5rem 1rem 4rem;
}

/* ── Hero ─────────────────────────────────────────────────────── */
.refund-hero {
    display: flex; align-items: center; gap: 1.25rem;
    background: linear-gradient(135deg, #92400e 0%, #d97706 100%);
    border-radius: 18px; padding: 2rem 2rem 1.75rem;
    color: #fff; margin-bottom: 1.5rem;
    position: relative; overflow: hidden;
}

.refund-hero::before {
    content: ''; position: absolute; top: -50px; right: -50px;
    width: 180px; height: 180px; border-radius: 50%;
    background: rgba(255,255,255,0.06); pointer-events: none;
}

.refund-hero::after {
    content: ''; position: absolute; bottom: -40px; left: 30%;
    width: 130px; height: 130px; border-radius: 50%;
    background: rgba(255,255,255,0.04); pointer-events: none;
}

.refund-hero-icon {
    width: 64px; height: 64px; border-radius: 16px;
    background: rgba(255,255,255,0.18);
    border: 2px solid rgba(255,255,255,0.3);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.75rem; color: #fff; flex-shrink: 0; z-index: 1;
}

.refund-hero-title {
    font-size: 1.6rem; font-weight: 900;
    margin: 0 0 0.2rem; letter-spacing: -0.5px; z-index: 1;
}

.refund-hero-sub  { font-size: 0.875rem; opacity: 0.85; margin: 0 0 0.2rem; }
.refund-hero-date { font-size: 0.78rem;  opacity: 0.65; margin: 0; }

/* ── Summary card ─────────────────────────────────────────────── */
.refund-summary-card {
    display: flex; align-items: flex-start; gap: 0.85rem;
    background: #fef3c7; border: 1.5px solid #fde68a;
    border-radius: 12px; padding: 1rem 1.25rem;
    margin-bottom: 1.25rem; font-size: 0.875rem;
    color: #78350f; line-height: 1.6;
}

.refund-summary-icon {
    font-size: 1.1rem; color: #d97706; flex-shrink: 0; margin-top: 2px;
}

/* ── Quick answer card ────────────────────────────────────────── */
.refund-quick-card {
    display: flex; align-items: stretch;
    background: #fff; border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    overflow: hidden; margin-bottom: 2rem;
    border: 1.5px solid #f3f4f6;
}

.refund-quick-item {
    flex: 1; display: flex; align-items: flex-start;
    gap: 0.85rem; padding: 1.25rem 1.5rem;
}

.refund-quick-item.yes  { background: #f0fdf4; }
.refund-quick-item.no   { background: #fff5f5; }

.refund-quick-divider {
    width: 1.5px; background: #f3f4f6; flex-shrink: 0;
}

.refund-quick-icon {
    width: 40px; height: 40px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.1rem; flex-shrink: 0;
}

.refund-quick-item.yes .refund-quick-icon {
    background: #d1fae5; color: #059669;
}

.refund-quick-item.no .refund-quick-icon {
    background: #fee2e2; color: #dc2626;
}

.refund-quick-title {
    font-size: 0.875rem; font-weight: 700; margin-bottom: 0.3rem;
}

.refund-quick-item.yes .refund-quick-title { color: #065f46; }
.refund-quick-item.no  .refund-quick-title { color: #991b1b; }

.refund-quick-desc { font-size: 0.8rem; line-height: 1.5; }
.refund-quick-item.yes .refund-quick-desc { color: #047857; }
.refund-quick-item.no  .refund-quick-desc { color: #b91c1c; }

/* ── Sections ─────────────────────────────────────────────────── */
.refund-sections { display: flex; flex-direction: column; }

.refund-section {
    border-bottom: 1.5px solid #f3f4f6;
    padding: 2rem 0; scroll-margin-top: 80px;
}

.refund-section:last-child { border-bottom: none; }

.refund-section-header {
    display: flex; align-items: center;
    gap: 0.85rem; margin-bottom: 1.1rem;
}

.refund-section-num {
    font-size: 0.7rem; font-weight: 800;
    color: #fbbf24; background: #fef3c7;
    border-radius: 8px; padding: 0.25rem 0.55rem;
    letter-spacing: 0.05em; flex-shrink: 0;
}

.refund-section-header h2 {
    font-size: 1.05rem; font-weight: 800;
    color: #111827; margin: 0; letter-spacing: -0.2px;
}

.refund-section-body p {
    font-size: 0.875rem; color: #4b5563;
    line-height: 1.7; margin-bottom: 1rem;
}

.refund-section-body a {
    color: #d97706; text-decoration: none; font-weight: 500;
}

.refund-section-body a:hover { text-decoration: underline; }

/* ── Criteria labels ──────────────────────────────────────────── */
.refund-criteria-label {
    display: flex; align-items: center; gap: 0.5rem;
    font-size: 0.82rem; font-weight: 700;
    margin-bottom: 0.5rem;
}

.refund-criteria-label.eligible     { color: #065f46; }
.refund-criteria-label.not-eligible { color: #991b1b; }
.refund-criteria-label i            { font-size: 0.85rem; }

/* ── Lists ────────────────────────────────────────────────────── */
.refund-list {
    list-style: none; padding: 0; margin: 0 0 0.75rem;
    display: flex; flex-direction: column; gap: 0.5rem;
}

.refund-list li {
    display: flex; align-items: flex-start; gap: 0.6rem;
    font-size: 0.875rem; color: #374151; line-height: 1.55;
}

.refund-list.eligible     li i { color: #059669; font-size: 0.8rem; flex-shrink: 0; margin-top: 3px; }
.refund-list.not-eligible li i { color: #ef4444; font-size: 0.8rem; flex-shrink: 0; margin-top: 3px; }

/* ── Steps ────────────────────────────────────────────────────── */
.refund-steps {
    display: flex; flex-direction: column;
    gap: 0; margin: 0.75rem 0 1.25rem;
    position: relative;
}

.refund-steps::before {
    content: '';
    position: absolute;
    left: 19px; top: 40px;
    bottom: 40px; width: 2px;
    background: linear-gradient(180deg, #fde68a, #fbbf24);
    border-radius: 2px;
}

.refund-step {
    display: flex; align-items: flex-start;
    gap: 1rem; padding: 0.85rem 0;
    position: relative; z-index: 1;
}

.refund-step-num {
    width: 40px; height: 40px; border-radius: 50%;
    background: linear-gradient(135deg, #d97706, #f59e0b);
    color: #fff; font-size: 0.875rem; font-weight: 800;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; box-shadow: 0 2px 8px rgba(217,119,6,0.3);
}

.refund-step-title {
    font-size: 0.875rem; font-weight: 700;
    color: #111827; margin-bottom: 0.25rem;
}

.refund-step-desc {
    font-size: 0.82rem; color: #6b7280; line-height: 1.55;
}

.refund-step-desc a { color: #d97706; font-weight: 500; text-decoration: none; }
.refund-step-desc a:hover { text-decoration: underline; }

/* ── Contact channels ─────────────────────────────────────────── */
.refund-contact-channels {
    display: flex; gap: 0.75rem;
    flex-wrap: wrap; margin-top: 1rem;
}

.refund-channel-item {
    display: flex; align-items: center; gap: 0.65rem;
    background: #f9fafb; border: 1.5px solid #f3f4f6;
    border-radius: 10px; padding: 0.75rem 1rem;
    text-decoration: none; flex: 1; min-width: 160px;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.refund-channel-item > i {
    font-size: 1.2rem; width: 36px; height: 36px;
    border-radius: 9px; display: flex;
    align-items: center; justify-content: center; flex-shrink: 0;
}

.refund-channel-item.email    > i { background: #fef3c7; color: #d97706; }
.refund-channel-item.whatsapp > i { background: #d1fae5; color: #059669; }
.refund-channel-item.telegram > i { background: #dbeafe; color: #2563eb; }

.refund-channel-item.email:hover    { border-color: #d97706; box-shadow: 0 2px 8px rgba(217,119,6,0.12); }
.refund-channel-item.whatsapp:hover { border-color: #059669; box-shadow: 0 2px 8px rgba(5,150,105,0.12); }
.refund-channel-item.telegram:hover { border-color: #2563eb; box-shadow: 0 2px 8px rgba(37,99,235,0.12); }

.refund-channel-label {
    font-size: 0.68rem; font-weight: 600;
    text-transform: uppercase; letter-spacing: 0.05em; color: #9ca3af;
}

.refund-channel-value {
    font-size: 0.82rem; font-weight: 600; color: #111827;
}

/* ── Highlight boxes ──────────────────────────────────────────── */
.refund-highlight {
    display: flex; align-items: flex-start; gap: 0.65rem;
    border-radius: 10px; padding: 0.85rem 1rem;
    font-size: 0.82rem; line-height: 1.55; margin-top: 0.75rem;
}

.refund-highlight i { font-size: 0.9rem; flex-shrink: 0; margin-top: 2px; }

.refund-highlight.green {
    background: #f0fdf4; border: 1.5px solid #a7f3d0; color: #065f46;
}
.refund-highlight.green i { color: #059669; }

.refund-highlight.amber {
    background: #fffbeb; border: 1.5px solid #fde68a; color: #92400e;
}
.refund-highlight.amber i { color: #d97706; }

.refund-highlight.red {
    background: #fff5f5; border: 1.5px solid #fecaca; color: #991b1b;
}
.refund-highlight.red i { color: #dc2626; }

/* ── Footer note ──────────────────────────────────────────────── */
.refund-footer-note {
    margin-top: 2.5rem; padding: 1rem 1.25rem;
    background: #f9fafb; border: 1.5px solid #f3f4f6;
    border-radius: 10px; font-size: 0.78rem;
    color: #9ca3af; text-align: center; line-height: 1.6;
}

.refund-footer-note i { color: #d97706; }
.refund-footer-note a { color: #d97706; text-decoration: none; font-weight: 500; }
.refund-footer-note a:hover { text-decoration: underline; }

/* ── Responsive ───────────────────────────────────────────────── */
@media (max-width: 640px) {
    .refund-hero           { flex-direction: column; text-align: center; padding: 1.5rem 1.25rem; }
    .refund-quick-card     { flex-direction: column; }
    .refund-quick-divider  { width: 100%; height: 1.5px; }
    .refund-contact-channels { flex-direction: column; }
    .refund-steps::before  { left: 19px; }
}