@import url('base/variables.css');
@import url('base/typography.css');
@import url('base/legacy-bridge.css');
@import url('layouts/chrome.css?v=2');
@import url('layouts/header-desktop.css');
@import url('layouts/shell.css');
@import url('pages/home.css?v=11');
@import url('pages/home-cms-bridge.css?v=5');
@import url('pages/cms-page.css?v=2');
@import url('pages/mobile-app.css?v=4');
@import url('pages/error-page.css?v=1');
@import url('pages/shop-pages.css');
@import url('layouts/bottom-nav.css?v=9');
@import url('components/topbar.css?v=4');
@import url('components/e3-loading.css?v=1');
@import url('components/toasts.css?v=3');
@import url('components/e3-pagination.css?v=1');
@import url('components/dashboard.css');
@import url('components/dashboard-home.css?v=7');
@import url('components/dashboard-timeline.css?v=3');
@import url('components/dashboard-slider.css?v=4');
@import url('components/dashboard-v2.css?v=7');
@import url('components/booking.css');
@import url('components/profile.css');
@import url('components/shop-e3-profile.css?v=12');
@import url('components/shop.css');
@import url('components/shop-e3-catalog.css?v=3');
@import url('components/shop-e3-prices.css?v=1');
@import url('components/shop-e3.css?v=4');
@import url('components/shop-e3-categories.css?v=6');
@import url('components/shop-e3-product.css?v=6');
@import url('components/shop-e3-services.css?v=1');
@import url('components/shop-e3-cart.css?v=4');
@import url('components/shop-e3-checkout.css?v=3');
@import url('components/shop-e3-auth.css?v=8');
@import url('components/shop-e3-orders.css?v=11');
@import url('components/shop-e3-notifications.css?v=1');
@import url('components/shop-e3-giftcards.css?v=1');
@import url('components/shop-e3-customer-extras.css?v=6');
@import url('components/shop-e3-comunications.css?v=9');
@import url('components/shop-e3-articles.css?v=6');
@import url('components/timings.css?v=22');
@import url('components/bookings.css?v=12');
@import url('components/customer-bookings.css?v=13');
@import url('components/wodmanager-wods.css?v=39');
@import url('components/e3-select2.css?v=5');
@import url('components/wodmanager-e3-pages.css?v=35');
@import url('layouts/app-frame.css?v=13');

*, *::before, *::after {
  box-sizing: border-box;
}

body.new_enia3 .e3-customer-bookings .e3-snap--customer-fill .e3-snap__chrome {
  flex-shrink: 0;
  margin-top: var(--space-2);
  padding-top: var(--space-1);
  padding-left: 5px;
  padding-right: 5px;
}

section#cpage-contents {
  padding-left: 0px;
  padding-right: 0px;
}

/* Base rem unificata su tutta la parte shop (1rem = 10px).
   L'admin bootstrap.min.css (caricato solo su alcune pagine via assets_customers)
   imposta html{font-size:10px}; senza questa regola le pagine che NON lo caricano
   userebbero 16px, rendendo header/footer e contenuti molto più grandi.
   main.css è incluso dopo theme.css, quindi questa regola vince ovunque. */
html:has(body.new_enia3) {
  font-size: 62.5%;
  /* clip (non hidden): ritaglia l'overflow-x senza creare uno scroll container,
     così position: sticky continua a funzionare nei discendenti */
  overflow-x: clip;
  max-width: 100%;
}

body.new_enia3 {
  background-color: var(--bg-app);
  overflow-x: clip;
  max-width: 100%;
}

/* Phone, iPad e desktop: stesso offset mobile (topbar + bottom nav) */
@media (max-width: 1099px) {
  html:has(body.new_enia3),
  body.new_enia3 {
    overscroll-behavior-y: none;
  }

  body.new_enia3 {
    background-color: var(--bg-app);
  }

  body.new_enia3 .page-contents {
    padding-top: calc(var(--topbar-height) + env(safe-area-inset-top, 0px) + var(--space-2));
    padding-left: var(--page-gutter);
    padding-right: var(--page-gutter);
    padding-bottom: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px) + var(--space-3));
    background-color: transparent !important;
  }
}

@media (min-width: 1100px) {
  body.new_enia3 .page-contents {
    padding-top: calc(var(--topbar-height) + env(safe-area-inset-top, 0px) + var(--space-2));
    padding-left: var(--page-gutter);
    padding-right: var(--page-gutter);
    padding-bottom: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px) + var(--space-3));
    max-width: 100%;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
    background-color: transparent !important;
  }
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  background: var(--border-color-strong);
  border-radius: var(--radius-full);
}

/* Card — alias e3-card / app-card */
.e3-card,
.app-card {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  padding: var(--space-3);
  box-shadow: var(--shadow-sm);
}

.btn-premium {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  padding: var(--space-2) var(--space-3);
  font-size: var(--text-base);
  font-weight: 600;
  border-radius: var(--radius-sm);
  border: none;
  background: var(--primary);
  color: var(--text-on-primary);
  cursor: pointer;
  gap: var(--space-1);
  transition: background var(--transition-fast);
}

.btn-premium:hover {
  background: var(--primary-hover);
  color: var(--text-on-primary);
}

.app-input {
  width: 100%;
  min-height: 3rem;
  padding: var(--space-2);
  font-size: var(--text-base);
  color: var(--text-main);
  background: var(--bg-input);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm);
}

.app-input:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 3px var(--primary-light);
}

.app-badge {
  display: inline-flex;
  padding: 0.25rem 0.625rem;
  font-size: var(--text-sm);
  font-weight: 600;
  border-radius: var(--radius-full);
}

.app-grid {
  display: grid;
  gap: var(--space-2);
}

/* reCAPTCHA — meno visibile della bottom bar (disclosure nel form registrazione) */
body.new_enia3 .grecaptcha-badge {
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

body.new_enia3 .bottom-nav,
body.new_enia3 .bottom-nav-drawer {
  z-index: 1100;
}