/* =========================================================
   SUGAR CLOUD BAKING — POLISHED GRID REFINEMENT
   Full replacement for Additional CSS
========================================================= */

/* =========================================================
   ROOT
========================================================= */
:root {
    --scb-bg: #fffafc;
    --scb-surface: #ffffff;
    --scb-surface-soft: #fff6fa;
    --scb-text: #241f21;
    --scb-muted: #7d7278;
    --scb-border: #eddfe6;
    --scb-border-strong: #e6d4dd;
    --scb-accent: #f9eaf1;
    --scb-accent-2: #fff1f6;
    --scb-shadow: 0 10px 30px rgba(41, 27, 34, 0.06);
    --scb-shadow-hover: 0 20px 40px rgba(41, 27, 34, 0.12);
    --scb-radius: 26px;
    --scb-radius-sm: 16px;
    --scb-max: 1280px;
    --scb-content: 840px;
}

/* =========================================================
   GLOBAL
========================================================= */
html {
    box-sizing: border-box;
    overflow-x: hidden;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

html,
body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    background:
        radial-gradient(circle at top left, #fff1f7 0%, transparent 30%),
        linear-gradient(to bottom, #fffdfd 0%, var(--scb-bg) 100%) !important;
    color: var(--scb-text) !important;
    font-family: Georgia, "Times New Roman", serif !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: var(--scb-text) !important;
}

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-color: transparent !important;
    background-image: none !important;
}

.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;
}

/* =========================================================
   TYPOGRAPHY
========================================================= */
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: #181416 !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;
    letter-spacing: -0.01em !important;
}

p {
    font-size: 18px !important;
    margin-top: 0 !important;
    margin-bottom: 1.15em !important;
}

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

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

h3 {
    font-size: 25px !important;
    margin-top: 1em !important;
    margin-bottom: 0.35em !important;
}

a {
    color: #1e1a1c !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px !important;
}

a:hover {
    opacity: 0.92 !important;
}

/* =========================================================
   HEADER
========================================================= */
.site-header,
header,
.wp-block-template-part {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 100 !important;
    background: rgba(255, 255, 255, 0.82) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid rgba(237, 223, 230, 0.8) !important;
    padding: 20px 20px 16px !important;
    text-align: center !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: #171315 !important;
    font-size: 40px !important;
    line-height: 1.05 !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: var(--scb-muted) !important;
    font-size: 15px !important;
    margin: 8px auto 0 !important;
}

/* =========================================================
   NAVIGATION
========================================================= */
.main-navigation,
nav,
.menu,
.wp-block-navigation,
.wp-block-page-list,
.menu-primary-container,
.primary-menu,
.primary-navigation {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    text-align: center !important;
    margin-top: 16px !important;
    clear: both !important;
}

.main-navigation ul,
nav ul,
.menu ul,
.menu,
.wp-block-navigation ul,
.wp-block-page-list,
.menu-primary-container ul,
.primary-menu ul,
.primary-navigation ul {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    list-style: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.main-navigation li,
nav li,
.menu li,
.wp-block-navigation li,
.wp-block-page-list li,
.menu-primary-container li,
.primary-menu li,
.primary-navigation li {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.main-navigation a,
nav a,
.menu a,
.wp-block-navigation a,
.wp-block-page-list a,
.menu-primary-container a,
.primary-menu a,
.primary-navigation a {
    display: inline-block !important;
    text-decoration: none !important;
    color: #2a2327 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    padding: 11px 17px !important;
    border: 1px solid var(--scb-border) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 4px 12px rgba(38, 22, 30, 0.04) !important;
    transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
}

.main-navigation a:hover,
nav a:hover,
.menu a:hover,
.wp-block-navigation a:hover,
.wp-block-page-list a:hover,
.menu-primary-container a:hover,
.primary-menu a:hover,
.primary-navigation a:hover {
    color: #171315 !important;
    background: var(--scb-accent-2) !important;
    border-color: var(--scb-border-strong) !important;
    box-shadow: 0 8px 18px rgba(38, 22, 30, 0.06) !important;
    transform: translateY(-1px) !important;
}

.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a,
nav .current-menu-item > a,
nav .current_page_item > a,
.menu .current-menu-item > a,
.menu .current_page_item > a,
.wp-block-navigation .current-menu-item > a,
.wp-block-navigation .current_page_item > a,
.primary-menu .current-menu-item > a,
.primary-navigation .current-menu-item > a {
    background: var(--scb-accent) !important;
    border-color: var(--scb-border-strong) !important;
    font-weight: 700 !important;
}

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

/* =========================================================
   SEARCH + CATEGORY AREA
========================================================= */
.search-form,
.wp-block-search,
.widget_categories {
    max-width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}

.search-form,
.wp-block-search {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-top: 34px !important;
    margin-bottom: 16px !important;
    text-align: center !important;
}

.search-form label,
.wp-block-search__label {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px 0 !important;
    text-align: center !important;
    font-size: 26px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    color: #171315 !important;
}

.wp-block-search__inside-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 10px !important;
    border: 1px solid var(--scb-border) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: var(--scb-shadow) !important;
}

.search-form input[type="search"],
.wp-block-search__input,
.search-field {
    display: block !important;
    width: 100% !important;
    height: 58px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    border: none !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--scb-text) !important;
    font-size: 17px !important;
    outline: none !important;
    box-shadow: none !important;
}

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

.search-form button,
.search-form input[type="submit"],
.wp-block-search__button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 54px !important;
    padding: 0 22px !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #2d2528 0%, #171315 100%) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    box-shadow: 0 10px 22px rgba(23, 19, 21, 0.15) !important;
}

.search-form button:hover,
.search-form input[type="submit"]:hover,
.wp-block-search__button:hover {
    transform: translateY(-1px) !important;
    opacity: 1 !important;
}

.widget_categories {
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    position: relative !important;
}

.widget_categories select {
    display: block !important;
    width: 100% !important;
    height: 60px !important;
    margin: 0 auto !important;
    padding: 0 54px 0 20px !important;
    border: 1px solid var(--scb-border) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: var(--scb-text) !important;
    font-size: 16px !important;
    box-shadow: var(--scb-shadow) !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    cursor: pointer !important;
}

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

/* =========================================================
   HOMEPAGE GRID WRAPPER
========================================================= */
.home .site-main,
.blog .site-main,
.archive .site-main,
.home main,
.blog main,
.archive main,
.home .content-area,
.blog .content-area,
.archive .content-area {
    max-width: var(--scb-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* =========================================================
   GRID POSTS
========================================================= */
.home article,
.blog article,
.archive article,
.home .post,
.blog .post,
.archive .post,
.wp-block-post {
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid #ead9e2 !important;
    border-radius: 26px !important;
    box-shadow: 0 10px 30px rgba(41, 27, 34, 0.06) !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 0 30px !important;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
}

.home article:hover,
.blog article:hover,
.archive article:hover,
.home .post:hover,
.blog .post:hover,
.archive .post:hover,
.wp-block-post:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 20px 40px rgba(41, 27, 34, 0.12) !important;
    border-color: #e3ccd8 !important;
}

/* =========================================================
   IMAGE AREA
========================================================= */
.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;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: #fff !important;
    position: relative !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;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 0 !important;
    transition: transform 0.38s ease !important;
}

.home article:hover .post-thumbnail img,
.blog article:hover .post-thumbnail img,
.archive article:hover .post-thumbnail img,
.home .post:hover .post-thumbnail img,
.blog .post:hover .post-thumbnail img,
.archive .post:hover .post-thumbnail img,
.wp-block-post:hover .wp-block-post-featured-image img {
    transform: scale(1.045) !important;
}

/* =========================================================
   TITLE AREA
========================================================= */
.home .entry-header,
.blog .entry-header,
.archive .entry-header,
.wp-block-post-title,
.home .entry-title,
.blog .entry-title,
.archive .entry-title {
    position: static !important;
    text-align: left !important;
}

.home .entry-header,
.blog .entry-header,
.archive .entry-header {
    padding: 20px 20px 22px !important;
    margin: 0 !important;
}

.home .entry-title,
.blog .entry-title,
.archive .entry-title,
.wp-block-post-title {
    font-size: clamp(24px, 2vw, 30px) !important;
    line-height: 1.18 !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    margin: 0 !important;
    text-wrap: balance !important;
}

.home .entry-title a,
.blog .entry-title a,
.archive .entry-title a,
.wp-block-post-title a {
    color: #191517 !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: color 0.18s ease, transform 0.18s ease !important;
}

.home .entry-title a:hover,
.blog .entry-title a:hover,
.archive .entry-title a:hover,
.wp-block-post-title a:hover {
    color: #000 !important;
    transform: translateY(-1px) !important;
    text-decoration: none !important;
}

/* =========================================================
   KEEP HOMEPAGE TITLE-ONLY
========================================================= */
.home .entry-meta,
.blog .entry-meta,
.archive .entry-meta,
.wp-block-post-date,
.home .entry-content,
.home .entry-summary,
.blog .entry-content,
.blog .entry-summary,
.archive .entry-content,
.archive .entry-summary,
.wp-block-post-excerpt,
.home .more-link,
.blog .more-link,
.archive .more-link {
    display: none !important;
}

/* =========================================================
   FORCE COMMON GRID CONTAINERS TO LOOK EVEN
========================================================= */
.home .posts,
.blog .posts,
.archive .posts,
.home .site-main > .post,
.blog .site-main > .post,
.archive .site-main > .post {
    align-self: stretch !important;
}

/* =========================================================
   SINGLE POSTS / PAGES
========================================================= */
.single .entry-content,
.page .entry-content {
    max-width: var(--scb-content) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !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: #181416 !important;
    margin-bottom: 14px !important;
}

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

.wprm-recipe-container {
    border: 1px solid #f2e8ed !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(40, 24, 32, 0.04) !important;
    border-radius: 20px !important;
}

/* =========================================================
   ADS
========================================================= */
.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;
}

.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,
.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;
}

/* =========================================================
   PAGINATION
========================================================= */
.navigation.pagination,
.posts-navigation,
.pagination,
.nav-links {
    text-align: center !important;
    margin: 18px auto 46px !important;
}

.navigation.pagination .page-numbers,
.posts-navigation a,
.pagination a,
.pagination span,
.nav-links a {
    display: inline-block !important;
    min-width: 46px !important;
    margin: 6px !important;
    padding: 12px 16px !important;
    border-radius: 999px !important;
    border: 1px solid var(--scb-border) !important;
    background: rgba(255,255,255,0.96) !important;
    color: #211c1f !important;
    text-decoration: none !important;
    box-shadow: 0 6px 16px rgba(40, 24, 32, 0.05) !important;
}

.navigation.pagination .current,
.navigation.pagination .page-numbers:hover,
.posts-navigation a:hover,
.pagination a:hover,
.nav-links a:hover {
    background: var(--scb-accent) !important;
    border-color: var(--scb-border-strong) !important;
}

/* =========================================================
   FOOTER
========================================================= */
.site-footer,
footer {
    padding: 28px 20px 40px !important;
    text-align: center !important;
    color: var(--scb-muted) !important;
    border-top: 1px solid rgba(237, 223, 230, 0.75) !important;
    background: transparent !important;
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 768px) {
    .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: 31px !important;
    }

    .main-navigation ul,
    nav ul,
    .menu ul,
    .wp-block-navigation ul,
    .wp-block-page-list,
    .menu-primary-container ul,
    .primary-menu ul,
    .primary-navigation ul {
        gap: 10px !important;
    }

    .main-navigation a,
    nav a,
    .menu a,
    .wp-block-navigation a,
    .wp-block-page-list a,
    .menu-primary-container a,
    .primary-menu a,
    .primary-navigation a {
        font-size: 13px !important;
        padding: 9px 13px !important;
    }

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

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

    .wp-block-search__inside-wrapper {
        flex-direction: column !important;
        border-radius: 26px !important;
        padding: 12px !important;
    }

    .search-form input[type="search"],
    .wp-block-search__input,
    .search-field {
        height: 56px !important;
        font-size: 16px !important;
    }

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

    .widget_categories select {
        height: 56px !important;
        font-size: 15px !important;
    }

    .home .entry-header,
    .blog .entry-header,
    .archive .entry-header {
        padding: 16px 16px 18px !important;
    }

    .home .entry-title,
    .blog .entry-title,
    .archive .entry-title,
    .wp-block-post-title {
        font-size: 22px !important;
        line-height: 1.2 !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 {
        aspect-ratio: 1 / 1 !important;
    }

    table {
        display: block !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
    }
}