/* Exotus theme overrides - replicates AngarTheme look */
:root {
  --exotus-red: #e60000;
  --exotus-red-hover: #cc0000;
  --exotus-dark-red: #b30000;
}

#header {
  background-color: var(--exotus-red) !important;
  color: white !important;
}

#header .header-nav, #header .logo {
  color: white !important;
}

.header-nav {
  background-color: var(--exotus-red) !important;
}

/* Top menu visible - classic theme */
#top-menu, .top-menu, .menu, .main-menu, ul.top-menu {
  background-color: var(--exotus-red-dark, #b30000) !important;
  display: block !important;
  text-align: center;
}

#top-menu > li, .top-menu > li {
  display: inline-block !important;
  list-style: none !important;
  padding: 12px 16px;
}

#top-menu > li > a, .top-menu > li > a {
  color: white !important;
  font-weight: 600;
  text-decoration: none;
}

#top-menu > li > a:hover, .top-menu > li > a:hover {
  color: #ffeb3b !important;
  background-color: transparent !important;
}

/* js-top-menu mobile -> force visible everywhere */
.hidden-md-up, .mobile {
  display: block !important;
}

@media (max-width: 768px) {
  .hidden-md-up { display: block !important; }
}

/* Topbar */
.topbar {
  background-color: var(--exotus-dark-red) !important;
  color: white !important;
}

#footer {
  background-color: #f6f6f6 !important;
}

.product-miniature {
  border-radius: 4px;
  transition: all 0.2s ease;
}

.product-miniature:hover {
  box-shadow: 0 4px 12px rgba(230, 0, 0, 0.15);
  transform: translateY(-2px);
}

.btn-primary, .btn-tertiary, .btn-secondary {
  background-color: var(--exotus-red) !important;
  border-color: var(--exotus-red) !important;
}

.btn-primary:hover {
  background-color: var(--exotus-red-hover) !important;
  border-color: var(--exotus-red-hover) !important;
}

a, a:hover, a:focus {
  color: var(--exotus-red);
}

.homeslider-text, .carousel-title, .homeslider-description, .caption-title {
  color: white !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
  background: rgba(0,0,0,0.3) !important;
  padding: 12px;
}

.homeslider-description {
  font-size: 16px !important;
}