/* =====================================
   Dar Arabia — Global Footer
   ===================================== */

.dar-site-footer {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 88% 12%,
            rgba(219, 91, 43, .18),
            transparent 27%
        ),
        radial-gradient(
            circle at 8% 88%,
            rgba(255, 255, 255, .055),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            #180943 0%,
            #28146f 54%,
            #321980 100%
        );
    color: #ffffff;
}

.dar-site-footer::before {
    content: "";
    position: absolute;
    top: -160px;
    left: -140px;
    width: 360px;
    height: 360px;
    border: 62px solid rgba(255, 255, 255, .035);
    border-radius: 50%;
    pointer-events: none;
}

.dar-footer-cta-wrap {
    position: relative;
    z-index: 3;
    padding-top: 72px;
}

.dar-footer-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 35px;
    padding: 34px 38px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 25px;
    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, .12),
            rgba(255, 255, 255, .055)
        );
    box-shadow: 0 25px 60px rgba(8, 3, 29, .23);
    backdrop-filter: blur(14px);
}

.dar-footer-cta-copy span {
    display: block;
    margin-bottom: 8px;
    color: #f49a73;
    font-size: 12px;
    font-weight: 700;
}

.dar-footer-cta-copy h2 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: clamp(24px, 3vw, 38px);
    font-weight: 800;
    line-height: 1.5;
}

.dar-footer-cta-copy p {
    max-width: 720px;
    margin: 0;
    color: rgba(255, 255, 255, .70);
    font-size: 13px;
    line-height: 1.9;
}

.dar-footer-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 52px;
    padding: 12px 23px;
    border: 1px solid var(--dar-secondary);
    border-radius: 14px;
    background: var(--dar-secondary);
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 14px 32px rgba(219, 91, 43, .28);
    transition:
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.dar-footer-cta-button:hover {
    background: var(--dar-secondary-dark);
    box-shadow: 0 18px 39px rgba(219, 91, 43, .37);
    transform: translateY(-2px);
}

.dar-footer-cta-button svg {
    width: 18px;
    height: 18px;
}

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

.dar-footer-main {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns:
        minmax(260px, 1.35fr)
        repeat(3, minmax(150px, .65fr));
    gap: 48px;
    padding: 65px 0 52px;
}

.dar-footer-brand img {
    display: block;
    width: auto;
    height: 76px;
    max-width: 220px;
    margin-bottom: 20px;
    object-fit: contain;
    filter:
        drop-shadow(0 8px 18px rgba(0, 0, 0, .16));
}

.dar-footer-brand p {
    max-width: 430px;
    margin: 0;
    color: rgba(255, 255, 255, .67);
    font-size: 12px;
    line-height: 2;
}

.dar-footer-social {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px;
}

.dar-footer-social a {
    display: grid;
    place-items: center;
    width: 39px;
    height: 39px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 11px;
    background: rgba(255, 255, 255, .07);
    color: #ffffff;
    text-decoration: none;
    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.dar-footer-social a:hover {
    border-color: var(--dar-secondary);
    background: var(--dar-secondary);
    transform: translateY(-2px);
}

.dar-footer-social svg {
    width: 18px;
    height: 18px;
}

.dar-footer-column h3 {
    position: relative;
    padding-bottom: 13px;
    margin: 0 0 18px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}

.dar-footer-column h3::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 32px;
    height: 2px;
    border-radius: 99px;
    background: var(--dar-secondary);
}

.dar-footer-links {
    padding: 0;
    margin: 0;
    list-style: none;
}

.dar-footer-links li + li {
    margin-top: 10px;
}

.dar-footer-links a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(255, 255, 255, .68);
    font-size: 11px;
    font-weight: 500;
    text-decoration: none;
    transition:
        color .2s ease,
        transform .2s ease;
}

.dar-footer-links a::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(219, 91, 43, .75);
}

.dar-footer-links a:hover {
    color: #ffffff;
    transform: translateX(-3px);
}

.dar-footer-contact-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.dar-footer-contact-list li {
    display: grid;
    grid-template-columns: 35px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
}

.dar-footer-contact-list li + li {
    margin-top: 13px;
}

.dar-footer-contact-icon {
    display: grid;
    place-items: center;
    width: 35px;
    height: 35px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .08);
    color: #f39a73;
}

.dar-footer-contact-icon svg {
    width: 16px;
    height: 16px;
}

.dar-footer-contact-list small {
    display: block;
    margin-bottom: 2px;
    color: rgba(255, 255, 255, .46);
    font-size: 9px;
}

.dar-footer-contact-list a,
.dar-footer-contact-list span {
    display: block;
    overflow-wrap: anywhere;
    color: rgba(255, 255, 255, .76);
    font-size: 10px;
    line-height: 1.7;
    text-decoration: none;
}

.dar-footer-contact-list a:hover {
    color: #ffffff;
}

.dar-footer-contact-placeholder {
    color: rgba(255, 255, 255, .60);
    font-size: 11px;
    line-height: 1.9;
}

.dar-footer-contact-placeholder a {
    color: #f4a17d;
    font-weight: 700;
    text-decoration: none;
}

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

.dar-footer-bottom {
    position: relative;
    z-index: 2;
    border-top: 1px solid rgba(255, 255, 255, .11);
}

.dar-footer-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    min-height: 76px;
    padding: 15px 0;
}

.dar-footer-copyright {
    margin: 0;
    color: rgba(255, 255, 255, .55);
    font-size: 10px;
    line-height: 1.8;
}

.dar-footer-legal {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
}

.dar-footer-legal a {
    color: rgba(255, 255, 255, .58);
    font-size: 10px;
    text-decoration: none;
    transition: color .2s ease;
}

.dar-footer-legal a:hover {
    color: #ffffff;
}

/* =====================================
   Scroll To Top
   ===================================== */

.dar-scroll-top {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 9000;
    display: grid;
    place-items: center;
    width: 45px;
    height: 45px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 13px;
    background: var(--dar-primary);
    color: #ffffff;
    cursor: pointer;
    box-shadow: 0 13px 30px rgba(40, 20, 111, .25);
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition:
        opacity .2s ease,
        visibility .2s ease,
        transform .2s ease,
        background .2s ease;
}

.dar-scroll-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dar-scroll-top:hover {
    background: var(--dar-secondary);
}

.dar-scroll-top svg {
    width: 19px;
    height: 19px;
}

/* =====================================
   Responsive
   ===================================== */

@media (max-width: 1050px) {
    .dar-footer-main {
        grid-template-columns:
            minmax(260px, 1.2fr)
            repeat(2, minmax(150px, .7fr));
    }

    .dar-footer-contact-column {
        grid-column: 2 / -1;
    }
}

@media (max-width: 760px) {
    .dar-footer-cta {
        grid-template-columns: 1fr;
        padding: 27px 24px;
        text-align: center;
    }

    .dar-footer-cta-button {
        width: 100%;
    }

    .dar-footer-main {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 38px 25px;
        padding-top: 52px;
    }

    .dar-footer-brand {
        grid-column: 1 / -1;
        text-align: center;
    }

    .dar-footer-brand img {
        margin-inline: auto;
    }

    .dar-footer-brand p {
        margin-inline: auto;
    }

    .dar-footer-social {
        justify-content: center;
    }

    .dar-footer-contact-column {
        grid-column: 1 / -1;
    }

    .dar-footer-bottom-inner {
        align-items: center;
        flex-direction: column;
        justify-content: center;
        padding-block: 20px;
        text-align: center;
    }
}

@media (max-width: 500px) {
    .dar-footer-main {
        grid-template-columns: 1fr;
    }

    .dar-footer-brand,
    .dar-footer-contact-column {
        grid-column: auto;
    }

    .dar-footer-column {
        text-align: center;
    }

    .dar-footer-column h3::after {
        right: 50%;
        transform: translateX(50%);
    }

    .dar-footer-links a {
        justify-content: center;
    }

    .dar-footer-contact-list {
        text-align: right;
    }

    .dar-scroll-top {
        right: 14px;
        bottom: 14px;
        width: 42px;
        height: 42px;
    }
}