/*
Theme Name: Yes Reflex
Description: Store theme for Yes Reflex. Home page lists the products (front-page.php). Each product with a sales page has its own template, single-product-<slug>.php (styles in assets/css/sales.css). Every other page uses page.php with the styles below.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: yes-reflex
*/

:root{
  --ink:#2a2420; --muted:#6d635b; --accent:#c8553a; --accent-d:#a9432c; --accent-soft:#f6dfd5;
  --sun:#ffcf3f; --cream:#fbf4ea; --line:#e4d8ca; --paper:#fffdf9;
  --serif:Fraunces, Georgia, "Times New Roman", serif;
  --sans:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}
*{box-sizing:border-box}
body.yr-page{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.7 var(--sans)}
.yr-page a{color:var(--accent)}
.yr-wrap{max-width:720px;margin:0 auto;padding:0 24px}

.yr-page .top{border-bottom:1px solid var(--line);background:var(--cream)}
.yr-page .top .yr-wrap{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1120px}
.logo,.yr-page a.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.logo svg{width:30px;height:30px;flex:none}
.logo span{font-family:var(--serif);font-weight:700;font-size:19px;letter-spacing:-.01em}
.yr-page .top a.link{font-size:15px;font-weight:700;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:2px}

.yr-page main{padding:64px 0 96px}
.yr-page h1,.yr-page h2,.yr-page h3{font-family:var(--serif);font-weight:700;line-height:1.15;letter-spacing:-.01em}
.yr-page h1{font-size:clamp(34px,5vw,48px);margin:0 0 .6em}
.yr-page h2{font-size:26px;margin:1.8em 0 .5em}
.yr-page h3{font-size:20px;margin:1.5em 0 .4em}
.yr-page p,.yr-page ul,.yr-page ol{margin:0 0 1.1em}
.yr-page .updated{color:var(--muted);font-size:14px;margin-bottom:2em}
.yr-page .entry > *:first-child{margin-top:0}
.yr-page .wp-block-button__link,.yr-page .btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;padding:16px 26px;border-radius:6px}
.yr-page .wp-block-button__link:hover,.yr-page .btn:hover{background:var(--accent-d)}

.yr-page footer.yr-foot{background:var(--cream);border-top:1px solid var(--line);padding:40px 0;font-size:14px;color:var(--muted)}
.yr-page footer.yr-foot nav{display:flex;gap:20px;flex-wrap:wrap;margin-top:12px}
.yr-page footer.yr-foot nav a{color:var(--ink)}

@media (max-width:640px){
  .yr-wrap{padding:0 16px}
  .yr-page main{padding:44px 0 72px}
}

/* cookie consent (both templates) */
.yr-consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:560px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:8px;
  box-shadow:0 18px 40px -20px rgba(42,36,32,.45);padding:18px 20px;font:400 15px/1.5 var(--sans);color:var(--ink)}
.yr-consent p{margin:0 0 12px}
.yr-consent a{color:var(--accent)}
.yr-consent .row{display:flex;gap:10px;flex-wrap:wrap}
.yr-consent button{font:700 15px var(--sans);border-radius:6px;padding:11px 18px;cursor:pointer;border:1.5px solid var(--ink);background:#fff;color:var(--ink)}
.yr-consent button.ok{background:var(--ink);color:#fff}

/* WooCommerce pages (checkout, order received, my account) */
.yr-shop .yr-wrap{max-width:1080px}
.yr-shop main h1{font-size:clamp(30px,4vw,40px)}
.yr-thanks{background:var(--cream);border-radius:8px;padding:28px 30px 12px;margin-bottom:36px}
.yr-thanks h2:first-child{margin-top:0}
.yr-page .wc-block-components-button:not(.is-link),.yr-page .woocommerce button.button,.yr-page .woocommerce a.button{background:var(--accent);color:#fff;border-radius:6px;font-weight:700}
.yr-page .wc-block-components-button:not(.is-link):hover{background:var(--accent-d)}
.yr-page .wc-block-components-title,.yr-page .wc-block-components-checkout-step__title{font-family:var(--serif)}

/* Home page: intro, featured product, the rest as a list */
.yr-page main.yr-home{padding:0 0 96px}
.yr-home .yr-wrap{max-width:1000px}
.yr-home-intro{background:var(--cream);border-bottom:1px solid var(--line);padding:72px 0 64px}
.yr-home-intro h1{max-width:15em;font-size:clamp(34px,5vw,54px);margin:0 0 .45em}
.yr-home-intro .sub{max-width:32em;font-size:20px;line-height:1.55;color:var(--muted);margin:0 0 .8em}
.yr-home-intro .by{font-family:var(--serif);font-style:italic;color:var(--accent);margin:0}
.yr-home h2 a,.yr-home h3 a{color:var(--ink);text-decoration:none}
.yr-home h2 a:hover,.yr-home h3 a:hover{color:var(--accent)}
.yr-home .price{color:var(--muted);font-size:15px}
.yr-home .price b{color:var(--ink);font-size:20px;font-family:var(--serif)}
.yr-home-feature{padding:64px 0}
.yr-home-feature .yr-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.yr-home-feature .cover{display:block;width:100%;height:auto;border-radius:6px}
.yr-home-feature h2{font-size:clamp(28px,3.4vw,38px);margin:0 0 .4em}
.yr-home-feature p{font-size:18px}
.yr-home-list h2{margin:0 0 .3em;padding-top:48px;border-top:1px solid var(--line)}
.yr-home-list .note{color:var(--muted)}
.yr-home-list ul{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.yr-home-list li{display:grid;grid-template-columns:96px 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--line)}
.yr-home-list .cover{width:96px;height:auto;border:1px solid var(--line);border-radius:4px}
.yr-home-list h3{margin:0 0 4px;font-size:20px}
.yr-home-list p{font-size:15px;margin:0 0 6px}
@media (max-width:760px){
  .yr-home-intro{padding:44px 0 40px}
  .yr-home-intro .sub{font-size:18px}
  .yr-home-feature{padding:40px 0}
  .yr-home-feature .yr-wrap{grid-template-columns:1fr;gap:24px}
  .yr-home-list ul{grid-template-columns:1fr}
}

/* Individual tools page */
.yr-tools{list-style:none;margin:32px 0 0;padding:0}
.yr-tools li{display:grid;grid-template-columns:150px 1fr;gap:28px;padding:30px 0;border-top:1px solid var(--line)}
.yr-tools-cover{width:150px;height:auto;border:1px solid var(--line);border-radius:4px;box-shadow:0 10px 22px -16px rgba(42,36,32,.5)}
.yr-tools h2{margin:0 0 8px!important;font-size:24px!important}
.yr-tools p{color:#3d3530;font-size:16px}
.yr-tools-bundle{margin-top:24px;padding:28px 30px;background:var(--cream);border:1px solid var(--line);border-radius:10px}
.yr-tools-bundle h2{margin:0 0 6px!important}
@media (max-width:640px){.yr-tools li{grid-template-columns:96px 1fr;gap:18px}.yr-tools-cover{width:96px}}

/* ---------- buy buttons: green, bigger, soft shine (2026-10-19) ---------- */
:root{--buy:#1f8a4c;--buy-d:#18703d}
.js-buy.btn,.offer .btn,.bar .btn,#place_order,.yr-tools .btn,.yr-tools-bundle .btn,.yr-home-feature .btn{
  position:relative;overflow:hidden;background:var(--buy)!important;color:#fff!important;
  box-shadow:0 4px 0 var(--buy-d),0 10px 22px -10px rgba(31,138,76,.65);transition:transform .12s,box-shadow .12s,background .15s}
.js-buy.btn:hover,.offer .btn:hover,.bar .btn:hover,#place_order:hover,.yr-tools .btn:hover,.yr-tools-bundle .btn:hover,.yr-home-feature .btn:hover{background:var(--buy-d)!important;transform:translateY(-1px)}
.js-buy.btn:active,.offer .btn:active,#place_order:active{transform:translateY(2px);box-shadow:0 2px 0 var(--buy-d)}
.js-buy.btn::after,.offer .btn::after,#place_order::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-20deg);animation:yr-shine 4.5s ease-in-out infinite;pointer-events:none}
.offer .btn{animation:yr-pulse 3s ease-in-out infinite}
@keyframes yr-shine{0%,62%{left:-60%}100%{left:130%}}
@keyframes yr-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@media (prefers-reduced-motion:reduce){.js-buy.btn::after,.offer .btn::after,#place_order::after,.offer .btn{animation:none}}