/* ============================================================
   CUSTOM.CSS – Personalizzazioni Posart S.r.l.s.
   Autore: Anchise Von Diakonov
   Data: 09/04/2026
   ============================================================
   RD-NAVBAR-STATIC – CSS mancante dal template originale
   Desktop (≥992px): navbar orizzontale sempre visibile
   ============================================================ */

/* 1. Forza visibilità dell'elemento nav */
.rd-navbar-static {
  display: block !important;
}

/* 2. Barra di sfondo fissa in alto */
.rd-navbar-static .rd-navbar-main-outer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1050;
  background-color: rgba(18, 18, 30, 0.97);
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.5);
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* 3. Layout orizzontale del contenuto */
.rd-navbar-static .rd-navbar-main {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 30px;
  height: 70px;
  width: 100%;
}

/* 4. Panel brand */
.rd-navbar-static .rd-navbar-panel {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

/* 5. Nascondi il pulsante hamburger */
.rd-navbar-static .rd-navbar-toggle {
  display: none !important;
}

/* 6. Area degli elementi di navigazione */
.rd-navbar-static .rd-navbar-main-element {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}

/* 7. Nav wrap sempre visibile */
.rd-navbar-static .rd-navbar-nav-wrap {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  transform: none !important;
  background: transparent !important;
  box-shadow: none !important;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
}

/* 8. Lista nav orizzontale */
.rd-navbar-static .rd-navbar-nav {
  display: flex !important;
  flex-direction: row;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 4px;
}

/* 9. Singolo item */
.rd-navbar-static .rd-nav-item {
  display: flex;
  align-items: center;
}

/* 10. Link di navigazione */
.rd-navbar-static .rd-nav-link {
  color: rgba(255, 255, 255, 0.85) !important;
  text-decoration: none !important;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 8px 14px;
  border-radius: 3px;
  transition: color 0.25s ease, background 0.25s ease;
}

.rd-navbar-static .rd-nav-link:hover,
.rd-navbar-static .rd-nav-item.active .rd-nav-link {
  color: #d4a84b !important;
  background: rgba(212, 168, 75, 0.1);
}

/* 11. Sezione contatti nella navbar */
.rd-navbar-static .contacts-classic {
  display: flex;
  align-items: center;
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}

.rd-navbar-static .contacts-classic-text {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  letter-spacing: 0.03em;
  transition: color 0.25s;
}

.rd-navbar-static .contacts-classic-text:hover {
  color: #d4a84b !important;
}

.rd-navbar-static .contacts-classic .icon {
  color: #d4a84b;
  font-size: 18px;
  margin-right: 8px;
}

/* 12. Allo scroll: sfondo opaco completo */
.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main-outer {
  background-color: #12121e !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.7) !important;
}

/* 13. Padding top pagina (navbar è fixed, non occupa spazio nel flusso) */
body.rd-navbar--is-stuck~.page,
.page {
  padding-top: 0;
}

/* ============================================================
   14. Cross-browser: proprietà standard `appearance`
   Il template originale usa solo -webkit-appearance: none.
   Aggiunta della proprietà standard per Firefox, Safari nuovi,
   Edge e Chrome senza prefisso.
   ============================================================ */

.form-input {
  -webkit-appearance: none;
  appearance: none;
}

.toggle-custom {
  -webkit-appearance: none;
  appearance: none;
}

.rd-navbar-search-toggle {
  -webkit-appearance: none;
  appearance: none;
}

/* ============================================================
   15. Cross-browser: proprietà standard `transform`
   Nel template originale, la quasi totalità dei selettori
   usa già entrambi (-webkit-transform + transform).
   L'unico caso isolato è .owl-carousel .owl-stage-outer
   che aveva solo -webkit-transform per il fix anti-flickering.
   ============================================================ */

.owl-carousel .owl-stage-outer {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* ============================================================
   16. Cross-browser: proprietà standard `touch-action`
   Nel template originale, .owl-carousel .owl-stage usa solo
   -ms-touch-action: pan-Y (prefisso IE10).
   Aggiunta la proprietà standard per browser moderni.
   ============================================================ */

.owl-carousel .owl-stage {
  -ms-touch-action: pan-Y;
  touch-action: pan-y;
}

/* ============================================================
   17. Personalizzazione del titolo del progetto
   ============================================================ */

.project-classic-title {
  text-transform: none;
  font-family: Times New Roman;
  font-style: italic;
  text-align: center;
}

/* ============================================================
   18. Area logo nella hero section (sopra l'article)
   ============================================================ */

.hero-logo-area {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
}

.hero-logo {
  max-width: 280px;
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* ============================================================
   19. Area Servizi - Immagini  
   ============================================================ */

.service-card-image {
  width: 280px;
  height: 280px;
  margin: 0 auto 18px auto;
  overflow: hidden;
}

.service-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}