/*
 * Footer gelap.
 *
 * Latar memakai `--color-secondary` (#001233 pada branding aktif) dengan aksen
 * biru `--color-primary` pada ikon, garis, dan hover. Nilai tetap token tema
 * supaya perubahan branding di admin ikut terbawa; hex hanya jadi fallback.
 *
 * Template EliteHost merancang footer ini untuk latar terang: judul widget,
 * tautan kontak, dan bar copyright semuanya berwarna gelap atau putih solid.
 * Berkas ini membalik pasangan warna itu.
 *
 * Selektor diawali `.rts-footer.site-footer-one` agar menang atas `style.css`
 * dan blok <style> tema yang dimuat sesudah berkas ini, tanpa !important.
 * Kelas `body-bg-2` dilepas dari markup footer karena membawa
 * `background: ... !important` yang tidak bisa dikalahkan specificity.
 */

/* ---------------------------------------------------- Latar */

.rts-footer.site-footer-one {
    background-color: var(--color-secondary, #001233);
    color: #fff;
}

/*
 * Campuran biru tema: dua sapuan sangat tipis di atas warna dasar. Bila
 * color-mix() tidak didukung, deklarasi ini gugur dan footer tetap rata #001233.
 */
.rts-footer.site-footer-one {
    background-image:
        radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--color-primary, #2563EB) 30%, transparent), transparent 45%),
        radial-gradient(circle at 90% 100%, color-mix(in srgb, var(--color-primary, #2563EB) 18%, transparent), transparent 45%);
}

/* ---------------------------------------------------- Teks */

.rts-footer.site-footer-one p,
.rts-footer.site-footer-one span,
.rts-footer.site-footer-one .rts-footer__widget .brand-desc,
.rts-footer.site-footer-one .rts-footer__widget h5.widget-title,
.rts-footer.site-footer-one .rts-footer__widget .social__media h5 {
    color: #fff;
}

/* ---------------------------------------------------- Tautan */

.rts-footer.site-footer-one .rts-footer__widget a,
.rts-footer.site-footer-one .rts-footer__widget--menu ul li a,
.rts-footer.site-footer-one .rts-footer__widget .contact-wrapper ul li a {
    color: #fff;
}

.rts-footer.site-footer-one .rts-footer__widget a:hover,
.rts-footer.site-footer-one .rts-footer__widget a:focus-visible,
.rts-footer.site-footer-one .rts-footer__widget--menu ul li a:hover,
.rts-footer.site-footer-one .rts-footer__widget--menu ul li a:focus-visible,
.rts-footer.site-footer-one .rts-footer__widget .contact-wrapper ul li a:hover,
.rts-footer.site-footer-one .rts-footer__widget .contact-wrapper ul li a:focus-visible {
    /* Biru muda, bukan --color-primary: #2563EB terlalu gelap di atas #001233. */
    color: var(--color-11-light, #60A5FA);
}

/* Logo tidak ikut diberi warna hover. */
.rts-footer.site-footer-one .rts-footer__widget a.footer__logo:hover {
    color: inherit;
}

/* ---------------------------------------------------- Ikon kontak */

.rts-footer.site-footer-one .rts-footer__widget .contact-wrapper ul li .icon {
    background: var(--color-primary, #2563EB);
    color: #fff;
}

/* ---------------------------------------------------- Ikon media sosial */

.rts-footer.site-footer-one .social__media--list .media {
    color: #fff;
    background: transparent;
    border-color: var(--color-primary, #2563EB);
}

.rts-footer.site-footer-one .social__media--list .media:hover,
.rts-footer.site-footer-one .social__media--list .media:focus-visible {
    background: var(--color-primary, #2563EB);
    border-color: var(--color-primary, #2563EB);
    color: #fff;
}

/* ---------------------------------------------------- Newsletter */

/* Kotak isian tetap terang, jadi teks dan ikonnya justru harus gelap. */
.rts-footer.site-footer-one .rts-footer__widget form.newsletter input {
    color: var(--color-secondary, #001233);
    border-color: var(--color-primary, #2563EB);
}

.rts-footer.site-footer-one .rts-footer__widget form.newsletter span {
    color: var(--color-secondary, #001233);
}

.rts-footer.site-footer-one .rts-footer__widget form.newsletter button {
    background: var(--color-primary, #2563EB);
    color: #fff;
}

/*
 * Hover bawaan memakai --color-secondary; di footer gelap tombolnya jadi
 * lenyap. Diganti biru muda agar tetap terbaca.
 */
.rts-footer.site-footer-one .rts-footer__widget form.newsletter button:hover,
.rts-footer.site-footer-one .rts-footer__widget form.newsletter button:focus-visible {
    background: var(--color-11-light, #60A5FA);
    color: var(--color-secondary, #001233);
}

/* ---------------------------------------------------- Bar copyright */

.rts-footer.site-footer-one .rts__footer__copyright.is__common {
    background: transparent;
    border-top: 1px solid rgba(255, 255, 255, .14);
}

.rts-footer.site-footer-one .rts__footer__copyright.is__common {
    border-top-color: color-mix(in srgb, var(--color-primary, #2563EB) 45%, transparent);
}

.rts-footer.site-footer-one .footer__copy__wrapper p {
    color: #fff;
}

/* ---------------------------------------------------- Fokus keyboard */

.rts-footer.site-footer-one a:focus-visible,
.rts-footer.site-footer-one button:focus-visible,
.rts-footer.site-footer-one input:focus-visible {
    outline: 2px solid var(--color-11-light, #60A5FA);
    outline-offset: 2px;
}