/*FOOTER START*/

.main-footer {
    background-color: #fff;
    color: #515251;
    background-image: url("/wp-content/uploads/2025/08/footer-bg.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 28% auto;
}

.footer-content {
    padding: 20px;
}

.footer-title {
    display: inline-block;
    border-bottom: 1px solid #515251;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 1rem;
}

.footer-links li {
    margin-bottom: 0.5rem;
}

.footer-links a {
    font-size: 14px;
    color: #515251;
    margin-bottom: 0.5rem;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-links a:hover {
    color: #588E80;
}

.footer-content p {
    margin-bottom: 13px;
    font-size: 15px;
}
.social-icons a {
    text-decoration: none;
}
.social-icons a i {
    color: #515251;
    font-size: 24px;
    transition: stroke 0.3s ease;
}

.footer-logo {
    display: block;
    width: 69px;
    height: 69px;
    transition: transform 0.3s ease;
    border-radius: 5px;
    border: 1px solid #dadada;
}

.footer-logo-wrapper {
    text-align: start;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 16px;
    margin-bottom: 8px;
    padding-left: 15px;
}

.footer-logo-img {
    width: 56px;
    height: auto;
    border-radius: 100px;
    background-color: white;
}

.footer-logo:hover {
    transform: scale(1.05);
}

.credits {
    padding: 0 20px;
}

@media (max-width: 1200px) {
    .credits {
        padding-bottom: 200px;
    }
    .main-footer {
        background-size: 100% auto;
    }

    .footer-logo-img {
        width: 55px;
    }
    .brand-text {
        background-color: #fff;
        padding: 8px;
        border-radius: 15px;
    }
}

.footer-symbols > div {
    width: 80px;
    height: 85px;
}

.footer-symbols img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*FOOTER END*/
.badge-box {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 68px;  /* ابعاد ظریف‌تر شد تا ۶ نماد در یک خط ستون شما جا شوند */
    height: 68px;
    border: 1px solid #e6e6e6;
    border-radius: 8px; /* گوشه‌های متناسب با سایز جدید */
    background-color: #ffffff;
    padding: 5px;
    text-decoration: none !important;
    transition: all 0.3s ease; 
    flex-shrink: 0; /* جلوگیری از مچاله شدن بیش از حد عکس‌ها */
}

.badge-box:hover {
    border-color: #b0b0b0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.badge-box img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
/* تنظیمات مخصوص موبایل و تبلت */
@media (max-width: 991px) {
    .trust-badges-list {
        flex-wrap: wrap !important; /* اجازه شکستن خط در موبایل */
        justify-content: center !important; /* وسط‌چین کردن نمادها برای زیبایی بیشتر */
        gap: 10px !important; /* ایجاد فاصله مناسب بین ردیف‌ها */
        margin-top: 15px !important;
    }

    .custom-footer-trust {
        text-align: center !important;
    }

    .support-contact {
        justify-content: center !important; /* وسط‌چین کردن شماره تماس در موبایل */
        margin-bottom: 20px !important;
    }

    .badge-box {
        width: 65px; /* سایز نمادها در موبایل کمی خواناتر می‌شود */
        height: 65px;
    }
}
