/* ============================================================
   Icon Gradient Fix — Remove shiny gradient from small icons
   Applied to: navbar globe icons, currency icon, lang toggle
   ============================================================ */

/* Small luminous icons in navbar — use flat solid gold */
.icon-luminous {
    background: #b69d74 !important;
    box-shadow: none !important;
}

/* Globe/earth icons next to currency & language selectors */
.landing-header .icon-luminous,
.landing-header .icon-enhanced,
.landing-header img[src*="globe"],
.landing-header i.ri-global-line,
.landing-header i.ri-earth-line {
    background: #b69d74 !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
}

/* Small icon circles in the header area — flat gold */
.header-content .icon-luminous,
.nav-links .icon-luminous,
.header-content [class*="icon-"] {
    background: #b69d74 !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Any small (< 30px) icon-luminous should be flat */
.icon-luminous[style*="width: 2"],
.icon-luminous[style*="height: 2"] {
    background: #b69d74 !important;
    box-shadow: none !important;
}

/* Ensure gradient text fill is removed from small icons */
.landing-header *,
.header-content * {
    -webkit-background-clip: unset;
    background-clip: unset;
    -webkit-text-fill-color: unset;
}

/* Keep hover effect subtle but flat */
.icon-luminous:hover {
    background: #a38c65 !important;
    box-shadow: 0 2px 8px rgba(182, 157, 116, 0.3) !important;
    transform: scale(1.05);
}