@font-face {
  font-family: 'Figtree';
  font-display: swap !important;
}
@font-face {
  font-family: 'Lato';
  font-display: swap !important;
}


/* Show desktop nav, hide mobile nav on desktop */
.desktop-nav { display: flex !important; }
.mobile-nav { display: none !important; }

/* Show mobile nav, hide desktop nav on mobile */
@media (max-width: 768px) {
  .desktop-nav { display: none !important; }
  .mobile-nav { display: flex !important; }
}

/* Mobile Header Overlay */
.wp-block-navigation__responsive-container.is-menu-open {
  width: 70% !important;
  min-width: unset !important;
  left: auto !important;
  right: 0 !important;
  height: auto !important;
  min-height: unset !important;
}

/* Mobile Header Breakpoint */
.mobile-nav .wp-block-navigation__responsive-container:not(.is-menu-open) {
  display: none !important;
}

.mobile-nav .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
  display: flex !important;
}

/* Search Header Fix */
.search .uagb-block-c9696726 {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* hide pages from search results | 38075901-hc [MQ] */
.search-results .type-page {
	display: none;
}

/* search icon */
.wp-block-search__inside-wrapper input.wp-block-search__input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 12px center;
    background-size: 16px;
    padding-left: 38px;
}

/* Button Hover */
:root {
    --wp--custom--button--hover--color--background: #5a2f14;
}

/* This is the version that worked for you—refined for a clean look */
.uagb-post__text {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 4px !important; /* Adjust this for the overall card gap */
}

.uagb-post__title {
    margin-bottom: 2px !important; /* Controls the space specifically under the Title */
}

.uagb-post__excerpt {
    margin-top: 0 !important;
}


/* 1. Remove the automatic 'Block Gap' from the pagination container */
.wp-block-query-pagination {
    gap: 4px !important; /* This is the main control for the space between blocks */
}

/* 2. Smaller, precise spacing for the numbers themselves */
.archive .wp-block-query-pagination-numbers a,
.archive .wp-block-query-pagination-numbers .current,
.search-results .wp-block-query-pagination-numbers a,
.search-results .wp-block-query-pagination-numbers .current {
    margin: 0 2px !important; /* Reduced from 8px to 2px */
    padding: 4px 8px; /* Slightly tighter padding */
    display: inline-block;
    text-decoration: none;
}

/* Optional: Style the 'Current' page number to stand out */
.wp-block-query-pagination-numbers .current {
    font-weight: bold;
}

/* Target the title and excerpt within a standard WP post grid */
.wp-block-post-title, 
.wp-block-post-excerpt {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box; /* Ensures the 10px doesn't push the text outside the container */
}

/* Precise Spectra Post Grid Title Hover */
.uagb-post-grid .uagb-post__title a,
.wp-block-uagb-post-grid .uagb-post__title a {
    transition: color 0.3s ease-in-out !important;
}

.u-post-grid .uagb-post__title a:hover,
.wp-block-uagb-post-grid .uagb-post__title a:hover {
    color: #B39376 !important; /* Your new hover color */
    text-decoration: none !important;
}


/* More specific targeting for Spectra Term blocks */
.recipe-cat-buttons .uagb-post-grid-byline .uagb-post__taxonomy a,
.recipe-cat-buttons a {
    display: inline-block !important;
    padding: 10px 20px !important;
    margin: 4px 8px 8px 0; !important;
    background-color: transparent !important;
    color: #552E19 !important;
    border: 2px solid #552E19 !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease-in-out;
}

.recipe-cat-buttons a:hover {
    background-color: rgba(85, 46, 25, 0.1) !important;
    color: #552E19 !important;
    text-decoration: none !important;
}


/* This only affects the inside of the box, so the grid is safe */
.wp-block-post-template .wp-block-group {
    display: flex !important;
    flex-direction: column !important;
    height: 92% !important;
/* Makes the background color look professional */
}

/* Unify all comment labels and action links */
.comment-reply-title, 
.comment-reply-title a,
#cancel-comment-reply-link {
    font-family: var(--wp--preset--font-family--figtree), sans-serif; /* Using your headline font */
    font-size: 0.85rem !important; /* Matches a typical H6 size */
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
    line-height: 1.2;
}

/* Ensure the "Cancel Reply" specifically doesn't revert to a huge default */
#cancel-comment-reply-link {
    display: inline-block;
    margin-left: 10px;
    text-decoration: none;
}

/* Adjust spacing for the comment form title */
.comment-reply-title {
    margin-top: 1.5rem !important;  /* Reduces that "huge" top padding */
    margin-bottom: 0.75rem !important; /* Adds a clean gap before the input fields */
    display: block; /* Ensures the margin-bottom is respected */
}

/* Ensure the comment form itself doesn't have an extra top gap */
#commentform {
    margin-top: 0 !important;
}


/* Position caption directly below the image */
.swiper-slide .spectra-image-gallery__control-lightbox--caption {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 12px !important;
    padding: 0 20px !important;
    background: transparent !important;
}

/* Style the caption link like an h4 */
.swiper-slide .spectra-image-gallery__control-lightbox--caption a {
    font-family: 'Figtree', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    display: block !important;
}

/* Hover state */
.swiper-slide .spectra-image-gallery__control-lightbox--caption a:hover {
    color: #F5E6D3 !important;
    text-decoration: underline !important;
}

@media (max-width: 768px) and (orientation: portrait) {
    /* Let the image fill full width ignoring arrow space */
    .swiper-slide img {
        width: 100vw !important;
        height: auto !important;
        max-width: 100vw !important;
        object-fit: contain !important;
    }

    /* Push arrows to overlap the image edges instead of sitting outside */
    .swiper-button-next,
    .swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    .swiper-button-prev {
        left: 4px !important;
    }

    .swiper-button-next {
        right: 4px !important;
    }
}

@media (max-width: 768px) and (orientation: portrait) {
    .swiper-slide img {
        width: 100vw !important;
        height: auto !important;
        max-width: 100vw !important;
        object-fit: contain !important;
    }

    .swiper-button-prev {
        left: 4px !important;
    }

    .swiper-button-next {
        right: 4px !important;
    }

    .swiper-button-prev,
    .swiper-button-next {
        filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.6)) !important;
    }
}

.jetpack-sharing-buttons__services-list {
    gap: 10px !important;
}

/* Target the paragraph specifically to kill the top gap */
.wp-block-comment-content p:first-child {
    margin-top: 10px !important;
}

/* Ensure the wrapper isn't adding its own internal padding */
.wp-block-comment-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Adjust the space between the comment meta (name/date) and the content */
.wp-block-comment-content {
    margin-top: 5px !important; 
}


/* Form wrapper */
[data-sv-form="9336310"] div[data-style="clean"] {
    padding: 0 16px !important;
    margin: 0 !important;
}

[data-sv-form="9336310"].formkit-form {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Fields row */
[data-sv-form="9336310"] .formkit-fields {
    padding: 0;
    gap: 0px;
    justify-content: center !important;
}

/* Email field */
[data-sv-form="9336310"] .formkit-field {
    margin: 0;
}

[data-sv-form="9336310"] .formkit-input {
    font-family: 'Figtree', sans-serif;
    font-size: 14px;
    padding: 10px 14px;
}

/* CTA button */
[data-sv-form="9336310"] .formkit-submit {
    width: fit-content !important;
    min-width: unset !important;
    max-width: fit-content !important;
    font-family: 'Figtree', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.07em;
    padding: 10px 20px;
}

/* Remove Kit logo */
[data-sv-form="9336310"] .formkit-powered-by-convertkit-container {
    display: none !important;
}

/* Hide the reCAPTCHA badge cleanly */
.grecaptcha-badge { 
    visibility: hidden; 
}

/* Single Post Side Bar Tablet Grid */
@media (min-width: 768px) and (max-width: 976px) {
    .uagb-block-5c368eba {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 16px !important;
        align-items: stretch !important;
    }
}

/* Footer Layout */
@media (max-width: 976px) {
    .uagb-block-683083b6 {
        flex-wrap: wrap !important;
    }
    
    .uagb-block-ef2df914 {
        flex: 0 0 auto !important;
        width: auto !important;
    }
    
    .uagb-block-c5aa7791 {
        flex: 0 0 auto !important;
        width: auto !important;
    }
    
    .uagb-block-cbb1dbc7 {
        flex: 0 0 100% !important;
        width: 100% !important;
    }
}

/* Kit Footer CTA */
.kit-footer-form [data-sv-form="9336310"] .formkit-submit {
    background-color: #B39376 !important;
    color: #3D1F11 !important;
}