/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

body {
    direction: rtl;
}

/* رنگ‌های اصلی */
:root {
    --primary-blue: #2E62FF;
    --light-blue: #84C2F3;
    --very-light-blue: #C5DCFA;
    --accent-orange: #FFBB6B;
    --black: #000000;
    --white: #FFFFFF;
}

/* انیمیشن برای باکس‌های شارژ */
.charge-box {
    transition: all 0.3s ease;
    cursor: pointer;
}

.charge-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

/* استایل دکمه با هاور */
.cta-button {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(46, 98, 255, 0.3);
}

/* انیمیشن برای سکه‌های طلایی */
@keyframes float {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-20px) rotate(180deg);
    }
}

.floating-coin {
    animation: float 3s ease-in-out infinite;
}

/* استایل برای نوار پیشرفت */
.progress-bar {
    background: #2E62FF;
    height: 8px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.progress-bar-5::after {
    width: 5%;
}

.progress-bar-15::after {
    width: 15%;
}

.progress-bar-25::after {
    width: 25%;
}

.progress-bar-50::after {
    width: 50%;
}

.progress-bar::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #EAEAEA;
}

.arrow-box-ab {
    top: 32px;
    left: 30px;
}

.discount-code {
    border: dashed 1px #c8c8c8;
}