/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
/* Start Global Style */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.slide-btn {
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 190px;
  height: 55px;
  border-radius: 50px;
}

.slide-btn::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #615d5c;
  position: absolute;
  top: 0;
  left: -100%;
  z-index: -1;
  transition: all 0.3s ease-out;
  border-radius: 50px;
}

.slide-btn:hover::before {
  left: 0;
}

.slide-btn:hover {
  color: #fff;
}

.slide-btn i {
  margin-left: 8px;
  transition: all 0.3s ease;
}

.slide-btn:hover i {
  transform: translateX(6px);
}



/* End Global Style */

/* Start Header Style */
.custom-main-header {
  transition: all 0.3s ease;
}

/* الهيدر اللي هيظهر بعد ما تختفي الأولاني */
.custom-main-header.sticky-show {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: #fff;
animation: smoothFadeDown 0.7s cubic-bezier(0.16, 1, 0.3, 1);}

/* أنيميشن أنعم */
@keyframes smoothFadeDown {
  from {
    opacity: 0;
    transform: translateY(-120%);
    filter: blur(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

@media (min-width: 992px) {
  .custom-dropdown > ul > li:first-child {
    border-top: none !important;
  }
}


.custom-nav .brx-nav-nested-items > li.custom-dropdown > .brx-submenu-toggle > button {
  padding: 0 !important;
}
/* الحالة العادية */
.custom-nav .custom-dropdown .brx-submenu-toggle button svg {
  transition: transform 0.3s ease;
}

/* عند الـ hover على العنصر الأب */
.custom-nav .custom-dropdown:hover .brx-submenu-toggle button svg {
  transform: rotate(180deg);
}
/* الحالة قبل الظهور */
.fade-up {
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.8s ease;
}

/* بعد الظهور */
.fade-up.show {
  opacity: 1;
  transform: translateY(0);
}
/* End Header Style */