/*
Theme Name: F26 Fresh Blocks
Theme URI: https://f26.in/
Description: Full Site Editing Gutenberg block theme for F26 Fresh with WooCommerce-safe presentation styling.
Author: F26
Version: 2.0.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: f26-fresh
Tags: block-patterns, full-site-editing, e-commerce, wide-blocks
*/

:root {
  --f26-red:#f3202b;
  --f26-red-dark:#c91620;
  --f26-yellow:#ffe45f;
  --f26-mint:#a9d5d0;
  --f26-ink:#182039;
  --f26-muted:#6f7280;
  --f26-cream:#f7f1e9;
  --f26-white:#fffdf9;
  --f26-line:rgba(24,32,57,.18);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased}
a{text-underline-offset:.18em}
img{height:auto}

.f26-announcement{font-family:var(--wp--preset--font-family--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.f26-header{position:sticky;top:0;z-index:100;background:rgba(247,241,233,.94);border-bottom:1px solid var(--f26-line);backdrop-filter:blur(16px)}
.admin-bar .f26-header{top:32px}

.f26-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;color:var(--f26-red);font-family:var(--wp--preset--font-family--mono);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.f26-eyebrow:before{content:"";width:27px;height:2px;background:currentColor}

.f26-hero{overflow:hidden}
.f26-hero-title{font-family:var(--wp--preset--font-family--display);font-size:clamp(65px,8.7vw,132px)!important;line-height:.84!important;letter-spacing:-.085em!important;margin:0!important}
.f26-hero-title mark{color:var(--f26-red)!important;background:transparent!important}
.f26-hero-copy{max-width:475px;color:var(--f26-muted);font-size:clamp(17px,1.5vw,20px);line-height:1.5}
.f26-hero-art{position:relative;min-height:500px;overflow:visible;background:var(--f26-mint);border:1px solid var(--f26-ink)}
.f26-hero-art:before,.f26-hero-art:after{content:"";position:absolute;border:2px solid rgba(24,32,57,.13);border-radius:50%;pointer-events:none}
.f26-hero-art:before{width:62%;aspect-ratio:1;left:12%;top:22%}
.f26-hero-art:after{width:30%;aspect-ratio:1;right:6%;bottom:-12%}
.f26-hero-logo{position:relative;z-index:1;filter:drop-shadow(14px 14px 0 rgba(24,32,57,.11))}
.f26-sticker{display:grid;place-items:center;width:122px;height:122px;padding:16px;border:1px solid var(--f26-ink);border-radius:50%;background:var(--f26-yellow);font-family:var(--wp--preset--font-family--display);font-size:17px;font-weight:700;line-height:1.05;text-align:center;transform:rotate(10deg)}
.f26-note{display:inline-block;padding:14px 17px;border:1px solid var(--f26-ink);background:var(--f26-white);font-family:var(--wp--preset--font-family--mono);font-size:11px;line-height:1.45;text-transform:uppercase;transform:rotate(-3deg)}

.f26-marquee{overflow:hidden;border-block:1px solid var(--f26-ink);background:var(--f26-yellow)}
.f26-marquee p{width:max-content;white-space:nowrap;animation:f26-marquee 26s linear infinite}
@keyframes f26-marquee{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.f26-marquee p{animation:none}}

.f26-values{background:var(--f26-ink);color:var(--f26-white)}
.f26-values .f26-eyebrow{color:var(--f26-yellow)}
.f26-value-card{min-height:270px;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;justify-content:space-between}
.f26-value-card.is-featured{background:var(--f26-red);border-color:var(--f26-red);transform:translateY(20px)}
.f26-value-number{color:var(--f26-yellow);font-family:var(--wp--preset--font-family--mono);font-size:11px;font-weight:700}
.f26-story-strip{border-bottom:1px solid var(--f26-ink);background:var(--f26-yellow)}

.wp-block-button__link,.wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.single_add_to_cart_button{border:2px solid var(--f26-red)!important;border-radius:999px!important;background:var(--f26-red)!important;color:var(--f26-white)!important;font-weight:800!important;text-decoration:none!important;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.wp-block-button__link:hover,.wp-element-button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{transform:translateY(-2px);background:var(--f26-ink)!important;border-color:var(--f26-ink)!important;color:var(--f26-white)!important}
.f26-hero-button .wp-block-button__link{box-shadow:6px 6px 0 var(--f26-ink)}
.f26-hero-button .wp-block-button__link:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--f26-ink)}

.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 18px;margin:0!important;padding:0}
.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;list-style:none}
.woocommerce ul.products li.product a img{aspect-ratio:4/5;width:100%;margin:0 0 16px!important;background:#ebded5;object-fit:cover;transition:transform .35s ease}
.woocommerce ul.products li.product:hover img{transform:scale(1.025)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{margin:0 0 4px;padding:0!important;font-family:var(--wp--preset--font-family--display);font-size:19px!important;line-height:1.2;letter-spacing:-.03em}
.woocommerce ul.products li.product .price{color:var(--f26-muted)!important;font-family:var(--wp--preset--font-family--mono);font-size:12px!important;font-weight:700!important}
.woocommerce span.onsale{min-width:auto;min-height:auto;padding:8px 11px;border-radius:999px;background:var(--f26-yellow);color:var(--f26-ink);font-family:var(--wp--preset--font-family--mono);font-size:10px;line-height:1;text-transform:uppercase}
.woocommerce div.product{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(38px,6vw,90px)}
.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none;width:auto}
.woocommerce div.product .product_title{font-family:var(--wp--preset--font-family--display);font-size:clamp(42px,5vw,72px);line-height:.9;letter-spacing:-.055em}
.woocommerce div.product p.price{color:var(--f26-red);font-family:var(--wp--preset--font-family--mono);font-size:22px;font-weight:900}
.woocommerce-message,.woocommerce-info{border-top-color:var(--f26-red);background:var(--f26-white)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--f26-red)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce select{min-height:48px;padding:10px 13px;border:1px solid var(--f26-line);border-radius:0;background:var(--f26-white)}

.f26-footer{background:var(--f26-red);color:var(--f26-white);border-top:1px solid var(--f26-ink)}
.f26-footer a{color:inherit}

@media(max-width:960px){
  .admin-bar .f26-header{top:46px}
  .f26-value-card.is-featured{transform:none}
  .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .woocommerce div.product{grid-template-columns:1fr}
}
@media(max-width:782px){.admin-bar .f26-header{top:46px}}
@media(max-width:600px){.admin-bar .f26-header{top:0}}
@media(max-width:640px){
  .f26-hero-title{font-size:clamp(54px,18vw,80px)!important}
  .f26-hero-art{min-height:105vw}
  .f26-sticker{width:103px;height:103px;font-size:14px}
  .woocommerce ul.products{gap:24px 12px}
}