/*
Theme Name: БУЛЯК
Template: astra
Description: БУЛЯК — бренд-тема на базі Astra (бордо+золото, BBQ та копченості). Надійний WooCommerce + наш концепт.
Author: Ascend Griffin
Version: 1.1
Text Domain: buliak-astra
*/

:root{
  --bg:#0F0D0C; --bg-2:#161312; --card:#1D1917; --card-2:#262120;
  --wine:#B81F33; --wine-deep:#6E1423; --ember:#FF6A2B;
  --gold:#E0B557; --gold-light:#F0D391; --cream:#F7EFE4; --ash:#A99C8E;
  --line:rgba(224,181,87,.15);
}

/* ===== глобальний бренд поверх Astra ===== */
body,#page,.site,.ast-separate-container{background:var(--bg) !important;color:var(--cream);font-family:'Manrope',sans-serif}
h1,h2,h3,.entry-title{font-family:'Unbounded',sans-serif;letter-spacing:-.01em;color:var(--cream)}
a{color:inherit}
.wrap{max-width:1260px;margin:0 auto;padding:0 26px}

/* Astra header → темний бренд */
.site-header,.main-header-bar,.ast-primary-header-bar,.ast-above-header,.ast-below-header{background:var(--bg-2) !important;border-bottom:1px solid var(--line) !important}
.site-title a,.ast-site-identity .site-title a{color:var(--cream) !important;font-family:'Unbounded';font-weight:900;letter-spacing:.04em}
.ast-builder-menu .menu-item .menu-link,.main-header-menu a,.main-navigation a,.ast-header-navigation-wrap a{color:var(--cream) !important;font-family:'Manrope';font-weight:600}
.ast-builder-menu .menu-item .menu-link:hover,.main-navigation a:hover{color:var(--gold) !important}
.ast-mobile-menu-buttons-minimal,.ast-button-wrap .menu-toggle{color:var(--gold) !important;background:transparent}
.main-header-menu,.ast-desktop .main-header-menu{background:var(--bg-2)}

/* Astra footer → темний */
.site-footer,.ast-small-footer,.footer-sml-layout-2{background:var(--bg-2) !important;color:var(--ash) !important;border-top:1px solid var(--line)}
.site-footer a{color:var(--ash)}.site-footer a:hover{color:var(--gold)}

/* кнопки */
.btn,.ast-button,.button,.wp-block-button__link{font-family:'Unbounded';font-weight:700;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;padding:15px 28px;border-radius:50px;display:inline-flex;align-items:center;gap:9px;transition:.3s;border:none;cursor:pointer}
.btn-primary{background:var(--wine);color:#fff !important}
.btn-primary:hover{background:var(--ember);box-shadow:0 14px 44px rgba(255,106,43,.4);transform:translateY(-2px)}
.btn-ghost{border:1px solid var(--line);color:var(--cream) !important;background:transparent}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold) !important}
.eyebrow{font-family:'Unbounded';font-weight:700;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:13px}
.eyebrow::before{content:"";width:30px;height:1px;background:var(--gold);opacity:.6}

/* ===== HERO ===== */
.hero{min-height:88vh;display:flex;align-items:flex-end;padding-bottom:6vh;position:relative;overflow:hidden}
.hero-media{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center}
.hero-grad{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(21,16,12,.25),rgba(21,16,12,.55) 65%,var(--bg))}
.hero-inner{position:relative;z-index:2;width:100%;max-width:1260px;margin:0 auto;padding:0 26px}
.hero h1{font-weight:900;font-size:clamp(4rem,16vw,13rem);text-transform:uppercase;color:var(--cream);line-height:1}
.hero h1 .s{color:transparent;-webkit-text-stroke:2px var(--gold)}
.hero-sub{max-width:560px;margin-top:22px;font-size:1.25rem}.hero-sub b{color:var(--gold-light)}
.hero-actions{display:flex;gap:13px;margin-top:32px;flex-wrap:wrap}

/* marquee */
.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--wine-deep);padding:18px 0;overflow:hidden;white-space:nowrap}
.mtrack{display:inline-block;animation:scroll 24s linear infinite}
.mtrack span{font-family:'Unbounded';font-weight:800;font-size:1.4rem;text-transform:uppercase;padding:0 26px}
.mtrack i{color:var(--gold);font-style:normal}
@keyframes scroll{to{transform:translateX(-50%)}}

/* секції */
.sec{padding:100px 0}
.sec-head{max-width:680px;margin-bottom:50px}
.sec-head h2{font-weight:800;font-size:clamp(2.3rem,5.5vw,4rem);margin-top:16px}
.sec-head p{margin-top:16px;color:var(--ash);font-size:1.1rem}
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.why-item{padding:30px;border:1px solid var(--line);border-radius:12px;background:var(--bg-2)}
.why-item .ic{font-family:'Unbounded';font-weight:900;font-size:2.2rem;color:var(--wine);margin-bottom:14px}
.why-item h3{font-weight:700;font-size:1.2rem;margin-bottom:8px}.why-item p{color:var(--ash);font-size:.92rem}
.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.about-media{aspect-ratio:4/5;border-radius:12px;background-size:cover;background-position:center}
.about-text h2{font-weight:800;font-size:clamp(2rem,4.5vw,3.2rem)}.about-text p{color:var(--ash);margin-top:18px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.cline{padding:17px 0;border-bottom:1px solid var(--line)}
.cline .k{font-family:'Unbounded';font-weight:600;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ash)}
.cline .v{font-size:1.12rem;margin-top:3px}.cline .v a{border-bottom:1px solid var(--wine)}
.map-frame{border:1px solid var(--line);border-radius:14px;overflow:hidden;min-height:380px}
.map-frame iframe{width:100%;height:100%;min-height:380px;border:0;filter:grayscale(.35) contrast(1.05) brightness(.92)}
.final{text-align:center;padding:110px 0}
.final h2{font-weight:900;font-size:clamp(2.6rem,8vw,5rem);text-transform:uppercase}
.final p{color:var(--ash);margin:20px auto 34px;max-width:460px}

/* ===== WooCommerce у стилі БУЛЯК (Astra grid надійний) ===== */
.woocommerce-products-header__title,.woocommerce .products-header,.entry-title{font-family:'Unbounded';color:var(--cream)}
.woocommerce ul.products li.product,.wc-block-grid__product{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;padding-bottom:20px;transition:transform .35s,border-color .35s}
.woocommerce ul.products li.product:hover{transform:translateY(-6px);border-color:var(--gold)}
.woocommerce ul.products li.product a img{margin-bottom:14px;aspect-ratio:4/3;object-fit:cover}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:'Unbounded';font-weight:700;font-size:1.1rem;color:var(--cream);padding:0 18px}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--gold-light) !important;font-family:'Unbounded';font-weight:700}
.woocommerce ul.products li.product .price{display:block;padding:6px 18px 0;font-size:1.05rem}
.woocommerce ul.products li.product .button,.woocommerce a.button,.woocommerce button.button,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce #respond input#submit{background:var(--wine) !important;color:#fff !important;font-family:'Unbounded';font-weight:600;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;border-radius:40px;padding:11px 20px;margin:14px 18px 0;border:none}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover{background:var(--ember) !important}
.woocommerce span.onsale{background:var(--gold);color:#1a120c;font-family:'Unbounded';font-weight:700}
.woocommerce .star-rating span{color:var(--gold)}
.woocommerce div.product .product_title{font-family:'Unbounded'}
.woocommerce-message,.woocommerce-info{border-top-color:var(--gold) !important;background:var(--card);color:var(--cream)}
.woocommerce table.cart td,.woocommerce-cart .cart_totals,.woocommerce #content table.cart{color:var(--cream)}
a.added_to_cart{color:var(--gold-light);display:inline-block;margin:8px 18px 0}

/* ===== UI покращення (sticky / контраст / естетика) ===== */
/* sticky header — легкий скляний */
.site-header,#masthead{position:sticky !important;top:0;z-index:999;background:rgba(15,13,12,.72) !important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line) !important;box-shadow:0 2px 24px rgba(0,0,0,.35);transition:.3s}
.ast-primary-header-bar,.main-header-bar,.site-primary-header-wrap,.ast-primary-header-bar-wrap,.ast-builder-grid-row-container,.ast-builder-grid-row-container-inner,.ast-builder-grid-row,.site-header .ast-builder-layout-element,.ast-header-break-point .main-header-bar,.main-header-menu,.main-header-menu .sub-menu{padding-top:8px !important;padding-bottom:8px !important;background:transparent !important;background-color:transparent !important;border:0 !important;min-height:0;box-shadow:none !important}
.main-header-menu .sub-menu{background:rgba(15,13,12,.95) !important;backdrop-filter:blur(16px);padding:8px 0 !important}
.site-title a{font-size:1.2rem !important;letter-spacing:.06em}
.site-title{line-height:1.2}
/* лого-заглушка: ромб перед назвою (поки немає лого від клієнтки) */
.site-title a::before{content:"◆ ";color:var(--wine)}
.ast-site-title-wrap .site-description{display:none}

/* картки — менше "квадратного": більший радіус, м'яка тінь, плавний hover */
.woocommerce ul.products li.product,.wc-block-grid__product{border-radius:18px !important;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .4s cubic-bezier(.2,.9,.2,1),box-shadow .4s,border-color .4s}
.woocommerce ul.products li.product:hover{transform:translateY(-8px);box-shadow:0 22px 50px rgba(161,29,46,.25);border-color:var(--gold)}
.woocommerce ul.products li.product a img{border-radius:18px 18px 0 0;transition:transform .5s cubic-bezier(.2,.9,.2,1)}
.woocommerce ul.products li.product:hover a img{transform:scale(1.05)}
.woocommerce ul.products li.product{overflow:hidden}

/* категорії-плитки (Shop по категоріях) */
.woocommerce ul.products li.product-category{background:linear-gradient(180deg,var(--card-2),var(--card)) !important;border:1px solid var(--line);border-radius:18px;text-align:center;padding-bottom:24px}
.woocommerce ul.products li.product-category h2,.woocommerce ul.products li.product-category .woocommerce-loop-category__title{font-family:'Unbounded' !important;font-weight:800;font-size:1.3rem;color:var(--cream) !important;padding:8px 12px}
.woocommerce ul.products li.product-category mark{background:var(--gold);color:#1a120c;border-radius:20px;padding:1px 8px}
.woocommerce ul.products li.product-category img{border-radius:18px 18px 0 0}

/* сортування + result count */
.woocommerce-ordering select,.woocommerce .orderby{background:var(--card-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23D6A94B' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat right 16px center;color:var(--cream) !important;border:1px solid var(--line) !important;border-radius:40px;padding:11px 38px 11px 18px;font-family:'Manrope';font-weight:600;-webkit-appearance:none;appearance:none;cursor:pointer}
.woocommerce-result-count{color:var(--ash);padding-top:12px}

/* кількість — зручний степер +/- */
.quantity{display:inline-flex !important;align-items:center;border:1px solid var(--line);border-radius:40px;overflow:hidden;background:var(--card-2);height:46px}
.quantity .qty-btn{background:transparent;color:var(--gold);border:none;width:40px;height:44px;font-size:1.3rem;line-height:1;cursor:pointer;transition:.2s;font-family:'Unbounded'}
.quantity .qty-btn:hover{color:var(--ember);background:rgba(214,169,75,.08)}
.woocommerce .quantity input.qty,.woocommerce-cart input.qty,td.product-quantity input.qty,input.qty{background:var(--card-2) !important;background-color:var(--card-2) !important;color:var(--cream) !important;-webkit-text-fill-color:var(--cream) !important;border:none !important;width:48px;text-align:center;font-weight:700;font-size:1rem;-moz-appearance:textfield}
input.qty::-webkit-outer-spin-button,input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* кошик/таблиці — контраст */
.woocommerce table.cart,.woocommerce-cart table.cart th,.woocommerce-cart table.cart td,.cart_totals th,.cart_totals td,.woocommerce-checkout .order-total,.woocommerce table.shop_table{color:var(--cream) !important}
.woocommerce table.shop_table{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.woocommerce table.shop_table th{background:var(--bg-2);color:var(--gold) !important;font-family:'Unbounded';font-size:.78rem}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-checkout #order_review{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:6px 20px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.select2-container--default .select2-selection--single{background:var(--card-2) !important;color:var(--cream) !important;border:1px solid var(--line) !important;border-radius:10px}
.woocommerce-checkout label,.woocommerce form .form-row label{color:var(--cream)}

/* наш футер */
.buliak-footer{background:linear-gradient(180deg,var(--bg-2),var(--bg));border-top:1px solid var(--line);padding:44px 0 24px}
.buliak-footer .fcols{max-width:1260px;margin:0 auto;padding:0 26px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
.buliak-footer .fb{font-family:'Unbounded';font-weight:900;font-size:1.9rem;color:var(--cream)}
.buliak-footer p,.buliak-footer a{color:var(--ash);font-size:.95rem;line-height:1.9}
.buliak-footer a{display:block;transition:.2s}.buliak-footer a:hover{color:var(--gold)}
.buliak-footer h4{font-family:'Unbounded';font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.buliak-footer .copyr{max-width:1260px;margin:30px auto 0;padding:20px 26px 0;border-top:1px solid var(--line);color:var(--ash);opacity:.6;font-size:.82rem}
.ast-small-footer,.site-below-footer-wrap{display:none !important}
@media(max-width:768px){.buliak-footer .fcols{grid-template-columns:1fr;gap:20px}}

/* fix: контейнер головної — блок (Astra .ast-container = flex), секції вертикально + hero повноширинний */
.home .site-content > .ast-container,.ast-page-builder-template .site-content > .ast-container{display:block !important;max-width:100% !important;padding:0 !important;margin:0 !important}
.home .site-main,.home #primary,.home .entry-content{display:block !important;width:100% !important}
.home .ast-article-single,.home article.page{padding:0 !important;border:0 !important;display:block !important}

@media(max-width:1080px){.why{grid-template-columns:repeat(2,1fr)}}
/* ===== сучасні штрихи ===== */
/* картки — підсвічування при наведенні (як оригінал) */
.woocommerce ul.products li.product{position:relative;border-radius:18px !important;background:linear-gradient(180deg,var(--card),var(--card-2)) !important;overflow:hidden}
.woocommerce ul.products li.product::after{content:"";position:absolute;inset:0;border-radius:18px;pointer-events:none;box-shadow:inset 0 0 0 1px transparent;transition:.45s}
.woocommerce ul.products li.product:hover::after{box-shadow:inset 0 0 0 1px var(--gold),0 0 40px rgba(224,181,87,.12)}
.woocommerce ul.products li.product:hover{transform:translateY(-8px);box-shadow:0 24px 55px rgba(0,0,0,.5)}

/* badge хіт/новинка */
.buliak-badge{position:absolute;top:14px;left:14px;z-index:4;background:var(--wine);color:#fff;font-family:'Unbounded';font-weight:700;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:30px;box-shadow:0 6px 18px rgba(184,31,51,.4)}
.buliak-badge.is-new{background:var(--gold);color:#1a120c}

/* scroll-reveal анімація */
.reveal-init{opacity:0;transform:translateY(42px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}
.reveal-init.is-visible{opacity:1;transform:none}

/* орнамент-розділювач між секціями */
.sec{position:relative}
.sec+.sec::before{content:"◆";position:absolute;top:0;left:50%;transform:translateX(-50%);color:var(--gold);font-size:.72rem;opacity:.55}
.sec+.sec::after{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:min(1208px,90%);height:1px;background:linear-gradient(90deg,transparent,var(--line) 30%,var(--line) 70%,transparent)}

/* категорійні банери — крупні, апетитні (Shop по категоріях) */
.woocommerce ul.products li.product-category{position:relative;overflow:hidden;min-height:280px;display:flex !important;flex-direction:column;justify-content:flex-end;border-radius:20px !important;padding:0 !important;box-shadow:0 14px 40px rgba(0,0,0,.35)}
.woocommerce ul.products li.product-category > a{display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.woocommerce ul.products li.product-category img{position:absolute !important;inset:0;width:100% !important;height:100% !important;object-fit:cover;margin:0 !important;border-radius:20px;transition:transform .6s cubic-bezier(.2,.9,.2,1)}
.woocommerce ul.products li.product-category:hover img{transform:scale(1.07)}
.woocommerce ul.products li.product-category::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(15,13,12,.88));border-radius:20px;pointer-events:none}
.woocommerce ul.products li.product-category h2{position:relative;z-index:2;padding:0 22px 4px !important;font-size:1.5rem !important;text-align:left;color:#fff !important;text-shadow:0 2px 14px rgba(0,0,0,.9)}
.woocommerce ul.products li.product-category .count{position:relative;z-index:2;padding:0 22px 22px;color:var(--gold-light) !important;background:transparent !important;font-family:'Manrope';text-align:left;text-shadow:0 1px 10px rgba(0,0,0,.9)}
.woocommerce ul.products li.product-category img[src*="placeholder"]{opacity:.12;object-fit:contain !important;padding:60px}

html{scroll-behavior:smooth}

@media(max-width:768px){.sec{padding:60px 0}.why,.about,.contact{grid-template-columns:1fr}.hero h1{font-size:clamp(2rem,9.5vw,7rem);white-space:nowrap;letter-spacing:-.02em}.hero h1 .s{-webkit-text-stroke-width:1.5px}.hero-inner{padding:0 18px}.hero-sub{font-size:1.05rem}.buliak-footer .fcols{grid-template-columns:1fr}.woocommerce ul.products li.product-category{min-height:200px}}

/* ---- Мобільне off-canvas меню: бренд (темне, читабельне) ---- */
@media(max-width:921px){
  #ast-mobile-header,#ast-mobile-site-navigation,#ast-hf-mobile-menu,
  #ast-mobile-site-navigation .main-navigation,.ast-mobile-header-wrap,
  #ast-mobile-header .ast-mobile-header-content,.ast-builder-menu-mobile,
  .main-header-bar-navigation,.ast-main-header-bar-alignment{background:var(--bg,#0F0D0C) !important}
  #ast-mobile-site-navigation{position:relative;z-index:99}
  /* примусова непрозорість (Astra fade лишає opacity:0) */
  #ast-hf-mobile-menu,#ast-hf-mobile-menu .menu-item,#ast-hf-mobile-menu .menu-link,#ast-hf-mobile-menu a,
  #ast-mobile-site-navigation .menu-item,#ast-mobile-site-navigation a{opacity:1 !important;animation:none !important}
  #ast-hf-mobile-menu .menu-link,#ast-hf-mobile-menu .menu-item>a,
  #ast-mobile-site-navigation .menu-item>a{color:var(--cream,#f3e9d6) !important;font-family:'Unbounded';font-weight:600;font-size:1.05rem;text-transform:uppercase;letter-spacing:.04em;padding:16px 22px !important;display:block}
  #ast-hf-mobile-menu .menu-item,#ast-mobile-site-navigation .menu-item{border-bottom:1px solid var(--line,rgba(224,181,87,.15)) !important}
  #ast-hf-mobile-menu .menu-item>a:hover{color:var(--gold,#e0b557) !important;background:rgba(224,181,87,.06) !important}
  /* гамбургер + хрестик */
  .menu-toggle .mobile-menu-toggle-icon svg,.menu-toggle svg,.ast-mobile-svg,
  .mobile-menu-toggle-icon .ast-mobile-svg{fill:var(--cream,#f3e9d6) !important;color:var(--cream,#f3e9d6) !important}
  .menu-toggle.toggled .mobile-menu-toggle-icon svg,.menu-toggle.toggled .ast-mobile-svg,
  .ast-close-svg,.ast-close-svg path{fill:var(--gold,#e0b557) !important;color:var(--gold,#e0b557) !important}
}