@font-face { font-family: 'Dana'; src: url('../fonts/DanaVF.woff') format('woff-variations'), url('../fonts/DanaVF.woff') format('woff'); font-display: fallback; } body, input, button, select, optgroup, textarea { font-family: "Dana", sans-serif; -moz-font-feature-settings: "ss02"; -webkit-font-feature-settings: "ss02"; font-feature-settings: "ss02"; } h1, h2, h3, h4, h5, h6, .list-group *, .btn, .header-title, .accordion-button, #footer-bar a:not(.btn) span, .form-label label, .offline-message, .online-message, .snackbar, .tabs .tab-controls, .toast-pill, .toast-bar, .menu-divider { font-family: "Dana", sans-serif; letter-spacing: normal; } .menu-divider { font-size: 12px; } p { letter-spacing: normal; } .header-bar.header-app .header-title { text-align: right; } .offcanvas.offcanvas-bottom { height: auto; } .apexcharts-legend-marker { margin-left: 3px; margin-right: unset; } .apexcharts-yaxis-texts-g { margin-left: 20px; } .header-bar.header-left .header-title { padding-right: 15px; padding-left: unset; } .form-check-custom label { padding: 0px 40px 0px 15px; } .form-check-custom i { right: 0; left: unset; } .android-input:checked ~ .custom-control-label::after { transform: translateX(-27px); } .form-check-custom input { transform: translateX(10000px); } .form-custom.form-icon label { padding-right: 45px; padding-left: unset; } .theme-light .stepper a:last-child { border-right: solid 1px rgba(0, 0, 0, 0.1); border-left: unset; } .theme-light .stepper a:first-child { border-left: solid 1px rgba(0, 0, 0, 0.1); border-right: unset; } .stepper a { font-size: 11px; } .toast-pill i { right: 0; left: unset; } input[type="tel"] { padding-left: 50px!important; } input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; } body { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #f0f0f0; } .under-heading p{ margin-bottom: 0; } #app { max-width: 480px; /* عرض گوشی معمولی */ width: 100%; height: 100vh; overflow: auto; /* اسکرول کردن محتوا */ } .header-bar , #footer-bar,#menu-bell , .payment_section , #menu-color , #terms_Conditions { max-width: 480px; /* عرض گوشی معمولی */ margin:0 auto; } .audio__time-wrap , .audio__btn-wrap { direction: ltr; } body.loading { overflow: hidden; } body.loading::before { content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.8); display: flex; justify-content: center; align-items: center; z-index: 9999; } body.loading::before { border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 120px; height: 120px; animation: spin 2s linear infinite; } #goftino_w { bottom: 69px !important; } #goftino_w:has(#box-chat.fadeInUp) { bottom: 0px !important; } .box-chat-content { margin-top: 69px !important; height: calc(-69px + 100vh) !important; } .box-header { margin-top: 69px !important; /* width: 101%; */ } #btn-close-chat { margin-top: 69px !important; } .support_goftino { position: fixed; bottom: 230px; right: -61px; background: green; border-radius: 10px; padding: 8px 10px 10px; z-index: 999; transform: rotate(-90deg); } .support_goftino i{ margin-left: 10px; } .support_goftino a{ font-size: 16px; color: #fff !important; } select option { color: #000 !important; } /* اگر کلاس تم روی ست می‌شود (اختیاری برای پوشش هر دو حالت) */ body.theme-light .app-logo--dark { display: none; } body.theme-dark .app-logo--light { display: none; } body.theme-dark .app-logo--dark { display: block !important; } /* پیش‌فرض: اگر هیچکدام نبود، نسخه‌ی روشن را نشان بده */ :root:not(.theme-dark) .app-logo--dark { display: none; }