/* =======================================================
   features.css — شارژپال (chargepal.ir)
   استایل‌های مشترک تمام صفحات امکانات
   ======================================================= */

.material-symbols-outlined.align-middle { font-size: 1.2em; vertical-align: -3px; }
.small-icon { font-size: 1em; vertical-align: middle; }
.feature-icon { font-size: 58px !important; color: #384CA2; margin-bottom: 1rem; }

.text-warning a { color: inherit !important; text-decoration: underline; }
.text-warning a:hover { color: #ffc107 !important; text-decoration: none; }
.text-info a { color: inherit !important; text-decoration: underline; }
.text-info a:hover { color: #0dcaf0 !important; text-decoration: none; }

.comment-box { border-radius: 10px; background: #fff; padding: 15px; margin-bottom: 15px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.comment-box .quote img { width: 20px; opacity: 0.5; margin-bottom: 5px; }
.comment-box .description { font-size: 0.9rem; line-height: 1.6; color: #555; }
.comment-box .detail { font-size: 0.8rem; color: #777; text-align: left; margin-top: 10px; }

.faq-button { width: 100%; text-align: right; background: none; border: none; padding: 10px 0; font-weight: bold; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.faq-button .icon .minus { display: none; }
.faq-button:not(.collapsed) .icon .minus { display: inline-block; }
.faq-button:not(.collapsed) .icon .plus { display: none; }
.faq-body { padding: 10px 0 15px; font-size: 0.9rem; color: #555; line-height: 1.7; }

.breadcrumb { background-color: transparent; padding: 0.75rem 0; }
.card-title a { text-decoration: none; color: inherit; }
.card-title a:hover { color: #0d6efd; }

@media (max-width: 767.98px) {
    .pages { padding: 40px 15px; }
    .title1 { font-size: 1.5rem !important; }
    .title2 { font-size: 1.3rem !important; }
    h3.card-title.fs-5 { font-size: 1.1rem !important; }
    h3.item-title.fs-6, h3.item-title.mt-0.fs-6.fw-bold, h3.item-title.mt-3.fs-6.fw-bold { font-size: 1.1rem !important; }
    p, li, .small.text-muted, .small.fst-italic { font-size: 0.9rem; }
    .card-text, .item-title, p { word-wrap: break-word; overflow-wrap: break-word; }
    .row > .col-md-6, .row > .col-md-7, .row > .col-md-5, .row > .col-md-4, .row > .col-lg-5, .row > .col-lg-3 {
        flex: 0 0 100%; max-width: 100%; margin-bottom: 1.5rem;
    }
}
@media (max-width: 576px) {
    .title1 { font-size: 1.3rem !important; }
    .title2 { font-size: 1.2rem !important; }
    .pages { padding: 30px 10px; }
}