/*
Theme Name: Palitra-Themes
Author: Dmitriy Smirnov
Version: 2.0
*/

body{
font-family:'Montserrat',sans-serif;
background:#f7f7f7;
}














/* ===== LAYOUT ===== */

.sidebar{
position:fixed;
top:0;
left:0;
width:260px;
height:100vh;

background:#412815;
color:#fff;

display:flex;
flex-direction:column;

overflow-y:auto;
overflow-x:hidden;

box-shadow:4px 0 20px rgba(0,0,0,.25);
}

/* основной контент */

.content{
flex:1;
background:#fff;
padding:40px;
}

/* ===== SIDEBAR DECOR ===== */

.sidebar::before{
content:"";
position:absolute;
inset:0;

background-image:
url("/wp-content/themes/palitra-themes/assets/img/pattern/elements/1.png"),
url("/wp-content/themes/palitra-themes/assets/img/pattern/elements/2.png"),
url("/wp-content/themes/palitra-themes/assets/img/pattern/elements/3.png"),
url("/wp-content/themes/palitra-themes/assets/img/pattern/elements/4.png"),
url("/wp-content/themes/palitra-themes/assets/img/pattern/elements/5.png"),
url("/wp-content/themes/palitra-themes/assets/img/pattern/elements/6.png"),
url("/wp-content/themes/palitra-themes/assets/img/pattern/elements/7.png"),
url("/wp-content/themes/palitra-themes/assets/img/pattern/elements/8.png");

background-repeat:no-repeat;

background-position:
10% 10%,
80% 15%,
20% 25%,
70% 35%,
15% 45%,
75% 55%,
30% 65%,
85% 75%;

opacity:.33;
pointer-events:none;
}

.sidebar > *{
position:relative;
z-index:2;
}

/* ===== SIDEBAR MENU ===== */

.sidebar .nav-link{
color:#fff;
font-weight:500;
padding:10px 0;
}

.sidebar .nav-link:hover{
color:#F5B21C;
}

.sidebar .contact-block{
margin-top:auto;
}

/* ===== H1 ===== */

.content h1{
font-size:36px;
font-weight:700;
color:#412815;

margin-bottom:35px;
position:relative;
display:inline-block;
padding-bottom:10px;
}

.content h1::after{
content:"";
position:absolute;
left:0;
bottom:0;

width:60px;
height:4px;

background:#F37021;
}

/* ===== BREADCRUMBS ===== */

.mp-breadcrumbs{
font-size:14px;
margin-bottom:15px;
color:#777;
}

.mp-breadcrumbs a{
color:#F37021;
text-decoration:none;
}

.mp-breadcrumbs a:hover{
text-decoration:underline;
}

.mp-breadcrumbs .sep{
margin:0 6px;
color:#999;
}

/* ===== CATEGORY GRID ===== */

.woocommerce ul.products{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
gap:28px;

padding:0;
margin:0;
}

.woocommerce ul.products li.product,
.woocommerce ul.products li.product-category{
float:none;
width:auto;
margin:0;
list-style:none;
}

/* ===== CATEGORY CARD ===== */

.mp-category-card{
background:#fafafa;
border:1px solid #eee;

overflow:hidden;

box-shadow:0 10px 25px rgba(0,0,0,.08);
transition:.3s;
}

.mp-category-card:hover{
transform:translateY(-6px);
box-shadow:0 18px 40px rgba(0,0,0,.15);
border-color:#f3c9a2;
}

.mp-category-image{
aspect-ratio:1/1;
display:flex;
align-items:center;
justify-content:center;
background:#fff;
padding:25px;
}

.mp-category-image img{
max-width:100%;
max-height:100%;
object-fit:contain;
}

.mp-category-body{
padding:18px;
text-align:center;
background:#fafafa;
}

.mp-category-title{
font-size:16px;
font-weight:600;
color:#4b2a14;
margin-bottom:6px;
}

.mp-category-count{
display:inline-block;
font-size:13px;
background:#ffe6cc;
color:#9b4e00;
padding:4px 10px;
}

/* карточка */

.mp-product-inner{
background:#fafafa;
border-radius:5px;
overflow:hidden;
border:1px solid #eee;
transition:.3s;
display:flex;
flex-direction:column;
height:100%;
padding:0;
}

/* блок изображения */

.mp-product-image{
background:#fff;
display:flex;
align-items:center;
justify-content:center;
aspect-ratio:1/1;
padding:25px;
border-bottom:1px solid #eee;
}

.mp-product-image img{
max-height:180px;
object-fit:contain;
}

/* нижний блок */

.mp-product-body{
background:#f5f5f5;
padding:16px;
text-align:center;
}

/* название */

.mp-product-title{
font-size:15px;
font-weight:600;
color:#4b2a14;
margin-bottom:10px;
text-align:center;
}

.mp-product-title a{
color:#4b2a14;
text-decoration:none;
}

/* цена как бейдж */

.mp-product-price{

display:inline-block;

background:#ffe6cc;

color:#9b4e00;

font-weight:600;

padding:4px 10px;

border-radius:8px;

font-size:14px;

margin-bottom:8px;

}

/* наличие */

.mp-stock{

font-size:13px;

text-align:center;

margin-bottom:12px;

}

.mp-stock-in{

color:#2fa24c;

}

/* кнопка */

.mp-product-cart{

display:flex;
justify-content:center;

}

.mp-product-card .button{

background:#F37021;

color:#fff;

border:none;

border-radius:8px;

padding:8px 16px;

font-weight:600;

font-size:14px;

transition:.25s;

}

.mp-product-card .button:hover{

background:#d65f17;

}
.woocommerce ul.products li.product .price {
    display: block!important;
    font-weight: 400!important;
    margin-bottom: 0!important;
    font-size: 1.2em!important;
}
.woocommerce ul.products li.product .button {
    margin-top: 0em!important;
}
.mp-product-inner:hover{

transform:translateY(-6px);

box-shadow:0 5px 10px rgba(0,0,0,0.12);

}
/* ===== CART TOAST ===== */

#cart-toast{
position:fixed;
bottom:25px;
right:25px;

z-index:9999;

display:flex;
flex-direction:column;
gap:12px;

max-width:320px;
}

.cart-toast-item{
display:flex;
align-items:center;
gap:12px;

background:#fff;

padding:12px;

box-shadow:0 10px 30px rgba(0,0,0,.18);

border-left:4px solid #f37021;
}

.cart-toast-img{
width:48px;
height:48px;
object-fit:contain;
}

.cart-toast-content{
flex:1;
font-size:13px;
color:#4b2a14;
}

.cart-toast-title{
font-weight:600;
margin-bottom:3px;
}

/* ===== FOOTER ===== */

.mp-footer{
background:#412815;
color:#fff;

padding-top:60px;
padding-bottom:30px;

margin-top:auto;
}

.mp-footer h4{
color:#F5B21C;
font-size:16px;
font-weight:600;
margin-bottom:18px;
}

.mp-footer-brand img{
max-height:200px;
margin-bottom:15px;
}

.mp-footer-menu{
list-style:none;
padding:0;
margin:0;
}

.mp-footer-menu li{
margin-bottom:10px;
}

.mp-footer-menu a{
color:#fff;
text-decoration:none;
}

.mp-footer-menu a:hover{
color:#F37021;
}

.mp-footer-phone{
font-size:20px;
font-weight:700;
margin-bottom:10px;
}

.mp-footer-social img{
width:32px;
height:32px;
}

.mp-footer-features{
display:flex;
justify-content:center;
flex-wrap:wrap;

gap:25px;

margin:40px 0 30px;
}

.mp-feature{
background:rgba(255,255,255,.08);
padding:10px 18px;
}

.mp-footer-bottom{
display:flex;
justify-content:space-between;
align-items:center;

flex-wrap:wrap;
gap:10px;

font-size:13px;
}

.mp-footer-links a{
color:#F5B21C;
text-decoration:none;
}

/* ===== MOBILE ===== */

@media (max-width:992px){

.sidebar{
position:relative;
width:100%;
height:auto;
}

.site-main{
margin-left:0;
width:100%;
}

.content{
padding:25px;
}

}

.layout-main{
margin-left:260px;
width:calc(100% - 260px);
display:flex;
flex-direction:column;
min-height:100vh;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after{
display:none !important;
content:none !important;
}

.woocommerce ul.products{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
gap:30px;
}

.mp-footer-legal{

margin-top:12px;
font-size:13px;
line-height:1.6;
opacity:0.9;

}


/* SIDEBAR */

.sidebar{
width:260px;
background:#412815;
color:#fff;

position:fixed;
top:0;
left:0;
bottom:0;

overflow-y:auto;
z-index:1000;
}



@media (max-width:992px){

.sidebar{
position:relative;
width:100%;
height:auto;
}

.site-main{
margin-left:0 !important;
width:100%;
}

.content{
padding:25px 18px;
}

}
@media (max-width:992px){

.layout-main{
margin-left:0 !important;
width:100% !important;
}

}


/* DESKTOP */

.woocommerce ul.products{

display:grid !important;

grid-template-columns:repeat(5,1fr);

gap:26px;

padding:0;
margin:0;

}

@media (max-width:1200px){

.woocommerce ul.products{

grid-template-columns:repeat(4,1fr);

}

}

@media (max-width:992px){

.woocommerce ul.products{

grid-template-columns:repeat(3,1fr);

}

}

@media (max-width:600px){

.woocommerce ul.products{

grid-template-columns:repeat(2,1fr);

gap:14px;

}

}


@media (max-width:768px){

.woocommerce ul.products{

grid-template-columns:repeat(2,1fr);

gap:14px;

}

}


/* отключаем float WooCommerce */

.woocommerce ul.products li.product{
float:none !important;
width:auto !important;
margin:0 !important;
}

/* включаем grid */

.woocommerce ul.products{
display:grid !important;
grid-template-columns:repeat(2,1fr);
gap:16px;
}
@media (min-width:768px){

.woocommerce ul.products{
grid-template-columns:repeat(3,1fr);
}

}

@media (min-width:992px){

.woocommerce ul.products{
grid-template-columns:repeat(4,1fr);
}

}

@media (min-width:1200px){

.woocommerce ul.products{
grid-template-columns:repeat(5,1fr);
}

}
.woocommerce ul.products[class*="columns-"] li.product{
width:auto !important;
}

@media (max-width: 991px){

.sidebar{
display:none;
}

.layout-main{
width:100%;
}

}



/* OFFCANVAS фон как sidebar */

#mobileSidebar{
background:#412815;
color:#fff;
}



/* контейнер */

#mobileSidebar .offcanvas-body{
padding:40px 30px;
text-align:center;
}

/* логотип */

#mobileSidebar img{
max-width:180px;
margin-bottom:25px;
}

/* меню */

#mobileSidebar .nav-link,
#mobileSidebar a{
display:block;
color:#fff;
font-size:18px;
font-weight:500;
margin:14px 0;
text-decoration:none;
}

#mobileSidebar a:hover{
color:#ffb84d;
}

/* адрес */

#mobileSidebar .mp-sidebar-address{
margin-top:30px;
font-size:14px;
line-height:1.6;
color:#d6c7b9;
}

/* телефон */

#mobileSidebar .mp-sidebar-phone{
margin-top:12px;
font-size:18px;
font-weight:700;
color:#ffb84d;
}

/* декоративные элементы */

#mobileSidebar::before{
content:"";
position:absolute;
inset:0;
background:url("/img/sidebar-pattern.svg") center/cover no-repeat;
opacity:0.12;
pointer-events:none;
}

.offcanvas-header .btn-close{
filter:invert(1);
}
























.mobile-header{
display:flex;
align-items:center;
background:#412815;
color:#fff;
padding:12px 16px;
position:sticky;
top:0;
z-index:1000;
}

.mobile-menu-btn{
margin-left:auto;
background:#fff;
border:none;
font-size:22px;
width:40px;
height:40px;
border-radius:6px;
display:flex;
align-items:center;
justify-content:center;
}

/* логотип */

.mobile-logo img{
height:66px;
}


@media (min-width:992px){

.mobile-header{
display:none;
}

}