/* 
Theme Name: Hello Child
Theme URI: https://ikweb.ir/
Description: 
Author: Iman Keramati
Author URI: https://ikweb.ir/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
.gold-bg {
  background: linear-gradient(
    135deg, 
    #E5D1AB 0%, 
    #E0C99D 20%, 
    #D3B273 40%, 
    #A98E5C 65%, 
    #7F6B45 100%
  );
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.gold-bg:hover {
  background: linear-gradient(
    135deg, 
    #EDDDBF 0%, 
    #E5D1AB 20%, 
    #D3B273 45%, 
    #B89A64 70%, 
    #8A764E 100%
  );
  /* transform: scale(1.02) translateY(-2px); */
  box-shadow: 0 12px 40px rgba(127, 107, 69, 0.4);
}
.gold-bg::before {
  content: '';
  position: absolute;
  top: 0;
  left: -150%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.25),
    transparent
  );
  transform: skewX(-25deg);
  transition: left 0.8s ease;
  pointer-events: none;
}

.gold-bg:hover::before {
  left: 150%;
}
.gold-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at 30% 40%,
    rgba(229, 209, 171, 0.15),
    transparent 60%
  );
  pointer-events: none;
}

.gold-text {
  background: linear-gradient(
    94deg, 
    #E5D1AB 0%, 
    #E0C99D 20%, 
    #D3B273 40%, 
    #A98E5C 65%, 
    #7F6B45 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



.woo-discount-badge {
	background: #E6000017;
	color: var( --e-global-color-d108844 );
	border-radius: 9999px;
	padding: 2px 10px;
	font-size: 12px;
	font-weight: 300;
}


/*******Cat widget******/
.main-ul-category {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px !important;
	line-height: 30px;
	font-weight: 300 !important;;
}
.category-item {
	padding: 3px 0;
}
.main-ul-category a {
	color: #7C7C7C;
	font-size: 13px;
	font-weight: 500;
}
.category-item.category-type-parent::before {
	content: "\edaa";
	font-family: 'Ikweb-Icons' !important;
	font-size: 12px;
	margin-right: 5px;
	font-weight: 100;
	vertical-align: top;
	color: #808080;
}
.ul-category-childs {
	background: var( --e-global-color-primary );
	border-radius: 5px;
	font-size: 25px !important;
	padding: 0px 0px 5px 30px;
}
.category-item.category-type-parent {
	position: relative;
}
.category-item.active > a, .category-item.active::before {
	color: var( --e-global-color-071a6b9 ) !important;
	font-weight: 500;
	font-size: 13px !important;
}
.category-item.category-type-child.active {
    	color: var( --e-global-color-071a6b9 ) !important;
	list-style: disc;
}
.category-item.category-type-parent.active::before {
	content: "\f97b";
}
.category-item:hover a {
color: var( --e-global-color-071a6b9 ) !important;
}
.item-counts {
	font-size: 10px;
	background: var( --e-global-color-071a6b9 );
	border-radius: 50px;
	padding: 1px 6px;
	margin-left: 5px;
	vertical-align: middle;
	color: #000 !important;
	font-weight: 500;
}
.ikweb-widget-title {
	font-size: 15px;
	font-weight: 600;
	color: var( --e-global-color-071a6b9 );
	background: var( --e-global-color-primary );
	border-radius: 5px;
	padding: 10px;
}
.toggle-children {
	position: absolute;
	right: 0 !important;
	top: 7px;
	padding: 0;
	border: none;
	cursor: pointer;
	color: #a0a0a0 !important;
	background: none !important;
}
/*---------------Start iktooltip style--------------------*/
/*How to use : add this to attribute EX:  iktooltip="Message" AND  flow="right" */
[iktooltip] {
position: relative;
}
[iktooltip]::before,
[iktooltip]::after {
text-transform: none;
font-size: .9em;
line-height: 1;
user-select: none;
pointer-events: none;
position: absolute;
display: none;
opacity: 0;
}
[iktooltip]::before {
content: '';
border: 5px solid transparent;
z-index: 1001;
}
[iktooltip]::after {
content: attr(iktooltip);
font-size: 12px;
text-align: center;
min-width: 3em;
max-width: 21em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 1ch 1.5ch;
border-radius: .3ch;
box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
background: #333;
color: #fff;
z-index: 1000;
}

[iktooltip]:hover::before,
[iktooltip]:hover::after {
display: block;
}

/* don't show empty iktooltips */
[iktooltip='']::before,
[iktooltip='']::after {
display: none !important;
}

/* FLOW: UP */
[iktooltip]:not([flow])::before,
[iktooltip][flow^="up"]::before {
bottom: 100%;
border-bottom-width: 0;
border-top-color: #333;
}
[iktooltip]:not([flow])::after,
[iktooltip][flow^="up"]::after {
bottom: calc(100% + 5px);
}
[iktooltip]:not([flow])::before,
[iktooltip]:not([flow])::after,
[iktooltip][flow^="up"]::before,
[iktooltip][flow^="up"]::after {
left: 50%;
transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[iktooltip][flow^="down"]::before {
top: 100%;
border-top-width: 0;
border-bottom-color: #333;
}
[iktooltip][flow^="down"]::after {
top: calc(100% + 5px);
}
[iktooltip][flow^="down"]::before,
[iktooltip][flow^="down"]::after {
left: 50%;
transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[iktooltip][flow^="left"]::before {
top: 50%;
border-right-width: 0;
border-left-color: #333;
left: calc(0em - 5px);
transform: translate(-.5em, -50%);
}
[iktooltip][flow^="left"]::after {
top: 50%;
right: calc(100% + 5px);
transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[iktooltip][flow^="right"]::before {
top: 50%;
border-left-width: 0;
border-right-color: #333;
right: calc(0em - 5px);
transform: translate(.5em, -50%);
}
[iktooltip][flow^="right"]::after {
top: 50%;
left: calc(100% + 5px);
transform: translate(.5em, -50%);
}

@keyframes iktooltips-vert {
to {
opacity: .9;
transform: translate(-50%, 0);
}
}
@keyframes iktooltips-horz {
to {
opacity: .9;
transform: translate(0, -50%);
}
}
[iktooltip]:not([flow]):hover::before,
[iktooltip]:not([flow]):hover::after,
[iktooltip][flow^="up"]:hover::before,
[iktooltip][flow^="up"]:hover::after,
[iktooltip][flow^="down"]:hover::before,
[iktooltip][flow^="down"]:hover::after {
animation: iktooltips-vert 300ms ease-out forwards;
}
[iktooltip][flow^="left"]:hover::before,
[iktooltip][flow^="left"]:hover::after,
[iktooltip][flow^="right"]:hover::before,
[iktooltip][flow^="right"]:hover::after {
animation: iktooltips-horz 300ms ease-out forwards;
}

/*---------------End iktooltip style--------------------*/

/*********comment-form***********/

.comment-content p ,.woocommerce-Reviews .description p{
	color: #5a5a5a;
	font-size: 15px;
	padding: 10px 0px 15px 0px;
	margin-bottom: 0;
	font-weight: 100;
	text-align: justify;
	font-style:normal;
}

.says {
	color: #000;
	display: none;
}
.woocommerce-review__published-date {
	color: #999;
}
.admin-label-verification, .woocommerce-review__verified.verified, .woocommerce-review__subscriber {
	background: #82bc03;
	color: #fff;
	padding: 2px 10px;
	border-radius: 20px;
	font-size: 11px;
	font-style: normal;
	margin: 0 5px;
	font-weight: 300;
}
.woocommerce-review__verified.verified {background: #116198;}
.woocommerce-review__subscriber {background: #0097e6;}
.bypostauthor > .review-item , .bypostauthor >  article{
	border: none !important;
	background: #f6f6f6;
	overflow:hidden;
}
.bypostauthor > article cite::after {
	content:'مدیر سایت';
	background: #82bc03;
	color: #fff;
	padding: 0px 10px;
	border-radius: 20px;
	font-size: 11px;
	font-style: normal;
	margin: 0 5px;
}
.bypostauthor > .review-item, .bypostauthor > article {
	border: none !important;
	background: #f6f6f6;
	overflow: hidden;
}
.bypostauthor > .review-item::after, .bypostauthor > article::after {
	content: '\e924';
	font-family: ikweb-icons;
	position: absolute;
	bottom: 0px;
	left: 8px;
	font-size: 95px;
	opacity: 0.06;
}
.bypostauthor > .review-item::after {
	bottom: -15px;
}
#review_form_wrapper , .comment-respond {
	background-color: #f7f7f7;
	margin-top: 15px;
	padding: 15px 25px 0;
	border: none !important;
	border-radius: 10px;
}
#commentform input, #commentform textarea {
	border: 1px solid #dbe2e8;
	padding: 10px;
	background: #fff;
	border-radius: 5px;
	margin: 10px 0;
	color: #55585a;
	box-shadow: none !important;
	font-size: 14px;
}
#commentform label {
	display: inline-block;
	font-size: .9em;
	font-weight: 700;
	margin-bottom: .4em;
	margin: 0;
}
#reply-title {
	font-weight: 900;
	font-size: 17px;
}
.woocommerce #review_form #respond p > span {
	margin: 0 0 5px 0;
	font-size: 13px;
	color: #807e7e;
}
.stars a {
	color: gold !important;
	font-size: 20px;
}
.comment-form-rating {
	display: flex;
	align-items: center;
	margin: 0 !important;
	padding: 0;
	gap: 10px;
}
.stars {
	margin: 0 !important;
}
.woocommerce #review_form #respond .form-submit input , #commentform input[type="submit"] {
	right: auto;
	background: #13bf5e !important;
	color: #fff;
	padding: 12px 30px;
	margin: 10px 0;
}
.woocommerce #review_form #respond .form-submit input:hover , #commentform input[type="submit"]:hover {
	background: #049b45 !important;
}
.woocommerce .star-rating {
	float: left;
	overflow: hidden;
	position: relative;
	height: 1.4em;
	line-height: 1;
	font-size: 1.1em;
	width: 5.4em;
	font-family: WooCommerce;
	color: gold;
}
.comment_container ,.comment > article{
	position: relative;
	background: fff;
	border: 1px solid #EEE !important;
	border-radius: 10px;
	padding: 10px !important;
}
.bypostauthor > .comment_container, .bypostauthor > article, .bysupporter > .comment_container, .bysupporter > article {
	border: none !important;
	background: #f6f6f6;
	overflow: hidden;
}
.bypostauthor {
	position: relative;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
	float: right;
	position: absolute;
	top: 13px;
	right: 11px;
	padding: 3px;
	width: 50px;
	height: auto;
	background: #e9e6ed;
	border: 1px solid #e1dde7;
	margin: 0;
	box-shadow: none;
	width: 50px;
	border-radius: 100%;
	padding: 0 !important;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
	border: none !important;
}
.comment-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.comment-metadata time {
	color: #999;
	font-size: 12px;
	font-weight: 200;
}
.woocommerce-review__author , .comment-author {
	color: #000;
	font-size: 14px;
	font-weight: 700;
}
.comment-content p, .woocommerce-Reviews .description p {
	color: #5a5a5a;
	font-size: 13px;
	padding: 6px 0px 10px 0px;
	line-height: 25px;
}
.bypostauthor > .comment_container::after, .bypostauthor > article::after, .bysupporter > .review-item::after, .bysupporter > article::after {
	content: "\efa7";
	font-family: 'ikweb-icons' !important;
	position: absolute;
	bottom: 25px;
	left: 10px;
	font-size: 45px;
	opacity: 0.04;
}
.comment-content > p {
	font-size: 13px;
	font-weight: 300;
	color: #666 !important;
	padding: 20px 0;
}
.comment_container, .comment > article {
	padding: 10px !important;
	margin: 15px 0;
}
.comment-author a {
	color: #333;
	font-weight: 700;
}
.comment-list , .children{
	list-style: none !important;
}
.comment-list {
	padding: 0;
}




/***** ADD MOBILE ONLY CSS HERE  *****/
@media only screen and (max-width: 48em) {

}
