/*
 * Rondônia Atual - Ícones no menu
 * Funciona tanto no desktop quanto no menu mobile.
 */

:root {
    --ra-menu-icon-bg: #07327a;
    --ra-menu-icon-color: #ffffff;
    --ra-menu-icon-hover: #22a35a;
}

/* Área do link */
.ra-mi-home,
.ra-mi-star,
.ra-mi-location,
.ra-mi-map,
.ra-mi-brasil,
.ra-mi-city,
.ra-mi-contact,
.ra-mi-social,
.ra-mi-store,
.ra-mi-video,
.ra-mi-generic {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Ícone */
.ra-mi-home::before,
.ra-mi-star::before,
.ra-mi-location::before,
.ra-mi-map::before,
.ra-mi-brasil::before,
.ra-mi-city::before,
.ra-mi-contact::before,
.ra-mi-social::before,
.ra-mi-store::before,
.ra-mi-video::before,
.ra-mi-generic::before {
    content: "";
    width: 31px;
    height: 31px;
    min-width: 31px;
    border-radius: 50%;
    display: inline-block;
    background-color: var(--ra-menu-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    box-shadow: 0 2px 7px rgba(0,0,0,.18);
    transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}

/* Ícones SVG embutidos: não dependem de Font Awesome ou biblioteca externa. */
.ra-mi-home::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5 9.5V21h14V9.5'/%3E%3Cpath d='M9 21v-6h6v6'/%3E%3C/svg%3E");
}
.ra-mi-star::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='m12 2.7 2.8 5.7 6.3.9-4.6 4.5 1.1 6.3-5.6-3-5.6 3 1.1-6.3-4.6-4.5 6.3-.9L12 2.7z'/%3E%3C/svg%3E");
}
.ra-mi-location::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
}
.ra-mi-map::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18-6 3V6l6-3 6 3 6-3v15l-6 3-6-3Z'/%3E%3Cpath d='M9 3v15M15 6v15'/%3E%3C/svg%3E");
}
.ra-mi-brasil::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 3 5 1 2 3 5 1-1 4 2 3-4 2-3 4-4-2-2-4-3-2 2-4-1-3 2-3z'/%3E%3Cpath d='m9 10 3 2 3-1'/%3E%3C/svg%3E");
}
.ra-mi-city::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V9l7-3v15M11 21V3l9 3v15M2 21h20'/%3E%3Cpath d='M7 12h1M7 16h1M15 10h1M15 14h1M15 18h1'/%3E%3C/svg%3E");
}
.ra-mi-contact::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H8l-4 4V5Z'/%3E%3Cpath d='M8 9h8M8 12h5'/%3E%3C/svg%3E");
}
.ra-mi-social::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='12' r='2.5'/%3E%3Ccircle cx='18' cy='6' r='2.5'/%3E%3Ccircle cx='18' cy='18' r='2.5'/%3E%3Cpath d='m8.2 10.8 7.5-3.7M8.2 13.2l7.5 3.7'/%3E%3C/svg%3E");
}
.ra-mi-store::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10v10h16V10M3 10l2-6h14l2 6'/%3E%3Cpath d='M3 10c0 2 3 3 4.5 0 1.5 3 4.5 3 6 0 1.5 3 4.5 3 6 0'/%3E%3Cpath d='M9 20v-5h6v5'/%3E%3C/svg%3E");
}
.ra-mi-video::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7L8 5z'/%3E%3C/svg%3E");
}
.ra-mi-generic::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v14H4z'/%3E%3Cpath d='M8 9h8M8 13h5'/%3E%3C/svg%3E");
}

.ra-mi-home:hover::before,
.ra-mi-star:hover::before,
.ra-mi-location:hover::before,
.ra-mi-map:hover::before,
.ra-mi-brasil:hover::before,
.ra-mi-city:hover::before,
.ra-mi-contact:hover::before,
.ra-mi-social:hover::before,
.ra-mi-store:hover::before,
.ra-mi-video:hover::before,
.ra-mi-generic:hover::before {
    background-color: var(--ra-menu-icon-hover);
    transform: scale(1.08);
    box-shadow: 0 3px 10px rgba(34,163,90,.28);
}

/* Menu mobile do Jannah: mantém o ícone alinhado sem quebrar a largura. */
@media (max-width: 767px) {
    .mobile-menu .ra-mi-home,
    .mobile-menu .ra-mi-star,
    .mobile-menu .ra-mi-location,
    .mobile-menu .ra-mi-map,
    .mobile-menu .ra-mi-brasil,
    .mobile-menu .ra-mi-city,
    .mobile-menu .ra-mi-contact,
    .mobile-menu .ra-mi-social,
    .mobile-menu .ra-mi-store,
    .mobile-menu .ra-mi-video,
    .mobile-menu .ra-mi-generic {
        width: 100%;
        box-sizing: border-box;
    }

    .mobile-menu .ra-mi-home::before,
    .mobile-menu .ra-mi-star::before,
    .mobile-menu .ra-mi-location::before,
    .mobile-menu .ra-mi-map::before,
    .mobile-menu .ra-mi-brasil::before,
    .mobile-menu .ra-mi-city::before,
    .mobile-menu .ra-mi-contact::before,
    .mobile-menu .ra-mi-social::before,
    .mobile-menu .ra-mi-store::before,
    .mobile-menu .ra-mi-video::before,
    .mobile-menu .ra-mi-generic::before {
        width: 29px;
        height: 29px;
        min-width: 29px;
        background-size: 17px 17px;
    }
}

/* Corrige possíveis regras do tema que escondam pseudo-elementos nos links. */
.main-menu .ra-mi-home::before,
.main-menu .ra-mi-star::before,
.main-menu .ra-mi-location::before,
.main-menu .ra-mi-map::before,
.main-menu .ra-mi-brasil::before,
.main-menu .ra-mi-city::before,
.main-menu .ra-mi-contact::before,
.main-menu .ra-mi-social::before,
.main-menu .ra-mi-store::before,
.main-menu .ra-mi-video::before,
.main-menu .ra-mi-generic::before {
    opacity: 1;
    visibility: visible;
}