/*
Theme Name: Shopi Child
Theme URI: https://minosara.ir
Description: Child Theme for Shopi
Author: Aazam
Template: shopi
Version: 1.0.0
Text Domain: shopi-child
*/



   
   /* ==========================================
   MINOSARA CUSTOM CSS
   Version: 1.0
========================================== */
:root{
    --color-secondary-bg: #C98252 !important;
	--color-secondary-text:#C98252 !important;
    --color-secondary-fill: #C98252 !important;
	--color-primary-text:#C98252 !important;
--color-primary-fill:#C98252 !important;
	--color-primary-bg:#C98252 !important;
	--tw-bg-opacity:#FAFBFD;
	--responsive-cart-button:#C98252 !important;
}
.text-\[\#059F50\],
.woocommerce-Price-amount,
.amount,
.woocommerce-table--order-details tfoot tr:last-child th{
	color:#C98252 !important;
}
.woocommerce-thankyou-order-details li:first-child{
	background-color:#C98252 !important;
}

.list-items-panel li a.is-active svg{
	fill:#C98252 !important;
}
/* ===========================
   1. رنگ‌های برند
=========================== */



/* ===========================
   2. هدر
=========================== */
.list-link-top a{
    transition:.3s;
}

.list-link-top a:hover{
    color:#B46A3C !important;
}

.login-user-action:hover{
    background: none !important;
    -webkit-text-fill-color: #B46A3C !important;
    color: #B46A3C !important;
}

.box-search-ajax:{
	border-radius:16px;
box-shadow:0 8px 25px rgba(11,22,48,.06) !important;
border:1px solid #ECECEC !important;
}

.text-primary_text{
	 color:#B46A3C !important;
}


/* ===========================
   3. دکمه‌ها
=========================== */

.bg-primary_bg{
   background: linear-gradient(135deg,
#D8A46D,
#B46A3C,
#8C4F2C);
    border-color:#C98252 !important;
    color:#fff !important;
    transition:.3s;
	box-shadow: 0 8px 20px rgba(180,106,60,.25);
}

.bg-primary_bg:hover{
    background:#B87333 !important;
    border-color:#B87333 !important;
}

/* ===========================
   4. کارت محصولات
=========================== */
.item-css.active{
    background: linear-gradient(135deg,#D8A46D,#B46A3C,#8C4F2C) !important;
    color:#fff !important;
    border:none !important;
	padding:5px !important;
}
.item-css{
    background:#fff !important;
    color:#0B1630 !important;
    border:1px solid #D8A46D !important;
    transition:all .3s ease;
}
.item-css:hover{
    background:#F8F1EB !important;
    border-color:#B46A3C !important;
    color:#B46A3C !important;
	padding:5px !important;
}

.swiper-list-cat .item:hover .title{
	color:#C98252;
}

.swiper-list-cat .item::before{
	background-image: linear-gradient(
    to right,
    transparent 0%,
    #C98252 50%,
    transparent 100%
);
}

/* ===========================
   Product Card
=========================== */

.item-product-slider{
    border-radius:20px !important;
    border:1px solid #ECECEC !important;
    box-shadow:0 8px 25px rgba(11,22,48,.05);
    transition:all .35s ease;
    overflow:hidden;
}

.item-product-slider:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 45px rgba(11,22,48,.12);
}

.item-product-slider .title{
    color:#0B1630 !important;
    transition:.3s;
}

.item-product-slider:hover .title{
    color:#B46A3C !important;
}

.item-product-slider img{
    transition:.4s;
}

.item-product-slider:hover img{
    transform:scale(1.05);
}

.item-product-slider .price{
    color:#0B1630;
    font-weight:700;
    font-size:18px;
}

.box-rate{
    color:#B46A3C !important;
}



/* ===========================
   5. فوتر
=========================== */
.wave-footer img{
    margin-top:32px !important;
	max-height:140px !important;
}

@media (max-width:767px){
    .wave-footer > img{
        display:none !important;
    }
	
	.object-contain{
		max-height:100px !important;
	}
	.box-footer-description > p{
		padding-left:10px;
	}
	    .a-md\:leading-\[2\]{
		padding-left:10px;
	}
}

.box-footer-description > p{
	color:rgba(255,255,255,.88);
}

.item h3{
    color:#EAF2FF !important;
}

.object-contain{
	filter: drop-shadow(0 0 12px rgba(255,255,255,.18));
}

.attr-footer .item{
    background: rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.06);
    border-radius:18px;
    padding:22px 15px;
    transition:all .3s ease;
	margin-left: 15px;
}

.attr-footer{
	padding-bottom:40px;
	padding-top:40px;
}

.footer-content .flex-1 > span{
	font-size:16px;
font-weight:700;
letter-spacing:.3px;
color:#fff;
}

.bg-\[\#f8f9fb\]{
background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
	width:auto;
}

#zarinpal,
#zarinpal a{
    width:82px !important;
    height:82px !important;
    display:flex !important;
    align-items:center;
    justify-content:center;

}

.info-footer{
	padding-bottom:40px;
    position:relative;
}

.info-footer::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    left:180px;  
    height:6px;
    background:#C58B45;
}

.content-permissions a{
    background:#ffffff;
    border-radius:16px;
    padding:10px;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 8px 20px rgba(0,0,0,.12);
    transition:.3s;
}

.list-social-footer li svg{
	 width:28px;
    height:28px;
    border-radius:50%;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    transition:.3s;
}
.bg-\[\#f8f9fb\] {
    flex-direction:column !important;
    align-items:center !important;
    gap:8px !important;
}

.info-footer, 
.attr-footer,
.footer-content{
background:#112E5E;
	border-top:none !important;
	box-shadow: inset 0 -1px rgba(255,255,255,.05);
	padding-right:15px;
}

.box-news-letter form{
	background: #FFFFFF;
border: 1px solid rgba(255,255,255,.15);
border-radius: 14px;
color: #0B1630;
	margin-left: 15px;
}

.box-news-letter form input::placeholder{
	color: #9CA3AF;
}

.list-link-footer a:hover{
	color:#B87447
}

.box-news-letter form button{
	background: #C98252;
color: #FFFFFF;
}

.list-social-footer li{
	margin-left:15px
}

.list-social-footer li a.active svg{
    fill:#C98252;
}

.list-social-footer li a.active span{
    color:#C98252;
}


/* فروشگاه */
.list-tab-archive li:hover{
	color:#C98252;
}

.list-product-archive .item-product:hover .box-rate svg{
	fill:#C98252;
}

.woocommerce-widget-layered-nav-list li a:hover::before{
	background-color:#C98252;
}

.max-h-12{
    max-height:none !important;
}

.border-red-500,
.border-green-500{
    border-color:#C98252 !important;
}


/*=========================
      Floating Support
==========================*/

.mn-support{

position:fixed;

bottom:25px;

right:25px;

z-index:9999;

}

.mn-support-btn{
    

width:62px;

height:62px;

border:none;

border-radius:50%;

background:linear-gradient(
135deg,
#D89A63 0%,
#C98252 45%,
#A9683B 100%
);

color:#fff;

display:flex;

align-items:center;

justify-content:center;

cursor:pointer;

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

transition:.3s;

}

.mn-support-btn:hover{

transform:translateY(-3px);

background:#B87333;

}

.mn-support-menu{

position:absolute;

right:0;

bottom:75px;

display:flex;

flex-direction:column;

gap:10px;

opacity:0;

visibility:hidden;

transform:translateY(15px);

transition:.25s;

}

.mn-support-menu.active{

opacity:1;

visibility:visible;

transform:translateY(0);

}

.mn-support-menu a{

background:rgba(255,255,255,.96);

backdrop-filter:blur(12px);

-webkit-backdrop-filter:blur(12px);

padding:14px 18px;

border-radius:14px;

text-decoration:none;

color:#0B1630;

font-weight:700;

display:flex;

align-items:center;

gap:12px;

min-width:175px;

box-shadow:
0 8px 18px rgba(0,0,0,.08),
0 2px 6px rgba(0,0,0,.04);

border:1px solid rgba(255,255,255,.65);

transition:all .25s ease;

}

.mn-support-menu a:hover{

transform:translateY(-3px);

box-shadow:

0 16px 30px rgba(0,0,0,.12);

}
.mn-support-menu a:first-child:hover{

background:#25D366;

color:#fff;

}

.mn-support-menu a:last-child:hover{

background:#118AD3;

color:#fff;

}

@keyframes pulse{

0%{

transform:scale(1);

}

50%{

transform:scale(1.08);

}

100%{

transform:scale(1);

}

}

@media (max-width:768px){

    .mn-support{
        right:16px;
        bottom:90px;
    }

    .mn-support-btn{
        width:56px;
        height:56px;
    }

}