/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://elementor.com/
 Description:  Child theme for Hello Elementor
 Author:       Your Name
 Author URI:   https://yourwebsite.com
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

/* glasses menu mobile */

#off-canvas-b64f7d9.e-off-canvas {
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

#off-canvas-b64f7d9 .e-off-canvas__main,
#off-canvas-b64f7d9 .e-off-canvas__content {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/*---------------------------------------------------------------------------*/

/* scroll fix mobile */

/* جلوگیری از اسکرول افقی */
body, html {
    overflow-x: hidden;
}

/* مطمئن شدن که همه عناصر داخل صفحه بمونن */
* {
    box-sizing: border-box;
}

/* ریسپانسیو تصاویر و سکشن‌ها */
img, iframe, .elementor-section, .elementor-column {
    max-width: 100%;
    height: auto;
}

/* تنظیم اندازه متن لیبل فرم برای موبایل و لپ‌تاپ */
selector .elementor-field-group:has(input:focus) label,
selector .elementor-field-group:has(input:valid) label {
  font-size: 14px; /* پیش‌فرض دسکتاپ */
}

@media (max-width: 1440px) and (min-width: 1024px) {
  selector .elementor-field-group:has(input:focus) label,
  selector .elementor-field-group:has(input:valid) label {
    font-size: 12px; /* کوچکتر روی لپ‌تاپ */
  }
}

@media (max-width: 1023px) {
  selector .elementor-field-group:has(input:focus) label,
  selector .elementor-field-group:has(input:valid) label {
    font-size: 11px; /* موبایل */
  }
}

/*---------------------------------------------------------------------------*/

/* scroll design */

/* === SENIORE SIGNATURE SCROLLBAR === */

/* عرض اسکرول */
::-webkit-scrollbar {
  width: 10px;
}

/* مسیر اسکرول */
::-webkit-scrollbar-track {
  background: #1a1a1a; /* حالت لوکس */
  border-radius: 20px;
  box-shadow: inset 0 0 10px rgba(242,131,16,0.15);
}

/* خود اسکرول (Thumb) */
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #F28310, #ff9f3d);
  border-radius: 20px;
  box-shadow: 
    0 0 10px #F28310,
    0 0 20px rgba(242,131,16,0.6);
  transition: all 0.25s ease;
  border: 2px solid #1a1a1a;
}

/* افکت هاور: نئون + درخشش + لرزش خیلی خفیف */
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #ff9f3d, #F28310);
  box-shadow:
    0 0 15px #F28310,
    0 0 25px rgba(242,131,16,0.9),
    0 0 40px rgba(242,131,16,0.5);
  transform: scale(1.1);
}

/* فایرفاکس */
* {
  scrollbar-width: thin;
  scrollbar-color: #F28310 #1a1a1a;
}
/*--------------------------------------------------------*/

/* Style Buy Btn */

.woocommerce .single_add_to_cart_button,
.elementor .single_add_to_cart_button,
.single_add_to_cart_button {
    position: relative !important;
    overflow: hidden !important; 
    background: #7F9B07 !important;
    color: #fff !important;
    border: none;
    border-radius: 20px !important;
    padding: 12px 28px;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.35s ease;
    box-sizing: border-box !important; 
    overflow-clip-margin: 0;
}


.woocommerce .single_add_to_cart_button::after,
.elementor .single_add_to_cart_button::after,
.single_add_to_cart_button::after {
    content: "تشکر از اعتماد شما به سینیور";
    position: absolute !important;
    top: 100% !important; 
    left: 0 !important;
    width: 100% !important;
    height: 100% !important; 
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff !important;
    color: #F28310 !important;
    font-weight: 600;
    z-index: 1;
    transition: top 0.35s ease;
    box-sizing: border-box !important; 
    border-radius: 16px !important;
}

/* hover */
.woocommerce .single_add_to_cart_button:hover::after,
.elementor .single_add_to_cart_button:hover::after,
.single_add_to_cart_button:hover::after {
    top: 0 !important;
}

.woocommerce .single_add_to_cart_button:hover,
.elementor .single_add_to_cart_button:hover,
.single_add_to_cart_button:hover {
    color: transparent !important;
}

/*--------------------------------------------------------*/

/* ---------------------- */
/*    بخش لیست نظرات     */
/* ---------------------- */

/* تایتل بخش کامنت ها */
.woocommerce-Reviews-title{
  text-align: center !important;
}

/* کل باکس هر کامنت */
.woocommerce #reviews #comments ol.commentlist li {
  background-color: rgba(85, 85, 85, 0.274);
  border-radius: 25px;
  padding: 25px;
  
}
/* border color comment box */
.woocommerce #reviews #comments ol.commentlist li::after{
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px; 
    background: linear-gradient(15deg, transparent 40%, #F28310 50%, transparent 60%);
    background-size: 300% 300%;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0) padding-box;
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    pointer-events: none;
    z-index: 5;
    background-position: -1150px !important;
    border-radius: 25px !important;
}

/* عکس پروفایل */
.woocommerce #reviews #comments ol.commentlist li img.avatar {
  border-radius: 50% !important;
  width: 60px;
  height: 60px;
  margin-right: 10px;
  margin-top: 10px;
}

/* نام شخص */
.woocommerce-review__author {
  color: #ff7a00 !important;
  font-family: 'Shabnam', sans-serif;
  font-size: 18px;
  font-weight: 700;
}

/* تاریخ */
.woocommerce-review__published-date {
  color: #ffffff !important;
  font-family: 'Shabnam', sans-serif;
  font-size: 14px;
  opacity: 0.8;
}

/* تمام متن‌هایی که داخل کامنت ثبت می‌شوند */
#reviews .commentlist .comment .description,
#reviews .commentlist .comment .description p,
#reviews .comment-text,
#reviews .comment-text p,
.comment-text,
.comment-text p {
  color: #ffffff !important;
  font-family: 'Shabnam', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
  border: none !important;
}

/* حذف کادر باریک اطراف */
.woocommerce #reviews #comments ol.commentlist li .comment_container {
  border: none !important;
  padding: 5px !important;
}

/* ---------------------- */
/*   فرم ارسال نظر       */
/* ---------------------- */

#review_form_wrapper {
  background: rgba(5, 5, 5, 0.1);
  backdrop-filter: blur(12px);
  padding: 30px;
  border-radius: 20px;
  margin-top: 40px;
}
/* border color SUBMIT comment box */
#review_form_wrapper::after{
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px; 
    background: linear-gradient(15deg, transparent 40%, #F28310 50%, transparent 60%);
    background-size: 300% 300%;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0) padding-box;
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    pointer-events: none;
    z-index: 5;
    background-position: -1150px !important;
    border-radius: 25px !important;
}

/* عنوان "دیدگاه خود را بنویسید" */
#reply-title {
  color: #ffffff !important;
  font-family: 'Shabnam', sans-serif;
  font-size: 24px;  
  display: flex;
  justify-content: center;
}

/* متن‌های فرم (placeholder) */
#commentform input::placeholder,
#commentform textarea::placeholder {
  color: #ffffff !important;
  font-family: 'Shabnam', sans-serif;
  opacity: 0.8;
}

/* فیلدهای فرم */
#commentform input,
#commentform textarea {
  background: rgba(200, 200, 200, 0.15);
  border: none;
  border-radius: 12px;
  color: #ffffff !important;
  font-family: 'Shabnam', sans-serif;
  padding: 14px;
}

/* متن "امتیاز شما:" */
.comment-form-rating label {
  font-family: 'Shabnam', sans-serif;
  font-weight: 800;
  font-size: 18px;
  color: #ffffff;
  margin-top: 25px;
  display: flex;
  justify-content: center;
}

/* ستاره ها */
.stars{
  display: flex;
  justify-content: center;
  margin-top: 25px !important;
}

/* ستاره‌ها - بدون تغییر! */
.woocommerce .stars a,
.woocommerce .star-rating a {
  color: white;
}

/* box type comment */
#comment:focus{
  outline: none !important;
}

#comment:hover{
  background-color: rgba(41, 100, 44, 0.212);
}

#comment:valid{
  background-color: rgba(41, 100, 44, 0.212);
}

/* دکمه ارسال */
#commentform input#submit {
  background: #ff7a00 !important;
  color: #ffffff !important;
  font-family: 'Shabnam', sans-serif;
  font-size: 18px !important;
  font-weight: 700;
  border-radius: 12px;
  padding: 20px !important;
  border: none;
  transition: 0.3s;
  width: 100%;
}

#commentform input#submit:hover {
  background: #ff8f26 !important;
}