/*
 * Flamenet Newsletter — Shortcode styles
 * Used by [flamenet_subscribe].
 */

.fnel-wrap {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 16px;
    max-width: 480px;
}

/* -------------------------------------------------------
   Header
------------------------------------------------------- */
.fnel-header {
    background: linear-gradient(180deg, #596EBB 0%, #1835A0 50%, #13297D 100%);
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border: 1px solid #122678;
    border-bottom: none;
}

/* -------------------------------------------------------
   Body
------------------------------------------------------- */
.fnel-body {
    border: 1px solid #7F9DB9;
    background: #FFFFFF;
    padding: 12px 14px;
}

/* -------------------------------------------------------
   Notices
------------------------------------------------------- */
.fnel-notice {
    padding: 8px 10px;
    font-size: 11px;
    border: 1px solid #7F9DB9;
    margin-bottom: 8px;
}

.fnel-notice-success {
    background: #EEF2FF;
    color: #1835A0;
    border-color: #7F9DB9;
}

.fnel-notice-error {
    background: #FFF0F0;
    color: #CC0000;
    border-color: #CC0000;
}

/* -------------------------------------------------------
   Form
------------------------------------------------------- */
.fnel-form {
    margin: 0;
    padding: 0;
}

.fnel-field {
    margin-bottom: 8px;
}

.fnel-field label {
    display: block;
    font-size: 11px;
    font-weight: bold;
    color: #333;
    margin-bottom: 3px;
}

.fnel-field input[type="text"],
.fnel-field input[type="email"] {
    width: 100%;
    padding: 4px 6px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #7F9DB9;
    background: #FFFFFF;
    color: #333;
    box-sizing: border-box;
}

.fnel-field input[type="text"]:focus,
.fnel-field input[type="email"]:focus {
    outline: none;
    border-color: #1835A0;
    background: #F0F4FF;
}

/* -------------------------------------------------------
   Submit button
------------------------------------------------------- */
.fnel-btn {
    background: linear-gradient(180deg, #596EBB 0%, #1835A0 50%, #13297D 100%);
    color: #fff;
    border: 1px solid #122678;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 16px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.fnel-btn:hover {
    background: linear-gradient(180deg, #3F8BBD 0%, #0266A8 50%, #025286 100%);
    border-color: #1835A0;
}

/* -------------------------------------------------------
   Fine print
------------------------------------------------------- */
.fnel-note {
    font-size: 10px;
    color: #666;
    margin: 6px 0 0;
}