/* ===== SCROLLBAR GLOBALE (≈30% più stretta e meno visibile) ===== */
* { scrollbar-width: thin; scrollbar-color: rgba(120,130,145,0.28) transparent; }
*::-webkit-scrollbar { width: 9px; height: 9px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb {
  background: rgba(120,130,145,0.28);
  border-radius: 8px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
*::-webkit-scrollbar-thumb:hover {
  background: rgba(120,130,145,0.5);
  background-clip: padding-box;
}
*::-webkit-scrollbar-corner { background: transparent; }

/* ===== LOCAL FONTS ===== */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/Montserrat-400.ttf') format('truetype'); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/Montserrat-500.ttf') format('truetype'); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/Montserrat-600.ttf') format('truetype'); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/Montserrat-700.ttf') format('truetype'); }
@font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 200; font-display: swap; src: url('../fonts/TitilliumWeb-200.ttf') format('truetype'); }
@font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/TitilliumWeb-300.ttf') format('truetype'); }
@font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/TitilliumWeb-400.ttf') format('truetype'); }
@font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/TitilliumWeb-600.ttf') format('truetype'); }
@font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/TitilliumWeb-700.ttf') format('truetype'); }
@font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 900; font-display: swap; src: url('../fonts/TitilliumWeb-900.ttf') format('truetype'); }

/* ===== RESET ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }
body { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #454545; background: #fff; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
ul, ol { list-style: none; }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; height: auto; display: block; }
img.wp-ai-avatar-img { max-width: none; height: auto; display: inline; }


/* ===== TOP BAR ===== */
.top-bar {
  background: #33CCFF;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 3px 1em;
}
.top-bar__nav {
  display: flex;
  align-items: stretch;
}
.top-bar__nav-item {
  display: flex;
  align-items: center;
  position: relative;
}
.top-bar__nav-item::after {
  content: '';
  align-self: center;
  border-left: 2px solid #fff;
  height: .5em;
}
.top-bar__nav-item:last-child::after {
  margin-right: 0;
}
.top-bar__nav-item a {
  font-family: 'Titillium Web', sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  padding: 0 10px;
  display: flex;
  align-items: center;
  position: relative;
  transition: color 0.3s;
}
.top-bar__nav-item a:hover { color: #454545; }

.top-bar__flags {
  display: flex;
  align-items: center;
  margin-left: 0;
}
.top-bar__flags-item {
  display: flex;
  align-items: center;
  position: relative;
}
.top-bar__flags-item::after {
  content: '';
  align-self: center;
  border-left: 2px solid #fff;
  height: .5em;
}
.top-bar__flags-item:last-child::after {
  display: none;
}
.top-bar__flags-item a {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.top-bar__flags img {
  width: auto;
  height: 12px;
  object-fit: contain;
}

/* ===== LOGO + MAIN NAV ===== */
.logo {
  position: absolute;
  top: 36px;
  left: 20px;
  z-index: 100;
}
.logo img {
  height: 96px;
  width: auto;
}

/* ===== MAIN NAV ===== */
.main-nav {
  display: flex;
  float: right;
  align-items: center;
  justify-content: center;
  z-index: 10;
  margin-top: 10px;
  margin-right: 20px;
}
.main-nav__list {
  display: flex;
  align-items: center;
}
.main-nav__item {
  display: flex;
  align-items: stretch;
  position: relative;
}
.main-nav__item:not(:last-child)::after {
  content: '';
  align-self: center;
  border-left: 2px solid #33CCFF;
  height: 1em;
}
.main-nav__link {
  font-family: 'Titillium Web', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  color: #54595F;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  transition: color 0.3s;
  margin: 0 2.5px;
}
.main-nav__link:hover,
.main-nav__link--active { color: #33CCFF; }

/* Underline on hover/active */
.main-nav__link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #33CCFF;
  transform: scaleX(0);
  transition: transform 0.3s cubic-bezier(.58,.3,.005,1);
}
.main-nav__link:hover::after,
.main-nav__link--active::after { transform: scaleX(1); }

/* Dropdown arrow */
.main-nav__arrow {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  flex-shrink: 0;
  transition: transform 0.3s;
}
.main-nav__item:hover > .main-nav__link .main-nav__arrow { transform: rotate(180deg); }

/* Dropdown — tendina effect */
.main-nav__sub {
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  background: #fff;
  min-width: 260px;
  box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.5);
  z-index: 1000;
  padding: 0;
  /* Animated show/hide */
  display: block;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity 0.3s cubic-bezier(.4,0,.2,1),
              transform 0.3s cubic-bezier(.4,0,.2,1),
              visibility 0.3s;
}
/* Transparent bridge to keep hover across the gap */
.main-nav__sub::before {
  content: '';
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  height: 12px;
  background: transparent;
}
.main-nav__item:hover > .main-nav__sub {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.main-nav__sub li:not(:last-child) {
  border-bottom: 1px dashed #3EC0F0;
}

/* Staggered entrance for each item */
.main-nav__sub li {
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity 0.25s ease, transform 0.25s ease;
}
.main-nav__item:hover > .main-nav__sub li {
  opacity: 1;
  transform: translateX(0);
}
.main-nav__item:hover > .main-nav__sub li:nth-child(1) { transition-delay: 0.03s; }
.main-nav__item:hover > .main-nav__sub li:nth-child(2) { transition-delay: 0.06s; }
.main-nav__item:hover > .main-nav__sub li:nth-child(3) { transition-delay: 0.09s; }
.main-nav__item:hover > .main-nav__sub li:nth-child(4) { transition-delay: 0.12s; }
.main-nav__item:hover > .main-nav__sub li:nth-child(5) { transition-delay: 0.15s; }
.main-nav__item:hover > .main-nav__sub li:nth-child(6) { transition-delay: 0.18s; }
.main-nav__item:hover > .main-nav__sub li:nth-child(7) { transition-delay: 0.21s; }
.main-nav__item:hover > .main-nav__sub li:nth-child(8) { transition-delay: 0.24s; }
.main-nav__item:hover > .main-nav__sub li:nth-child(9) { transition-delay: 0.27s; }

.main-nav__sub a {
  display: block;
  padding: 2px 12px;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: #454545;
  letter-spacing: 0;
  transition: color 0.2s, background 0.2s;
}
.main-nav__sub a:hover { color: #3EC0F0; background: #fff; }

/* Burger toggle */
.burger {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 10px;
  align-self: center;
}
.burger svg { width: 28px; height: 28px; fill: #2E3192; }

/* Mobile nav overlay */
.mobile-nav {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: #fff;
  z-index: 9999;
  overflow-y: auto;
  padding: 60px 20px 20px;
}
.mobile-nav.is-open { display: block; }
.mobile-nav__close {
  position: absolute;
  top: 15px; right: 15px;
  background: none; border: none;
  cursor: pointer;
}
.mobile-nav__close svg { width: 28px; height: 28px; fill: #454545; }
.mobile-nav__list { margin-bottom: 20px; }
.mobile-nav__link {
  display: block;
  padding: 12px 0;
  font-family: 'Titillium Web', sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #454545;
  border-bottom: 1px solid #eee;
}
.mobile-nav__link--active { color: #3EC0F0; }
.mobile-nav__sub { padding-left: 16px; }
.mobile-nav__sub a {
  display: block;
  padding: 10px 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #454545;
  border-bottom: 1px solid #f0f0f0;
}

/* ===== RESPONSIVE HEADER ===== */
@media (max-width: 1024px) {
  .top-bar { display: none; }
  .main-nav { display: none; }
  .burger { display: block; }
}

/* ===== FOOTER ===== */
.site-footer{background:#3ec0f0;margin-top:60px}
.footer-reviews{padding:40px 0;background:#fff}
.footer-logo{background:#3ec0f0;text-align:center;padding:40px 1em 20px}
.footer-logo img{max-width:200px;display:inline-block}
.footer-columns{display:flex;flex-wrap:wrap;background:#3ec0f0;padding:0 4em 2em;gap:10px}
.footer-col{flex:1;min-width:180px}
.footer-col__title{font-family:"Titillium Web",sans-serif;font-size:30px;font-weight:800;color:#fff;margin:0 0 10px}
.footer-col__nav ul{list-style:none;margin:0;padding:0;border-left:2px solid #fff}
.footer-col__nav a{display:block;font-family:'Titillium Web',sans-serif;font-size:14px;color:#fff;padding:2px 0 2px 12px;transition:opacity .2s}
.footer-col__nav a:hover{opacity:.8}
.footer-bottom{background:#3ec0f0}
.footer-bottom-inner{max-width:960px;margin:0 auto;display:flex}
.footer-bottom-col--left,.footer-bottom-col--right{flex:1;min-width:0}
.footer-bottom-col--center{width:526px;flex-shrink:0}
.footer-contact{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px;padding:20px 0 10px}
.footer-contact a{display:inline-flex;align-items:center;transition:opacity .2s}
.footer-contact a:hover{opacity:.7}
.footer-contact img{height:56px;width:auto}
.footer-copyright{text-align:center;padding:0 0 20px;font-family:'Titillium Web',sans-serif;font-size:13px;color:#fff}
.footer-copyright p{margin:0}
.footer-bizum{display:flex;justify-content:flex-end;align-items:center;height:100%;padding-right:10px}
.footer-bizum img{height:50px;width:auto}
.footer-lang{background:#009fe3;display:flex;justify-content:center;padding:8px 0}
.footer-lang ul{display:flex;list-style:none;margin:0;padding:0;gap:12px;justify-content:center;align-items:center}
.footer-lang li{display:inline-block}
.footer-lang a{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:4px;transition:background .2s}
.footer-lang a:hover{background:#3ec0f0}
.footer-lang img{width:24px;height:16px;object-fit:contain}
@media(max-width:768px){.footer-columns{padding:0 2em 2em}.footer-col{flex:0 0 calc(50% - 10px)}}
@media(max-width:480px){.footer-col{flex:0 0 100%}}