/*
Theme Name: HGME
Theme URI: https://olliewp.com
Description: Home Made Gifts theme
Author: Atta(Bigscoots)
Author URI: https://www.bigscoots.com/
Template:     ollie
Version: 1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         blog, portfolio, entertainment, grid-layout, one-column, two-columns, three-columns, four-columns, block-patterns, block-styles, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, full-width-template, rtl-language-support, style-variations, template-editing, theme-options, translation-ready, wide-blocks
Text Domain: ollie-child
*/

/* ============================================================
   FOOTER PADDING — scoped only to the footer wrapper
   Left/Right: 16px mobile → 32px tablet → 64px desktop
   Top/Bottom: 48px mobile/tablet → 112px desktop
   ============================================================ */
html {
    background-color: var(--wp--preset--color--primary-accent) !important;
}

/* Mobile — 16px sides, 48px top/bottom */
.site-footer .has-global-padding,
.site-footer.has-global-padding {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
    margin-top: 32px;

}

.site-footer h5 {
    font-size: 24px;
}

#wpforms-submit-59 {
    width: 100%;
}

#wpforms-59 {
    margin: 20px 0 0 0;
}

.footer-cols-wrapper {
    gap: 32px;
}

.footer-subnav-wrapper {
    border-color: #32928B;
    margin-top: 32px;
}

.footer-subnav-wrapper .wp-block-navigation__container {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.footer-subnav-wrapper .wp-block-group {
    gap: 16px;
}

.links-col-wrapper {
    gap: 32px;
}

/* Tablet — 32px sides, 48px top/bottom */
@media (min-width: 768px) {

    .site-footer .has-global-padding,
    .site-footer.has-global-padding {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
        margin-top: 48px;

    }

    .footer-cols-wrapper {
        flex-direction: column-reverse;
        gap: 48px;
    }

    .links-col-wrapper,
    .links-col-wrapper .wp-block-social-links {
        flex-wrap: nowrap !important;
    }

    .footer-cols-wrapper>.wp-block-column #wpforms-submit-59 {
        width: auto;
    }

    .footer-subnav-wrapper {
        margin-top: 48px;
    }

    .footer-subnav-wrapper .wp-block-navigation__container {
        flex-direction: row;
    }

}

/* Desktop — 64px sides, 112px top/bottom */
@media (min-width: 1024px) {

    .site-footer .has-global-padding,
    .site-footer.has-global-padding {
        padding-right: 7rem !important;
        padding-left: 7rem !important;
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
        margin-top: 64px;
    }

    .footer-cols-wrapper {
        flex-direction: row;
    }

    .footer-form-col,
    .footer-nav-col {
        max-width: 508px;
    }

    .footer-subnav-wrapper {
        margin-top: 32px;
    }

    .site-footer h5 {
        font-size: 32px;
    }
}




#wpforms-submit-59 {

    box-shadow: 0 3px 0 0 #256C67;
    font-family: var(--wp--preset--font-family--caprasimo);
    padding: 10px 22px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.36px;
    height: auto;
    line-height: 24px;
}

#wpforms-submit-59:hover {
    background: #87D6D0 !important;
    color: #184643;
}


#wpforms-59-field_1,
#wpforms-59-field_2 {
    max-width: 100%;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.04), 0 1px 2px 0 rgba(16, 24, 40, 0.04);
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container {
    display: flex;
    justify-content: flex-end;
}



#wpforms-59-field_1-container,
#wpforms-59-field_2-container {
    padding: 4px 0;
}


.footer-cols-wrapper {
    justify-content: space-between;
}