/*
 * ShopMall.bg — Black / White / Dark Lime override theme
 * Primary  : #000000  (black)
 * Accent   : #6bb800  (dark lime — high contrast on white, AA compliant)
 * Accent-dk: #559800  (hover dark lime)
 * Background: #ffffff (white)
 */

:root {
  --ni-accent: #6bb800;
  --ni-accent-dk: #559800;
  --ni-accent-text: #fff;
  --nia-orange: #6bb800;
  --nia-orange-d: #559800;
}

/* ===== HEADER TOP — black bg ===== */
#header_top { background: #000 !important; color: #fff !important; border-bottom: 2px solid #6bb800 !important; }
.ni-logo-text, .ni-logo-word { color: #fff !important; }
.ni-logo-tld { background: #6bb800 !important; color: #000 !important; }
.ni-logo-icon { background: rgba(107,184,0,.25) !important; }

/* ===== MOBILE SEARCH ROW — black ===== */
.ni-mob-search-row { background: #000 !important; border-bottom: 2px solid #6bb800 !important; }

/* ===== MOBILE HAMBURGER BAR ===== */
.ni-mob-bar { background: #0f0f0f !important; border-top: 2px solid #6bb800 !important; border-bottom: 2px solid #6bb800 !important; color: #fff !important; }
.ni-mob-bar:hover, .ni-mob-bar:focus, .ni-mob-bar.is-open { background: #6bb800 !important; color: #000 !important; }
.ni-mob-bar:hover .ni-mob-bar__icon, .ni-mob-bar.is-open .ni-mob-bar__icon { background: rgba(0,0,0,.2) !important; color: #fff !important; }

/* ===== MOBILE NAV OVERLAY ===== */
.ni-mob-nav__header { background: #000 !important; color: #fff !important; border-bottom: 2px solid #6bb800 !important; }
.ni-mob-nav__title { color: #fff !important; }
.ni-mob-nav__close { background: #6bb800 !important; color: #000 !important; }
.ni-mob-nav__close:hover { background: #559800 !important; color: #000 !important; }
.ni-mob-nav__icon { background: rgba(107,184,0,.15) !important; color: #6bb800 !important; }
.ni-mob-nav__link:hover, .ni-mob-nav__link:active { color: #6bb800 !important; background: rgba(107,184,0,.08) !important; }
.ni-mob-nav__expand { color: #6bb800 !important; }
.ni-mob-nav__expand:hover, .ni-mob-nav__expand:focus { background: rgba(107,184,0,.12) !important; }
.ni-mob-nav__item.is-open .ni-mob-nav__expand { background: #6bb800 !important; color: #000 !important; }
.ni-mob-nav__sub a:hover { color: #6bb800 !important; background: rgba(107,184,0,.08) !important; }
.ni-mob-nav__footer { background: #0f0f0f !important; border-top: 3px solid #6bb800 !important; }
.ni-mob-nav__footer h4 { color: #6bb800 !important; }
.ni-mob-nav__footer a:hover { color: #6bb800 !important; }

/* ===== DESKTOP MAIN MENU — black nav ===== */
.mainmenu { background: #0f0f0f !important; border-bottom: 2px solid #6bb800 !important; }
.mainmenu .navbar-nav > li > a { color: #fff !important; }
.mainmenu .navbar-nav > li > a:hover,
.mainmenu .navbar-nav > li.activeLink > a { color: #6bb800 !important; }
.mainmenu .dropdown-menu { border-top: 2px solid #6bb800 !important; }
.mainmenu .dropdown-menu a:hover { color: #6bb800 !important; }
.nav-ai a { background: #6bb800 !important; color: #000 !important; border-radius: 8px !important; }
.nav-ai a:hover { background: #559800 !important; color: #000 !important; }

/* ===== AI STYLIST FAB ===== */
.ni-chat__fab { background: linear-gradient(135deg, #6bb800 0%, #559800 100%) !important; color: #fff !important; box-shadow: 0 12px 28px rgba(107,184,0,.4), 0 2px 6px rgba(0,0,0,.12) !important; }
.ni-chat__fab:hover { background: linear-gradient(135deg, #80d400 0%, #6bb800 100%) !important; }
.ni-chat__fab.is-open { background: #000 !important; color: #fff !important; }
.ni-chat__header { background: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 100%) !important; border-bottom: 2px solid #6bb800 !important; }
.ni-chat__avatar { background: linear-gradient(135deg, #6bb800, #559800) !important; }
.ni-chat__avatar::after { background: #6bb800 !important; }
.ni-chat__pill { border-color: #6bb800 !important; color: #1a1a1a !important; background: rgba(107,184,0,.08) !important; }
.ni-chat__pill:hover { background: #6bb800 !important; color: #000 !important; }
.ni-chat__chip { border-color: #6bb800 !important; color: #1a1a1a !important; }
.ni-chat__chip:hover { background: #6bb800 !important; color: #000 !important; }
.ni-chat__send { background: #6bb800 !important; color: #000 !important; }
.ni-chat__send:hover { background: #559800 !important; }
.ni-chat__gender:hover, .ni-chat__gender:focus { border-color: #6bb800 !important; background: rgba(107,184,0,.08) !important; }
.ni-chat__profile a { color: #6bb800 !important; }

/* ===== CTA BUTTONS ===== */
.nip-cta__primary, .nip-cta__primary:visited { background: #6bb800 !important; color: #000 !important; border: 0 !important; }
.nip-cta__primary:hover { background: #559800 !important; color: #000 !important; }

/* ===== PRODUCT BADGES ===== */
.nip-card__badge, .nip-gallery .nip-badge { background: #6bb800 !important; color: #000 !important; }
.nip-price .cur { color: #1a1a1a !important; }

/* ===== DEAL / PRICE-DROP BADGES ===== */
.ni-deal__badge, .ni-drop__badge { background: #6bb800 !important; color: #000 !important; }
.ni-deal__placeholder span, .ni-drop__placeholder span { color: #6bb800 !important; }

/* ===== NEWSLETTER ===== */
.niN-form button { background: #6bb800 !important; color: #000 !important; }
.niN-form button:hover { background: #559800 !important; color: #000 !important; }
.niN-hero .k { background: #6bb800 !important; color: #000 !important; }
.niN-hero { background: linear-gradient(135deg, #f0fff0 0%, #e0ffc0 100%) !important; border-color: #6bb800 !important; }
.niN-benefit .ic { background: #6bb800 !important; color: #000 !important; }
.niN-agree a { color: #559800 !important; font-weight: 600 !important; }
.niU-row button { background: #6bb800 !important; color: #000 !important; }
.niU-row button:hover { background: #559800 !important; color: #000 !important; }
.niU-icon { color: #6bb800 !important; background: rgba(107,184,0,.1) !important; }

/* ===== SEARCH BOX ===== */
#searchbox { border-color: #6bb800 !important; }
.search_btn { background: #6bb800 !important; color: #000 !important; border-color: #6bb800 !important; }
.search_btn:hover { background: #559800 !important; }

/* ===== FILTER SIDEBAR ===== */
.filter_sidebar, .back_catsmenu { background: #0f0f0f !important; color: #d0d0d0 !important; }
.filter_sidebar a, .back_catsmenu a { color: #ccc !important; }
.filter_sidebar a:hover, .back_catsmenu a:hover { color: #6bb800 !important; }
.filter_sidebar .active > a, .back_catsmenu .active > a { color: #6bb800 !important; }
.back_catsmenu .navbar-nav > li > a { color: #ccc !important; }
.back_catsmenu .navbar-nav > li.active > a,
.back_catsmenu .navbar-nav > li > a:hover { color: #6bb800 !important; background: transparent !important; }
.back_catsmenu { border-top: 3px solid #6bb800 !important; }

/* ===== BREADCRUMBS ===== */
.nip-crumbs a:hover, .nip-crumbs a:focus { background: #6bb800 !important; color: #000 !important; }
.nip-crumbs span.sep { color: #6bb800 !important; }
.nip-cat-trail i { color: #6bb800 !important; }

/* ===== FAQ ACCORDION ===== */
.nip-faq h2::before { background: #6bb800 !important; }
.nip-faq__item[open] > summary { color: #6bb800 !important; }
.nip-faq__item > summary:hover { color: #6bb800 !important; }
.nip-faq__item > summary:focus-visible { outline: 2px solid #6bb800 !important; }

/* ===== PRODUCT DETAIL ===== */
.nip-brand a:hover { border-color: #6bb800 !important; color: #6bb800 !important; }
.nip-desc a { color: #559800 !important; }
.nip-desc a:hover { color: #3d7200 !important; }
.nip-trust i { color: #6bb800 !important; }
.nip-back:hover { color: #6bb800 !important; }
.nip-sticky-cta .p { color: #6bb800 !important; }

/* ===== FIND / WIZARD ===== */
.fd-btn--primary { background: #6bb800 !important; color: #000 !important; border-color: #6bb800 !important; }
.fd-btn--primary:hover { background: #559800 !important; color: #000 !important; }
.fd-btn--ghost:hover { border-color: #6bb800 !important; color: #6bb800 !important; }
.fd-option.is-selected, .fd-option.is-selected:hover { border-color: #6bb800 !important; }
.fd-option.is-selected .fd-option__check { background: #6bb800 !important; color: #000 !important; }
.fd-live strong, .fd-relaxed i, .fd-relaxed strong { color: #6bb800 !important; }
.fd-crumbs a:hover { color: #6bb800 !important; }

/* ===== FOCUS + ACTIVE ===== */
:focus-visible { outline-color: #6bb800 !important; }
.activeLink > a { color: #6bb800 !important; }
input:focus, select:focus, textarea:focus { border-color: #6bb800 !important; box-shadow: 0 0 0 3px rgba(107,184,0,.2) !important; }

/* ===== FOOTER ===== */
footer a:hover, .footer a:hover { color: #6bb800 !important; }

/* ===== HERO CTA ===== */
.ni-hero__cta, .ni-hero__btn { background: #6bb800 !important; color: #000 !important; }
.ni-hero__cta:hover, .ni-hero__btn:hover { background: #559800 !important; }

/* ===== SECTION KICKER CHIPS ===== */
.ni-section__kicker, .section-kicker { background: #6bb800 !important; color: #000 !important; }
