/*
Theme Name: قالب تیزهوش
Theme URI:
Author: mostafa abedini
Author URI: https://wordpress.org
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

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

@font-face {
    font-family: "ravi-bold";

    src: url("../fonts/Ravi-Bold.woff");
}

@font-face {
    font-family: "ravi";

    src: url("../fonts/Ravi-Medium.woff");
}

body {
    margin: 0 !important;
    direction: rtl;
    font-family: "ravi" !important;
}

.font-bold {
    font-family: "ravi-bold" !important;
}

.hidden-scroll {
    scrollbar-width: none;
    /* مخفی کردن نوار اسکرول در فایرفاکس */
}

.hidden-scroll::-webkit-scrollbar {
    display: none;
    /* مخفی کردن نوار اسکرول در کروم، سافاری و اج */
}

.loading-spinner {
    display: none;
    width: 20px;
    height: 20px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top: 3px solid #fff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-left: 10px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.mySwiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.bg-auth {
    background-image: url('../images/bg-auth.png');
}

input:focus-visible {
    outline: 1px solid #1C1C21;
}

textarea:focus-visible {
    outline: 1px solid #1C1C21;
}

.code-input {
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 20px;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

#code-section div, #reset-password-form div {
    direction: ltr;
    /* تغییر دایرکشن به راست به چپ */
    text-align: right;
    /* تراز کردن به سمت راست */
}

#veepn-guard-alert {
    display: none;
}

.dark .bg-secondary, .dark .lg\:bg-secondary {
    background-color: #F3F3F3 !important;
}

.dark {
    background-color: white;
}

.dark .text-white {
    color: black;
}

.dark button {
    color: white !important;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
    opacity: 0;
}

.dark .bg-\[\#26262C\] {
    background-color: white;
    border: 1px solid rgb(38 38 44 / 1);
}

.faq-answer.open {
    max-height: 100px;
    /* مقدار تقریبی برای نمایش */
    opacity: 1;
}

/* تغییر ظاهر اسکرول */
::-webkit-scrollbar {
    width: 8px;
    /* عرض اسکرول */
}

::-webkit-scrollbar-track {
    background: #222;
    /* رنگ پس‌زمینه */
    border-radius: 16px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #1C1C21, #1C1C21);
    /* رنگ گرادینت */
    border-radius: 16px;
    transition: all 0.3s ease-in-out;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #1c1c21c7, #1c1c21d8);
    transform: scale(1.1);
}

.notyf__icon {
    margin-left: 10px;
}

.bg-gradiant {
    background: linear-gradient(to top, #1246FF, #6086FD);
}

@media(max-width:800px) {
    .container {
        width: 90%;
    }

    .code-input {
        width: 50px;
        height: 50px;
    }
}

#scroll-track {
    display: flex;
    gap: 16px;
}

@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sahel&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shabnam&display=swap');
.font-vazir { font-family: 'Vazirmatn', sans-serif; }
.font-shabnam { font-family: 'Shabnam', sans-serif; }
.font-sahel { font-family: 'Sahel', sans-serif; }