/* ═══════════════════════════════════════════════════════
   MODALS — Agerpix v2 Design System
   Custom modal content styling
   ═══════════════════════════════════════════════════════ */

.modal-body-content {
    width: 100%;
    padding: 1.75rem;
    padding-bottom: 1rem;
    text-align: center;
}

.modal-body-content img {
    width: 10rem;
    height: auto;
    margin: 0 auto 1.5rem;
    display: block;
}

.modal-body-content h1 {
    font-size: 1.75rem;
    margin-bottom: 1rem;
    color: var(--color-text, #111827);
    font-family: var(--font);
    font-weight: 700;
}

.modal-body-content p {
    font-size: 0.95rem;
    margin-bottom: 1.25rem;
    color: var(--color-text-secondary, #6b7280);
    line-height: 1.6;
}

.modal-body-content h3.cupon-pop {
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
    color: var(--color-text, #111827);
    display: inline-block;
    text-align: center;
    padding: 0.6rem 1.25rem;
    border: 2px dashed var(--color-border, #e2e8f0);
    border-radius: var(--radius-sm, 6px);
    font-weight: 500;
    font-family: var(--font);
}

.modal-body-content h3.cupon-pop span {
    color: var(--color-primary, #1a4d3e);
    font-weight: 700;
}

.modal-body-content a i {
    margin-right: 0.35rem;
}

#ignismyModal .modal-header {
    border: 0;
}

img.image-modal {
    width: 22rem;
    max-width: 100%;
    border-radius: var(--radius-sm, 6px);
}

.modal-overflow {
    overflow-y: auto;
    max-height: 63vh;
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,0.12) transparent;
}

/* ── Dark theme ── */
[data-theme="dark"] .modal-body-content h1 {
    color: var(--color-text);
}
[data-theme="dark"] .modal-body-content p {
    color: var(--color-text-secondary);
}
[data-theme="dark"] .modal-body-content h3.cupon-pop {
    color: var(--color-text);
    border-color: var(--color-border);
}
[data-theme="dark"] .modal-body-content h3.cupon-pop span {
    color: var(--color-accent, #34d399);
}