/**
 * TT Newsletter CSS — Prototip Birebir Eşleştirme
 * Koyu gradient, beyaz metin, beyaz-opak input + buton yan yana
 */

/* Newsletter container — Prototip: border-radius 12px, padding 48px */
.tt-ew-newsletter {
    border-radius: var(--tt-radius, 12px);
    padding: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    position: relative;
}

/* Dark style — Prototip: #3e3837 → #2c2725 gradient */
.tt-ew-newsletter--dark {
    background: linear-gradient(135deg, #3e3837 0%, #2c2725 100%);
    color: #fff;
}

/* Primary style */
.tt-ew-newsletter--primary {
    background: linear-gradient(135deg, #fd5c02 0%, #e04a00 100%);
    color: #fff;
}

/* Light style */
.tt-ew-newsletter--light {
    background: #f5f5f5;
    color: var(--tt-dark, #3e3837);
}

/* İçerik bölümü */
.tt-ew-newsletter__content {
    flex: 1;
}
.tt-ew-newsletter__title {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 4px;
    line-height: 1.3;
    color: #efefef;
}
.tt-ew-newsletter__subtitle {
    font-size: 14px;
    color: rgba(255,255,255,0.7);
    margin: 0;
    line-height: 1.5;
}

/* Form bölümü — Prototip: gap 12px */
.tt-ew-newsletter__form {
    flex: 1;
    max-width: 440px;
}
.tt-ew-newsletter__input-group {
    display: flex;
    gap: 12px;
}

/* Input — Prototip: beyaz opak bg, border yok */
.tt-ew-newsletter__input {
    flex: 1;
    padding: 14px 20px;
    border: none;
    border-radius: var(--tt-radius-sm, 8px);
    font-size: 15px;
    outline: none;
    transition: border-color 0.2s;
    width: 320px;
}
.tt-ew-newsletter--dark .tt-ew-newsletter__input {
    background: rgba(255,255,255,0.95);
    color: var(--tt-dark, #3e3837);
}
.tt-ew-newsletter--dark .tt-ew-newsletter__input:focus {
    box-shadow: 0 0 0 3px rgba(253,92,2,0.3);
}
.tt-ew-newsletter--dark .tt-ew-newsletter__input::placeholder {
    color: #999;
}
.tt-ew-newsletter--primary .tt-ew-newsletter__input {
    background: rgba(255,255,255,0.95);
    color: var(--tt-dark, #3e3837);
}
.tt-ew-newsletter--primary .tt-ew-newsletter__input::placeholder {
    color: #999;
}
.tt-ew-newsletter--light .tt-ew-newsletter__input {
    background: #fff;
    border: 1px solid #ddd;
    color: #333;
}

/* Buton */
.tt-ew-newsletter__btn {
    white-space: nowrap;
}
.tt-ew-newsletter__btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}
.tt-ew-newsletter--primary .tt-ew-btn--primary {
    background: var(--tt-dark, #3e3837);
}
.tt-ew-newsletter--primary .tt-ew-btn--primary:hover {
    background: #1a1716;
}

/* Sonuç mesajı */
.tt-ew-newsletter__result {
    margin-top: 12px;
    padding: 10px 16px;
    border-radius: var(--tt-radius-sm, 8px);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
}
.tt-ew-newsletter__result i {
    margin-right: 6px;
}
.tt-ew-newsletter__result--success {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.25);
}
.tt-ew-newsletter--light .tt-ew-newsletter__result--success {
    background: #f0fdf4;
    color: #166534;
    border-color: #bbf7d0;
}
.tt-ew-newsletter__result--error {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.25);
}
.tt-ew-newsletter--light .tt-ew-newsletter__result--error {
    background: #fef2f2;
    color: #dc2626;
    border-color: #fecaca;
}

/* Gizlilik notu */
.tt-ew-newsletter__note {
    font-size: 12px;
    opacity: 0.55;
    margin: 10px 0 0;
    color: #fff;
}
.tt-ew-newsletter__note i {
    margin-right: 4px;
}

@media (max-width: 768px) {
    .tt-ew-newsletter {
        flex-direction: column;
        padding: 32px 24px;
        gap: 24px;
        text-align: center;
    }
    .tt-ew-newsletter__form {
        max-width: 100%;
        width: 100%;
    }
    .tt-ew-newsletter__input {
        width: 100%;
    }
    .tt-ew-newsletter__input-group {
        flex-direction: column;
    }
    .tt-ew-newsletter__btn {
        width: 100%;
    }
}