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

@font-face {
  font-family: 'ReadexPro';
  src: url('assets/fonts/ReadexPro-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@layer components {
  .basicButton {
    @apply bg-secondary text-primary text-custom12 font-[700]
           xl:text-custom14 px-6 py-2 rounded-md
           transition-all duration-700 border border-transparent
           hover:border-secondary hover:bg-primary hover:text-secondary;
  }
}

/*****************************/
li#qtranslate-2 {
    list-style: none;
}
.bg-lang {
    background-repeat: no-repeat;
    background-size: 600px auto;
}

p.text-darkGrey.leading-\[30px\].text-center.w-full.xl\:w-\[50\%\].mx-auto {
    display: none;
}
/* تغيير اللون فقط بدون ما نكسر الـ layout */
.fluentform input[type="radio"],
.fluentform input[type="checkbox"]{
    accent-color: #22c55e; /* الأخضر */
    width: 20px;
    height: 20px;
}