/* =========================================================
 * Desktop Footer
 * ========================================================= */

.nk-desktop-footer {
    width: 100%;

    direction: rtl;
    text-align: right;

    background: var(--al-comment-surface-soft) !important;

    color: var(--al-comment-text);

    box-sizing: border-box;
    border-top: var(--al-comment-line);
}


.nk-desktop-footer *,
.nk-desktop-footer *::before,
.nk-desktop-footer *::after {
    box-sizing: border-box;
}


/* =========================================================
 * Inner
 * ========================================================= */

.nk-desktop-footer__inner {
    width: min(1200px, calc(100% - 48px));

    margin: 0 auto;
}


/* =========================================================
 * Main
 * ========================================================= */

.nk-desktop-footer__main {
    display: grid;

    grid-template-columns:
        minmax(280px, 1.8fr)
        minmax(150px, 1fr)
        minmax(150px, 1fr)
        minmax(150px, 1fr)
        minmax(160px, 1fr);

    gap: 56px;

    padding: 48px 0 48px;
}


/* =========================================================
 * About
 * ========================================================= */

.nk-desktop-footer__about {
    min-width: 0;
}


.nk-desktop-footer__description {
    max-width: 390px;
	text-align: justify;

    margin-bottom: 15px;

    color: var(--al-comment-text-soft);

    font-size: 14px;
    line-height: 2.1;
}


/* =========================================================
 * Phone
 * ========================================================= */

.nk-desktop-footer__phone {
    margin-bottom: 18px;
}


.nk-desktop-footer__phone a {
    display: inline-flex;

    align-items: center;

    gap: 9px;

    color: var(--al-comment-text);

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;

    transition:
        color var(--al-comment-transition-fast);
}


.nk-desktop-footer__phone a:hover {
    color: var(--al-comment-accent-dark);
}


.nk-desktop-footer__phone-icon {
    display: inline-flex;

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

    width: 28px;
    height: 28px;

    border-radius: 50%;

    background: var(--al-comment-accent-soft);

    color: var(--al-comment-accent-dark);

    font-size: 13px;
}


/* =========================================================
 * Socials
 * ========================================================= */

.nk-desktop-footer__socials {
    display: flex;

    align-items: center;

    gap: 8px;
}


.nk-desktop-footer__socials a {
    display: flex;

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

    width: 36px;
    height: 36px;

    /*border: 1px solid var(--al-comment-border);*/
    /*border-radius: 50%;*/

	background: transparent !important;
    box-shadow: var(--al-comment-shadow-xs);

    transition:
        transform var(--al-comment-transition-fast),
        background-color var(--al-comment-transition-fast),
        border-color var(--al-comment-transition-fast),
        box-shadow var(--al-comment-transition-fast);
}


.nk-desktop-footer__socials a:hover {
    transform: translateY(-3px);

    border-color: var(--al-comment-accent-soft);

    background: var(--al-comment-accent-soft);

    box-shadow: var(--al-comment-shadow-sm);
}


.nk-desktop-footer__socials img {
    display: block;

    width: 18px;
    height: 18px;

    object-fit: contain;

	background: transparent !important;
    transition:
        transform var(--al-comment-transition-fast);
}


.nk-desktop-footer__socials a:hover img {
    transform: scale(1.08);
}


/* =========================================================
 * Column Title
 * ========================================================= */

.nk-desktop-footer__column-title {
    margin: 0 0 20px;

    color: var(--al-comment-text);
    font-weight: 700;

    line-height: 1.6;
}

.nk-desktop-footer p.nk-desktop-footer__column-title,
.nk-desktop-footer h3.nk-desktop-footer__column-title {
    font-size: 15px !important;
}


/* =========================================================
 * Links Columns
 * ========================================================= */

.nk-desktop-footer__links-column ul {
    margin: 0;
    padding: 0;

    list-style: none;
}


.nk-desktop-footer__links-column li {
    margin: 0;
    padding: 0;
}


.nk-desktop-footer__links-column li + li {
    margin-top: 10px;
}


.nk-desktop-footer__links-column a {
    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: var(--al-comment-text-soft);

    font-size: 13.5px;
    line-height: 1.8;

    text-decoration: none;

    transition:
        color var(--al-comment-transition-fast),
        transform var(--al-comment-transition-fast);
}


.nk-desktop-footer__links-column a::before {
    content: "←";

    color: var(--al-comment-text-faint);

    font-size: 11px;

    transition:
        color var(--al-comment-transition-fast),
        transform var(--al-comment-transition-fast);
}


.nk-desktop-footer__links-column a:hover {
    color: var(--al-comment-accent-dark);

    transform: translateX(-3px);
}


.nk-desktop-footer__links-column a:hover::before {
    color: var(--al-comment-accent);

    transform: translateX(-2px);
}


/* =========================================================
 * Trust
 * ========================================================= */

.nk-desktop-footer__trust {
    min-width: 0;
}


.nk-desktop-footer__trust-items {
    display: flex;

    align-items: center;

    gap: 10px;

    flex-wrap: wrap;
}


.nk-desktop-footer__trust-items a,
.nk-desktop-footer__trust-items span {
    display: flex;

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

    width: 72px;
    height: 84px;

    padding: 7px;

    border: 1px solid var(--al-comment-border);

    border-radius: var(--al-comment-radius-sm);

    background: var(--al-comment-surface);

    box-shadow: var(--al-comment-shadow-xs);

    transition:
        transform var(--al-comment-transition-fast),
        border-color var(--al-comment-transition-fast),
        box-shadow var(--al-comment-transition-fast);
}


.nk-desktop-footer__trust-items a:hover {
    transform: translateY(-3px);

    border-color: var(--al-comment-border-strong);

    box-shadow: var(--al-comment-shadow-sm);
}


.nk-desktop-footer__trust-items img {
    display: block;

    max-width: 100%;
    max-height: 70px;

    width: auto;
    height: auto;

    object-fit: contain;
}


/* =========================================================
 * Bottom
 * ========================================================= */

.nk-desktop-footer__bottom {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 24px;

    padding: 20px 0 24px;

    border-top: var(--al-comment-line);
}


.nk-desktop-footer__copyright,
.nk-desktop-footer__designer {
    color: var(--al-comment-text-muted);

    font-size: 12px;
    line-height: 2;
}


.nk-desktop-footer__designer {
    display: flex;

    align-items: center;

    gap: 5px;
}


.nk-desktop-footer__designer a {
    color: var(--al-comment-accent-dark);

    font-weight: 600;

    text-decoration: none;

    transition:
        color var(--al-comment-transition-fast);
}


.nk-desktop-footer__designer a:hover {
    color: var(--al-comment-accent);

    text-decoration: underline;
}



/* =========================================================
 * Contact Row
 * ========================================================= */

.nk-desktop-footer__contact-row {
    display: flex;
    align-items: center !important;
    justify-content: space-between;
    width: 100%;
}


/* =========================================================
 * Phone
 * ========================================================= */

.nk-desktop-footer__phone {
    display: flex;
    align-items: center;
    margin-block: auto;
}

.nk-desktop-footer__phone a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}


/* =========================================================
 * Socials
 * ========================================================= */

.nk-desktop-footer__socials {
    display: flex;
    align-items: center;
    gap: 10px;
}

.nk-desktop-footer__socials a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    text-decoration: none;
}

.nk-desktop-footer__socials img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* =========================================================
 * Medium Desktop
 * ========================================================= */

@media (max-width: 1000px) {

    .nk-desktop-footer__main {
        grid-template-columns:
            minmax(240px, 1.5fr)
            minmax(160px, 1fr)
            minmax(160px, 1fr);

        gap: 36px;
    }


    .nk-desktop-footer__trust {
        grid-column: 1 / -1;

        padding-top: 10px;
    }

}


/* =========================================================
 * Tablet
 * ========================================================= */

@media (max-width: 760px) {

    .nk-desktop-footer__inner {
        width: min(100% - 32px, 560px);
    }


    .nk-desktop-footer__main {
        grid-template-columns: 1fr 1fr;

        gap: 36px 28px;

        padding-top: 40px;
    }


    .nk-desktop-footer__about {
        grid-column: 1 / -1;
    }


    .nk-desktop-footer__trust {
        grid-column: auto;
    }


    .nk-desktop-footer__bottom {
        flex-direction: column;

        justify-content: center;

        text-align: center;

        gap: 4px;
    }

}






/* */
.nk-desktop-footer {
    background: var(--al-comment-bg, #f5f7f8);
    color: var(--al-comment-text, #202629);
}

/* NovinCode marketing footer */
.nk-nc-footer { color: #a8bad5; background: #061128; }
.nk-nc-footer__inner { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.nk-nc-footer__top { display: grid; grid-template-columns: 1.35fr .7fr .7fr 1fr; gap: 45px; padding: 78px 0 60px; }
.nk-nc-footer__logo { display: inline-flex; align-items: center; gap: 10px; color: #fff !important; font-size: 21px; font-weight: 800; letter-spacing: -.04em; text-decoration: none; }
.nk-nc-footer__logo span { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; color: #061128; background: linear-gradient(135deg,#35e5e9,#1769ff); font: 800 11px/1 Consolas,monospace; letter-spacing: 0; }
.nk-nc-footer__brand p { max-width: 285px; margin: 22px 0 0; color: #8499bb; font-size: 13px; line-height: 2; }
.nk-nc-footer__contact { display: grid; gap: 7px; margin-top: 20px; }.nk-nc-footer__contact a { color: #77e5e9 !important; font: 700 12px/1.7 Consolas,monospace; text-decoration: none; }
.nk-nc-footer__links h3,.nk-nc-footer__cta h3 { margin: 0 0 18px; color: #fff; font-size: 14px; }.nk-nc-footer__links ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }.nk-nc-footer__links a { color: #8599b9 !important; font-size: 12px; text-decoration: none; transition: color .2s ease; }.nk-nc-footer__links a:hover { color: #69e3e9 !important; }.nk-nc-footer__cta { padding: 22px; border: 1px solid rgba(118,72,232,.32); border-radius: 18px; background: linear-gradient(145deg,rgba(23,105,255,.16),rgba(118,72,232,.12)); }.nk-nc-footer__cta > span { color: #8ce9ff; font-size: 11px; }.nk-nc-footer__cta h3 { margin-top: 10px; font-size: 20px; line-height: 1.5; letter-spacing: -.04em; }.nk-nc-footer__cta a { display: inline-flex; align-items: center; gap: 9px; color: #8affc9 !important; font-size: 12px; font-weight: 800; text-decoration: none; }.nk-nc-footer__cta b { font-size: 17px; }.nk-nc-footer__bottom { display: flex; justify-content: space-between; gap: 20px; padding: 18px 0 23px; border-top: 1px solid rgba(255,255,255,.1); color: #6e83a6; font-size: 10px; }.nk-nc-footer__bottom a { color: #8ce9ff !important; text-decoration: none; }
.nk-nc-footer--mobile { display: none; }
@media (max-width: 800px) { .nk-nc-footer { display: none; }.nk-nc-footer--mobile { display: block; }.nk-nc-footer__inner { width: min(100% - 30px, 560px); }.nk-nc-footer--mobile .nk-nc-footer__inner { padding: 48px 0 18px; }.nk-nc-footer--mobile .nk-nc-footer__logo { font-size: 19px; }.nk-nc-footer--mobile .nk-nc-footer__brand p { max-width: none; }.nk-nc-footer--mobile > .nk-nc-footer__inner > p { max-width: 330px; margin: 20px 0 0; color: #8499bb; font-size: 13px; line-height: 2; }.nk-nc-footer--mobile .nk-nc-footer__contact { margin-top: 20px; }.nk-nc-footer__mobile-links { display: flex; flex-wrap: wrap; gap: 11px 19px; margin-top: 30px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.1); }.nk-nc-footer__mobile-links a { color: #a8bad5 !important; font-size: 12px; text-decoration: none; }.nk-nc-footer__mobile-whatsapp { display: inline-flex; align-items: center; gap: 8px; margin-top: 24px; color: #8affc9 !important; font-size: 12px; font-weight: 800; text-decoration: none; }.nk-nc-footer__mobile-whatsapp b { font-size: 17px; }.nk-nc-footer--mobile .nk-nc-footer__bottom { display: grid; gap: 8px; margin-top: 30px; }.nk-nc-footer__top { display: none; } }
