/*
Theme Name: Tierraverdefarms
Theme URI: https://example.com/
Description: Child theme for Twenty Twenty-Five
Author: Your Name
Template: twentytwentyfive
Version: 1.0.144
Text Domain: tierraverdefarms
*/


/* =====================================================
   1. STICKY HEADER
   ===================================================== */

header.wp-block-template-part {
    position: sticky;
    top: 0;
    z-index: 1000;
}


/* =====================================================
   2. TOP BAR (green announcement bar)
   ===================================================== */

/* WordPress core forces align-items:normal!important on columns —
   we need !important here to override it */
header.wp-block-template-part .has-primary-background-color .wp-block-columns {
    align-items: center !important;
    min-height: 42px;
}

header.wp-block-template-part .has-primary-background-color p {
    margin: 0;
    font-size: 13px;
    color: #fff;
    line-height: 1.4;
}

/* Center announcement text */
header.wp-block-template-part .has-primary-background-color > .wp-block-columns > .wp-block-column:nth-child(2) p {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

/* Right column — cart/account icons pushed right */
header.wp-block-template-part .has-primary-background-color > .wp-block-columns > .wp-block-column:nth-child(3) {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;
}

/* Social icons — white */
header.wp-block-template-part .has-primary-background-color .wp-block-social-links {
    margin: 0;
    gap: 6px !important;
}
/* header.wp-block-template-part .has-primary-background-color .wp-block-social-links a,
header.wp-block-template-part .has-primary-background-color .wp-block-social-links svg {
    color: #fff !important;
    fill: #fff !important;
} */
header .social_icons a { 
    padding: 3px !important;
}
header .social_icons svg {
  height: 20px !important;
  width: 20px !important;
} 

/* =====================================================
   3. MAIN HEADER (sage/light bar with logo + search + nav)
   ===================================================== */

/* Same WordPress columns override needed here */
header.wp-block-template-part .has-secondary-background-color .wp-block-columns {
    align-items: center !important;
}

/* Logo */
header.wp-block-template-part .has-secondary-background-color .wp-block-image img {
    max-height: 70px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}


/* =====================================================
   4. SEARCH BAR
   ===================================================== */

header .wp-block-search__label {
    display: none;
}

header .wp-block-search__inside-wrapper {
    border-radius: 50px !important;
    background: #fff;
}

header .wp-block-search__input {
    border: none !important;
    padding: 9px 14px !important;
    font-size: 14px !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent;
}

header .wp-block-search__button {
    background-color: #b4c0b0 !important;
    color: #000 !important;
    border: none !important;
    border-radius: 0 50px 50px 0 !important;
    padding: 9px 18px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    white-space: nowrap;
    text-transform: Capitalize !important;
    font-family: 'Barlow', sans-serif !important;
}

header .wp-block-search__button:hover {
    background-color: #5f7158 !important;
}


 


/* =====================================================
   5. NAVIGATION
   ===================================================== */

/* Force nav to display inline on desktop (not hamburger) */
@media (min-width: 782px) {
    header .wp-block-navigation__responsive-container-open {
        display: none !important;
    }
    header .wp-block-navigation__responsive-container {
        display: flex !important;
        position: static !important;
        width: auto !important;
        height: auto !important;
        min-height: unset !important;
        background: transparent !important;
        overflow: visible !important;
        flex: 1;
    }
    header .wp-block-navigation__responsive-close { display: flex; flex: 1; }
    header .wp-block-navigation__responsive-dialog { display: flex; flex: 1; align-items: center; }
    header .wp-block-navigation__responsive-container-content {
        display: flex !important;
        flex: 1;
        align-items: center;
        justify-content: flex-end;
    }
    header .wp-block-navigation__responsive-container-close { display: none !important; }
    header .wp-block-navigation__container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center;
        margin: 0;
        padding: 0;
    }
}

/* Nav link style */
header .wp-block-navigation-item__content {
    font-family: 'Barlow', sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.07em !important;
    color: #121212 !important;
    text-decoration: none !important;
    padding: 8px 14px !important;
    display: flex !important;
    align-items: center;
    gap: 4px;
    transition: color 0.2s;
}

header .wp-block-navigation-item__content:hover {
    color: var(--wp--preset--color--primary) !important;
}

/* Dropdown submenu */
header .wp-block-navigation__submenu-container {
    background: #fff !important;
    border: 1px solid #dde5db !important;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10);
    padding: 6px 0;
    min-width: 160px;
}
header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    font-size: 13px !important;
    padding: 7px 16px !important;
}
header .wp-block-navigation__submenu-icon svg path {
    stroke: #121212;
}
header .wp-block-navigation__submenu-icon {
    margin-left: -5px !important;
}

header .header_topbar .call_box img { 
        width: 25px;
}
/* =====================================================
   6. GLOBAL TYPOGRAPHY — Barlow (matches Shopify store)
   ===================================================== */

body {
    font-family: 'Barlow', sans-serif;
    font-size: 1rem;
    line-height: 1.75;
    color: #2B2B2B;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.wp-block-heading,
.wp-block-post-title {
    font-family: 'Barlow', sans-serif;
    color: #2B2B2B;
    line-height: 1.2;
}

h1, .wp-block-post-title {
    font-size: clamp(28px, 2.5vw, 42px);
    line-height: 1.1;
    letter-spacing: -0.02em;
    font-weight: 700;
    margin-bottom: 30px;
}

h2 { 
    font-size: clamp(26px, 2.2vw, 30px);
    font-weight: 400;
    margin-bottom: 20px;
}

h3 { 
    font-size: clamp(20px, 1.8vw, 24px);
     font-weight: 400; 
    }

p {
    font-family: 'Barlow', sans-serif;
    line-height: 1.5;
    color: #2B2B2B;
    font-size: clamp(14px, 1.2vw, 16px);
    font-weight: 400;
}

a {
    color: var(--wp--preset--color--primary);
    text-decoration: none;
    transition: color 0.2s ease;
}
a:hover {
    color: #2d3e28;
    text-decoration: underline;
}

.wp-block-button__link,
.wp-element-button {
    font-family: 'Barlow', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    border-radius: 50px !important;
}

.Our_teams_section p {
  margin: 0;
  line-height: 1.7;
}
.Our_teams_section img {
  margin-bottom: 18px;
}

.home .yoast-breadcrumbs {
  display: none;
}
.home .hero_section video{
    border-radius: 30px;
}

/* .blog .blog_section h2 {
    font-weight: 500 !important;
} */

.circle_divider:before {
    content: "|";
    margin-right: 18px;
}

.search_page .wp-block-query ul {
    gap: 30px;
}
.search_page .wp-block-search__inside-wrapper {
    padding: 0;
}
.search_page .wp-block-post-excerpt .wp-block-post-excerpt__more-link{
    text-decoration: underline;
    text-transform: uppercase;
    font-size:14px;
}
.search_page .placeholder-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
}


/* =====================================================
   7. FOOTER
   ===================================================== */

/* ─────────────────────────────────────────────────────
   NEWSLETTER STRIP
   ───────────────────────────────────────────────────── */
/*footer.wp-block-template-part > .wp-block-group:first-child {
    background-color: #fff !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

footer.wp-block-template-part > .wp-block-group:first-child .wp-block-columns {
    align-items: center !important;
    gap: 32px !important;
    flex-wrap: nowrap !important;
}

footer.wp-block-template-part > .wp-block-group:first-child p {
    color: #1c2b18 !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

footer.wp-block-template-part > .wp-block-group:first-child .wp-block-button__link {
    background-color: #5a7a50 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 10px 24px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    white-space: nowrap;
}

footer.wp-block-template-part > .wp-block-group:first-child .wp-block-button__link:hover {
    background-color: #4a6a42 !important;
}
*/
/* ─────────────────────────────────────────────────────
   FARM IMAGE SECTION
   ───────────────────────────────────────────────────── */

/* Main 2-column row */

/*
footer.wp-block-template-part > .wp-block-group:last-child > .wp-block-columns {
    align-items: center !important;
    padding-top: 10px;
    padding-bottom: 10px;
}


footer.wp-block-template-part > .wp-block-group:last-child p {
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
} */

/* ─────────────────────────────────────────────────────
   NAV LIST  — horizontal row, white uppercase links
   ───────────────────────────────────────────────────── */

   /*
footer.wp-block-template-part > .wp-block-group:last-child > .wp-block-columns > .wp-block-column:last-child > .wp-block-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 18px 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0 !important;
    background: none !important;
}

footer.wp-block-template-part > .wp-block-group:last-child > .wp-block-columns > .wp-block-column:last-child > .wp-block-list li {
    list-style: none !important;
    background: none !important;
    padding: 6px 16px !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    opacity: 1 !important;
}


footer.wp-block-template-part > .wp-block-group:last-child > .wp-block-columns > .wp-block-column:last-child > .wp-block-list li:first-child {
    padding-left: 0 !important;
}

footer.wp-block-template-part > .wp-block-group:last-child > .wp-block-columns > .wp-block-column:last-child > .wp-block-list li a {
    color: #fff !important;
    text-decoration: none !important;
    transition: color 0.2s;
}

footer.wp-block-template-part > .wp-block-group:last-child > .wp-block-columns > .wp-block-column:last-child > .wp-block-list li:hover,
footer.wp-block-template-part > .wp-block-group:last-child > .wp-block-columns > .wp-block-column:last-child > .wp-block-list li a:hover {
    color: rgba(255, 255, 255, 0.6) !important;
}   */

/* ─────────────────────────────────────────────────────
   SOCIAL ICONS
   Override inline background-color:#ffffff from block editor
   ───────────────────────────────────────────────────── */
/*footer.wp-block-template-part .wp-block-social-links {
    gap: 10px !important;
    margin: 0 !important;
}

footer.wp-block-template-part .wp-block-social-links .wp-social-link {
    background-color: transparent !important;
    border: 1.5px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 50% !important;
    transition: border-color 0.2s, background-color 0.2s;
}

footer.wp-block-template-part .wp-block-social-links .wp-social-link:hover {
    border-color: #fff !important;
    background-color: rgba(255, 255, 255, 0.15) !important;
}

footer.wp-block-template-part .wp-block-social-links .wp-social-link svg {
    fill: #fff !important;
    color: #fff !important;
}*/

/* ─────────────────────────────────────────────────────
   BOTTOM BAR — full-width dark strip
   The parent has-global-padding adds var(--wp--preset--spacing--50)
   on each side; we cancel it with negative margins to reach the edge.
   ───────────────────────────────────────────────────── */

   /*
   
footer.wp-block-template-part > .wp-block-group:last-child > .wp-block-group {
    background-color: #0d1509 !important;
  
    max-width: none !important;
    width: calc(100% + 2 * var(--wp--preset--spacing--50)) !important;
    margin-top: 40px !important;
    margin-left: calc(-1 * var(--wp--preset--spacing--50)) !important;
    margin-right: calc(-1 * var(--wp--preset--spacing--50)) !important;
   
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    padding-left: var(--wp--preset--spacing--50) !important;
    padding-right: var(--wp--preset--spacing--50) !important;
   
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

footer.wp-block-template-part > .wp-block-group:last-child > .wp-block-group .wp-block-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 32px !important;
    justify-content: center !important;
    align-items: center !important;
}

footer.wp-block-template-part > .wp-block-group:last-child > .wp-block-group .wp-block-list li {
    list-style: none !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: rgba(255, 255, 255, 0.55) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
}

footer.wp-block-template-part > .wp-block-group:last-child > .wp-block-group .wp-block-list li a {
    color: rgba(255, 255, 255, 0.55) !important;
    text-decoration: none !important;
    padding: 16px 32px;
    border-radius: 32px;
    background-color: #0000004d;
    transition: ease all .3s;
    text-transform: uppercase;
    text-wrap: nowrap;
}

footer.wp-block-template-part > .wp-block-group:last-child > .wp-block-group .wp-block-list li:hover,
footer.wp-block-template-part > .wp-block-group:last-child > .wp-block-group .wp-block-list li a:hover {
    color: #fff !important;
} */

/* ─────────────────────────────────────────────────────
   MOBILE
   ───────────────────────────────────────────────────── */
   /*
@media (max-width: 767px) {
    footer.wp-block-template-part > .wp-block-group:first-child .wp-block-columns {
        flex-wrap: wrap !important;
        gap: 14px !important;
    }

    footer.wp-block-template-part > .wp-block-group:last-child > .wp-block-columns > .wp-block-column:last-child > .wp-block-list {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    footer.wp-block-template-part > .wp-block-group:last-child > .wp-block-group {
        width: 100vw !important;
        margin-left: calc(-1 * var(--wp--preset--spacing--50)) !important;
    }

    footer.wp-block-template-part > .wp-block-group:last-child > .wp-block-group .wp-block-list {
        gap: 16px !important;
    }
} */


/* Footer css */
footer .list_items {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0;
    list-style-type: none;
    padding-left: 0;
    flex-flow: row;
    flex-wrap: wrap;
    gap: 17px;
}
footer .list_items li {
    text-transform: uppercase;
    color: #fff;
    padding: 0;
    margin-top: 0;
}
footer .list_items li a {
    display: inline-block;
    padding: 8px 22px;
    border-radius: 32px;
    background-color: rgba(0, 0, 0, 0.4);
    transition: ease all .3s;
    text-transform: uppercase;
    white-space: nowrap;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.08em;
}
footer .list_items li a:hover {
    background-color: #000000b3;
    color: #b4c0b0;
}
footer .bottom_bar {
    opacity: 0.4;
}
footer .bottom_bar a:hover { 
    color: #fff;
}
footer .wp-block-social-links li {
    font-size: 20px;
}

/* gravity form  
footer .gform_wrapper {
  max-width: 600px;
  margin: 0 auto;
}


footer .gform_wrapper form {
  display: flex;
  align-items: center;
}


footer .gform_wrapper input[type="email"] {
  flex: 1;
  height: 48px;
  padding: 0 20px;
  border: none;
  outline: none;
  background: #f2f2f2;
  border-radius: 30px 0 0 30px;
}


footer .gform_wrapper .gfield {
  width: 100% !important;
  margin: 0 !important;
}


footer .gform_wrapper input[type="submit"],
footer .gform_wrapper button {
  height: 48px;
  padding: 0 25px;
  border: none;
  background: #9aa593;
  color: #fff;
  border-radius: 0 30px 30px 0;
  cursor: pointer;
}

footer .gform_wrapper .gfield_label {
  display: none;
} */


/* ===== Gravity Form Footer Styling ===== */

/*
.et-l--footer .gform_wrapper {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}


.et-l--footer .gform_wrapper form {
  display: flex;
  align-items: center;
}


.et-l--footer .gform_wrapper .gform_body,
.et-l--footer .gform_wrapper .gform_footer {
  margin: 0 !important;
  padding: 0 !important;
}


.et-l--footer .gform_wrapper .gform_body {
  flex: 1;
}


.et-l--footer .gform_wrapper .gfield {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}


.et-l--footer .gform_wrapper input[type="email"] {
  width: 100% !important;
  height: 48px;
  padding: 0 20px;
  border: none;
  outline: none;
  background: #f2f2f2;
  border-radius: 30px 0 0 30px;
  font-size: 16px;
  box-sizing: border-box;
}


.et-l--footer .gform_wrapper .gform_footer {
  display: flex;
}


.et-l--footer .gform_wrapper input[type="submit"] {
  height: 48px;
  padding: 0 25px;
  border: none;
  background: #9aa593;
  color: #fff;
  border-radius: 0 30px 30px 0;
  cursor: pointer;
  margin: 0 !important;
  font-size: 14px;
}


.et-l--footer .gform_wrapper .gfield_label {
  display: none;
} */


footer #gform_1 {
  display: flex;
  height: 70px;
  position: relative;
}
footer #gform_1 .gfield input.large {
  width: 100% !important;
  height: 48px;
  padding: 0 20px;
  border: none;
  outline: none;
  background: #ffffff;
  border-radius: 30px 0 0 30px;
  font-size: 16px;
  box-sizing: border-box;
}
footer .gform_wrapper input[type="submit"] {
  height: 48px;
  padding: 9px 18px !important;
  border: none;
  background: #b4c0b0;
  color: #000;
  border-radius: 0 50px 50px 0 !important;
  font-weight: 500 !important;
  cursor: pointer;
  margin: 0 !important;
  font-size: 16px;
  font-family: 'Barlow', sans-serif;
  white-space: nowrap;
}


/* header .gform_wrapper input[type="submit"] {
  border-radius: 50px !important;
  border: 1.5px solid #c5cec3 !important;
  background: #fff;
} */

input.gform_button:hover {
  background: #5F7158 !important;
}

footer .gform_footer.top_label {
    margin: 0 !important;
    padding: 0 !important;
}
footer #field_1_1 p {
    margin: 0 !important;
}
footer .gform_body.gform-body {
  width: 65%;
  margin-left: auto;
}
footer #gform_wrapper_1 {
  margin-top: 0;
}
footer #gform_1 #validation_message_1_1 {
  position: relative;
  z-index: 999;
  margin-top: 12px;
}

footer #gform_wrapper_1 .gform_validation_errors {
  margin-bottom: 40px;
  position: absolute;
  top: -11%;
  margin-left: 93px;
  max-width: 500px;
}



/******* Archive Templates **********/
.listing-description .wp-block-post-excerpt__more-link{
    text-decoration: underline;
    text-transform: uppercase;
    font-size:14px;
}

.archive-featured-image{
    max-height: 400px;
    width: 100%;
}

.recipe-variables{
    background: var(--wp--preset--color--secondary);
    border-radius: 15px;
    padding: 20px;
    text-align: center;
    font-weight: 700;
}




/* Headeer css for mobile */
@media (max-width: 767px) { 

    header .header_topbar .wp-block-social-links {
       float: right !important;
    }

    header .header_topbar .call_box {
        flex-basis: 50% !important;
    }
    header .main_header nav {
       position: relative !important;
       bottom: 131px !important;
    }
    header .main_header .logo img {
        width: 230px !important;
    }
    header .main_header .serach_field {
        height: 48px;
    }
   

    /* Mobile menu */
    .wp-block-navigation__responsive-container {
    background: #0e0e0e !important;
    padding: 60px 30px;
    }
    .wp-block-navigation__responsive-dialog {
    background: transparent;
    max-width: 100%;
    width: 100%;
    }
    .wp-block-navigation__responsive-container-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; 
    align-items: flex-start;     
    height: 100%;
    text-align: left;
    }
    header .main_header .wp-block-navigation__container {
    width: 100%;
    margin-top: 30px;
    }
    header .main_header .wp-block-navigation-item {
    width: 100%;
    padding: 0 0 17px 0; 
    border-bottom: 1px solid rgba(255,255,255,0.2);
    }
    header .main_header .wp-block-navigation-item:last-child {
    border-bottom: none;
    }
    header .main_header .wp-block-navigation-item__label {
    color: #ffffff !important;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    }
    .wp-block-navigation-item__content {
    width: 100%;
    display: block;
    }

    /* ===== SUBMENU FIX (REMOVE BOX LOOK) ===== */
    .wp-block-navigation__submenu-container {
    background: transparent !important;
    border: none !important;
    padding-left: 0;
    margin-top: 10px;
    outline: none !important;
    justify-content: flex-start; 
    align-items: flex-start; 
    width: 100% !important; 
    }

    .wp-block-navigation__submenu-container .wp-block-navigation-item {
    padding: 8px 14px;
    border: none !important;
    }

    .wp-block-navigation__submenu-container .wp-block-navigation-item__label {
    font-size: 14px !important;
    text-transform: none;
    opacity: 0.8;
    }

    .wp-block-navigation__responsive-container-close {
    position: absolute;
    top: 25px;
    right: 25px;
    }

    .wp-block-navigation__responsive-container-close svg {
    fill: #ffffff;
    width: 26px;
    height: 26px;
    }

    .wp-block-navigation__responsive-close {
    height: 100%;
    }
    .wp-block-navigation a,
    .wp-block-navigation button {
    outline: none !important;
    box-shadow: none !important;
    }

    /* FOCUS STATES */
    .wp-block-navigation a:focus,
    .wp-block-navigation a:active,
    .wp-block-navigation a:focus-visible,
    .wp-block-navigation button:focus,
    .wp-block-navigation button:active,
    .wp-block-navigation button:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    }

    .wp-block-navigation-item.current-menu-item > a,
    .wp-block-navigation-item.current_page_item > a,
    .wp-block-navigation-item.current-menu-ancestor > a {
    background: transparent !important;
    color: #fff !important;
    }

    header .main_header .wp-block-navigation a:hover {
    background: transparent !important;
    }

    header .main_header .wp-block-navigation__submenu-container {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    }

    header .main_header .wp-block-navigation__submenu-container .wp-block-navigation-item {
    border: none !important;
    }

    header .main_header .wp-block-navigation-submenu__toggle {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    }

    header .main_header .wp-block-navigation__responsive-container-close:focus {
    outline: none !important;
    box-shadow: none !important;
    }
    header .main_header .wp-block-navigation-item__content:hover {
        color: #5F7158;
    }
    header .main_header .wp-block-navigation-item__content {
    padding: 0 !important;
    }
    header .main_header .header_wrapper {
        gap: 10px;
    }
    header .header_topbar {
        max-height: 46px;
    }


    
    /* Footer css for mobile */
    footer .gform_body { 
        margin-left: 0 !important;
    }
    footer #gform_1 { 
        margin-top: 35px;
    }
    footer .wp-image-30 {
        margin-bottom: 20px;
    }
    footer .list_items { 
        justify-content: flex-start;
        display: block;
    }
    footer .list_items li {  
        margin-bottom: 15px;
    }
    footer .wp-block-social-links { 
        justify-content: flex-start;
    }
    footer .list_items li a {
        font-size: 15px;
    }

    footer #gform_wrapper_1 .gform_validation_errors { 
        width: 85%;
        margin: auto;
    }
    /* footer #gform_1 #validation_message_1_1 { 
        max-width: 400px;
    } */
     footer #gform_1 #validation_message_1_1 { 
        position: absolute;
        width: 90%;
     }

}

.ingredients-list{
    background: var(--wp--preset--color--secondary);
    border-radius: 15px;
    padding: 20px;
}
.ingredients-list .prefix {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.ingredients-list ul {
  columns: 2;
  column-gap: 2rem;
}

.ingredients-list ul li {
  break-inside: avoid;
}

/* =====================================================
   RECIPE TEMPLATE STYLES
   ===================================================== */

/* Wrapper — single bordered row */
.wp-block-columns:has(.recipe-variables) {
  background: none;
  border-radius: 0;
  border: 1px solid #ddd;
  overflow: hidden;
  gap: 0 !important;
}

/* Each box inline */
.recipe-variables {
  background: none;
  border-radius: 0;
  padding: 16px 20px;
  text-align: left;
  font-weight: 700;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 4px;
  border-right: 1px solid #ddd;
  flex-wrap: nowrap;
}

.wp-block-column:last-child .recipe-variables {
  border-right: none;
}

/* Hide the old top icon */
.recipe-variables::before {
  display: none;
}

/* Label with inline icon */
.recipe-variables .prefix {
  display: inline;
  font-size: 13px;
  font-weight: 700;
  color: #4a5a47;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.recipe-variables .prefix::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  min-width: 18px;
  margin-right: 6px;
  vertical-align: -3px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.5;
}

/* Value on same line */
.recipe-variables .value {
  display: inline;
  font-size: 15px;
  font-weight: 400;
  color: #555;
  padding-left: 0;
}

/* Clock - Prep Time */
.wp-block-column:nth-child(1) .recipe-variables .prefix::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a5a47' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E");
}

/* Flame - Cook Time */
.wp-block-column:nth-child(2) .recipe-variables .prefix::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a5a47' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12c2-2.96 0-7-1-8 0 3.038-1.773 4.741-3 6-1.226 1.26-2 3.24-2 5a6 6 0 1 0 12 0c0-1.532-1.056-3.94-2-5-1.786 3-2.791 3-4 2z'/%3E%3C/svg%3E");
}

/* Utensils - Servings */
.wp-block-column:nth-child(3) .recipe-variables .prefix::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a5a47' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2'/%3E%3Cpath d='M7 2v20'/%3E%3Cpath d='M21 15V2v0a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3Zm0 0v7'/%3E%3C/svg%3E");
}

/* =====================================================
   INGREDIENTS
   ===================================================== */

.ingredients-list {
  background: var(--wp--preset--color--secondary);
  border-radius: 15px;
  padding: 20px;
}

.ingredients-list .prefix {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #4a5a47;
  margin-bottom: 12px;
}

.ingredients-list .prefix::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: -4px;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a5a47' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2'/%3E%3Crect x='9' y='3' width='6' height='4' rx='1'/%3E%3Cpath d='M9 14l2 2 4-4'/%3E%3C/svg%3E");
}

.ingredients-list ul {
  columns: 2;
  column-gap: 2rem;
}

.ingredients-list ul li {
  break-inside: avoid;
}

/* Remove focus outline/border globally */
*:focus,
*:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border-color: inherit !important;
}

/* Fix added to fix cloudflare turnstile */

/* =====================================================
   GRAVITY FORMS + CLOUDFLARE TURNSTILE — LAYOUT FIX
   Fixes:
     1. Subscribe button right-aligned
     2. Turnstile stacked below Subscribe, right-aligned
     3. Form height auto so Turnstile is not clipped
   ===================================================== */

/* Fix added to fix cloudflare turnstile */


/* Put email input and Subscribe on the same row */
#gform_1 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    height: auto !important;
}

/* Email field fills the available space */
#gform_1 .gform_body {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    margin-left: 0 !important;
}

/* Subscribe + Turnstile stacked vertically, right-aligned */
#gform_1 .gform_footer.top_label {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Turnstile below subscribe — override inline width: 100% */
#gform_1 .gf-turnstile-container {
    width: auto !important;
    margin-top: 8px !important;
}

/* Hide <p> tags that only contain scripts/hidden inputs — they add unwanted height as flex items */
#gform_1 .gform_footer > p,
#gform_1 .gf-turnstile-container > p {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove default Gravity Forms wrapper bottom margin */
#gform_wrapper_1 {
    margin-bottom: 0 !important;
}