/*
Theme Name: BERYL+blaze Airo Block
Theme URI: https://berylandblaze.com/
Author: BERYL+blaze
Description: A Twenty Twenty-Five child block theme for BERYL+blaze. Built for the WordPress Site Editor and WooCommerce with premium heritage styling and signature #009345 green.
Version: 2.0.0
Template: twentytwentyfive
Requires at least: 6.7
Requires PHP: 7.4
Text Domain: beryl-blaze-airo-block
*/

:root{
  --bb-green:#009345;
  --bb-green-deep:#007a39;
  --bb-ink:#171713;
  --bb-paper:#fbfaf7;
  --bb-bone:#f4f0e8;
  --bb-sand:#d8cbb7;
  --bb-clay:#9b6653;
  --bb-line:rgba(23,23,19,.14);
  --bb-wide:1240px;
}

html{scroll-behavior:smooth}
body{background:var(--bb-paper);color:var(--bb-ink);-webkit-font-smoothing:antialiased}
a{text-underline-offset:4px;text-decoration-thickness:1px}
a:hover{color:var(--bb-green)}

.bb-announcement{background:var(--bb-ink);color:#fff;padding:.55rem 1rem;text-align:center;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:700}
.bb-site-header{position:sticky;top:0;z-index:50;background:rgba(251,250,247,.97);border-bottom:1px solid var(--bb-line);backdrop-filter:blur(12px)}
.admin-bar .bb-site-header{top:32px}
.bb-header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.bb-header-inner .wp-block-site-logo img{max-height:54px;width:auto}
.bb-header-inner .wp-block-site-title{font-weight:800;letter-spacing:.035em;white-space:nowrap}
.bb-header-inner .wp-block-site-title a{text-decoration:none}
.bb-header-inner .wp-block-navigation{font-size:.76rem;font-weight:750;letter-spacing:.085em;text-transform:uppercase}
.bb-header-inner .wp-block-navigation__submenu-container{background:var(--bb-paper)!important;border:1px solid var(--bb-line)!important;min-width:220px!important;padding:.55rem!important}
.bb-header-inner .wp-block-navigation-item__content{padding:.35rem .5rem!important}
.bb-header-inner .wp-block-navigation .current-menu-item>a,.bb-header-inner .wp-block-navigation a:hover{color:var(--bb-green)}
.bb-header-actions{white-space:nowrap;font-size:.76rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.bb-header-actions a{text-decoration:none}

.bb-hero-cover,.bb-hero-fallback{min-height:min(790px,86vh)}
.bb-hero-fallback{display:flex;align-items:flex-end;background:radial-gradient(circle at 80% 30%,#cec0ac 0,#a99579 28%,#626857 68%,#3e443c 100%);position:relative;overflow:hidden}
.bb-hero-fallback:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,18,15,.68),rgba(18,18,15,.24) 55%,rgba(18,18,15,.05))}
.bb-hero-cover .wp-block-cover__background{background:linear-gradient(90deg,rgba(18,18,15,.68),rgba(18,18,15,.24) 55%,rgba(18,18,15,.05))!important;opacity:1!important}
.bb-hero-inner{position:relative;z-index:2;color:#fff;padding:clamp(76px,10vw,145px) 0 clamp(70px,8vw,115px)!important;width:min(calc(100% - 40px),var(--bb-wide));margin-inline:auto!important}
.bb-hero-primary{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,6.8vw,6.4rem);line-height:.9;letter-spacing:-.04em;margin:0!important;max-width:850px}
.bb-script{font-family:"Segoe Script","Snell Roundhand","Brush Script MT","Lucida Handwriting",cursive!important;color:var(--bb-green)!important;font-size:clamp(3.1rem,6.5vw,6rem)!important;font-weight:500!important;line-height:.92!important;letter-spacing:-.03em;margin:.05em 0 .28em!important;text-shadow:0 1px 20px rgba(0,0,0,.13)}
.bb-hero-copy{font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.6;max-width:610px;margin:0!important}

.bb-btn .wp-block-button__link,.wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wc-block-components-button{background:var(--bb-green)!important;border-color:var(--bb-green)!important;color:#fff!important;border-radius:2px!important;text-transform:uppercase;letter-spacing:.09em;font-size:.8rem;font-weight:750;padding:.9rem 1.2rem}
.bb-btn .wp-block-button__link:hover,.wp-element-button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.wc-block-components-button:hover{background:var(--bb-green-deep)!important;border-color:var(--bb-green-deep)!important;color:#fff!important}
.bb-btn-outline .wp-block-button__link{background:transparent!important;border:1px solid currentColor!important;color:inherit!important}

.bb-section{padding:clamp(70px,9vw,120px) 0}
.bb-section-bone{background:var(--bb-bone)}
.bb-section-ink{background:var(--bb-ink);color:#fff}
.bb-wrap{width:min(calc(100% - 40px),var(--bb-wide));margin-inline:auto}
.bb-eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:750;margin:0 0 .7rem}
.bb-display{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.03em;line-height:1.02}
.bb-section-title{font-size:clamp(2.1rem,4.2vw,4.2rem);margin:.1rem 0 0}
.bb-section-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:50px;align-items:end;margin-bottom:42px}
.bb-section-head p{margin:0;max-width:520px}

.bb-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bb-home-card{background:#fff;border:1px solid var(--bb-line);overflow:hidden;display:flex;flex-direction:column;min-height:100%}
.bb-home-card-media{aspect-ratio:4/5;background:linear-gradient(135deg,#e4dbcd,#c5b59d);overflow:hidden;display:grid;place-items:center}
.bb-home-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.bb-home-card:hover .bb-home-card-media img{transform:scale(1.025)}
.bb-home-card-media span{font-family:Georgia,"Times New Roman",serif;font-size:1.7rem;color:rgba(23,23,19,.6)}
.bb-home-card-body{padding:24px}
.bb-home-card h3{font-family:Georgia,"Times New Roman",serif;font-size:1.65rem;font-weight:500;margin:.1rem 0 .7rem}
.bb-home-card p{color:#5e5a52}
.bb-card-link{color:var(--bb-ink);font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;display:inline-block}
.bb-card-link:hover{color:var(--bb-green)}

.bb-collections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.bb-collection-card{position:relative;min-height:500px;display:flex;align-items:flex-end;background:#646958;color:#fff;overflow:hidden;text-decoration:none!important}
.bb-collection-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bb-collection-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,18,15,.72),rgba(18,18,15,.08) 65%)}
.bb-collection-card-content{position:relative;z-index:2;padding:34px}
.bb-collection-card-content h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4vw,3.6rem);font-weight:500;line-height:1;margin:.2rem 0 .6rem;color:#fff}
.bb-collection-card .bb-card-link{color:#fff}

.bb-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.18);gap:1px}
.bb-service{background:var(--bb-ink);padding:38px}
.bb-service-num{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;opacity:.62}
.bb-service h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:1.9rem;margin:2rem 0 .75rem;color:#fff}
.bb-service p{color:rgba(255,255,255,.7)}

.bb-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px);align-items:center}
.bb-story-media{min-height:520px;background:linear-gradient(135deg,#e4dbcd,#c5b59d);overflow:hidden}
.bb-story-media img{width:100%;height:100%;object-fit:cover;min-height:520px}
.bb-story-placeholder{min-height:520px;display:grid;place-items:center;font-family:Georgia,"Times New Roman",serif;font-size:1.6rem;color:rgba(23,23,19,.55)}
.bb-story-copy h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.3rem,4.7vw,4.6rem);font-weight:500;line-height:1;letter-spacing:-.03em;margin:.2rem 0 1.3rem}

.bb-page-hero{padding:clamp(72px,8vw,110px) 0 clamp(46px,5vw,70px);background:var(--bb-bone);border-bottom:1px solid var(--bb-line)}
.bb-page-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.8rem,6vw,5.5rem)!important;font-weight:500!important;line-height:1!important;letter-spacing:-.035em;margin:.2rem 0!important}
.bb-content{padding:clamp(54px,7vw,90px) 0}
.bb-content>*{max-width:900px;margin-left:auto;margin-right:auto}
.bb-content>.alignwide{max-width:var(--bb-wide)}
.bb-content>.alignfull{max-width:none}

.bb-site-footer{background:#10110e;color:#f3f1eb;padding:70px 0 26px}
.bb-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}
.bb-footer-brand{font-size:1.55rem;font-weight:800;letter-spacing:.04em}
.bb-footer-brand .bb-plus{color:var(--bb-green)}
.bb-footer-copy{color:rgba(255,255,255,.64);max-width:430px}
.bb-footer-title{font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800;margin-bottom:1rem}
.bb-site-footer a{color:#fff;text-decoration:none}
.bb-site-footer a:hover{color:var(--bb-green)}
.bb-footer-links{list-style:none;margin:0;padding:0}
.bb-footer-links li{margin:.5rem 0}
.bb-footer-bottom{margin-top:58px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.58);font-size:.76rem}

/* WooCommerce */
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price,.wc-block-components-product-price,.wc-block-grid__product-price{color:var(--bb-green)!important;font-weight:700}
.woocommerce span.onsale{background:var(--bb-green)!important;color:#fff!important;border-radius:0!important;min-height:auto;min-width:auto;line-height:1.2;padding:.42rem .6rem}
.woocommerce ul.products li.product a img{aspect-ratio:4/5;object-fit:cover;background:#eee9df}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem!important}
.woocommerce div.product .product_title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.5rem,5vw,4.8rem);font-weight:500;letter-spacing:-.03em}
.wc-block-mini-cart__badge{background:var(--bb-green)!important;color:#fff!important}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--bb-green)}
.woocommerce-message:before,.woocommerce-info:before{color:var(--bb-green)}
input:focus,textarea:focus,select:focus{outline:2px solid var(--bb-green);outline-offset:2px}

@media(max-width:980px){
 .bb-section-head,.bb-story-grid{grid-template-columns:1fr}
 .bb-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bb-services-grid{grid-template-columns:1fr}
 .bb-footer-grid{grid-template-columns:1fr 1fr}.bb-footer-grid>:first-child{grid-column:1/-1}
 .bb-header-inner{gap:16px}.bb-header-actions{display:none}
}
@media(max-width:781px){
 .admin-bar .bb-site-header{top:46px}
 .bb-header-inner{min-height:70px}
 .bb-header-inner .wp-block-site-logo img{max-height:44px}
 .bb-hero-cover,.bb-hero-fallback{min-height:650px}
 .bb-hero-cover .wp-block-cover__background,.bb-hero-fallback:after{background:linear-gradient(0deg,rgba(18,18,15,.76),rgba(18,18,15,.14) 80%)!important}
 .bb-home-grid,.bb-collections-grid{grid-template-columns:1fr}
 .bb-collection-card{min-height:420px}
 .bb-story-media,.bb-story-media img,.bb-story-placeholder{min-height:390px}
 .bb-footer-grid{grid-template-columns:1fr}.bb-footer-grid>:first-child{grid-column:auto}.bb-footer-bottom{flex-direction:column}
}
@media(max-width:640px){.bb-wrap,.bb-hero-inner{width:min(calc(100% - 28px),var(--bb-wide))}.bb-section{padding:66px 0}.bb-section-head{gap:20px;margin-bottom:30px}}
