/* =========================================================
   TAMINYAR FOOTER MASTER V5
   تنها استایل نهایی Footer
   Desktop + Tablet + Mobile
   ========================================================= */


/* =========================================================
   BASE
   ========================================================= */

html body .site-footer {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;

    padding: 36px 0 18px !important;

    overflow: hidden !important;

    background:
        radial-gradient(
            circle at 50% -15%,
            rgba(55, 195, 106, .16),
            transparent 36%
        ),
        linear-gradient(
            180deg,
            #123949 0%,
            #0c2b39 100%
        ) !important;

    color: #fff !important;
}


html body .site-footer::before {
    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    left: 0 !important;

    height: 1px !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(67, 205, 115, .7),
            transparent
        ) !important;
}


html body .site-footer,
html body .site-footer *,
html body .site-footer *::before,
html body .site-footer *::after {
    box-sizing: border-box !important;
}


/* =========================================================
   CONTAINER
   ========================================================= */

html body .site-footer > .container {
    position: relative !important;

    width: min(
        1160px,
        calc(100% - 36px)
    ) !important;

    max-width: 1160px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}


/* =========================================================
   GRID
   مهم: دیگر کارت‌ها کش نمی‌آیند
   ========================================================= */

html body .site-footer .footer-grid {
    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    gap: 12px !important;

    align-items: start !important;
    justify-items: stretch !important;

    width: 100% !important;
}


html body .site-footer .footer-grid > div {
    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;
    justify-content: flex-start !important;

    align-self: start !important;

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;

    padding: 20px 16px !important;

    border:
        1px solid
        rgba(255,255,255,.075) !important;

    border-radius: 18px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.025)
        ) !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.035) !important;

    text-align: center !important;

    overflow: hidden !important;

    animation:
        tyFooterMasterEnter
        .42s
        ease-out
        both;
}


html body .site-footer .footer-grid > div:nth-child(2) {
    animation-delay: .04s;
}

html body .site-footer .footer-grid > div:nth-child(3) {
    animation-delay: .08s;
}

html body .site-footer .footer-grid > div:nth-child(4) {
    animation-delay: .12s;
}


/* =========================================================
   BRAND
   ========================================================= */

html body .site-footer .footer-brand {
    text-align: center !important;
}


html body .site-footer .footer-brand .brand {
    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 7px !important;

    width: 100% !important;

    margin: 0 auto 12px !important;

    color: #fff !important;

    text-align: center !important;

    text-decoration: none !important;
}


html body .site-footer .footer-brand .brand img {
    display: block !important;

    width: 50px !important;
    height: 50px !important;

    min-width: 50px !important;

    margin: 0 auto !important;

    border-radius: 50% !important;

    background: #fff !important;

    object-fit: contain !important;

    box-shadow:
        0 8px 22px
        rgba(0,0,0,.13) !important;
}


html body .site-footer .footer-brand .brand > span {
    display: block !important;

    color: #fff !important;

    font-size: 15px !important;
    font-weight: 900 !important;

    line-height: 1.7 !important;

    text-align: center !important;
}


html body .site-footer .footer-brand .brand small {
    display: block !important;

    margin-top: 2px !important;

    color: #9fb5c0 !important;

    font-size: 9px !important;
    font-weight: 500 !important;

    text-align: center !important;
}


html body .site-footer .footer-brand p {
    width: 100% !important;
    max-width: 285px !important;

    margin: 0 auto !important;

    color: #bfd0d7 !important;

    font-size: 10.5px !important;

    line-height: 2 !important;

    text-align: center !important;
}


/* =========================================================
   TITLE
   ========================================================= */

html body .site-footer .footer-title {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    margin: 0 0 16px !important;

    /*
     * فاصله بیشتر بین متن و خط سبز
     */
    padding: 0 0 22px !important;

    color: #fff !important;

    font-size: 13px !important;
    font-weight: 900 !important;

    line-height: 1.7 !important;

    text-align: center !important;
}


/* هر خط عمودی قبلی حذف */

html body .site-footer .footer-title::before {
    content: none !important;

    display: none !important;
}


/* خط سبز با فاصله مناسب */

html body .site-footer .footer-title::after {
    content: "" !important;

    display: block !important;

    position: absolute !important;

    top: auto !important;
    right: 50% !important;
    bottom: 4px !important;
    left: auto !important;

    width: 31px !important;
    height: 3px !important;

    margin: 0 !important;

    border: 0 !important;
    border-radius: 999px !important;

    background:
        linear-gradient(
            90deg,
            #20af55,
            #4bd47d
        ) !important;

    transform: translateX(50%) !important;
}


/* =========================================================
   LINKS
   ========================================================= */

html body .site-footer .footer-links {
    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;

    gap: 6px !important;

    width: 100% !important;

    margin: 0 !important;
}


html body .site-footer .footer-links a {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    min-height: 36px !important;

    margin: 0 !important;

    padding: 7px 9px !important;

    border:
        1px solid
        rgba(255,255,255,.04) !important;

    border-radius: 10px !important;

    background:
        rgba(255,255,255,.025) !important;

    color: #cedce2 !important;

    font-size: 10px !important;
    font-weight: 650 !important;

    line-height: 1.6 !important;

    text-align: center !important;
    text-decoration: none !important;

    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease !important;
}


html body .site-footer .footer-links a::before,
html body .site-footer .footer-links a::after {
    content: none !important;

    display: none !important;
}


html body .site-footer .footer-links a:hover {
    color: #fff !important;

    background:
        rgba(45, 190, 96, .11) !important;

    transform:
        translateY(-1px) !important;
}


/* =========================================================
   CONTACT
   ========================================================= */

html body .site-footer .contact-mini {
    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;

    gap: 6px !important;

    width: 100% !important;

    margin: 0 !important;

    text-align: center !important;
}


html body .site-footer .contact-mini > * {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    min-height: 36px !important;

    margin: 0 !important;

    padding: 7px 9px !important;

    border:
        1px solid
        rgba(255,255,255,.045) !important;

    border-radius: 10px !important;

    background:
        rgba(255,255,255,.03) !important;

    color: #d3e0e5 !important;

    font-size: 10.5px !important;
    font-weight: 600 !important;

    line-height: 1.7 !important;

    text-align: center !important;

    text-decoration: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    overflow-wrap: anywhere !important;
}


/* =========================================================
   PHONE
   شماره وجود دارد؛ فقط باید کاملاً خوانا شود
   ========================================================= */

html body .site-footer
.contact-mini
a[data-config-item="phone"] {

    display: flex !important;

    color: #ffffff !important;

    background:
        rgba(255,255,255,.085) !important;

    border-color:
        rgba(255,255,255,.11) !important;

    font-size: 12.5px !important;
    font-weight: 850 !important;

    direction: ltr !important;

    unicode-bidi: isolate !important;

    letter-spacing: .15px !important;

    opacity: 1 !important;
    visibility: visible !important;

    text-shadow:
        0 1px 4px
        rgba(0,0,0,.16) !important;
}


html body .site-footer
.contact-mini
a[data-config-item="phone"] * {

    color: #ffffff !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* EMAIL */

html body .site-footer
.contact-mini
a[data-config-href="email"],
html body .site-footer
.contact-mini
a[data-config-href="email"] * {

    color: #d7e4e9 !important;
}


/* WORK HOURS */

html body .site-footer
.contact-mini
[data-config="workHours"] {

    color: #b7cbd3 !important;
}


/* =========================================================
   ENAMAD
   ========================================================= */

html body .site-footer .enamad-slot {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 138px !important;
    max-width: 138px !important;

    min-height: 84px !important;

    margin: 12px auto 0 !important;

    padding: 8px !important;

    border-radius: 13px !important;

    background: #fff !important;

    box-shadow:
        0 7px 20px
        rgba(0,0,0,.09) !important;
}


html body .site-footer .enamad-slot a {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: auto !important;
}


html body .site-footer .enamad-slot img {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 67px !important;
    max-height: 67px !important;

    margin: 0 auto !important;
}


/* =========================================================
   FOOTER BOTTOM
   ========================================================= */

html body .site-footer .footer-bottom {
    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 4px !important;

    width: 100% !important;

    margin: 16px 0 0 !important;

    padding: 14px 0 0 !important;

    border-top:
        1px solid
        rgba(255,255,255,.075) !important;

    text-align: center !important;
}


html body .site-footer .footer-bottom > span {
    display: block !important;

    color: #8fa6b1 !important;

    font-size: 9px !important;

    line-height: 1.8 !important;

    text-align: center !important;
}


html body .site-footer
.footer-bottom
[data-config="domain"] {

    display: inline !important;

    color: #45cb76 !important;

    font-weight: 800 !important;

    direction: ltr !important;

    unicode-bidi: isolate !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

    html body .site-footer .footer-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        align-items: start !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 620px) {

    html body .site-footer {
        padding:
            27px
            0
            15px !important;
    }


    html body .site-footer > .container {
        width:
            calc(100% - 24px) !important;
    }


    html body .site-footer .footer-grid {
        grid-template-columns:
            minmax(0, 1fr) !important;

        gap: 9px !important;

        align-items: start !important;
    }


    html body .site-footer
    .footer-grid > div {

        height: auto !important;
        min-height: 0 !important;

        padding:
            17px
            14px !important;
    }


    html body .site-footer
    .footer-title {

        padding-bottom:
            21px !important;

        margin-bottom:
            15px !important;
    }


    html body .site-footer
    .footer-links {

        display: grid !important;

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;
    }


    html body .site-footer
    .contact-mini
    a[data-config-item="phone"] {

        font-size:
            13px !important;
    }

}


@media (max-width: 370px) {

    html body .site-footer
    .footer-links {

        grid-template-columns:
            minmax(0, 1fr) !important;
    }

}


/* =========================================================
   ANIMATION
   ========================================================= */

@keyframes tyFooterMasterEnter {

    from {
        opacity: 0;

        transform:
            translate3d(
                0,
                8px,
                0
            );
    }

    to {
        opacity: 1;

        transform: none;
    }

}


@media (prefers-reduced-motion: reduce) {

    html body .site-footer
    .footer-grid > div {

        animation:
            none !important;
    }

}


/* =========================================================
   FOOTER PHONE — FINAL
   ========================================================= */

html body .site-footer
.contact-mini
a[data-config-item="phone"] {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 800 !important;

    direction: ltr !important;
    unicode-bidi: isolate !important;

    opacity: 1 !important;
    visibility: visible !important;
}


html body .site-footer
.contact-mini
a[data-config-item="phone"] > span,

html body .site-footer
.contact-mini
a[data-config-item="phone"]
[data-config="phone"] {

    display: inline !important;

    color: #ffffff !important;

    opacity: 1 !important;
    visibility: visible !important;

    font: inherit !important;
}



/* =========================================================
   FOOTER PHONE — FINAL
   ========================================================= */

html body .site-footer
.contact-mini
a[data-config-item="phone"] {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 800 !important;

    direction: ltr !important;
    unicode-bidi: isolate !important;

    opacity: 1 !important;
    visibility: visible !important;
}


html body .site-footer
.contact-mini
a[data-config-item="phone"] > span,

html body .site-footer
.contact-mini
a[data-config-item="phone"]
[data-config="phone"] {

    display: inline !important;

    color: #ffffff !important;

    opacity: 1 !important;
    visibility: visible !important;

    font: inherit !important;
}



/* =========================================================
   FOOTER DESKTOP — EQUAL CARD HEIGHT
   ========================================================= */

@media (min-width: 981px) {

    html body .site-footer .footer-grid {
        align-items: stretch !important;
    }

    html body .site-footer .footer-grid > div {
        height: 100% !important;
        min-height: 0 !important;

        align-self: stretch !important;
    }

}

/* ===== TY FOOTER BRAND FINAL V2 ===== */


/* =========================================================
   BRAND
   اندازه اصلی برند حفظ شود
   ========================================================= */

.site-footer
.footer-brand
.brand {

    width: auto !important;

    margin-left: auto !important;
    margin-right: auto !important;

    transform: none !important;
}


/*
 * متن اصلی کنار/زیر لوگو دوباره نمایش داده شود.
 * این همان نام اصلی برند + subtitle است.
 */

.site-footer
.footer-brand
.brand > span {

    display: flex !important;

    flex-direction: column !important;

    opacity: 1 !important;

    visibility: visible !important;

    transform: none !important;
}


/*
 * لوگو کوچک نشود.
 */

.site-footer
.footer-brand
.brand img {

    transform: none !important;

    opacity: 1 !important;
}


/* =========================================================
   COPYRIGHT
   ========================================================= */

.site-footer
.footer-bottom {

    line-height: 2 !important;
}


/*
 * متن:
 * © تمامی حقوق برای تأمین‌یار محفوظ است.
 */

.site-footer
.footer-bottom > span:first-child {

    font-size: 14px !important;

    font-weight: 700 !important;

    color: rgba(255,255,255,.82) !important;
}


/*
 * دامنه رسمی کمی کوچک‌تر از Copyright
 */

.site-footer
.footer-bottom > span:last-child {

    font-size: 12.5px !important;

    font-weight: 600 !important;
}


@media (max-width: 680px) {

    .site-footer
    .footer-bottom > span:first-child {

        font-size: 13px !important;
    }


    .site-footer
    .footer-bottom > span:last-child {

        font-size: 12px !important;
    }

}


/* =========================================================
   TAMINYAR FOOTER — FINAL BRAND FIX
   علت تکرار نام برند: ::after در site-final-v5.css
   ========================================================= */


/* حذف قطعی نام تأمین‌یار تولیدشده توسط pseudo-element */
html body .site-footer
.footer-brand
a.brand[href="index.html"]::after,

html body .site-footer
.footer-brand
a.brand[href="./index.html"]::after,

html body .site-footer
.footer-brand
a.brand[href="/"]::after {

    content: none !important;

    display: none !important;

    width: 0 !important;
    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 0 !important;

    opacity: 0 !important;

    text-shadow: none !important;
}


/* برند اصلی دست‌نخورده و با اندازه طبیعی */
html body .site-footer
.footer-brand
.brand {

    transform: none !important;

    scale: 1 !important;

    width: auto !important;

    margin:
        0
        auto
        14px !important;
}


/* نام اصلی تأمین‌یار و subtitle دوباره با اندازه مناسب */
html body .site-footer
.footer-brand
.brand > span {

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    visibility: visible !important;
    opacity: 1 !important;

    transform: none !important;
}


html body .site-footer
.footer-brand
.brand > span {

    font-size: 17px !important;

    font-weight: 900 !important;

    line-height: 1.45 !important;
}


html body .site-footer
.footer-brand
.brand > span > small {

    display: block !important;

    margin-top: 3px !important;

    font-size: 10.5px !important;

    font-weight: 600 !important;

    line-height: 1.6 !important;
}


/* لوگو به اندازه قبل */
html body .site-footer
.footer-brand
.brand img {

    width: 46px !important;
    height: 46px !important;

    min-width: 46px !important;

    transform: none !important;
}


/* =========================================================
   COPYRIGHT — بزرگ‌تر و خواناتر
   ========================================================= */

html body .site-footer
.footer-bottom {

    font-size: 14px !important;

    line-height: 2 !important;
}


html body .site-footer
.footer-bottom > span:first-child {

    font-size: 14px !important;

    font-weight: 700 !important;

    color:
        rgba(255,255,255,.88) !important;
}


html body .site-footer
.footer-bottom > span:last-child {

    font-size: 12.5px !important;

    font-weight: 650 !important;
}


@media (max-width: 680px) {

    html body .site-footer
    .footer-brand
    .brand > span {

        font-size: 17px !important;
    }


    html body .site-footer
    .footer-brand
    .brand > span > small {

        font-size: 10.5px !important;
    }


    html body .site-footer
    .footer-bottom > span:first-child {

        font-size: 13.5px !important;
    }

}


/* =========================================================
   FOOTER BRAND BOX — TEXT SIZE FINAL
   ========================================================= */

/* نام تأمین‌یار زیر لوگو */
html body .site-footer
.footer-brand
.brand > span {

    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
}


/* همراه آموزشی بیمه‌شدگان */
html body .site-footer
.footer-brand
.brand > span > small {

    margin-top: 4px !important;

    font-size: 12.5px !important;
    font-weight: 650 !important;

    line-height: 1.7 !important;

    color: rgba(255,255,255,.70) !important;
}


/* عنوان اصلی:
   از بیمه‌پردازی تا بازنشستگی
*/
html body .site-footer
.footer-brand h2,

html body .site-footer
.footer-brand h3,

html body .site-footer
.footer-brand .footer-brand-title {

    margin:
        11px
        0
        10px !important;

    font-size: 22px !important;

    font-weight: 900 !important;

    line-height: 1.65 !important;

    color: #ffffff !important;

    text-align: center !important;
}


/* توضیح پایین باکس */
html body .site-footer
.footer-brand > p {

    max-width: 310px !important;

    margin:
        0
        auto !important;

    font-size: 14px !important;

    font-weight: 550 !important;

    line-height: 2 !important;

    color:
        rgba(255,255,255,.80) !important;

    text-align:
        center !important;
}


/* موبایل */
@media (max-width: 680px) {

    html body .site-footer
    .footer-brand
    .brand > span {

        font-size: 19px !important;
    }


    html body .site-footer
    .footer-brand
    .brand > span > small {

        font-size: 12px !important;
    }


    html body .site-footer
    .footer-brand h2,

    html body .site-footer
    .footer-brand h3,

    html body .site-footer
    .footer-brand
    .footer-brand-title {

        font-size: 20px !important;
    }


    html body .site-footer
    .footer-brand > p {

        max-width: 290px !important;

        font-size: 13.5px !important;

        line-height: 2.05 !important;
    }

}


/* =========================================================
   TAMINYAR FOOTER — TABLET 768 FIX
   ========================================================= */

@media (min-width: 681px) and (max-width: 860px) {

    .site-footer .container {
        width: calc(100% - 28px) !important;
        max-width: 100% !important;
    }

    .site-footer .footer-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 16px !important;
        align-items: stretch !important;
    }

    .site-footer .footer-grid > * {
        min-width: 0 !important;
        width: 100% !important;
        margin: 0 !important;
    }

    /* ترتیب بهتر در تبلت */
    .site-footer .footer-brand {
        order: 1 !important;
    }

    .site-footer .footer-grid > div:nth-child(2) {
        order: 2 !important;
    }

    .site-footer .footer-grid > div:nth-child(3) {
        order: 3 !important;
    }

    .site-footer .footer-grid > div:nth-child(4) {
        order: 4 !important;
    }

    /* کارت تماس دیگر تمام‌عرض نباشد */
    .site-footer .contact-mini,
    .site-footer .footer-links {
        width: 100% !important;
    }

    .site-footer .footer-brand,
    .site-footer .footer-grid > div {
        min-height: 100% !important;
    }

    .site-footer .footer-bottom {
        margin-top: 18px !important;
        text-align: center !important;
    }
}


/* =========================================================
   TY REAL TABLET FIX — FOOTER
   700px → 900px
   ========================================================= */

@media (min-width:700px) and (max-width:900px) {

    html body .site-footer > .container {
        width: calc(100% - 36px) !important;
        max-width: 820px !important;

        margin-inline:
            auto !important;
    }


    html body .site-footer .footer-grid {

        display:
            grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        grid-template-rows:
            auto auto !important;

        grid-auto-flow:
            row !important;

        gap:
            14px !important;

        align-items:
            stretch !important;

        width:
            100% !important;
    }


    /*
     * مهم:
     * Rule قدیمی Contact را full-width کرده بود.
     * همه چهار کارت را دوباره عادی می‌کنیم.
     */

    html body .site-footer
    .footer-grid > div {

        grid-column:
            auto !important;

        grid-row:
            auto !important;

        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            none !important;

        min-height:
            300px !important;

        height:
            auto !important;

        margin:
            0 !important;

        align-self:
            stretch !important;

        justify-self:
            stretch !important;
    }


    /*
     * ترتیب ۲×۲
     */

    html body .site-footer
    .footer-grid > div:nth-child(1) {
        order: 1 !important;
    }

    html body .site-footer
    .footer-grid > div:nth-child(2) {
        order: 2 !important;
    }

    html body .site-footer
    .footer-grid > div:nth-child(3) {
        order: 3 !important;
    }

    html body .site-footer
    .footer-grid > div:nth-child(4) {
        order: 4 !important;
    }


    /*
     * بخش اطلاعات تماس دیگر یک ردیف کامل نگیرد
     */

    html body .site-footer
    .footer-grid > div:last-child {

        grid-column:
            auto !important;

        width:
            100% !important;
    }


    /*
     * Enamad از کارت بیرون نزند
     */

    html body .site-footer
    .enamad-slot {

        max-width:
            100% !important;

        margin-inline:
            auto !important;
    }


    html body .site-footer
    .enamad-slot img {

        max-width:
            140px !important;

        height:
            auto !important;
    }

}