/* Colori aziendali Ragli e Nitriti */
/* Colore ufficiale arancione: #EF6F35 */

/* Primary color - sostituisce il blu */
.button-primary,
.bg-primary,
.strip.bg-primary {
  background-color: #EF6F35 !important;
}

.button-primary {
  color: white !important;
}

.button-primary:hover {
  background-color: #ff8547 !important;
  color: white !important;
}

.text-primary,
h2.text-primary {
  color: #EF6F35 !important;
}

/* Links - ESCLUSO menu attivo, menu mobile e bottoni che devono rimanere bianchi */
a:not(.main-menu > ul > li.active > a):not(.main-menu-mobile a):not(.button):not(.button-primary) {
  color: #EF6F35 !important;
}

a:not(.main-menu > ul > li.active > a):not(.main-menu-mobile a):not(.button):not(.button-primary):hover {
  color: #ff8547 !important;
}

/* Bottoni - testo BIANCO su sfondo arancione */
a.button,
a.button-primary,
a.button:link,
a.button:visited,
a.button-primary:link,
a.button-primary:visited {
  color: #ffffff !important;
  background-color: #EF6F35 !important;
}

a.button:hover,
a.button-primary:hover,
a.button:active,
a.button-primary:active {
  color: #ffffff !important;
  background-color: #ff8547 !important;
}

/* Menu mobile - link BIANCHI su sfondo arancione */
.main-menu-mobile a,
.main-menu-mobile a:link,
.main-menu-mobile a:visited,
.main-menu-mobile a:hover,
.main-menu-mobile a:active,
.main-menu-mobile ul li a,
.main-menu-mobile ul li a span,
#main-menu-mobile a,
#main-menu-mobile a span {
  color: #ffffff !important;
}

.main-menu-mobile a:hover,
#main-menu-mobile a:hover {
  color: #ffd4c2 !important;
}

/* Menu attivo - SEMPRE bianco, anche con hover */
.main-menu > ul > li.active > a,
.main-menu > ul > li.active > a *,
.main-menu > ul > li.active > a span,
.main-menu > ul > li.active > a:link,
.main-menu > ul > li.active > a:visited,
.main-menu > ul > li.active > a:hover,
.main-menu > ul > li.active > a:active {
  color: #ffffff !important;
  background-color: #EF6F35 !important;
}

/* Menu attivo con hover - sfondo più chiaro ma testo SEMPRE bianco */
.main-menu > ul > li.active:hover > a,
.main-menu > ul > li.active > a:hover,
.main-menu > ul > li.active:hover > a *,
.main-menu > ul > li.active > a:hover * {
  color: #ffffff !important;
  background-color: #ff8547 !important;
}

/* Buttons generici */
.button {
  background-color: #EF6F35 !important;
  border-color: #EF6F35 !important;
  color: white !important;
}

.button:hover {
  background-color: #ff8547 !important;
  border-color: #ff8547 !important;
}

.button-white {
  background-color: white !important;
  color: #EF6F35 !important;
  border: 2px solid white !important;
}

.button-white:hover {
  background-color: #ffd4c2 !important;
  color: white !important;
}

/* Services cards */
.service-content h2 a {
  color: #505050 !important;
}

.service-content h2 a:hover {
  color: #EF6F35 !important;
}

/* Header */
.header {
  background-color: rgba(255, 255, 255, 0.95) !important;
}

.header .logo a {
  color: #EF6F35 !important;
}

/* Menu normale - hover (solo per item NON attivi) */
.main-menu > ul > li:not(.active) > a:hover {
  color: #ff8547 !important;
}

/* Menu mobile attivo */
.main-menu-mobile > ul > li.active > a,
.main-menu-mobile > ul > li.active > a span {
  background-color: #EF6F35 !important;
  color: white !important;
}

.main-menu-mobile > ul > li.active > a:hover,
.main-menu-mobile > ul > li.active > a:hover span {
  background-color: #ff8547 !important;
  color: white !important;
}

/* Footer */
.footer {
  background-color: #505050 !important;
}

.footer a {
  color: #ffd4c2 !important;
}

.footer a:hover {
  color: white !important;
}

/* Slider text colors */
.slide-content h1 {
  color: white !important;
  text-shadow: 2px 2px 8px rgba(0,0,0,0.7) !important;
}

.slide-content p {
  color: white !important;
  text-shadow: 2px 2px 6px rgba(0,0,0,0.6) !important;
}

/* Navigation dots */
.slider-dot {
  background: rgba(255, 255, 255, 0.5) !important;
}

.slider-dot.active {
  background: white !important;
}

/* Service summaries */
.service {
  border: 1px solid #eee !important;
}

.service:hover {
  border-color: #EF6F35 !important;
  box-shadow: 0 4px 20px rgba(239, 111, 53, 0.2) !important;
}

/* Strip backgrounds */
.strip {
  background-color: #f8f9fa !important;
}

.strip.bg-primary {
  background-color: #EF6F35 !important;
}

/* Selection highlight */
::selection {
  background-color: #EF6F35 !important;
  color: white !important;
}

::-moz-selection {
  background-color: #EF6F35 !important;
  color: white !important;
}

/* Remove any blue backgrounds */
.bg-blue,
[style*="background: blue"],
[style*="background-color: blue"],
[class*="blue"] {
  background-color: #EF6F35 !important;
}