/* Връзка между новия дизайн и WoodMart / WooCommerce */

/* старият хедър, футър и мобилната лента на WoodMart */
body.mft-on .whb-header,
body.mft-on .wd-footer,
body.mft-on .footer-container,
body.mft-on .wd-toolbar,
body.mft-on .wd-sticky-nav{display:none!important}
body.mft-on{background:#fff}
body.mft-on .mft{font-family:var(--body)}
body.mft-on .mft-main,body.mft-on .mft-topbar,body.mft-on .mft-colors,body.mft-on #mftover{color:var(--ink)}
body.mft-on .mft button{min-height:0;min-width:0;line-height:normal;text-transform:none;letter-spacing:0}
body.mft-on .mft .rdots button{height:9px}
body.mft-on .mft .rbtn{padding:0}
body.mft-on .hdr.mft{position:sticky;top:0;z-index:300;overflow:visible!important}
body.admin-bar.mft-on .hdr.mft{top:32px}
@media (max-width:782px){body.admin-bar.mft-on .hdr.mft{top:46px}}
@media (max-width:600px){body.admin-bar.mft-on .hdr.mft{top:0}}
body.mft-on .mft a{text-decoration:none}
body.mft-on .mft-topbar .top a{color:inherit}
body.mft-on .mft-topbar .top small{opacity:.72;font-size:12.5px;margin-left:6px}
body.mft-on .hdr.mft .tools .ic{color:#f7e9d3}
body.mft-on .hdr.mft .cartbtn{color:var(--walnut)}
body.mft-on .mft .search form{margin:0}
body.mft-on .mft .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.mft-on .mft .mega .mi:empty{background:var(--birch2)}
body.mft-on .mft .scrim{position:fixed;inset:0;background:rgba(25,12,5,.55);z-index:400}
body.mft-on .mft .mob{z-index:401}
body.mft-on .mft .mob a{color:var(--ink)}
body.mft-on .mft .mob details summary{list-style:none}
body.mft-on .mft .mob details summary::-webkit-details-marker{display:none}
body.mft-on .mft .gmap{aspect-ratio:1280/768;border-radius:10px;overflow:hidden;box-shadow:var(--ply)}
body.mft-on .mft .gmap iframe{width:100%;height:100%;border:0;display:block}
body.mft-on .mft .visit dd a{color:inherit}
body.mft-on .mft .post img{width:100%;aspect-ratio:1/1;object-fit:cover}
body.mft-on .mft .post h3 a{color:inherit}
body.mft-on .mft .ftr a{color:inherit}
body.mft-on .mft .ftr a:hover{color:var(--honey)}
body.mft-on .mft .ftr ul{margin:0}
body.mft-on .mft .ftr li{margin:0}
body.mft-on .mft-main{display:block}
body.mft-on .mft .stage{margin:0}

/* заглавие на страница (категория, магазин, профил) */
body.mft-on .wd-page-title{background:var(--birch2,#f8f6f2)!important;background-image:none!important;padding-block:clamp(26px,4vw,52px)!important}
body.mft-on .wd-page-title:before,body.mft-on .wd-page-title .wd-page-title-bg{display:none!important}
body.mft-on .wd-page-title .entry-title,body.mft-on .wd-page-title .title{font-family:"Unbounded","Onest",sans-serif!important;color:#2c1a0f!important;font-weight:600!important;text-transform:none!important;font-size:clamp(28px,3.6vw,50px)!important;letter-spacing:0!important}
body.mft-on .wd-page-title .woocommerce-breadcrumb,body.mft-on .wd-page-title .woocommerce-breadcrumb a,body.mft-on .wd-page-title .wd-back-btn{color:#6a4f38!important}

/* шрифтове на магазина */
body.mft-on{font-family:"Onest",system-ui,sans-serif}
body.mft-on .wd-entities-title,body.mft-on .product_title,body.mft-on h1,body.mft-on h2,body.mft-on h3{font-family:"Unbounded","Onest",sans-serif;letter-spacing:0}
body.mft-on .wd-entities-title{font-family:"Onest",sans-serif!important;font-weight:500!important;text-transform:none!important;font-size:14.5px!important;line-height:1.36!important}

/* карти с подкатегории */
body.mft-on .wd-cat .wd-cat-inner{border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(70,40,15,.1),0 12px 24px -16px rgba(50,25,10,.4);transition:transform .18s}
body.mft-on .wd-cat:hover .wd-cat-inner{transform:translateY(-4px)}
body.mft-on .wd-cat .wd-cat-image img{aspect-ratio:1/1;object-fit:cover}
body.mft-on .wd-cat .wd-entities-title{font-weight:600!important;text-transform:none!important}


/* продуктови карти */
body.mft-on .wd-product .product-wrapper{border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(70,40,15,.1),0 12px 24px -16px rgba(50,25,10,.4);padding-bottom:12px}
body.mft-on .wd-product .product-element-top{border-radius:0}
body.mft-on .wd-product .product-element-bottom{padding-inline:12px}
body.mft-on .wd-product .price,body.mft-on .summary-inner .price{font-family:"Unbounded","Onest",sans-serif;color:#3d2616!important;font-weight:600}

/* бутони */
body.mft-on .single_add_to_cart_button,body.mft-on .checkout-button,body.mft-on #place_order{background:#3d2616!important;color:#fff!important;border-radius:8px!important;text-transform:none!important;font-weight:600!important;box-shadow:0 1px 0 #6b4525,0 2px 0 #54351b,0 3px 0 #402713,0 14px 22px -12px rgba(0,0,0,.6)!important}
body.mft-on .single_add_to_cart_button:hover,body.mft-on .checkout-button:hover,body.mft-on #place_order:hover{background:#553519!important}

/* избор на цвят в продукта */
body.mft-on .mft-colors{width:100%;margin:6px 0 18px;flex-basis:100%}
body.mft-on .mft-colors h2{font:600 15.5px/1.3 "Unbounded","Onest",sans-serif;margin:0 0 10px;color:#2c1a0f}
body.mft-on .mft-colors .col{cursor:pointer;margin:0}
body.mft-on .mft-colors .col input{position:absolute;opacity:0;pointer-events:none}
body.mft-on .mft-colors .col:focus-within{outline:3px solid #1f6b5c;outline-offset:2px}
body.mft-on .mft-colors .block{margin:0;padding:0;border:0}
body.mft-on form.cart{flex-wrap:wrap}

/* мегаменю: без празна ивица между бутона и менюто */
body.mft-on .hdr.mft .nav{align-self:stretch}
body.mft-on .hdr.mft .nav>div{display:flex;align-items:center}
body.mft-on .hdr.mft .nav>div.open>.mega{display:block}
body.mft-on .hdr.mft .nav>div.open>.t{background:rgba(230,189,131,.15);color:var(--honey)}

/* началното видео на цял екран: от хедъра до долния ръб на екрана */
body.mft-on .mft .stage,body.mft-on .stage.mft{height:calc(100vh - var(--mft-top,150px))!important;height:calc(100svh - var(--mft-top,150px))!important;min-height:380px!important;aspect-ratio:auto!important;max-height:none!important}

/* място над футъра на всички страници освен началната (футърът е с дъга и застъпва 26-84px) */
body.mft-on:not(.mft-home) .wd-page-content{padding-bottom:calc(clamp(26px,5vw,84px) + clamp(40px,5vw,72px))!important}
body.mft-on .wd-close-side.wd-close-side-opened{z-index:450}
body.mft-on .cart-widget-side{z-index:451}
