/*
Theme Name: Astra Child - Premium Logo Animation
Description: Premium logo animation landing page with luxury design
Template: astra
Version: 2.0.0
Author: Premium Design Studio
*/


/* הסרה מלאה של כפתור חזרה לראש העמוד בתבנית Astra */

#ast-scroll-top,
.ast-scroll-top {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 🌐 בסיס לכל המסכים */
body, .elementor, .elementor-section, .elementor-container, .elementor-widget {
  text-align: center !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  max-width: 100%;
}

/* טקסט לבן */
.text-white, .text-white * {
  color: #ffffff !important;
}

/* קופסה עם אפקט הובר */
.hover-border-box {
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 20px;
  padding: 30px 20px;
  position: relative;
  transition: all 0.3s ease;
}

.hover-border-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  width: 100%;
  background: linear-gradient(to right, #e74c3c, #27ae60);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.hover-border-box:hover::before {
  opacity: 1;
}

/* ⭐ רקע מתחלף */
.scroll-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat;
  z-index: -2;
  transition: background-image 0.7s ease-in-out;
  pointer-events: none;
}

/* ⭐ שכבת כהות */
.background-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  z-index: -1;
  pointer-events: none;
}

/* 📱 מובייל - הגדרות בסיסיות בלבד */
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
  }
  
  /* רקע במובייל - ללא מעברים */
  .scroll-background {
    transition: none !important;
  }
}

.scroll-background {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-image 0.6s ease-in-out;
}

/**
 * תיקונים נוספים למובייל ותמונות
 * להוסיף אחרי ה-CSS הקיים
 */

/* ===================================
   תיקון בעיות תמונות ב-Elementor
   =================================== */

/* וודא שכל התמונות נראות */
img,
.elementor-image img,
.elementor-widget-image img,
.elementor-widget-image figure img,
.attachment-full,
.attachment-large,
.attachment-medium,
.attachment-thumbnail {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
}

/* תיקון לתמונות עם lazy loading */
img[loading="lazy"],
img.lazyload,
img.lazyloading,
img.lazyloaded {
    opacity: 1 !important;
    visibility: visible !important;
}

/* תיקון אנימציות של Elementor שמסתירות תמונות */
.elementor-invisible {
    visibility: visible !important;
    opacity: 1 !important;
}

/* ===================================
   אופטימיזציה למובייל
   =================================== */

/* מניעת גלילה אופקית */
html, body {
    overflow-x: hidden !important;
    width: 100% !important;
}

/* תיקון container במובייל */
@media (max-width: 768px) {
    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* תיקון עמודות במובייל */
    .elementor-column {
        width: 100% !important;
    }
    
    /* תיקון כפתורים במובייל */
    .elementor-button {
        width: 100% !important;
        max-width: 300px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
    }
    
    /* תיקון תמונות במובייל */
    .elementor-image {
        text-align: center !important;
    }
    
    .elementor-image img {
        margin: 0 auto !important;
    }
}

/* ===================================
   תיקון בעיות נפוצות
   =================================== */

/* תיקון z-index conflicts */
.elementor-widget-image {
    z-index: 1;
    position: relative;
}

/* תיקון תמונות רקע */
.elementor-section[data-settings*="background_image"] {
    background-attachment: scroll !important; /* תיקון parallax במובייל */
}

/* תיקון גלריות */
.elementor-image-gallery .gallery,
.elementor-gallery__container {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

.gallery-item,
.e-gallery-item {
    margin: 5px !important;
    flex: 0 0 calc(50% - 10px) !important; /* 2 תמונות בשורה במובייל */
}

@media (min-width: 768px) {
    .gallery-item,
    .e-gallery-item {
        flex: 0 0 calc(33.333% - 10px) !important; /* 3 תמונות בשורה בטאבלט */
    }
}

/* ===================================
   תאימות עם ה-CSS הקיים שלך
   =================================== */

/* שמירה על העיצוב המרכזי שלך */
.elementor-widget-wrap {
    text-align: center !important;
}

/* תאימות עם hover-border-box */
.hover-border-box img {
    width: 100% !important;
    height: auto !important;
    border-radius: 10px;
}

/* תאימות עם רקע מתחלף */
.scroll-background img {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ===================================
   Performance במובייל
   =================================== */

@media (max-width: 768px) {
    /* ביטול אנימציות כבדות במובייל */
    *,
    *::before,
    *::after {
        animation-duration: 0.3s !important;
        transition-duration: 0.3s !important;
    }
    
    /* ביטול parallax במובייל */
    .elementor-section-parallax {
        background-attachment: scroll !important;
    }
}

/**
 * RTL Support for Astra Child Theme
 * תמיכה בעברית וערבית
 */

/* ===================================
   כיוון טקסט וסידור כללי
   =================================== */

body.rtl {
    direction: rtl;
    text-align: right;
}

/* ===================================
   Elementor RTL Fixes
   =================================== */

.rtl .elementor-section,
.rtl .elementor-column,
.rtl .elementor-widget-wrap {
    direction: rtl;
}

/* תיקון סדר עמודות */
.rtl .elementor-row,
.rtl .elementor-container {
    flex-direction: row-reverse;
}

/* תיקון רווחים */
.rtl .elementor-element {
    text-align: inherit;
}

.rtl .elementor-widget-text-editor,
.rtl .elementor-widget-heading {
    text-align: right;
}

/* תיקון כפתורים */
.rtl .elementor-button-icon-align-left .elementor-button-icon {
    margin-left: 5px;
    margin-right: 0;
}

.rtl .elementor-button-icon-align-right .elementor-button-icon {
    margin-right: 5px;
    margin-left: 0;
}

/* ===================================
   תפריט ונווט
   =================================== */

.rtl .main-navigation {
    float: right;
}

.rtl .main-navigation ul {
    text-align: right;
}

.rtl .main-navigation ul ul {
    right: 0;
    left: auto;
}

.rtl .menu-item-has-children > a:after {
    float: left;
    margin-left: 0;
    margin-right: 5px;
}

/* תפריט מובייל */
.rtl .ast-mobile-menu-buttons {
    float: left;
}

/* ===================================
   טפסים
   =================================== */

.rtl input[type="text"],
.rtl input[type="email"],
.rtl input[type="tel"],
.rtl textarea,
.rtl select {
    direction: rtl;
    text-align: right;
}

.rtl .elementor-field-label {
    text-align: right;
}

/* ===================================
   רשימות
   =================================== */

.rtl ul,
.rtl ol {
    margin-right: 0;
    margin-left: 20px;
    padding-right: 0;
    padding-left: 20px;
}

.rtl ul li,
.rtl ol li {
    text-align: right;
}

/* ===================================
   תיקונים ספציפיים לעיצוב שלך
   =================================== */

/* תיקון hover-border-box */
.rtl .hover-border-box {
    text-align: right;
}

/* תיקון מרווחים */
.rtl .elementor-widget:not(:last-child) {
    margin-left: 0;
}

/* ===================================
   Icons ו-Font Awesome
   =================================== */

.rtl .fa-angle-left:before {
    content: "\f105"; /* החלף לחץ ימני */
}

.rtl .fa-angle-right:before {
    content: "\f104"; /* החלף לחץ שמאלי */
}

.rtl .fa-chevron-left:before {
    content: "\f054";
}

.rtl .fa-chevron-right:before {
    content: "\f053";
}

/* ===================================
   גלריות ותמונות
   =================================== */

.rtl .gallery {
    direction: rtl;
}

.rtl .gallery-item {
    float: right;
}

/* ===================================
   Animations RTL
   =================================== */

@keyframes rtl-slideInRight {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

@keyframes rtl-slideInLeft {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}

.rtl .slideInRight {
    animation-name: rtl-slideInLeft;
}

.rtl .slideInLeft {
    animation-name: rtl-slideInRight;
}

/* ===================================
   מובייל RTL
   =================================== */

@media (max-width: 768px) {
    .rtl .elementor-mobile-align-center {
        text-align: center !important;
    }
    
    .rtl .elementor-mobile-align-right {
        text-align: left !important;
    }
    
    .rtl .elementor-mobile-align-left {
        text-align: right !important;
    }
}


/* ===================================
   דיבאג - uncomment לבדיקה
   =================================== */

/*
* {
    border: 1px solid red !important;
}

img {
    border: 2px solid blue !important;
    background: yellow !important;
}
*/