/*
Theme Name: Keto Bread v1.0.1
Author: Delicious Keto Meal
Description: An editable, responsive block theme for keto bread and low-carb recipes. Includes a reference-inspired home page, recipe post grid, search, and native mobile navigation.
Version: 1.0.1
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: keto-bread
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: food-and-drink, full-site-editing, block-patterns, custom-colors, custom-logo, wide-blocks
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0}.wp-site-blocks{overflow:clip}.wp-site-blocks>*{margin-block-start:0}a{text-underline-offset:.22em}img{max-width:100%;height:auto}a,button,input{ -webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #ad6711;outline-offset:5px}h1,h2,h3{overflow-wrap:normal}p{margin-top:0}.site-header{max-width:1320px;margin:auto;padding:22px 36px;gap:24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.brand-mark{width:46px;margin:0}.brand-copy p{margin:0}.wordmark{font-family:Georgia,serif;font-weight:700;font-style:italic;font-size:25px;line-height:1.2;color:var(--wp--preset--color--forest)}.wordmark a{text-decoration:none;color:inherit}.wordmark em{color:#b76619}.brand-tagline{font-size:9px;letter-spacing:.17em;font-weight:700;margin-top:4px!important;color:var(--wp--preset--color--forest)}.header-tools{display:flex;gap:22px;align-items:center}.primary-navigation{font-size:13px;font-weight:600}.primary-navigation .wp-block-navigation__container{gap:22px}.header-tools .wp-block-search{width:38px;margin:0}.header-tools .wp-block-search__button{background:transparent;color:var(--wp--preset--color--forest);padding:6px;border:0}.header-tools .wp-block-search__inside-wrapper{padding:0;border:0}.header-tools .wp-block-search__input{min-width:120px}.header-tools .wp-block-search:focus-within{width:auto}.header-subscribe .wp-block-button__link{font-size:13px;padding:12px 22px}.hero{position:relative;background:var(--wp--preset--color--deep);isolation:isolate;color:white;display:grid;grid-template-columns:48% 52%;min-height:475px;max-width:1440px;margin:0 auto!important}.hero-copy{position:relative;z-index:2;padding:64px 0 60px max(36px,calc((100vw - 1248px)/2));display:flex;flex-direction:column;justify-content:center}.hero-photo{height:100%;margin:0;min-height:475px;position:relative}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:58% center;display:block}.hero:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,transparent 40%,#142b1d 47%,transparent 65%);pointer-events:none}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;line-height:1.6;margin:0 0 14px}.hero h1{font-family:Georgia,serif;font-size:clamp(38px,4.7vw,66px);font-style:italic;font-weight:700;line-height:1.04;letter-spacing:-.04em;margin:0 0 18px;position:relative;width:115%}.hero h1 mark{color:var(--wp--preset--color--sunshine);background:transparent}.hero-subtitle{font-size:clamp(19px,2.1vw,27px);font-weight:700;line-height:1.18;max-width:430px;margin:0 0 14px}.hero-description{font-size:16px;color:#e1e8dd;max-width:380px;line-height:1.6;margin:0 0 24px}.hero .wp-block-button__link{color:#183c28;background:var(--wp--preset--color--sunshine);font-size:14px;padding:16px 24px;border-radius:10px}.wp-block-button__link{transition:filter .2s,transform .2s}.wp-block-button__link:hover{filter:brightness(.95);transform:translateY(-1px)}.benefits{max-width:1248px;margin:0 auto;padding:32px 24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.benefit{display:flex;gap:16px;padding:0 24px;align-items:flex-start;border-right:1px solid #e3e7df}.benefit:first-child{padding-left:0}.benefit:last-child{border:0;padding-right:0}.benefit-symbol{background:#dfecd9;color:#215a36;font-size:27px;line-height:1;border-radius:50%;width:56px;height:56px;min-width:56px;display:grid;place-items:center;margin:0}.benefit:nth-child(even) .benefit-symbol{background:#ffead0;color:#985013}.benefit h3{font-size:15px;line-height:1.3;margin:4px 0 6px}.benefit p:not(.benefit-symbol){font-size:12px;line-height:1.6;margin:0;color:#42534c}.favorites{padding:32px 32px 64px;max-width:1280px;margin:auto}.section-title{text-align:center;font-size:clamp(28px,3vw,38px);line-height:1.2;margin:0 0 9px}.section-intro{text-align:center;color:#5c6c62;font-size:16px;margin:0 auto 30px;line-height:1.6}.section-intro:after{content:"";display:block;width:64px;height:2px;background:#2f704b;margin:18px auto 0}.recipe-grid .wp-block-post-template,.starter-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:0;padding:0;list-style:none}.recipe-grid .wp-block-post,.starter-card{border:1px solid #e1e6de;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 24px #203a2106}.recipe-grid .wp-block-post-featured-image{margin:0}.recipe-grid .wp-block-post-featured-image img,.starter-card .wp-block-image img{width:100%;height:210px;object-fit:cover;display:block}.recipe-grid .wp-block-post-featured-image:not(:has(img)){min-height:50px}.recipe-grid .wp-block-post-title{font-size:23px;margin:12px 22px;color:#175637}.recipe-grid .wp-block-post-title a{text-decoration:none}.recipe-grid .wp-block-post-excerpt{margin:0 22px 24px;font-size:14px}.recipe-grid .wp-block-post-terms{font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin:20px 22px 0}.recipe-grid .wp-block-post-terms a{color:#6e6e42}.starter-card .wp-block-image{margin:0}.card-copy{padding:24px}.card-copy h3{font-size:23px;margin:10px 0}.card-copy p{font-size:14px;color:#5c6c62;line-height:1.6}.card-copy .card-kicker{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#73590b;font-weight:700;margin:0}.card-copy a{font-size:13px;font-weight:700;color:#175637}.starter-card:nth-child(2) img{object-position:20% 65%}.starter-card:nth-child(3) img{object-position:90% 20%}.demo-note{font-size:12px;color:#6a756c;text-align:center;margin:22px auto 0}.guide{max-width:1216px;margin:0 auto 64px;padding:40px 48px;background:#f1f5ec;border-radius:16px;display:grid;grid-template-columns:1fr 1fr;gap:44px}.guide h2{font-size:31px;margin:0 0 14px}.guide h3{font-size:20px;margin:0 0 10px}.guide p,.guide li{font-size:15px;line-height:1.8}.guide ul{padding-left:20px;margin-bottom:0}.subscribe{margin:0 auto 64px;max-width:1216px;border-radius:16px;padding:40px 48px;background:#173e2a;color:white;display:flex;gap:30px;align-items:center;justify-content:space-between}.subscribe h2{font-size:30px;margin:0 0 10px}.subscribe p{color:#e3eddf;font-size:15px;max-width:600px;margin:0}.subscribe .wp-block-button__link{background:#ffcd46;color:#183c28;white-space:nowrap}.site-footer{padding:32px;max-width:1280px;margin:auto;border-top:1px solid #e1e6de;display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:12px;color:#657568}.site-footer p{margin:0}.site-footer a{color:#175637}.content-shell{max-width:860px;margin:56px auto;padding:0 24px;min-height:50vh}.content-shell h1{font-size:clamp(32px,5vw,52px);line-height:1.15}.archive-shell{max-width:1280px;margin:56px auto;padding:0 32px;min-height:50vh}.wp-block-query-pagination{margin-top:32px}.wp-block-post-content{line-height:1.8}.wp-block-post-content>*{max-width:100%}.wp-block-navigation a:hover{text-decoration:underline}.wp-block-search__input{border:1px solid #cad6c5;border-radius:6px;padding:10px}.wp-block-search__button{border-radius:6px}.wp-block-query-no-results{margin:0}.wp-block-post-featured-image img{border-radius:inherit}.screen-reader-text:focus{z-index:100000}
@media(min-width:901px) and (max-width:1150px){.site-header{padding:20px 24px;gap:16px}.wordmark{font-size:21px}.primary-navigation .wp-block-navigation__container{gap:14px}.header-tools{gap:12px}.brand-mark{width:38px}.hero-copy{padding-left:32px}.benefit{padding:0 16px;gap:12px}.benefit-symbol{width:46px;height:46px;min-width:46px}.guide,.subscribe{margin-left:32px;margin-right:32px}}
@media(max-width:900px){.site-header{padding:18px 22px}.primary-navigation .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}.primary-navigation .wp-block-navigation__responsive-container-open{display:flex!important}.header-tools{gap:16px}.primary-navigation .wp-block-navigation__responsive-container.is-menu-open{padding:28px}.hero{grid-template-columns:50% 50%;min-height:430px}.hero-copy{padding:40px 0 40px 28px}.hero h1{font-size:44px;width:110%}.hero-photo{min-height:430px}.benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:28px}.benefit{padding:0!important;border:0}.benefit h3{font-size:15px}.benefit p:not(.benefit-symbol){font-size:13px}.guide,.subscribe{margin-left:28px;margin-right:28px;padding:30px}.recipe-grid .wp-block-post-template,.starter-grid{gap:18px}.card-copy{padding:18px}.card-copy h3{font-size:21px}}
@media(max-width:600px){.site-header{padding:16px;gap:12px}.brand-mark{width:34px}.wordmark{font-size:20px}.brand-tagline{font-size:7px}.header-tools{gap:12px}.header-subscribe{display:none}.header-tools .wp-block-search{width:30px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:38px 24px 32px}.hero h1{font-size:44px;width:100%;max-width:400px}.hero-subtitle{font-size:23px;max-width:360px}.hero-description{font-size:15px;max-width:390px}.hero-photo{min-height:0;height:260px;width:100%}.hero-photo img{object-position:50% 45%}.hero:after{display:none}.eyebrow{font-size:10px}.benefits{gap:24px 14px;padding:28px 20px}.benefit{gap:10px}.benefit-symbol{min-width:40px;width:40px;height:40px;font-size:23px}.benefit h3{font-size:13px;margin-top:2px}.benefit p:not(.benefit-symbol){font-size:11px}.favorites{padding:24px 20px 40px}.section-title{font-size:29px}.section-intro{font-size:14px}.recipe-grid .wp-block-post-template,.starter-grid{grid-template-columns:1fr!important;gap:24px}.recipe-grid .wp-block-post-featured-image img,.starter-card .wp-block-image img{height:230px}.card-copy{padding:24px}.guide{grid-template-columns:1fr;gap:28px;margin:0 20px 40px;padding:26px}.guide h2{font-size:28px}.subscribe{display:block;margin:0 20px 40px;padding:28px}.subscribe h2{font-size:28px}.subscribe .wp-block-buttons{margin-top:24px}.site-footer{display:block;padding:26px 20px}.site-footer p+p{margin-top:12px}.archive-shell{padding:0 20px}.header-tools .wp-block-search:focus-within{position:absolute;right:64px;background:white;z-index:5}.header-tools .wp-block-search__input{width:150px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wp-block-button__link{transition:none}}
.hero h1{color:#fff}.subscribe h2{color:#fff}.benefit .benefit-symbol img{width:30px;height:30px;object-fit:contain}.benefit figure.benefit-symbol{margin:0}
@media(max-width:600px){.benefit .benefit-symbol img{width:25px;height:25px}}
/* WordPress flow spacing must not offset children of our grid/flex layouts. */
.site-header>*,.header-tools>*,.brand>*,.benefits>*,.benefit>*,.hero>*,.starter-grid>*,.guide>*,.subscribe>*,.site-footer>*{margin-block-start:0;margin-block-end:0}
.hero-copy>.wp-block-buttons{margin:0}.hero-subtitle{max-width:530px}.benefit>div{margin:0}
@media(min-width:901px){.hero-subtitle{font-size:26px}}
@media(max-width:600px){.header-tools .header-subscribe{display:none}.header-tools>.wp-block-buttons{display:none}}
/* Reference-matched compact first screen and single-line brand headline. */
.wordmark{white-space:nowrap}
.hero{min-height:420px;grid-template-columns:47% 53%}
.hero-copy{padding-top:46px;padding-bottom:46px;padding-right:12px}
.hero-photo{min-height:420px}
.hero h1{font-size:clamp(24px,4vw,56px);width:100%;max-width:none;white-space:nowrap;letter-spacing:-.045em;margin-bottom:12px}
.hero-subtitle{font-size:clamp(18px,1.9vw,25px);margin-bottom:10px}
.hero-description{font-size:15px;line-height:1.45;max-width:365px;margin-bottom:20px}
.hero .wp-block-button__link{font-size:13px;padding:13px 22px}
.eyebrow{margin-bottom:12px}
.benefits{padding-top:26px;padding-bottom:26px}
.favorites{padding-top:20px}
@media(min-width:901px){.site-header{padding-top:16px;padding-bottom:16px}.benefit-symbol{width:50px;height:50px;min-width:50px}.section-title{font-size:34px}}
@media(min-width:601px) and (max-width:900px){.hero,.hero-photo{min-height:350px}.hero-copy{padding-top:32px;padding-bottom:32px}.hero h1{font-size:clamp(24px,4vw,36px)}.hero-description{font-size:14px}.hero-subtitle{font-size:19px}}
@media(max-width:600px){.hero{min-height:0}.hero-copy{padding:28px 24px}.hero h1{font-size:clamp(18px,7.5vw,34px);margin-bottom:12px}.hero-subtitle{font-size:21px;max-width:350px}.hero-description{font-size:14px;max-width:390px}.hero-photo{min-height:0;height:230px}.brand-mark{width:28px}.wordmark{font-size:clamp(15px,4.5vw,19px)}.benefits{padding-top:24px;padding-bottom:24px}.section-title{font-size:27px}}
@media(min-width:601px){.hero{height:clamp(380px,34vw,460px);min-height:0}.hero-photo{height:100%;min-height:0;overflow:hidden}.hero-photo img{position:absolute;inset:0;width:100%;height:100%}}

/* v1.0.1: supplied banner with an editable native CTA over the pictured button. */
.hero-banner{position:relative;max-width:1440px;margin:0 auto!important;padding:0;isolation:isolate}
.hero-banner .banner-art{margin:0;width:100%}
.hero-banner .banner-art img{display:block;width:100%;height:auto}
.hero-banner .banner-cta{position:absolute;left:4.2%;top:75.6%;width:25.8%;height:13.1%;margin:0;z-index:2;display:block}
.hero-banner .banner-cta .wp-block-button{width:100%;height:100%;margin:0}
.hero-banner .banner-cta .wp-block-button__link{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffcf48;color:#173d27;border:0;border-radius:clamp(5px,1.2vw,16px);padding:0 3%;font-size:clamp(9px,1.22vw,17px);font-weight:700;white-space:nowrap;text-decoration:none;line-height:1.2;transform:none}
.hero.hero-mobile{display:none}
@media(max-width:600px){.hero-banner{display:none}.hero.hero-mobile{display:flex}}
/* Keep the banner preview selectable while editing; use List View for its CTA. */
.editor-styles-wrapper .hero-banner .screen-reader-text{position:absolute!important}