/* ===================================================
   DROGUERÍA ITALIANA S&D — COLORES CORPORATIVOS
   =================================================== */

:root {
  --italiana-blue: #090D99;
  --italiana-blue-dark: #060978;
  --italiana-green: #009246;
  --italiana-red: #CE2B37;
  --italiana-light: #F1F5F9;
}

/* Clases principales de la plantilla */
.text-primary {
  color: var(--italiana-blue) !important;
}

.bg-primary {
  background-color: var(--italiana-blue) !important;
}

.bg-primary\/10 {
  background-color: rgba(9, 13, 153, 0.10) !important;
}

.bg-tertiary\/25 {
  background-color: rgba(241, 245, 249, 0.95) !important;
}

.hover\:bg-primary\/80:hover {
  background-color: rgba(9, 13, 153, 0.80) !important;
}

/* ===================================================
   HOME — CAMBIO DE COLORES HEREDADOS DE PLANTILLA
   =================================================== */

main button,
main .btn-primary,
main a[class*="bg-indigo"],
main a[class*="bg-blue"] {
  background-color: var(--italiana-blue) !important;
  color: #fff !important;
}

main button:hover,
main .btn-primary:hover,
main a[class*="bg-indigo"]:hover,
main a[class*="bg-blue"]:hover {
  background-color: var(--italiana-blue-dark) !important;
}

/* Títulos y palabras destacadas */
main h1 span,
main h2 span,
main .text-indigo-600,
main .text-blue-600 {
  color: var(--italiana-blue) !important;
}

/* Header, iconos y enlaces */
header a:hover,
header svg {
  color: var(--italiana-blue) !important;
}

header svg {
  fill: currentColor !important;
}

/* Acentos opcionales inspirados en la bandera italiana */
.border-italiana-green {
  border-color: var(--italiana-green) !important;
}

.text-italiana-green {
  color: var(--italiana-green) !important;
}

.text-italiana-red {
  color: var(--italiana-red) !important;
}

.bg-italiana-green {
  background-color: var(--italiana-green) !important;
  color: #fff !important;
}

.bg-italiana-red {
  background-color: var(--italiana-red) !important;
  color: #fff !important;
}