/*
Theme Name: Yozi
Theme URI: https://apusthemes.com/yozi
Author: ApusTheme
Author URI: https://apusthemes.com/
Description: Yozi is clean theme, it's used Apus Framework.
Version: 2.0.31
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: yozi

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

img{
    max-width: 100%;
    height:auto;
 }
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
    text-align: center;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
.gallery-caption {
    box-sizing: border-box;
}
.bypostauthor{
    box-sizing: border-box;
}

.product-block .image .soldout {
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  padding: 0 10px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  background: #d42e2e;
  color: #fff;
}

.product-block .image .soldout:before {
  position: absolute;
  top: 100%;
  left: 5px;
  content: '';
  border-color: #d42e2e transparent transparent #d42e2e;
  border-width: 3px;
  border-style: solid;
}
.dokan-product-sales-price, .dokan-product-regular-price {
  width: 100%;
}
.select2-container--default .selection  .select2-selection--single {
  border: 1px solid #ededed;
}

.shopping_cart_content .cart_list {
  max-height: 350px;
  overflow: hidden;
}

@media (max-width: 767px) {
  div.product.col-xs-6:nth-child(2n + 1) {
    clear: both;
  }
  .shopping_cart_content .cart_list {
    overflow-y: scroll;
  }
}
.apus-vertical-menu .text-label, .mobile-vertical-menu .text-label {
    font-size: 12px;
    vertical-align: super;
    margin-left: 5px;
    color: #5bc0de;
}
.apus-vertical-menu .text-label.label-hot , .mobile-vertical-menu .text-label.label-hot {
    color: #d9534f;
}
.apus-vertical-menu > li  a .caret {
    float: right;
    margin: 18px 0 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.apus-vertical-menu .dropdown-menu {
  min-width: 270px;
}

.topmenu-menu > li > a > i, .topmenu-menu > li > a > img {
    margin-right: 10px;
    width: 18px;
}
.details-product .apus-woocommerce-product-gallery-wrapper.preview-gallery {
  border: none;
  padding: 0px;
}
rs-module-wrap{
    z-index: 0;
}
.yith-wcwl-add-button > a > i, .wishlist_table .add_to_cart.button > i {
    display: none;
}



/* Animations */
.animated-header {
    transition: all 0.3s ease;
}

.slide-in-top {
    animation: slideDown 0.5s ease;
}

@keyframes slideDown {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.fade-in-left {
    animation: fadeInLeft 0.6s ease;
}

.fade-in-right {
    animation: fadeInRight 0.6s ease;
}

@keyframes fadeInLeft {
    from { transform: translateX(-20px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

@keyframes fadeInRight {
    from { transform: translateX(20px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

.pulse-on-hover:hover {
    animation: pulse 0.5s;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.btn-gradient {
    background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
    color: white;
    padding: 8px 15px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.btn-gradient:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.btn-text-animate {
    position: relative;
    overflow: hidden;
}

.btn-text-animate:hover .btn-text {
    animation: slideText 0.3s ease;
}

@keyframes slideText {
    from { transform: translateY(0); }
    to { transform: translateY(-100%); }
}

.hover-grow:hover {
    transform: scale(1.05);
    transition: transform 0.2s ease;
}

.account-trigger {
    display: flex;
    align-items: center;
    gap: 8px;
}

.account-icon {
    transition: transform 0.3s ease;
}

.account-trigger:hover .account-icon {
    transform: rotate(15deg);
}

.animated-caret {
    transition: transform 0.3s ease;
}

.dropdown.open .animated-caret {
    transform: rotate(180deg);
}

.scale-in {
    animation: scaleIn 0.2s ease;
    transform-origin: top right;
}

@keyframes scaleIn {
    from { transform: scale(0.9); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

.logo-bounce:hover {
    animation: bounce 0.5s;
}

@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

.menu-hover-effect .menu-item > a {
    position: relative;
}

.menu-hover-effect .menu-item > a::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: currentColor;
    transition: width 0.3s ease;
}

.menu-hover-effect .menu-item > a:hover::after {
    width: 100%;
}

.search-slide {
    transition: all 0.3s ease;
}

.search-slide:hover {
    transform: translateX(-5px);
}

.icon-group {
    display: flex;
    gap: 15px;
    align-items: center;
}

.cart-animate:hover {
    animation: shake 0.5s;
}

@keyframes shake {
    0%, 100% { transform: rotate(0); }
    25% { transform: rotate(-5deg); }
    75% { transform: rotate(5deg); }
}

.wishlist-pulse:hover .heart-beat {
    animation: heartbeat 1s infinite;
}

@keyframes heartbeat {
    0% { transform: scale(1); }
    5% { transform: scale(1.1); }
    10% { transform: scale(1); }
    15% { transform: scale(1.1); }
    20% { transform: scale(1); }
    100% { transform: scale(1); }
}

.badge-pop {
    animation: popIn 0.3s ease;
    transition: all 0.3s ease;
}

@keyframes popIn {
    from { transform: scale(0); }
    to { transform: scale(1); }
}

.pop-in {
    animation: popInSoft 0.6s ease;
}

@keyframes popInSoft {
    0% { opacity: 0; transform: scale(0.95); }
    100% { opacity: 1; transform: scale(1); }
}

.sticky-animate {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}