/* responsive.css - رسپانسیو کامل */

/* دستگاه‌های کوچک (موبایل) */
@media (max-width: 576px) {
    .hero-section {
        padding: 40px 0;
    }
    
    .hero-section h1 {
        font-size: 1.8rem;
    }
    
    .hero-section p {
        font-size: 1rem;
    }
    
    .card-header h3 {
        font-size: 1.2rem;
    }
    
    .section-title {
        font-size: 1.1rem;
    }
    
    .energy-label {
        font-size: 1.5rem;
        padding: 15px;
    }
    
    .result-card {
        padding: 20px;
    }
    
    .table {
        font-size: 0.85rem;
    }
    
    .btn-lg {
        padding: 10px 25px;
        font-size: 1rem;
    }
    
    .action-buttons {
        flex-direction: column;
        align-items: stretch;
    }
    
    .action-buttons .btn {
        margin-bottom: 10px;
        width: 100%;
    }
}

/* دستگاه‌های متوسط (تبلت) */
@media (min-width: 577px) and (max-width: 768px) {
    .hero-section {
        padding: 60px 0;
    }
    
    .hero-section h1 {
        font-size: 2.2rem;
    }
    
    .card-header h3 {
        font-size: 1.3rem;
    }
    
    .section-title {
        font-size: 1.2rem;
    }
    
    .table {
        font-size: 0.9rem;
    }
    
    .col-md-6, .col-md-4, .col-md-3 {
        margin-bottom: 15px;
    }
}

/* دستگاه‌های بزرگ (دسکتاپ کوچک) */
@media (min-width: 769px) and (max-width: 992px) {
    .hero-section {
        padding: 80px 0;
    }
    
    .hero-section h1 {
        font-size: 2.5rem;
    }
    
    .calculator-section .col-lg-10 {
        width: 100%;
    }
}

/* چاپ */
@media print {
    .no-print {
        display: none !important;
    }
    
    .result-card {
        box-shadow: none !important;
        border: 1px solid #ddd !important;
    }
    
    .btn, .action-buttons, .share-buttons {
        display: none !important;
    }
    
    body {
        background: white !important;
        color: black !important;
        font-size: 12pt !important;
    }
    
    .container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
}

/* نمایش لمسی بهتر */
@media (hover: none) and (pointer: coarse) {
    .btn, .form-control, .form-select {
        padding: 15px !important;
        min-height: 50px !important;
    }
    
    .form-check-input {
        width: 25px !important;
        height: 25px !important;
    }
    
    .table td, .table th {
        padding: 12px 8px !important;
    }
}

/* تنظیمات مخصوص RTL */
[dir="rtl"] .form-check-input {
    margin-left: 0.5em;
    margin-right: -1.5em;
}

[dir="rtl"] .input-group > .form-control,
[dir="rtl"] .input-group > .form-select {
    border-radius: 0 0.375rem 0.375rem 0;
}

[dir="rtl"] .input-group > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
[dir="rtl"] .input-group > .dropdown-toggle:nth-last-child(n+3) {
    border-radius: 0.375rem 0 0 0.375rem;
}

/* نمایش بهتر در مرورگرهای مختلف */
@supports (-webkit-touch-callout: none) {
    /* iOS خاص */
    .form-control, .form-select {
        -webkit-appearance: none;
        appearance: none;
    }
}

/* نمایش بهتر در Firefox */
@-moz-document url-prefix() {
    .form-control, .form-select {
        padding: 11px 15px;
    }
}