.nook-newsletter-strip {
    background: var(--nook-c-white);
    border-top: var(--nook-border-50);
    border-bottom: var(--nook-border-50);
    padding: var(--sp-6) 0;
}

.nook-newsletter-strip-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-8);
}

.nook-newsletter-strip-text {
    display: flex; flex-direction: column;
    gap: var(--sp-2); flex-shrink: 0;
}
.nook-newsletter-strip-label {
    font-size: var(--nook-fs-xsmall); font-weight: 800;
    text-transform: uppercase; letter-spacing: 0.14em;
    color: var(--nook-c-meta);
}
.nook-newsletter-strip-text p {
    font-size: var(--nook-fs-small);
    color: var(--nook-c-text); font-weight: 500;
}

.nook-newsletter-strip .nook-newsletter-inline {
    display: flex; gap: var(--sp-2);
    flex: 1; max-width: 420px;
}
.nook-newsletter-strip .nook-newsletter-inline .wpcf7-form-control-wrap {
    flex: 1;
}
.nook-newsletter-strip input[type="email"] {
    flex: 1; padding: var(--sp-3) var(--sp-4);
    border: var(--nook-border-50); border-radius: var(--nook-radius-sm);
    font-family: var(--nook-font); font-size: var(--nook-fs-body);
    color: var(--nook-c-text); background: var(--nook-bg-page);
    outline: none; transition: var(--nook-transition); -webkit-appearance: none;
    width: 100%;
}
.nook-newsletter-strip input[type="email"]:focus {
    border-color: var(--nook-c-meta);
    background: var(--nook-c-white);
}

.nook-newsletter-strip input[type="submit"] {
    padding: var(--sp-3) var(--sp-5);
    background: var(--nook-c-text); color: var(--nook-c-white);
    border: none; border-radius: var(--nook-radius-sm);
    font-family: var(--nook-font); font-size: var(--nook-fs-small);
    font-weight: 700; cursor: pointer; white-space: nowrap;
    transition: var(--nook-transition);
    width: auto; box-shadow: none;
    margin-top:0;
}
.nook-newsletter-strip input[type="submit"]:hover { background: #111; }

.nook-newsletter-strip .form-note {
    margin-top: var(--sp-3);
    text-align: left;
}

/* ---- MOBILE ---- */
@media (max-width: 768px) {
    .nook-newsletter-strip-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--sp-4);
    }
    .nook-newsletter-strip .nook-newsletter-inline {
        width: 100%; max-width: 100%;
        flex-direction: column;
    }
    .nook-newsletter-strip input[type="submit"] { width: 100%; }
}