/*
Theme Name: Janessa Shyda
Theme URI: https://janessashyda.com
Author: Janessa Shyda
Description: A warm, neutral block theme in shades of brown with brown gingham touches. Italicize words in headings to get the serif accent with a brush underline.
Version: 1.6.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: janessa-shyda
*/

:root{--gingham:rgba(183,159,136,.6)}
body{-webkit-font-smoothing:antialiased}

/* Gingham strip and soft gingham sections */
.gingham-strip{height:14px;margin:0!important;background:repeating-linear-gradient(0deg,var(--gingham) 0 7px,transparent 7px 14px),repeating-linear-gradient(90deg,var(--gingham) 0 7px,transparent 7px 14px),var(--wp--preset--color--paper)}
.is-style-gingham{background:repeating-linear-gradient(0deg,rgba(183,159,136,.22) 0 12px,transparent 12px 24px),repeating-linear-gradient(90deg,rgba(183,159,136,.22) 0 12px,transparent 12px 24px),var(--wp--preset--color--paper)}

/* Header */
.site-header{padding:1rem 1.5rem;border-bottom:1px solid var(--wp--preset--color--line)}
.site-logo,.site-logo a{font-family:var(--wp--preset--font-family--serif);font-style:italic;font-weight:500;font-size:1.6rem;color:var(--wp--preset--color--brown);text-decoration:none;margin:0}
.wp-block-navigation a{text-decoration:none;color:var(--wp--preset--color--mocha-dark)}
.wp-block-navigation .current-menu-item>a,.wp-block-navigation a:hover{color:var(--wp--preset--color--brown);box-shadow:0 2px 0 var(--wp--preset--color--mocha)}

/* Spacing helpers */
.sec{padding:clamp(2rem,5vw,3.5rem) 1.5rem}
.sec-alt{background:var(--wp--preset--color--latte)}

/* Accent words: italicize text inside a heading, or add class "acc" */
.acc,h1 em,h2 em,h3 em,h4 em{font-family:var(--wp--preset--font-family--serif);font-style:italic;font-weight:500;font-size:1.18em;line-height:1;padding:0 .08em .22em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12' preserveAspectRatio='none'%3E%3Cpath d='M0.5 7.6 C6 4.6 14 7.4 26 5.6 C38 3.8 46 6.6 60 5.2 C72 4 84 5.6 99.5 3.4 C99.8 4.6 99 5.6 97.6 6.4 C86 8.2 74 7 62 8.4 C48 9.8 38 7.8 26 9.2 C16 10.4 8 8.6 0.5 9.6 C0 8.8 0 8.2 0.5 7.6 Z' fill='%23B79F88' fill-opacity='.9'/%3E%3C/svg%3E") no-repeat left bottom/100% .38em}

/* Category tags */
.wp-block-post-terms a,.tag{display:inline-block;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;background:var(--wp--preset--color--oat);color:var(--wp--preset--color--brown);padding:2px 10px;border-radius:99px;text-decoration:none}
.wp-block-post-terms .wp-block-post-terms__separator{display:none}

/* Cards, images, post grid */
.card{background:var(--wp--preset--color--latte);border:1px solid var(--wp--preset--color--line);border-radius:10px;padding:1.25rem}
.wp-block-post-featured-image img,.hero-img img,.wp-block-gallery img{border-radius:10px}
.hero-img img{width:100%;height:auto}
.wp-block-post-template.is-layout-grid{gap:1.5rem}
.wp-block-post-title a{text-decoration:none;color:inherit}
.wp-block-post-date{font-size:.8rem;color:var(--wp--preset--color--mocha-dark)}

/* Buttons */
.wp-block-button__link{font-weight:600;font-size:.9rem}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--wp--preset--color--brown);border:1px solid var(--wp--preset--color--brown)}

/* Scripture quote */
.wp-block-quote.is-style-scripture{border-left:3px solid var(--wp--preset--color--mocha);background:var(--wp--preset--color--oat);padding:1rem 1.25rem;border-radius:0 10px 10px 0;font-style:normal}
.wp-block-quote.is-style-scripture cite{font-size:.8rem;color:var(--wp--preset--color--mocha-dark);font-style:normal}

/* Brown framed band */
.is-style-brown-band{position:relative;background:var(--wp--preset--color--brown);color:var(--wp--preset--color--paper);padding:clamp(2.5rem,6vw,4rem) 1.5rem}
.is-style-brown-band::before,.site-footer::before{content:"";position:absolute;inset:10px;border:1px solid rgba(246,242,234,.35);pointer-events:none}
.is-style-brown-band :where(h1,h2,h3,p,a){color:var(--wp--preset--color--paper)}
.is-style-brown-band .wp-block-button__link{background:var(--wp--preset--color--paper);color:var(--wp--preset--color--brown)}
.is-style-brown-band .wp-block-button__link:hover{background:var(--wp--preset--color--sand);color:var(--wp--preset--color--espresso)}
.is-style-brown-band .tag{color:var(--wp--preset--color--brown)}

/* Footer */
.site-footer{position:relative;background:var(--wp--preset--color--brown);color:var(--wp--preset--color--paper);text-align:center;padding:2.5rem 1.5rem;font-size:.8rem;letter-spacing:.06em}
.site-footer a,.site-footer p{color:var(--wp--preset--color--paper);text-decoration:none}
.site-footer .footer-label{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--wp--preset--color--sand);margin:1.25rem 0 0}
.site-footer .wp-block-social-links{justify-content:flex-start;gap:1.1rem;margin:.25rem 0 0;padding:0}
.site-footer .wp-block-social-links .wp-social-link,.site-footer .wp-block-social-links .wp-social-link a{color:var(--wp--preset--color--paper)!important;background:none!important}
.site-footer .wp-block-social-links .wp-social-link svg{width:26px;height:26px;fill:currentColor}
.site-footer .wp-block-social-links .wp-social-link a:hover{color:var(--wp--preset--color--sand)!important}

/* Footer columns */
.footer-cols{text-align:left;gap:2rem;margin-bottom:1.5rem}
.footer-cols .footer-label{margin:1.25rem 0 .5rem}
.footer-cols .wp-block-column>.footer-label:first-child{margin-top:0}
.site-footer .footer-logo,.site-footer .footer-logo a{font-family:var(--wp--preset--font-family--serif);font-style:italic;font-weight:500;font-size:1.9rem;color:var(--wp--preset--color--paper);text-decoration:none;margin:0 0 .25rem}
.footer-nav .wp-block-navigation__container{gap:.45rem;align-items:flex-start}
.footer-nav a{color:var(--wp--preset--color--paper)!important;font-size:.85rem;letter-spacing:.02em}
.footer-nav a:hover{color:var(--wp--preset--color--sand)!important;box-shadow:none}
.footer-copy{border-top:1px solid rgba(250,245,238,.25);padding-top:1.25rem;margin:0}
@media (max-width:781px){
.footer-cols,.footer-cols .wp-block-column{text-align:center}
.site-footer .wp-block-social-links{justify-content:center}
.site-footer .footer-nav,.site-footer .footer-nav.is-vertical{display:flex;justify-content:center!important;align-items:center!important;width:100%}
.site-footer .footer-nav .wp-block-navigation__container,.site-footer .footer-nav.is-vertical .wp-block-navigation__container{align-items:center!important;justify-content:center!important;width:100%;text-align:center}
.site-footer .footer-nav .wp-block-navigation-item{justify-content:center;width:100%}
.site-footer .footer-nav .wp-block-navigation-item__content{text-align:center;margin:0 auto}
}

/* Mobile menu: breathing room so text never touches the screen edge */
.wp-block-navigation__responsive-container.is-menu-open{background:var(--wp--preset--color--latte);padding:1.25rem 1.75rem 2.5rem!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding-top:2.5rem;padding-right:.25rem;padding-left:.25rem}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:1.25rem;align-items:flex-end}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-size:1.2rem;padding:.35rem 0}

/* Video placeholder */
.video-placeholder{min-height:clamp(220px,45vw,460px);border-radius:12px;overflow:hidden;position:relative}
.video-placeholder::before{content:"";position:absolute;inset:10px;border:1px solid rgba(250,245,238,.8);border-radius:8px;z-index:1;pointer-events:none}
.play-btn{width:72px;height:72px;line-height:72px;border-radius:50%;background:var(--wp--preset--color--paper);color:var(--wp--preset--color--brown);font-size:1.6rem;text-align:center;margin:0 auto!important;padding-left:5px;box-shadow:0 6px 18px rgba(59,47,39,.25)}
.video-caption{font-size:.85rem;color:var(--wp--preset--color--mocha-dark);text-align:center}

/* Homepage banner (swap the image, text or whole banner in the Site Editor) */
.home-banner{min-height:clamp(260px,38vw,420px);margin:0!important}
.home-banner .wp-block-cover__background{opacity:0!important}
.home-banner .wp-block-cover__inner-container{width:100%;max-width:1120px;margin:0 auto;padding:2rem 1.5rem}
.home-banner .wp-block-cover__inner-container>*{max-width:520px}
@media (max-width:781px){.home-banner .wp-block-cover__background{opacity:.72!important;background-color:#FAF5EE!important}}
.announcement{padding:1.1rem 1.5rem!important}
.announcement p{margin:0}
.announcement a{text-decoration:underline}

/* Portfolio grid */
.portfolio-grid .wp-block-post-featured-image{overflow:hidden;border-radius:12px;margin-bottom:.75rem;border:1px solid var(--wp--preset--color--line)}
.portfolio-grid .wp-block-post-featured-image img{width:100%;transition:transform .45s ease}
.portfolio-grid .wp-block-post:hover .wp-block-post-featured-image img{transform:scale(1.05)}
.portfolio-grid .wp-block-post-title{margin:.5rem 0 0;font-size:1.15rem}
.portfolio-grid .wp-block-post-title a:hover{color:var(--wp--preset--color--mocha-dark)}
.portfolio-grid .wp-block-post-template.is-layout-grid{gap:2rem 1.5rem}
.portfolio-grid .wp-block-query-pagination{margin-top:2.5rem}
.chips{margin:1.5rem 0 2rem}
.chips .wp-block-navigation__container{gap:.5rem}
.chips .wp-block-navigation-item__content{border:1px solid var(--wp--preset--color--line);border-radius:999px;padding:.3rem 1rem;font-size:.8rem;font-weight:500;background:var(--wp--preset--color--paper);color:var(--wp--preset--color--brown)}
.chips .wp-block-navigation-item__content:hover,.chips .current-menu-item .wp-block-navigation-item__content{background:var(--wp--preset--color--brown);color:#fff;box-shadow:none}

/* Comments & reading column */
.reading{max-width:640px;margin-left:auto;margin-right:auto}
@media (max-width:781px){.wp-block-columns{gap:1.25rem}}