/* Liquid Glass transparent, inspiré d'un verre blanc nacré — appliqué à tous les boutons du site. */
.site-header{height:84px;padding:0 5.2vw;background:linear-gradient(105deg,#ffffff15,#e6dbff0b 48%,#ffffff10);border-bottom:1px solid #ffffff2c;box-shadow:0 12px 34px #00000024,inset 0 1px 0 #ffffff3d;backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}.site-header:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,#ffffff18,transparent 30%,transparent 72%,#ffffff0c);mix-blend-mode:screen}.site-header>*{position:relative;z-index:1}.site-header nav a{padding:9px 11px;border-radius:14px;transition:background .25s,color .25s,opacity .25s}.site-header nav a:hover,.site-header nav a.active{background:#ffffff12;box-shadow:inset 0 1px #ffffff1c}

/* Boutons pleins (texte + pilule) : .btn, liens stylés en bouton, CTA carte produit, filtres, actions admin... */
button,
a.btn,
.btn,
.view-btn,
.account-btn,
.admin-chip,
.discord-btn,
.logout-btn,
.filter,
.dash-tab,
.table-row button,
.row-actions button,
#apply-promo,
.promo button{
  position:relative;isolation:isolate;
  border:1px solid #ffffffae!important;
  background:linear-gradient(145deg,#ffffff52 0%,#ffffff1a 40%,#ffffff08 72%,#ffffff35 100%)!important;
  color:#f8f8fa!important;
  border-radius:999px;
  box-shadow:0 1px 1px #00000054,0 5px 12px #0000002b,inset 0 1px 1px #ffffffd9,inset 0 -1px 1px #0000004b,inset 1px 0 1px #ffffff7a,inset -1px 0 1px #ffffff7a,0 0 10px #ffffff29!important;
  backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);
  text-shadow:0 -1px 0 #0000006b,0 1px 7px #ffffff38;
  transition:transform .24s ease,filter .24s ease,box-shadow .24s ease,background .24s ease;
}
button:before,a.btn:before,.btn:before,.account-btn:before,.admin-chip:before,.discord-btn:before{content:"";position:absolute;z-index:-1;inset:2px;border-radius:inherit;background:linear-gradient(115deg,#ffffff3e,transparent 27%,transparent 72%,#ffffff1c);pointer-events:none}
.btn.hot,a.btn.hot,#checkout,#modal-add,#new-ticket,#new-product{background:linear-gradient(145deg,#ffffff65 0%,#ffc4dd2c 42%,#ffffff0b 73%,#e8d2ff3d 100%)!important}
.btn.line,a.btn.line{background:linear-gradient(145deg,#ffffff32,#ffffff0b 65%,#ffffff24)!important;border-color:#ffffff9b!important}
button:hover,a.btn:hover,.btn:hover,.account-btn:hover,.admin-chip:hover,.discord-btn:hover,.promo button:hover,.filter:hover{transform:translateY(-1px) scale(1.025);filter:brightness(1.13);box-shadow:0 1px 1px #00000054,0 8px 18px #00000038,inset 0 1px 1px #fff,inset 0 -1px 1px #0000004b,0 0 18px #ffffff42!important}
button:active,a.btn:active,.btn:active,.account-btn:active,.admin-chip:active,.discord-btn:active,.promo button:active{transform:translateY(1px) scale(.985);filter:brightness(.9)}
.filter.active,.dash-tab.active{border-color:#ffffffbb!important;background:#ffffff2b!important;color:#fff!important;box-shadow:inset 0 1px #ffffff74,0 8px 18px #0004!important}

/* Sidebar admin/espace client : mêmes reflets verre, coins plus doux car liens pleine largeur. */
.side a,.side button{
  border:1px solid transparent!important;
  border-radius:14px!important;
  background:transparent!important;
  backdrop-filter:none;-webkit-backdrop-filter:none;
  box-shadow:none!important;
  transition:background .22s ease,color .22s ease,border-color .22s ease;
}
.side a:hover,.side a.active,.side button:hover{
  background:linear-gradient(145deg,#ffffff20,#ffffff08 70%,#ffffff16)!important;
  border-color:#ffffff40!important;
  color:#fff!important;
  box-shadow:inset 0 1px #ffffff30,0 6px 14px #0004!important;
}

/* Boutons ronds icône seule : fermer, menu, flèches galerie, panier... */
.close,
.gallery-lightbox-close,
.icon-btn,
.menu,
.gallery-arrow,
.bag,
.cart-item button,
.gallery-dots button{
  border:1px solid #ffffff94!important;
  border-radius:999px!important;
  background:linear-gradient(145deg,#ffffff42,#ffffff0a 70%,#ffffff28)!important;
  box-shadow:0 1px 1px #00000050,0 4px 10px #00000032,inset 0 1px #ffffffc4,inset 0 -1px #0000004b!important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  color:#fff!important;
  transition:transform .2s ease,filter .2s ease;
}
.close:hover,.gallery-lightbox-close:hover,.icon-btn:hover,.menu:hover,.gallery-arrow:hover,.bag:hover{transform:scale(1.06);filter:brightness(1.15)}
.gallery-dots button.active{background:#ffffff8c!important}
.bag b{background:linear-gradient(#f9ddeb,#dc5590)!important;box-shadow:inset 0 1px #fff,0 2px 7px #0008;border-radius:999px}

/* Grandes tuiles (choix du type de support) : même verre, coins de carte plutôt que pilule. */
.support-choices button{
  border:1px solid #ffffff40!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#ffffff26,#ffffff08 70%,#ffffff18)!important;
  box-shadow:0 1px 1px #00000040,0 8px 20px #00000024,inset 0 1px #ffffff50!important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  color:#fff!important;
  transition:transform .22s ease,filter .22s ease,border-color .22s ease;
}
.support-choices button:hover{transform:translateY(-2px);border-color:#ffffff8c!important;filter:brightness(1.08)}

/* Véhicules : aucun espace entre le lien et le sous-menu, donc les catégories restent cliquables. */
.nav-dropdown{display:inline-flex;align-items:center}.nav-dropdown>.subnav{top:100%;left:0;z-index:20;min-width:220px;padding:17px 9px 9px;border-radius:18px;background:linear-gradient(145deg,#ffffff28,#ffffff0c 68%,#ffffff1c);border:1px solid #ffffff52;box-shadow:0 15px 30px #0000003c,inset 0 1px #ffffff70;backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}.nav-dropdown>.subnav a{display:block;padding:8px 10px!important;border-radius:10px;opacity:1}.nav-dropdown>.subnav a:hover{background:#ffffff20;color:#fff}
@media(max-width:800px){.site-header{height:72px;padding:0 20px}}