/* ==========================================================================
   Meditherapie - footer newsletter box, mobile/tablet alignment
   Deployed: 2026-09-21
   Path: app/design/frontend/Sm/market/web/css/meditherapie-footer.css

   Cause: the footer subscribe widget is sized for desktop only, three ways -
     1. .form.subscribe is display:table-cell with no table ancestor, so the
        anonymous table box shrinks to its content instead of filling the row;
     2. .input-box carries an inline style="width:auto; display:inline-block",
        so it shrink-wraps;
     3. the send button carries an inline left:190px - a fixed desktop offset -
        so on a narrow column it lands outside the field;
     4. an inline <style> in the footer block sets .input-box{min-width:440px}
        and repeats it inside @media (max-width:768px), so the box stays 440px
        wide even on a 375px phone.
   Result below 1025px: a ~76px input, a gap, and the orange button floating
   to its right.

   Fix: below 1025px make the form, the content wrapper and the input box
   block-level and full width, let the input fill the row, and pin the button
   to the right edge instead of a fixed left offset. Inline styles are in play,
   so !important is required. Desktop (>=1025px) is untouched.
   ========================================================================== */

@media (max-width: 1024px) {

    .page-footer .newsletter-subscription .form.subscribe {
        display: block !important;
        width: 100% !important;
    }

    .page-footer .newsletter-subscription .newsletter-content {
        width: 100% !important;
        min-width: 0 !important;
    }

    .page-footer .newsletter-subscription .input-box {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        position: relative !important;
    }

    .page-footer .newsletter-subscription .input-box input[type="email"] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-right: 56px !important;
    }

    .page-footer .newsletter-subscription .input-box .subscribe-button {
        left: auto !important;
        right: 4px !important;
        top: 4px !important;
    }

}