html, body { font-family: "Ubuntu", sans-serif; color: #333333; background-color: #eeeeee;  }
body {  }
header { background-color: #ee7221; }
footer { background-color: #828282; border-top: 5px solid #f4f4f4; }

.navbar form input { max-width: 100%; }

.btn-menu { width:100%; padding: 0.9rem 0.5rem 0.6rem; box-shadow: 0 2px 10px rgba(0,0,0,0.3); z-index: 100; }

.bg-grey { background-color: #828282 !important; }
.bg-orange { background-color: #ee7221 !important; color: #fff; }
.bg-blue { background-color: #25377f !important; color: #fff; }
.text-grey { color: #828282 !important; }
.text-orange { color: #ee7221 !important; }
.text-blue { color: #25377f !important; }

.bg-grey-25 { background-color: rgba(130,130,130,0.25) !important; }
.bg-grey-50 { background-color: rgba(130,130,130,0.5) !important; }
.bg-orange-25 { background-color: rgba(238,114,33,0.25) !important; }
.bg-orange-50 { background-color: rgba(238,114,33,0.5) !important; }
.bg-blue-25 { background-color: rgba(37,55,127,0.25) !important; }
.bg-blue-50 { background-color: rgba(37,55,127,0.5) !important; }



.btn-orange { color: #fff; background-color: #ee7221; border-color: #ee7221; }
.btn-orange:hover { color: rgba(255,255,255,0.9); background-color: #ff9443; border-color: #ee7221; }
.btn-outline-orange { color: #ee7221; background-color: transparent; border-color: #ee7221; }
.btn-outline-orange:hover { color: rgba(255,255,255,0.9); background-color: #ff9443; border-color: #ee7221; }

.border>.border-orange, .border-orange { border: 1px solid #ee7221; }
.border-bottom-orange { border-bottom: 1px solid #ee7221; }


.condensed { font-family: "Ubuntu condensed", sans-serif; }

/* modifice bootstrap */
nav {  font-size: 18px; }
.navbar-brand img { height: 40px; }
.navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,0.7); }
.navbar-dark .navbar-nav .nav-link:hover { color: rgba(255,255,255,1); }
.btn { white-space: normal; }
.badge { padding: 0.5em 0.4em; }
.badge-primary { color: #ee7221; background-color: #fff; }

input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance:    textfield;
  appearance:         textfield;
}

/* ── Search dropdown ─────────────────────────────── */
.search-result-item:hover,
.search-result-item.active {
  background-color: #f0f4ff;
}

.search-result-item mark {
  background: #fff3cd;
  font-weight: 600;
}
.search-footer:hover {
  background-color: #f8f9fa;
}

#search-dropdown {
  border: 1px solid var(--bs-orange) !important;
  border-top: none !important;
  max-height: 90vh;
  overflow-y: auto;
}

/* Su mobile: dropdown largo come il viewport */
@media (max-width: 767px) {
  #search-dropdown {
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    top: auto !important;
  }

  /* Riduci spazio tra navbar e contenuto */
  main.container {
    padding-top: 0.75rem !important;
    margin-top: 0.25rem !important;
  }

  /* Card più compatte su mobile (2 per riga) */
  .card .card-body { padding: 0.4rem 0.5rem; }
  .card .card-footer { padding: 0.3rem 0.5rem; font-size: 0.75rem; }
  .card .card-body .fw-bold { font-size: 0.78rem; }
  .card .card-body .text-muted { font-size: 0.72rem; }
  .card .card-body .fs-5 { font-size: 0.9rem !important; }
  .card .card-body .fs-6 { font-size: 0.72rem !important; }
}


/* ────────────────────────────────────────────────────── */

.img-blur-wrap{
	overflow: hidden;
}

.img-blur-overlay{
	position: absolute;
	inset: 0;
	backdrop-filter: blur(3px) grayscale(100%);
	background: rgba(0,0,0,.5);
	pointer-events: none;
}


.box-card { width: 100%; aspect-ratio: 2 / 1; overflow: hidden; }
.box-card img { width: 100%; height: 100%; object-fit: cover; object-position: center; }


.card::after { 
  content: "";
  position: absolute;
  opacity: 0;
  transition: opacity .4s ease;
  inset: -2px;                 /* 10px fuori */
  border: 5px solid rgba(238,114,33,1);
  border-radius: 0.5rem;
  pointer-events: none;
}
.card:hover::after { opacity: 1; }



.hero-box { aspect-ratio: 4 / 1; background-size: cover; background-position: center; overflow: hidden; display: flex; align-items: flex-end; }
.hero-content { color: #fff; max-width: 80%; }
.hero-content .btn { align-self: flex-start; }

@media (max-width: 767.98px) {
  .hero-box { aspect-ratio: unset; min-height: 180px; align-items: flex-end; }
  .hero-content { max-width: 100%; }
}



.ribbon-left    { position: absolute; top: 17px; left: -43px; width: 140px; text-align: center; transform: rotate(-45deg); box-shadow: 0 2px 6px rgba(0,0,0,.35); pointer-events: none; }
.ribbon-lg-left { position: absolute; top: 36px; left: -40px; width: 172px; text-align: center; transform: rotate(-45deg); box-shadow: 0 2px 6px rgba(0,0,0,.35); pointer-events: none; }
.ribbon-right   { position: absolute; top: 12px; right: -40px; width: 140px; text-align: center; transform: rotate(45deg); box-shadow: 0 2px 6px rgba(0,0,0,.35); pointer-events: none; }