/* 
Theme Name: Hello Child
Theme URI: https://elementor-site.ir/
Description: 
Author: Elementor Site
Author URI: https://elementor-site.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
*/

 /* فونت پایه برای کل سند */
html, body {
  font-family: 'KalamehWeb', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 400;
  line-height: 1.6;
  direction: rtl; /* اگه سایت فارسیه */
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

/* المان‌های متنی پایه */
p,
span,
a,
li,
ul,
ol,
div,
section,
article,
aside,
footer,
header,
nav {
  font-family: inherit !important;
  font-weight: 400;
}

/* تیترها */
h1, h2, h3, h4, h5, h6 {
  font-family: 'KalamehWeb', sans-serif !important;
  font-weight: 900;
  line-height: 1.3;
  margin: 0 0 0.5em 0;
}

/* دکمه‌ها و فرم‌ها */
button,
input,
select,
textarea {
  font-family: 'KalamehWeb', sans-serif !important;
  font-weight: 400;
}

/* لینک‌ها */
a {
  text-decoration: none;
  font-family: inherit !important;
}
a:hover {
  text-decoration: underline;
}

/* بولد و تأکید */
strong, b {
  font-weight: 900;
}
em, i {
  font-style: italic;
}

/* منوهای ناوبری (اختیاری) */
.main-navigation a,
.menu-item a {
  font-family: 'KalamehWeb', sans-serif !important;
  font-weight: 400;
}

.onsale{
    display: inline-block;
    transform: rotate(90deg) translate(37px, -20px);
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

.orderby{
    border-radius: 10px!important;
    padding: 10px !important;
    border-color: #FA9687 !important;
}

.page-numbers{
    border-radius: 55px !important;
}

.woocommerce ul.products li.product .button {
  display: none !important;
}

/* پیام ووکامرس */
.woocommerce-info {
  position: fixed;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  background-color: #ffe3ee !important;
  color: #a52d5e !important;
  padding: 40px 30px !important;
  border: 2px dashed #FF76AF !important;
  border-radius: 16px !important;
  text-align: center !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 1.8 !important;
  box-shadow: 0 0 10px rgba(255, 118, 175, 0.2) !important;
  z-index: 9999 !important;
  max-width: 90% !important;
  width: 500px !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 60px !important;
}

.woocommerce-info::before {
  content: "😔" !important;
  font-size: 32px !important;
  display: inline-block !important;
  line-height: 1 !important;
  position: relative !important;
  top: -2px !important;
}

@media (max-width: 768px) {
  .woocommerce-info {
    flex-direction: column !important;
    padding: 30px 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 16px !important;
    gap: 16px !important;
    margin-top: 100px !important;
    margin-bottom: 200px !important;
    position: static !important; 
  }

  .woocommerce-info::before {
    font-size: 36px !important;
    top: 0 !important;
  }
}

/* کارت محصول */
.woocommerce ul.products li.product {
    position: relative;
    border-radius: 15px 50px 15px 50px !important;
    overflow: hidden !important;
}

/* خط زیر عنوان */
.woocommerce ul.products li.product .woocommerce-loop-product__title::after {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 1px !important;
    background-color: #FF84B8 !important;
    margin: 15px 0 !important;
}

/* گالری */
.woocommerce ul.products li.product.product-has-gallery {
    position: relative !important;
    overflow: hidden !important;
}

/* عکس دوم */
.woocommerce ul.products li.product .hover-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out !important;   
    border-radius: 15px 50px 15px 50px !important;
}

/* هاور → نمایش عکس دوم */
.woocommerce ul.products li.product.product-has-gallery:hover .hover-image {
    opacity: 1 !important;
    visibility: visible !important;
}

/* عکس اصلی (picture اول) */
.woocommerce ul.products li.product picture:not(.hover-image) {
    display: block !important;
    width: 100% !important;
    transition: opacity 0.4s ease-in-out !important;
}

/* محو شدن عکس اصلی روی هاور */
.woocommerce ul.products li.product.product-has-gallery:hover picture:not(.hover-image) {
    opacity: 0 !important;
}