/*
Theme Name: Shake Your Health Up v5
Theme URI: https://shakeyourhealthup.com/
Author: Shake Your Health Up
Description: A structured, editable WordPress block theme for Shake Your Health Up with named homepage sections, native columns, a GetResponse form area, and dynamic latest-post content.
Version: 5.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: shake-your-health-up-v5
Tags: full-site-editing, block-patterns, blog, custom-logo, featured-images, wide-blocks
*/

:root{--syhu-green:#5a8520;--syhu-green-dark:#2e4a18;--syhu-green-soft:#eef4e7;--syhu-ink:#18202a;--syhu-muted:#5d655d;--syhu-cream:#fbfaf5;--syhu-border:#e6e7e1;--syhu-radius:16px;--syhu-shadow:0 12px 40px rgba(26,41,18,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--syhu-ink)}a{text-underline-offset:.2em}.syhu-section{padding:clamp(64px,7vw,108px) 24px}.syhu-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.syhu-kicker{color:var(--syhu-green);font-weight:800;letter-spacing:.11em;text-transform:uppercase;font-size:.78rem}.syhu-display{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.035em;line-height:1.02}.syhu-script{color:var(--syhu-green);font-family:'Brush Script MT','Segoe Script',cursive;font-weight:500}.syhu-button .wp-block-button__link,.wp-block-button.syhu-button .wp-block-button__link{background:var(--syhu-green);color:#fff;border-radius:999px;padding:.92rem 1.45rem;font-weight:800;text-decoration:none;box-shadow:none}.syhu-button .wp-block-button__link:hover{background:var(--syhu-green-dark);transform:translateY(-1px)}.syhu-outline .wp-block-button__link{background:transparent!important;color:var(--syhu-green)!important;border:1.5px solid var(--syhu-green)}
.syhu-header{border-bottom:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.96);backdrop-filter:blur(10px);position:sticky;top:0;z-index:30}.syhu-header-row{min-height:76px}.syhu-logo{font-family:'Brush Script MT','Segoe Script',cursive;color:var(--syhu-green);font-size:1.75rem;font-weight:700;line-height:.9}.syhu-nav a{color:var(--syhu-ink);font-weight:700;font-size:.88rem;text-decoration:none}
.syhu-hero{min-height:610px;display:flex;align-items:center;position:relative;overflow:hidden;background:#fff;isolation:isolate}.syhu-hero::after{content:'';position:absolute;z-index:-2;inset:0 0 0 auto;width:56%;background-image:url('assets/hero.jpg');background-position:center center;background-size:cover;background-repeat:no-repeat}.syhu-hero::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,#fff 0%,#fff 39%,rgba(255,255,255,.98) 44%,rgba(255,255,255,.88) 49%,rgba(255,255,255,.52) 56%,rgba(255,255,255,.12) 64%,rgba(255,255,255,0) 72%)}.syhu-hero-copy{max-width:610px;padding-block:72px;position:relative;z-index:1}.syhu-hero h1{font-size:clamp(3.2rem,6vw,6.3rem);margin:0 0 24px}.syhu-hero-lede{max-width:570px;font-size:clamp(1.1rem,1.6vw,1.45rem);font-weight:700;line-height:1.4}.syhu-hero-sub{max-width:540px;color:var(--syhu-muted);font-size:1.05rem;line-height:1.8}.syhu-benefits{gap:28px!important;margin-top:32px;font-weight:700;font-size:.9rem}.syhu-benefits p{margin:0}
.syhu-guide{background:var(--syhu-cream)}.syhu-guide-columns{gap:clamp(40px,7vw,90px)}.syhu-guide-image img{width:100%;border-radius:22px;box-shadow:var(--syhu-shadow);display:block}.syhu-guide h2,.syhu-section-title{font-size:clamp(2.35rem,4vw,4.25rem);margin:.25rem 0 1rem}.syhu-checks{list-style:none;padding:0;margin:24px 0;display:grid;gap:11px}.syhu-checks li{list-style:none}.syhu-checks li::before{content:'✓';display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--syhu-green);color:#fff;margin-right:10px;font-size:.72rem;font-weight:900}.syhu-signup-placeholder{margin-top:28px;padding:20px;border:1px dashed #b8c5ad;border-radius:12px;background:#fff}.syhu-signup-placeholder p{margin-top:0;color:var(--syhu-muted);font-size:.9rem}.syhu-fineprint{color:#858b84;font-size:.75rem;margin-top:8px}
.syhu-pillars{text-align:center;background:#fff}.syhu-pillars-grid{margin-top:50px}.syhu-pillar{padding:0 clamp(24px,4vw,56px)}.syhu-pillars-grid>.wp-block-column+.wp-block-column{border-left:1px solid var(--syhu-border)}.syhu-icon{width:64px;height:64px;margin:0 auto 18px!important;border-radius:50%;background:var(--syhu-green-soft);display:grid;place-items:center;color:var(--syhu-green);font-size:1.8rem}.syhu-pillar h3{font-family:Georgia,serif;font-size:1.5rem;margin:.4rem 0}.syhu-pillar p{color:var(--syhu-muted);line-height:1.7}.syhu-text-link{color:var(--syhu-green);font-weight:800;text-decoration:none;font-size:.85rem}
.syhu-articles{background:linear-gradient(180deg,#faf9f3,#fff)}.syhu-section-head{margin-bottom:32px}.syhu-section-head h2{margin:0}.syhu-query .wp-block-post-template{gap:24px}.syhu-query-card{height:100%;border:1px solid var(--syhu-border);border-radius:var(--syhu-radius);overflow:hidden;background:#fff;box-shadow:0 6px 26px rgba(30,40,20,.04);padding-bottom:22px}.syhu-query-card>.wp-block-post-featured-image{margin:0 0 18px}.syhu-query-card>.wp-block-post-featured-image img{width:100%;object-fit:cover}.syhu-query-card>*:not(.wp-block-post-featured-image){margin-left:22px;margin-right:22px}.syhu-query-card .wp-block-post-title{font-size:1.35rem;line-height:1.17;margin-top:.45rem}.syhu-query-card .wp-block-post-title a{color:var(--syhu-ink);text-decoration:none}.syhu-query-card .wp-block-post-excerpt{color:var(--syhu-muted);line-height:1.65}.syhu-card-label,.syhu-card-label a{color:var(--syhu-green);font-size:.72rem;text-transform:uppercase;font-weight:900;letter-spacing:.06em;text-decoration:none}
.syhu-about{background:#fff}.syhu-about-media{gap:48px}.syhu-about-media .wp-block-media-text__media img{border-radius:50%;aspect-ratio:1;object-fit:cover}.syhu-quote{font-family:'Brush Script MT','Segoe Script',cursive;color:var(--syhu-green);font-size:2rem;line-height:1.1;transform:rotate(-1deg);margin-top:42px!important}
.syhu-bottom-cta{padding:0 24px 26px}.syhu-bottom-inner{width:min(1180px,calc(100% - 48px));margin:auto;padding:35px clamp(28px,5vw,64px);border-radius:24px;color:#fff;background:linear-gradient(90deg,rgba(25,55,20,.9),rgba(51,91,25,.82)),url('assets/cta.jpg') left center/cover no-repeat}.syhu-bottom-inner h2{font-family:Georgia,serif;font-size:clamp(2rem,3vw,3.4rem);margin:0 0 8px}.syhu-bottom-inner p{margin-bottom:0}.syhu-footer{background:#fff;border-top:1px solid var(--syhu-border);padding:34px 24px}.syhu-footer-row{gap:30px}.syhu-footer-note{font-size:.72rem;color:#7d827b;max-width:690px;line-height:1.5}.syhu-page-hero{padding:80px 24px 40px;background:var(--syhu-cream)}.syhu-content{width:min(820px,calc(100% - 48px));margin:60px auto 90px}.syhu-content p,.syhu-content li{font-size:1.08rem;line-height:1.85}
@media(max-width:900px){.syhu-hero{min-height:auto}.syhu-hero::after{width:58%;background-position:center center}.syhu-hero::before{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 48%,rgba(255,255,255,.84) 61%,rgba(255,255,255,.38) 78%,rgba(255,255,255,.08) 100%)}.syhu-pillars-grid>.wp-block-column+.wp-block-column{border-left:0;border-top:1px solid var(--syhu-border);padding-top:32px}.syhu-about-media{grid-template-columns:1fr!important}.syhu-about-media .wp-block-media-text__media{max-width:220px;margin:auto}.syhu-header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none}}
@media(max-width:620px){.syhu-hero::after,.syhu-hero::before{display:none}.syhu-hero-copy{padding-block:54px}.syhu-wrap,.syhu-bottom-inner{width:min(100% - 28px,1180px)}.syhu-section{padding-left:14px;padding-right:14px}.syhu-hero h1{font-size:3.2rem}.syhu-section-head{align-items:flex-start!important;flex-direction:column}.syhu-query .wp-block-post-template{grid-template-columns:1fr!important}}

/* v5 editor usability: make the structured homepage hierarchy easy to work with. */
.editor-styles-wrapper .syhu-section,
.editor-styles-wrapper .syhu-hero,
.editor-styles-wrapper .syhu-bottom-cta {
    position: relative;
}
.editor-styles-wrapper .syhu-signup-placeholder {
    outline: 2px dashed rgba(90,133,32,.35);
    outline-offset: 3px;
}


/* v5 GetResponse form area ------------------------------------------------ */
.syhu-getresponse-form {
    width: 100%;
    max-width: 560px;
    margin-top: 28px;
    padding: 20px;
    border: 1px solid #dfe5d8;
    border-radius: 12px;
    background: #fff;
}
.syhu-getresponse-form .syhu-form-placeholder {
    margin: 0;
    color: var(--syhu-muted);
    font-size: .9rem;
}
/* Common form markup is styled automatically after the placeholder is replaced. */
.syhu-getresponse-form form {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    width: 100%;
    margin: 0;
}
.syhu-getresponse-form form > * { min-width: 0; }
.syhu-getresponse-form label {
    font-size: .78rem;
    font-weight: 700;
    color: var(--syhu-muted);
}
.syhu-getresponse-form input[type="email"],
.syhu-getresponse-form input[type="text"] {
    width: 100%;
    min-width: 0;
    height: 52px;
    padding: 0 16px;
    border: 1px solid #cfd5c9;
    border-radius: 7px;
    background: #fff;
    color: var(--syhu-ink);
    font: inherit;
}
.syhu-getresponse-form input[type="email"]:focus,
.syhu-getresponse-form input[type="text"]:focus {
    outline: none;
    border-color: var(--syhu-green);
    box-shadow: 0 0 0 3px rgba(90,133,32,.12);
}
.syhu-getresponse-form button,
.syhu-getresponse-form input[type="submit"] {
    min-height: 52px;
    padding: 0 24px;
    border: 0;
    border-radius: 999px;
    background: var(--syhu-green);
    color: #fff;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
}
.syhu-getresponse-form button:hover,
.syhu-getresponse-form input[type="submit"]:hover { background: var(--syhu-green-dark); }

/* The editor shows section names/boundaries without affecting the public page. */
.editor-styles-wrapper .syhu-home-section {
    outline: 1px dashed rgba(90,133,32,.16);
    outline-offset: 4px;
}
.editor-styles-wrapper .syhu-getresponse-form {
    outline: 2px dashed rgba(90,133,32,.38);
    outline-offset: 3px;
}
@media(max-width:620px){
    .syhu-getresponse-form form { flex-direction: column; align-items: stretch; }
    .syhu-getresponse-form button,
    .syhu-getresponse-form input[type="submit"] { width: 100%; }
}

/* v5 About section uses real Columns for a clearer editor hierarchy. */
.syhu-about-columns{gap:48px}
.syhu-about-image img{width:100%;border-radius:50%;aspect-ratio:1;object-fit:cover}
@media(max-width:781px){.syhu-about-columns{gap:28px}.syhu-about-image{max-width:220px;margin-inline:auto}}