@tailwind base;
@tailwind components;
@tailwind utilities;

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}
:root {
  --primary: "#B58C40";
  --dark:'#100f0d'
  --bg-gray: "#1b1b1b";
  --border_gray: "#707070";
}

body,html {
  overflow-x: hidden
}


@layer base {
    body {
      @apply bg-dark text-white overflow-x-hidden;
    }
  }
  
  @layer utilities {
    .sections_padding {
      @apply py-14;
    }
    .image_cover {
      @apply w-full h-full object-cover object-center;
    }
    .animation_duration {
      @apply transition duration-300;
    }
    .center {
      @apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2;
    }
    .overlay_animation {
      @apply absolute w-full h-full top-0 left-0 scale-50 group-hover/item:scale-100 opacity-0 transition duration-300;
    }
  }
  @media only screen and (max-width: 1366px) {
    html {
      font-size: 12px;
    }
  }
  input[type="file"] {
    display: none;
  }

  
  .custom-file-upload {
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
  }
  .swiper-pagination-clickable .swiper-pagination-bullet{
    position: relative;
  }
  .swiper-pagination-clickable .swiper-pagination-bullet:hover{
    transform: scale(1.3);
    transition: all .5s;
  }
  .swiper-pagination-clickable .swiper-pagination-bullet:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: transparent;
    border: solid 3px #1b1b1b;
    border-radius: 50%;
    outline: 1px solid #B58C40;
  }

input[type="tel"]{
  background: #D9D9D90D;
  padding: 8px 10px;
  width: 100%;
  text-align: start;
}
div.phone_required{
  position: relative;
}
div.phone_required{
  border:solid 1px #ef4444;
  border-radius: 10px;
}
input[type="tel"]:focus{
  outline: 0;
  border: 0;
}
input[type="tel"]::placeholder{
  color: #707070;
}
.cart_phone input[type="tel"]{
  border-radius: 0 12px 12px 0;
}
.PhoneInputCountrySelect{
  background: #252525 !important;
}
.PhoneInputCountrySelect::-webkit-scrollbar{
  display: none;
}
  .direction-ltr{
    direction: ltr
  }

.gallerySlider{
  position: relative;
}
.gallerySlider:after{
  position: absolute;
  top: 60px;
  left: 0;
  background: #100f0d;
  content: '';
  width: 115px;
  height: 90%;
  z-index: 100;
}
.gallerySlider:before{
  position: absolute;
  top: 60px;
  right: 0px;
  background: #100f0d;
  content: '';
  width: 115px;
  height: 90%;
  z-index: 100;
}

.moving-gradient {
  background: linear-gradient(70deg, #b58c40, #dedede, #b58c40, #dedede);
  background-size: 500% 100%;
  animation: moveGradient 8s linear infinite;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: bold;
}


@media only screen and (max-width:1000px){
  .gallerySlider:after,.gallerySlider:before{
    display: none;
  }
}



@keyframes moveGradient {
  0% {
    background-position: 100% 0%;
  }
  100% {
    background-position: -100% 0%;
  }
}