/* =========================================================
   SUGAR CLOUD BAKING - FULL CLEAN CSS
   Paste into Appearance > Customize > Additional CSS
========================================================= */

/* =========================================================
   GLOBAL RESET
========================================================= */
html,
body {
    background: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    font-family: Georgia, "Times New Roman", serif !important;
    color: #222 !important;
    line-height: 1.7 !important;
}

body,
button,
input,
select,
textarea,
p,
li,
span,
div,
a,
label {
    font-family: Georgia, "Times New Roman", serif !important;
    color: #222 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.site-title,
.entry-title,
.widget-title,
.wp-block-post-title {
    font-family: Georgia, "Times New Roman", serif !important;
    color: #111 !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
}

/* =========================================================
   FORCE CLEAN WHITE BACKGROUND
========================================================= */
body,
.site,
.site-content,
.site-main,
#page,
#content,
.wp-site-blocks,
.entry-content,
.content-area,
main,
article,
.post,
.page,
.widget,
.sidebar,
aside,
header,
footer,
.site-header,
.site-footer {
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* =========================================================
   REMOVE BOXED / CONTAINER LOOK
========================================================= */
.site,
.wp-site-blocks,
.site-content,
.content-area,
.site-main,
main,
#page,
#content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

/* =========================================================
   HIDE GIFS / DISTRACTING BANNERS
========================================================= */
.hero-banner .hero-gif,
.gif,
.banner-gif,
.header-gif,
.site-header-gif {
    display: none !important;
}

/* Keep any regular hero/banner image visible */
.hero-banner {
    display: block !important;
    width: 100% !important;
    margin: 0 auto 20px !important;
    overflow: visible !important;
}

/* =========================================================
   SIMPLE HEADER STYLING
   Note: this styles an existing header. It cannot create one
   if the theme template is not outputting one.
========================================================= */
.site-header,
header,
.wp-block-template-part {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #ffffff !important;
    border-bottom: 1px solid #eeeeee !important;
    padding: 20px 20px 16px !important;
    text-align: center !important;
    position: relative !important;
    z-index: 100 !important;
}

.site-branding,
.site-title,
.site-logo,
.custom-logo-link {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
}

.site-title,
.site-title a,
.site-header .site-title a,
header .site-title a,
header h1 a {
    display: inline-block !important;
    text-decoration: none !important;
    color: #111 !important;
    font-size: 38px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

.site-description,
header .site-description,
.site-header .site-description,
header p {
    display: block !important;
    text-align: center !important;
    color: #666 !important;
    font-size: 15px !important;
    margin: 8px auto 0 !important;
}

/* =========================================================
   NAVIGATION
========================================================= */
.main-navigation,
nav,
.menu {
    text-align: center !important;
    margin-top: 14px !important;
}

.main-navigation ul,
nav ul,
.menu ul {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.main-navigation li,
nav li,
.menu li {
    margin: 0 !important;
    padding: 0 !important;
}

.main-navigation a,
nav a,
.menu a {
    text-decoration: none !important;
    color: #222 !important;
    font-size: 15px !important;
}

.main-navigation a:hover,
nav a:hover,
.menu a:hover {
    opacity: 1 !important;
    color: #000 !important;
}

/* =========================================================
   TYPOGRAPHY
========================================================= */
p {
    font-size: 18px !important;
    margin-top: 0 !important;
    margin-bottom: 1.2em !important;
}

h1 {
    font-size: 42px !important;
    margin-top: 1em !important;
    margin-bottom: 0.5em !important;
}

h2 {
    font-size: 32px !important;
    margin-top: 1.2em !important;
    margin-bottom: 0.5em !important;
}

h3 {
    font-size: 26px !important;
    margin-top: 1.2em !important;
    margin-bottom: 0.45em !important;
}

h4,
h5,
h6 {
    margin-top: 1.1em !important;
    margin-bottom: 0.4em !important;
}

a {
    color: #111 !important;
    text-underline-offset: 2px !important;
}

a:hover {
    opacity: 0.85 !important;
}

ul,
ol {
    margin-bottom: 1.2em !important;
}

/* =========================================================
   IMAGES
========================================================= */
img,
.wp-post-image,
.entry-content img,
.post img,
.wp-block-image img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
}

/* =========================================================
   STOP TEXT OVERLAYING IMAGES
========================================================= */
.post,
.page,
article,
.wp-block-post,
.blog .post,
.archive .post,
.home .post {
    position: static !important;
}

.post-thumbnail,
.featured-image,
.wp-block-post-featured-image,
.wp-block-post-featured-image a {
    position: static !important;
    display: block !important;
    overflow: visible !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
}

.entry-header,
.entry-title,
.entry-content,
.entry-summary,
.entry-meta,
.wp-block-post-title,
.wp-block-post-excerpt,
.wp-block-post-date,
.wp-block-post-author,
.wp-block-post-terms {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    z-index: auto !important;
}

.post-thumbnail::before,
.post-thumbnail::after,
.featured-image::before,
.featured-image::after,
.wp-block-post-featured-image::before,
.wp-block-post-featured-image::after,
.overlay,
.has-post-thumbnail .entry-header,
.has-post-thumbnail .entry-title {
    content: none !important;
    display: none !important;
    background: transparent !important;
}

/* =========================================================
   SEARCH AREA
========================================================= */
.search-form,
.wp-block-search {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 1020px !important;
    margin: 22px auto 14px !important;
    padding: 0 20px !important;
    gap: 8px !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* Force label directly above search input */
.search-form label,
.wp-block-search__label {
    display: block !important;
    float: none !important;
    position: static !important;
    width: 100% !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #111 !important;
}

.wp-block-search__inside-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    gap: 10px !important;
}

.search-form input[type="search"],
.wp-block-search__input,
.search-field {
    display: block !important;
    width: 100% !important;
    max-width: 980px !important;
    height: 68px !important;
    margin: 0 auto !important;
    padding: 0 26px !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #222 !important;
    font-size: 18px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    outline: none !important;
}

.search-form input[type="search"]::placeholder,
.wp-block-search__input::placeholder,
.search-field::placeholder {
    color: #9a9a9a !important;
}

.search-form input[type="search"]:focus,
.wp-block-search__input:focus,
.search-field:focus {
    border-color: #bdbdbd !important;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04) !important;
}

.search-form button,
.search-form input[type="submit"],
.wp-block-search__button {
    width: 240px !important;
    height: 54px !important;
    margin: 0 auto !important;
    border: none !important;
    border-radius: 999px !important;
    background: #111 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

.search-form button:hover,
.search-form input[type="submit"]:hover,
.wp-block-search__button:hover {
    opacity: 0.92 !important;
}

/* =========================================================
   CATEGORY DROPDOWN
========================================================= */
.widget_categories {
    max-width: 980px !important;
    margin: 0 auto 34px !important;
    padding: 0 20px !important;
    position: relative !important;
    box-sizing: border-box !important;
}

.widget_categories select {
    display: block !important;
    width: 100% !important;
    height: 58px !important;
    margin: 0 auto !important;
    padding: 0 50px 0 18px !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #222 !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    cursor: pointer !important;
}

.widget_categories::after {
    content: "⌄";
    position: absolute;
    right: 36px;
    top: 50%;
    transform: translateY(-50%);
    color: #777;
    font-size: 18px;
    pointer-events: none;
}

/* =========================================================
   HOMEPAGE POST FEED
========================================================= */
.home article,
.blog article,
.archive article,
.wp-block-post {
    max-width: 980px !important;
    margin: 0 auto 42px !important;
    padding: 0 20px 28px !important;
    border-bottom: 1px solid #f1f1f1 !important;
    box-sizing: border-box !important;
}

/* Homepage images should show naturally, not crop harshly */
.home .post-thumbnail,
.blog .post-thumbnail,
.archive .post-thumbnail,
.wp-block-post-featured-image,
.wp-block-post-featured-image a {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    position: static !important;
    margin: 0 0 18px !important;
    border-radius: 18px !important;
    aspect-ratio: auto !important;
}

.home .post-thumbnail img,
.blog .post-thumbnail img,
.archive .post-thumbnail img,
.wp-block-post-featured-image img,
.home .wp-post-image,
.blog .wp-post-image,
.archive .wp-post-image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    position: static !important;
    border-radius: 18px !important;
}

/* Homepage text below image */
.home .entry-header,
.home .entry-title,
.home .entry-meta,
.home .entry-content,
.home .entry-summary,
.blog .entry-header,
.blog .entry-title,
.blog .entry-meta,
.blog .entry-content,
.blog .entry-summary,
.archive .entry-header,
.archive .entry-title,
.archive .entry-meta,
.archive .entry-content,
.archive .entry-summary,
.wp-block-post-title,
.wp-block-post-excerpt,
.wp-block-post-date {
    display: block !important;
    position: static !important;
    text-align: left !important;
    margin-top: 12px !important;
}

.home .entry-title,
.blog .entry-title,
.archive .entry-title,
.wp-block-post-title {
    margin: 16px 0 8px !important;
    font-size: 34px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
}

.home .entry-title a,
.blog .entry-title a,
.archive .entry-title a,
.wp-block-post-title a {
    color: #111 !important;
    text-decoration: none !important;
}

.home .entry-title a:hover,
.blog .entry-title a:hover,
.archive .entry-title a:hover,
.wp-block-post-title a:hover {
    text-decoration: underline !important;
}

.home .entry-meta,
.blog .entry-meta,
.archive .entry-meta,
.wp-block-post-date {
    display: block !important;
    margin: 0 0 14px !important;
    color: #777 !important;
    font-size: 14px !important;
}

.home .entry-content,
.home .entry-summary,
.blog .entry-content,
.blog .entry-summary,
.archive .entry-content,
.archive .entry-summary,
.wp-block-post-excerpt {
    max-width: 780px !important;
    font-size: 18px !important;
    line-height: 1.8 !important;
}

/* =========================================================
   SINGLE POSTS / PAGES
========================================================= */
.single .entry-content,
.page .entry-content {
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}

/* =========================================================
   FORMS / BUTTONS
========================================================= */
input,
textarea,
select,
button {
    font-family: Georgia, "Times New Roman", serif !important;
    box-sizing: border-box !important;
}

button,
input[type="submit"] {
    border-radius: 999px !important;
}

/* =========================================================
   TABLES
========================================================= */
table {
    width: 100% !important;
    border-collapse: collapse !important;
}

table th,
table td {
    border: 1px solid #eee !important;
    padding: 10px !important;
}

/* =========================================================
   WIDGET TITLES
========================================================= */
.widget-title,
h2.widget-title {
    font-size: 24px !important;
    line-height: 1.2 !important;
    color: #111 !important;
    margin-bottom: 14px !important;
}

/* =========================================================
   WPRM CLEANUP
========================================================= */
.wprm-recipe-course,
.wprm-recipe-cuisine,
.wprm-recipe-keyword {
    display: none !important;
}

.wprm-recipe-container {
    border: 1px solid #f2f2f2 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

/* =========================================================
   ADS
========================================================= */
.adsbygoogle {
    max-width: 240px !important;
    margin: 0 auto !important;
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 768px) {
    html,
    body {
        font-size: 16px !important;
    }

    .site-header,
    header,
    .wp-block-template-part {
        padding: 16px 14px 14px !important;
    }

    .site-title,
    .site-title a,
    .site-header .site-title a,
    header .site-title a,
    header h1 a {
        font-size: 30px !important;
    }

    .main-navigation ul,
    nav ul,
    .menu ul {
        gap: 12px !important;
    }

    .search-form,
    .wp-block-search,
    .widget_categories,
    .home article,
    .blog article,
    .archive article,
    .wp-block-post,
    .single .entry-content,
    .page .entry-content {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .search-form,
    .wp-block-search {
        max-width: 100% !important;
    }

    .search-form label,
    .wp-block-search__label {
        font-size: 22px !important;
    }

    .search-form input[type="search"],
    .wp-block-search__input,
    .search-field {
        max-width: 100% !important;
        height: 60px !important;
        font-size: 17px !important;
    }

    .search-form button,
    .search-form input[type="submit"],
    .wp-block-search__button {
        width: 100% !important;
        max-width: 100% !important;
    }

    .widget_categories {
        max-width: 100% !important;
    }

    .widget_categories select {
        width: 100% !important;
    }

    .home .entry-title,
    .blog .entry-title,
    .archive .entry-title,
    .wp-block-post-title {
        font-size: 28px !important;
    }

    .home .entry-content,
    .home .entry-summary,
    .blog .entry-content,
    .blog .entry-summary,
    .archive .entry-content,
    .archive .entry-summary,
    .wp-block-post-excerpt {
        font-size: 17px !important;
    }

    table {
        display: block !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
    }
}
/* =========================================
   FIX EMOJIS SITTING ABOVE HEADERS
========================================= */

/* Make headings and inline emoji/icons stay on one line and align nicely */
h1, h2, h3, h4, h5, h6,
.entry-title,
.wp-block-post-title,
.widget-title,
.wprm-recipe-name,
.wprm-recipe-header {
    display: block !important;
    line-height: 1.25 !important;
}

/* Common emoji/icon wrappers used by themes/builders */
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img,
h1 svg, h2 svg, h3 svg, h4 svg, h5 svg, h6 svg,
.entry-title img, .entry-title svg,
.widget-title img, .widget-title svg,
.wp-block-heading img, .wp-block-heading svg,
.wprm-recipe-name img, .wprm-recipe-name svg {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 0.35em !important;
    margin-bottom: 0.08em !important;
    max-height: 1em !important;
    width: auto !important;
}

/* If emoji are in their own span/i element, keep them inline */
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i,
.wp-block-heading span, .wp-block-heading i,
.widget-title span, .widget-title i {
    vertical-align: middle !important;
}

/* Prevent pseudo-element icons from dropping above headings */
h1::before, h2::before, h3::before, h4::before, h5::before, h6::before,
.widget-title::before,
.wp-block-heading::before {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 0.35em !important;
    margin-bottom: 0 !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
}

/* If a heading starts with an emoji character in a separate text node,
   giving a little left padding helps keep it visually balanced */
h2, h3 {
    overflow-wrap: normal !important;
    word-break: normal !important;
}

/* FAQ heading specifically */
h2:has(+ p),
h3:has(+ p) {
    line-height: 1.25 !important;
}

/* =========================================
   READER-FRIENDLY AD SPACING
========================================= */

/* Default ad behavior: centered, modest width, with breathing room */
.adsbygoogle,
ins.adsbygoogle {
    display: block !important;
    max-width: 720px !important;
    width: 100% !important;
    margin: 28px auto !important;
    box-sizing: border-box !important;
    clear: both !important;
}

/* Keep ads away from headings */
h1 + .adsbygoogle,
h2 + .adsbygoogle,
h3 + .adsbygoogle,
h4 + .adsbygoogle,
h5 + .adsbygoogle,
h6 + .adsbygoogle,
h1 + ins.adsbygoogle,
h2 + ins.adsbygoogle,
h3 + ins.adsbygoogle,
h4 + ins.adsbygoogle,
h5 + ins.adsbygoogle,
h6 + ins.adsbygoogle {
    margin-top: 18px !important;
}

/* Keep headings away from ads too */
.adsbygoogle + h1,
.adsbygoogle + h2,
.adsbygoogle + h3,
.adsbygoogle + h4,
.adsbygoogle + h5,
.adsbygoogle + h6,
ins.adsbygoogle + h1,
ins.adsbygoogle + h2,
ins.adsbygoogle + h3,
ins.adsbygoogle + h4,
ins.adsbygoogle + h5,
ins.adsbygoogle + h6 {
    margin-top: 28px !important;
}

/* Prevent ads from feeling jammed into paragraphs */
p + .adsbygoogle,
p + ins.adsbygoogle,
.adsbygoogle + p,
ins.adsbygoogle + p {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}

/* Do not let ads crowd list sections */
ul + .adsbygoogle,
ol + .adsbygoogle,
ul + ins.adsbygoogle,
ol + ins.adsbygoogle,
.adsbygoogle + ul,
.adsbygoogle + ol,
ins.adsbygoogle + ul,
ins.adsbygoogle + ol {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}

/* Keep ads out of recipe cards and key recipe UI */
.wprm-recipe-container .adsbygoogle,
.wprm-recipe-container ins.adsbygoogle,
.wprm-recipe .adsbygoogle,
.wprm-recipe ins.adsbygoogle,
.wprm-recipe-header .adsbygoogle,
.wprm-recipe-header ins.adsbygoogle,
.wprm-recipe-ingredients-container .adsbygoogle,
.wprm-recipe-instructions-container .adsbygoogle {
    display: none !important;
}

/* Keep ads out of search/category controls */
.search-form .adsbygoogle,
.search-form ins.adsbygoogle,
.wp-block-search .adsbygoogle,
.wp-block-search ins.adsbygoogle,
.widget_categories .adsbygoogle,
.widget_categories ins.adsbygoogle {
    display: none !important;
}

/* Sidebar ads can stay narrower */
.widget .adsbygoogle,
.widget ins.adsbygoogle,
.sidebar .adsbygoogle,
.sidebar ins.adsbygoogle,
aside .adsbygoogle,
aside ins.adsbygoogle {
    max-width: 300px !important;
    margin: 24px auto !important;
}

/* Single-post reading width: keep ads narrower than content for readability */
.single .entry-content .adsbygoogle,
.single .entry-content ins.adsbygoogle,
.page .entry-content .adsbygoogle,
.page .entry-content ins.adsbygoogle {
    max-width: 680px !important;
    margin: 30px auto !important;
}

/* Mobile: keep ad spacing but avoid giant blocks */
@media (max-width: 768px) {
    .adsbygoogle,
    ins.adsbygoogle {
        max-width: 100% !important;
        margin: 22px auto !important;
    }

    .single .entry-content .adsbygoogle,
    .single .entry-content ins.adsbygoogle,
    .page .entry-content .adsbygoogle,
    .page .entry-content ins.adsbygoogle {
        max-width: 100% !important;
        margin: 22px auto !important;
    }
}
/* =========================================
   MOVE SEARCH SECTION DOWN
========================================= */

/* Adds space above the whole search area */
.search-form,
.wp-block-search {
    margin-top: 60px !important; /* adjust this number if needed */
}

/* If your theme has the search right under header, force spacing */
.site-header + .search-form,
.site-header + .wp-block-search,
header + .search-form,
header + .wp-block-search {
    margin-top: 70px !important;
}

/* Extra safety: if it's inside a block container */
.wp-site-blocks .wp-block-search {
    margin-top: 60px !important;
}