/**
 * ============================================================================
 * MUAADH NEWSLETTER — Email signup widget (footer + landing)
 * ============================================================================
 *
 * Single source of truth for newsletter UI (14 rules) extracted from
 * muaadh-frontend.css in Phase 13 Wave 11 (band 13, 2026-05-13).
 *
 * Owns:
 *   - .muaadh-newsletter (root)
 *   - .muaadh-newsletter-input + __submit
 *   - State modifiers: --success, --error
 *
 * Loaded via layout-customer.blade.php.
 * ============================================================================
 */


/* ============================================================================
 * APPENDED (Phase 13 Wave 11 — 2026-05-13): rules pulled from muaadh-frontend.css
 * ============================================================================ */

.muaadh-newsletter-tile {
    background: var(--theme-primary);
    color: var(--theme-text-on-primary);
    padding: var(--space-10) var(--space-8);
    border-radius: var(--chassis-radius-lg);
    box-shadow: var(--chassis-shadow-lg);
}

.muaadh-newsletter-content {
    padding-inline-end: var(--space-4);
}

.muaadh-newsletter-name {
    font-size: var(--text-2xl);
    font-weight: var(--theme-font-bold);
    margin: 0 0 var(--space-3) 0;
    color: var(--theme-text-on-primary);
}

.muaadh-newsletter-text {
    font-size: var(--text-base);
    line-height: var(--theme-line-height);
    margin: 0;
    opacity: 0.9;
}

.muaadh-newsletter-form {
    width: 100%;
}

.muaadh-newsletter-input {
    flex: 1;
    padding: var(--space-3) var(--space-4);
    border: none;
    background: transparent;
    color: var(--theme-text-on-primary);
    font-size: var(--text-sm);
    outline: none;
}

.muaadh-newsletter-input::placeholder {
    color: var(--theme-text-on-primary);
    opacity: 0.7;
}

.muaadh-newsletter-action {
    padding: var(--space-3) var(--space-5);
    background: var(--theme-bg-body);
    color: var(--theme-primary);
    border: none;
    cursor: pointer;
    font-weight: var(--theme-font-semibold);
    transition: var(--theme-transition-fast);
}

.muaadh-newsletter-action:hover {
    background: var(--theme-bg-light);
}

.muaadh-newsletter-input-group {
    display: flex;
    background: rgba(var(--theme-card-bg-rgb), 0.15);
    border-radius: var(--chassis-radius);
    overflow: hidden;
}

.muaadh-newsletter-input-group input {
    flex: 1;
    padding: var(--space-3) 15px;
    border: none;
    background: transparent;
    color: var(--theme-footer-text);
    font-size: var(--text-sm);
    outline: none;
}

.muaadh-newsletter-input-group input::placeholder {
    color: var(--theme-footer-text-muted);
}

.muaadh-newsletter-input-group button {
    padding: var(--space-3) 18px;
    background: var(--theme-btn-primary-bg);
    border: none;
    color: var(--theme-btn-primary-text);
    cursor: pointer;
    transition: var(--theme-transition-fast);
}

.muaadh-newsletter-input-group button:hover {
    background: var(--theme-btn-primary-hover-bg);
}