@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Great+Vibes&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Questrial&display=swap');

@font-face {
  font-family: 'aviano_serif';
  src: url('aviano_serif.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'great_coursive';
  src: url('greatvibes_coursive.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

:root {
  --color-cioccolato: #3C1C05;
  --color-crema: #F4ECE1;
  --color-oro: #C89B58;
}

* {
  font-family: 'Plus Jakarta Sans', 'Questrial', sans-serif;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}

[x-cloak] {
  display: none !important;
}

.font-special {
  font-family: 'Cinzel', 'aviano_serif', serif;
}

.font-coursive {
  font-family: 'Great Vibes', 'great_coursive', cursive;
}

/* Safe area support for iOS / Android mobile screens */
.safe-top {
  padding-top: max(env(safe-area-inset-top), 0.75rem);
}

.safe-bottom {
  padding-bottom: max(env(safe-area-inset-bottom), 0.75rem);
}

/* Flat warm background */
.bg-warm-plaster {
  background-color: #F4ECE1;
}

/* Mobile full-screen edge-to-edge background */
@media (max-width: 767px) {
  body {
    background-image: url('../img/sfondo_foglie_top.png');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #F4ECE1;
  }
}


/* Hide scrollbar for tabs and clean modals */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}