.elementor-566 .elementor-element.elementor-element-b34b42c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:flex-start;--overlay-opacity:0.09;--padding-top:10%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-566 .elementor-element.elementor-element-b34b42c::before, .elementor-566 .elementor-element.elementor-element-b34b42c > .elementor-background-video-container::before, .elementor-566 .elementor-element.elementor-element-b34b42c > .e-con-inner > .elementor-background-video-container::before, .elementor-566 .elementor-element.elementor-element-b34b42c > .elementor-background-slideshow::before, .elementor-566 .elementor-element.elementor-element-b34b42c > .e-con-inner > .elementor-background-slideshow::before, .elementor-566 .elementor-element.elementor-element-b34b42c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://farelfashion.com/wp-content/uploads/2026/05/Asset-8.svg");--background-overlay:'';background-position:bottom center;background-repeat:no-repeat;background-size:100% auto;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-566 .elementor-element.elementor-element-a2d5a86{text-align:start;}.elementor-566 .elementor-element.elementor-element-a2d5a86 img{width:51%;}.elementor-566 .elementor-element.elementor-element-b3aca45{--spacer-size:50px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-566 .elementor-element.elementor-element-2e55860{--spacer-size:218px;}.elementor-566 .elementor-element.elementor-element-44b4e9f{--grid-template-columns:repeat(4, auto);text-align:left;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-566 .elementor-element.elementor-element-44b4e9f .elementor-social-icon{background-color:#54070000;}.elementor-566 .elementor-element.elementor-element-44b4e9f .elementor-social-icon i{color:var( --e-global-color-primary );}.elementor-566 .elementor-element.elementor-element-44b4e9f .elementor-social-icon svg{fill:var( --e-global-color-primary );}#elementor-popup-modal-566 .dialog-widget-content{animation-duration:0.5s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-566{background-color:rgba(0,0,0,.8);justify-content:flex-start;align-items:flex-start;pointer-events:all;}#elementor-popup-modal-566 .dialog-message{width:519px;height:100vh;align-items:flex-start;padding:0% 0% 0% 0%;}#elementor-popup-modal-566 .dialog-close-button{display:flex;top:3%;}/* Start custom CSS for container, class: .elementor-element-b34b42c *//* ================================
   FAREL Popup Menu Styling
   Popup ID: 566
   ================================ */

:root {
  --farel-maroon: #540700;
  --farel-linen: #f2ebe4;
}

/* الخلفية السوداء مع البلور */
.elementor-popup-modal {
  background: rgba(0, 0, 0, 0.55) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

/* إلغاء تمركز Elementor الافتراضي */
.elementor-popup-modal .dialog-widget-content {
  position: fixed !important;
  top: 20px !important;
  left: 20px !important;
  bottom: 20px !important;
  right: auto !important;

  width: 360px !important;
  max-width: calc(100vw - 40px) !important;
  height: calc(100vh - 40px) !important;
  max-height: calc(100vh - 40px) !important;

  background: transparent !important;
  box-shadow: none !important;
  margin: 0 !important;
  border-radius: 20px !important;
  overflow: visible !important;
}

/* صندوق الرسالة */
.elementor-popup-modal .dialog-message {
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
  border-radius: 20px !important;
}

/* القائمة نفسها */
.elementor-popup-modal .elementor-566 {
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;

  background: var(--farel-linen) !important;
  border-radius: 20px !important;
  overflow: hidden !important;

  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.38) !important;
  border: 1px solid rgba(84, 7, 0, 0.18) !important;
}

/* الحاوية الداخلية */
.elementor-popup-modal .elementor-566 .elementor-element-b34b42c,
.elementor-popup-modal .elementor-566 .e-con-inner {
  height: 100% !important;
  min-height: 100% !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}

/* زر الإغلاق */
.elementor-popup-modal .dialog-close-button {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;

  position: fixed !important;
  top: 34px !important;
  left: 335px !important;
  right: auto !important;

  width: 34px !important;
  height: 34px !important;
  align-items: center !important;
  justify-content: center !important;

  background: var(--farel-maroon) !important;
  color: var(--farel-linen) !important;
  border-radius: 50% !important;
  z-index: 999999 !important;

  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
}

/* أيقونة زر الإغلاق */
.elementor-popup-modal .dialog-close-button i,
.elementor-popup-modal .dialog-close-button svg {
  color: var(--farel-linen) !important;
  fill: var(--farel-linen) !important;
  font-size: 15px !important;
}

/* Hover */
.elementor-popup-modal .dialog-close-button:hover {
  background: #191919 !important;
  color: var(--farel-linen) !important;
}

/* موبايل */
@media (max-width: 767px) {
  .elementor-popup-modal .dialog-widget-content {
    top: 20px !important;
    left: 20px !important;
    right: 20px !important;
    bottom: 20px !important;

    width: calc(100vw - 40px) !important;
    height: calc(100vh - 40px) !important;
    max-height: calc(100vh - 40px) !important;
  }

  .elementor-popup-modal .dialog-close-button {
    top: 34px !important;
    left: auto !important;
    right: 34px !important;
  }
}

/* ================================
   Fix Popup Menu Hover
   ================================ */

/* روابط القائمة */
.elementor-popup-modal .elementor-566 .elementor-nav-menu .elementor-item {
  color: #191919 !important;
  background: transparent !important;
  font-family: "El Messiri", serif !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  padding: 10px 0 !important;
  transition: all 0.3s ease !important;
}

/* عند الهوفر لا يختفي النص */
.elementor-popup-modal .elementor-566 .elementor-nav-menu .elementor-item:hover,
.elementor-popup-modal .elementor-566 .elementor-nav-menu .elementor-item:focus {
  color: #540700 !important;
  background: transparent !important;
}

/* إزالة خط Elementor الافتراضي */
.elementor-popup-modal .elementor-566 .elementor-nav-menu--main 
.elementor-item:after,
.elementor-popup-modal .elementor-566 .elementor-nav-menu--main 
.elementor-item:before {
  display: none !important;
}

/* العنصر النشط */
.elementor-popup-modal .elementor-566 .elementor-nav-menu .elementor-item-active {
  color: #540700 !important;
  background: transparent !important;
}

/* حركة فخمة بسيطة عند الهوفر */
.elementor-popup-modal .elementor-566 .elementor-nav-menu .elementor-item:hover {
  transform: translateX(8px);
  letter-spacing: 0.4px;
}/* End custom CSS */