/*
Theme Name: wurx
Theme URI: http://example.com/my-theme
Author: Your Name
Author URI: http://example.com
Description: A custom theme using Tailwind CSS.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-theme
*/


/* Start Global Style*/
body {
    font-family: 'Poppins', sans-serif !important;
    background: linear-gradient(to bottom, #371A67, #6F16AA);
    
}
.abel {
    font-family: 'Abel', sans-serif !important;
}



.scale-hover{
    transition:0.3s;
    cursor:pointer;
}
.scale-hover:hover{
    transform:scale(1.09);
}

.btn-hover i{
    transition:0.5s;
    cursor:pointer;
}
.btn-hover:hover i{
    transform:translateX(10px);
}

/* End Global Style*/

/*Start Header*/
/*#menu-home li {*/
/*    transition: transform 0.3s ease, color 0.3s ease;*/
/*}*/

/*#menu-home li:hover {*/
/*    transform: scale(1.2);*/
/*    color: #F12D6C;*/
/*}*/

.mobile-menu {
    z-index : 10000000000000000 !important;
}


.glass {
  position: relative;
  backdrop-filter: blur(2px) saturate(180%);
  border: 0.0625rem solid rgb(255 255 255 / 46%);
  border-radius: 2rem;
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.2), inset 0 4px 20px rgba(255, 255, 255, 0.3);
}
.glass::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  backdrop-filter: blur(1px);
  box-shadow: inset -10px -8px 0px -11px rgba(255, 255, 255, 1),
    inset 0px -9px 0px -8px rgba(255, 255, 255, 1);
  opacity: 0.6;
  z-index: -1;
  filter: blur(1px) drop-shadow(10px 4px 6px black) brightness(50%);
  pointer-events: none;
}

.glassTwo{
  border-radius: 20px;
  position: relative;
  background: rgba(255, 255, 255, 0.13); /* الشفافية الأصلية 13% */
  
  /* الظلال */
  box-shadow: 
    0 6px 25px rgba(0, 0, 0, 0.18), /* الظل الخارجي */
    inset 0 7px 10px rgba(255, 255, 255, 0.1); /* الظل الداخلي */
  
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  transition: background 0.3s ease; /* تأثير ناعم للهوفر */
}

/* الـ gradient border الحقيقي */
.glassTwo::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1.5px; /* سمك اللمعة */
  background: linear-gradient(135deg, #ffffff66, #ffffff10);
  -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}


.gradient {
  background: linear-gradient(to bottom, #371A67, #6F16AA);
}

@keyframes floatUp {
  0% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
  100% { transform: translateY(0); }
}

@keyframes floatDown {
  0% { transform: translateY(0); }
  50% { transform: translateY(20px); }
  100% { transform: translateY(0); }
}

.float-up {
  animation: floatUp 4s ease-in-out infinite;
}

.float-down {
  animation: floatDown 4s ease-in-out infinite;
}

/*Cart page */


/* الخطوط حول الصناديق */
[id^="box-"]::before {
    content: "";
    position: absolute;
    width: 177px;
    height: 1.5px;
    background: white;
}

#box-1::before { top: 70px; right: -90%; transform: rotate(16deg); }
#box-2::before { top: 70px; left: -85%; transform: rotate(160deg); }
#box-3::before { top: 31px; right: -90%; width: 180px; transform: rotate(0deg); }
#box-4::before { top: 31px; left: -102%; width: 180px; transform: rotate(0deg); }
#box-5::before { top: 4px; right: -108%; transform: rotate(166deg); }
#box-6::before { top: 4px; left: -96%; transform: rotate(195deg); }



/*/cart page*/