/* MyDex 1.0.273 — cadre partagé des quatre écrans Skin 2.
 * Chargé APRÈS les quatre feuilles existantes. Ni Skin 1 ni données ne sont modifiés. */
.ec-wrap.ec-app.ec-skin-2 {
  --s2-frame-bg:#051322;--s2-frame-line:#294863;--s2-frame-ink:#edf6ff;
  --s2-frame-subtle:#acc8e3;--s2-frame-accent:#0e8bf4;
}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar {
  scrollbar-width:thin;scrollbar-color:#2f5577 transparent;
}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-sidebar-main {min-width:0!important;width:100%!important;}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-brand {display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:3px 8px 17px!important;margin:0 0 10px!important;border-bottom:1px solid #1d3750!important;}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-brand .ec-brand-full-logo {display:block!important;width:min(155px,100%)!important;height:auto!important;max-height:64px!important;object-fit:contain!important;object-position:left center!important;}
.ec-wrap.ec-app.ec-skin-2 .ec-skin-navigation {gap:3px!important;margin:8px 0 12px!important;}
/* 1.0.262 — action d’ajout à la fin de la navigation, sous « Événements à venir ». */
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-skin-navigation > .ec-nav-item.ec-skin2-add-last {margin-top:11px!important;}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-nav-item {display:flex!important;align-items:center!important;position:relative!important;gap:9px!important;min-width:0!important;min-height:42px!important;padding:9px 10px!important;margin:0!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#c2d6eb!important;font-size:12px!important;font-weight:570!important;line-height:1.3!important;text-decoration:none!important;box-shadow:none!important;white-space:normal!important;}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-nav-item:hover {border-color:#2c567b!important;background:#103251!important;color:#fff!important;}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-skin-nav-glyph {display:inline-grid!important;place-items:center!important;flex:0 0 25px!important;min-width:25px!important;width:25px!important;height:25px!important;max-height:25px!important;color:#b4d8f5!important;overflow:hidden!important;}
/* Protéger la correction structurelle du SVG géant : chaque SVG est borné. */
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-skin-nav-glyph>svg {display:block!important;position:static!important;flex:none!important;width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;max-height:20px!important;aspect-ratio:1!important;overflow:hidden!important;transform:none!important;filter:none!important;stroke:currentColor!important;stroke-width:1.85!important;fill:none!important;}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-skin2-side-count {flex:0 0 auto!important;margin-left:auto!important;padding:2px 7px!important;border-radius:99px!important;font-size:11px!important;}
.ec-wrap.ec-app.ec-skin-2.ec-current-view-gallery .ec-skin-navigation .ec-skin2-gallery-shortcut,
.ec-wrap.ec-app.ec-skin-2.ec-current-view-home .ec-skin-navigation [data-ec-view-button="home"],
.ec-wrap.ec-app.ec-skin-2.ec-current-view-calendar .ec-skin-navigation [data-ec-view-button="calendar"],
.ec-wrap.ec-app.ec-skin-2.ec-current-view-upcoming .ec-skin-navigation [data-ec-view-button="upcoming"] {background:linear-gradient(110deg,#1298ff,#086ee2)!important;color:#fff!important;border-color:#369df4!important;}
.ec-wrap.ec-app.ec-skin-2 .ec-skin-navigation .ec-nav-item[aria-current="page"] .ec-skin-nav-glyph,
.ec-wrap.ec-app.ec-skin-2.ec-current-view-gallery .ec-skin-navigation .ec-skin2-gallery-shortcut .ec-skin-nav-glyph {color:#fff!important;}
/* Repositionner la vraie barre de recherche sans dimensions inline figées. */
.ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar {
  box-sizing:border-box!important;position:relative!important;inset:auto!important;
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
  align-items:center!important;gap:10px!important;width:100%!important;
  min-height:58px!important;height:auto!important;max-height:none!important;
  top:-4px!important;padding:4px 0!important;margin:0 0 10px!important;overflow:visible!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-skin2-search-cta {
  box-sizing:border-box!important;display:flex!important;position:relative!important;
  flex:1 1 300px!important;align-items:center!important;justify-content:flex-start!important;
  gap:11px!important;min-width:0!important;width:auto!important;max-width:none!important;
  min-height:44px!important;height:44px!important;max-height:none!important;
  margin:0!important;padding:0 14px!important;border:1px solid #345675!important;border-radius:9px!important;
  background:#0f2034!important;color:#d6e9f9!important;overflow:hidden!important;text-align:left!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-skin2-search-pictogram {box-sizing:border-box!important;display:block!important;position:relative!important;flex:0 0 21px!important;width:21px!important;min-width:21px!important;max-width:21px!important;height:21px!important;min-height:21px!important;max-height:21px!important;padding:0!important;margin:0!important;overflow:hidden!important;}
.ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-skin2-search-cta>span {display:block!important;flex:1 1 auto!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:12px!important;}
.ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-skin2-add-cta {display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;gap:7px!important;height:44px!important;min-height:44px!important;max-height:none!important;padding:0 15px!important;border-radius:9px!important;font-weight:650!important;font-size:12px!important;white-space:nowrap!important;}
.ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar :is(.ec-top-account,.ec-unified-menu-button,.ec-unified-title) {flex:0 0 auto!important;}
.ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar :is(.ec-skin2-add-cta,.ec-skin2-search-cta,.ec-top-profile-button):hover {filter:brightness(1.1)!important;}
/* Marges communes aux vues, même densité de boutons et titres. */
.ec-wrap.ec-app.ec-skin-2 :is(.ec-home-section-head a,.ec-skin2-category-chip,.ec-skin2-detail-edit-top,.ec-skin2-month-event) {transition:background-color .16s ease,border-color .16s ease!important;}
.ec-wrap.ec-app.ec-skin-2 :is(.ec-skin2-gallery-controls,.ec-skin2-calendar-filters) {scroll-margin-top:18px;}
.ec-wrap.ec-app.ec-skin-2 :is(.ec-skin2-add-cta,.ec-skin2-search-cta,.ec-nav-item,.ec-skin2-category-chip):focus-visible {outline:2px solid #79caff!important;outline-offset:2px!important;}
@media(min-width:901px){
 .ec-wrap.ec-app.ec-skin-2 .ec-app-shell {padding-left:200px!important;}
 .ec-wrap.ec-app.ec-skin-2 .ec-sidebar {width:200px!important;max-width:200px!important;padding:13px 10px!important;}
 .ec-wrap.ec-app.ec-skin-2 .ec-sidebar-launcher {display:none!important;}
 .ec-wrap.ec-app.ec-skin-2 .ec-main {padding:14px clamp(14px,1.6vw,27px) 82px!important;}
 .ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-unified-menu-button,
 .ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-unified-title {display:none!important;}
}
@media(max-width:900px){
 .ec-wrap.ec-app.ec-skin-2 .ec-main {padding:10px 12px 94px!important;}
 .ec-wrap.ec-app.ec-skin-2 .ec-sidebar {max-width:min(290px,88vw)!important;}
 .ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar {top:-2px!important;gap:8px!important;margin-bottom:8px!important;}
}
@media(max-width:540px){
 .ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar {top:-1px!important;min-height:47px!important;gap:6px!important;}
 .ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-skin2-search-cta {flex-basis:0!important;min-height:41px!important;height:41px!important;padding:0 10px!important;gap:8px!important;}
 .ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-skin2-search-cta>span {font-size:11px!important;}
 .ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-skin2-add-cta {width:41px!important;min-width:41px!important;max-width:41px!important;min-height:41px!important;height:41px!important;padding:0!important;font-size:0!important;overflow:hidden!important;}
 .ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-skin2-add-cta>span {font-size:27px!important;line-height:1!important;}
 .ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-unified-title {display:none!important;}
}
@media(prefers-reduced-motion:reduce){
 .ec-wrap.ec-app.ec-skin-2 :is(.ec-nav-item,.ec-skin2-category-chip,.ec-skin2-add-cta) {transition:none!important;}
}


/* 1.0.258 — La rangée native de tri/modes se place dans la vraie barre
   supérieure du Skin 2 sur ordinateur, comme sur la maquette. Sur tablette
   et mobile les contrôles reviennent dans la galerie, sans doublons. */
.ec-wrap.ec-app.ec-skin-2 .ec-skin2-top-gallery-controls{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;flex:0 0 auto!important;min-width:0!important}
.ec-wrap.ec-app.ec-skin-2 .ec-skin2-top-gallery-controls .ec-skin2-sort-label{display:flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important}
.ec-wrap.ec-app.ec-skin-2 .ec-skin2-top-gallery-controls .ec-skin2-sort-label select{max-width:152px!important;height:39px!important;padding:6px!important}
.ec-wrap.ec-app.ec-skin-2 .ec-skin2-top-gallery-controls .ec-skin2-gallery-layout{flex:0 0 auto!important}
@media(min-width:901px){
 .ec-wrap.ec-app.ec-skin-2.ec-current-view-gallery .ec-unified-topbar .ec-skin2-add-cta{display:none!important}
 .ec-wrap.ec-app.ec-skin-2.ec-current-view-gallery .ec-unified-topbar .ec-skin2-search-cta{min-width:130px!important;max-width:none!important}
 .ec-wrap.ec-app.ec-skin-2.ec-current-view-gallery .ec-skin2-gallery-controls{flex-wrap:nowrap!important;align-items:center!important;margin-top:0!important;margin-bottom:10px!important}
 .ec-wrap.ec-app.ec-skin-2.ec-current-view-gallery .ec-skin2-gallery-controls .ec-skin2-toolbar-end{flex:0 0 auto!important}
}
@media(max-width:900px){
 .ec-wrap.ec-app.ec-skin-2 .ec-skin2-top-gallery-controls{display:none!important}
}
@media(min-width:901px) and (max-width:1100px){
 .ec-wrap.ec-app.ec-skin-2 .ec-skin2-top-gallery-controls .ec-skin2-sort-label{font-size:0!important;gap:0!important}
 .ec-wrap.ec-app.ec-skin-2 .ec-skin2-top-gallery-controls .ec-skin2-sort-label select{font-size:11px!important;max-width:126px!important}
 .ec-wrap.ec-app.ec-skin-2 .ec-skin2-top-gallery-controls{gap:5px!important}
}

/* 1.0.296 — Recherche reste dans le bandeau ; Statistiques dispose de sa page. */
.ec-wrap.ec-app.ec-skin-2 .ec-skin-navigation > .ec-nav-item[data-ec-global-search-open]{display:none!important;}

/* 1.0.270 — Bandeau unique pour les quatre vues. Les images et commandes restent
   isolées au Skin 2 ; aucun bouton fonctionnel n'est recréé ou déplacé. */
.ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar{
  position:relative!important;top:0!important;z-index:30!important;
  min-height:60px!important;padding:8px 14px!important;margin:0 0 12px!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  background:transparent!important;backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-skin2-search-cta{
  flex:1 1 auto!important;min-width:0!important;max-width:none!important;
  background:rgba(4,18,35,.65)!important;border:1px solid rgba(166,207,246,.36)!important;
  box-shadow:0 3px 16px rgba(0,6,20,.16)!important;
  backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important;
}
/* Retirer les cadres carrés derrière le profil et les paramètres. */
.ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-top-account,
.ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-top-account.has-admin-settings{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  gap:7px!important;width:auto!important;min-width:0!important;height:auto!important;
  flex:0 0 auto!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar :is(.ec-top-profile-button,.ec-top-admin-settings){
  display:grid!important;place-items:center!important;flex:0 0 40px!important;
  width:40px!important;min-width:40px!important;max-width:40px!important;
  height:40px!important;min-height:40px!important;max-height:40px!important;
  margin:0!important;padding:3px!important;border:0!important;border-radius:50%!important;
  background:transparent!important;box-shadow:none!important;transform:none!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-top-admin-settings img{
  display:block!important;width:25px!important;height:25px!important;max-height:25px!important;
  object-fit:contain!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.65));
}
.ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-top-profile-avatar{
  display:grid!important;place-items:center!important;overflow:hidden!important;
  width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
  border:2px solid rgba(221,241,255,.85)!important;border-radius:50%!important;
  box-shadow:0 3px 12px rgba(0,10,25,.42)!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-top-profile-button:focus-visible,
.ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-top-admin-settings:focus-visible{
  outline:2px solid #80d5ff!important;outline-offset:3px!important;
}
/* Le même gabarit accueille les 3 nouvelles couvertures + celle de l'Accueil. */
.ec-wrap.ec-app.ec-skin-2 .ec-skin2-cover,
.ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-hero{
  box-sizing:border-box!important;position:relative!important;isolation:isolate!important;
  display:flex!important;align-items:flex-end!important;
  width:100%!important;min-width:0!important;height:260px!important;min-height:260px!important;
  margin:-80px 0 14px!important;padding:0!important;overflow:hidden!important;
  border:0!important;border-radius:10px!important;box-shadow:none!important;
  background-color:#081b30!important;background-position:center center,center center!important;
  /* 1.0.271 — retour à un bandeau plein, comme avant, mais en compactant l'image
     pour qu'elle reste davantage visible tout en occupant toute la zone. */
  background-size:100% 100%,cover!important;background-repeat:no-repeat,no-repeat!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-hero{background-image:url('mydex-skin2-cover-home.jpg'),url('mydex-skin2-cover-home-blur.jpg')!important;}
.ec-wrap.ec-app.ec-skin-2 .ec-skin2-cover--gallery{background-image:url('mydex-skin2-cover-gallery.jpg'),url('mydex-skin2-cover-gallery-blur.jpg')!important;}
.ec-wrap.ec-app.ec-skin-2 .ec-skin2-cover--calendar{background-image:url('mydex-skin2-cover-calendar.jpg'),url('mydex-skin2-cover-calendar-blur.jpg')!important;}
.ec-wrap.ec-app.ec-skin-2 .ec-skin2-cover--upcoming{background-image:url('mydex-skin2-cover-upcoming.jpg'),url('mydex-skin2-cover-upcoming-blur.jpg')!important;}
.ec-wrap.ec-app.ec-skin-2 .ec-skin2-cover::before,
.ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-hero::before{
  content:''!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  z-index:0!important;background:linear-gradient(90deg,rgba(2,12,27,.83) 0%,rgba(4,16,34,.52) 43%,rgba(4,12,24,.10) 100%)!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-skin2-cover-copy,
.ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-hero-copy{
  position:relative!important;z-index:1!important;display:flex!important;
  flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;
  box-sizing:border-box!important;min-width:0!important;width:100%!important;
  height:100%!important;min-height:0!important;max-width:100%!important;
  margin:0!important;padding:96px 26px 21px!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-skin2-cover-copy h1{
  margin:0 0 5px!important;padding:0!important;color:#fff!important;
  font-size:clamp(32px,3.5vw,47px)!important;line-height:1.08!important;font-weight:800!important;
  text-shadow:0 3px 14px rgba(0,7,18,.6)!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-skin2-cover-copy p{
  margin:0!important;padding:0!important;color:#bbe4ff!important;
  font-size:clamp(12px,1.4vw,16px)!important;line-height:1.35!important;
  text-shadow:0 1px 8px rgba(0,7,18,.75)!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-hero h1{margin-bottom:3px!important;}
.ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-hero-total{z-index:3!important;}
/* 1.0.272 — Compteurs du même style que celui de l'Accueil, au pied des 3 autres couvertures. */
.ec-wrap.ec-app.ec-skin-2 .ec-skin2-cover .ec-skin2-cover-total{
  position:absolute!important;right:16px!important;bottom:12px!important;z-index:3!important;
  display:inline-flex!important;align-items:baseline!important;gap:7px!important;
  margin:0!important;padding:7px 11px!important;
  border:1px solid rgba(124,188,234,.36)!important;border-radius:999px!important;
  background:rgba(5,20,33,.48)!important;backdrop-filter:blur(6px)!important;
  color:#f3f9ff!important;box-shadow:none!important;pointer-events:none!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-skin2-cover .ec-skin2-cover-total strong{
  display:block!important;margin:0!important;padding:0!important;font-size:16px!important;
  line-height:1!important;font-weight:800!important;color:#fff!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-skin2-cover .ec-skin2-cover-total span{
  display:block!important;margin:0!important;padding:0!important;font-size:11px!important;
  line-height:1.1!important;font-weight:600!important;color:#c9dbed!important;white-space:nowrap!important;
}
@media(max-width:900px){
  .ec-wrap.ec-app.ec-skin-2 .ec-skin2-cover .ec-skin2-cover-total{right:12px!important;bottom:10px!important;padding:6px 10px!important;}
}
@media(max-width:540px){
  .ec-wrap.ec-app.ec-skin-2 .ec-skin2-cover .ec-skin2-cover-total{right:10px!important;bottom:9px!important;gap:5px!important;padding:5px 9px!important;}
  .ec-wrap.ec-app.ec-skin-2 .ec-skin2-cover .ec-skin2-cover-total strong{font-size:14px!important;}
  .ec-wrap.ec-app.ec-skin-2 .ec-skin2-cover .ec-skin2-cover-total span{font-size:10px!important;}
}

@media(max-width:900px){
  .ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar{
    padding:5px 8px!important;margin-bottom:10px!important;min-height:54px!important;gap:7px!important;
  }
  .ec-wrap.ec-app.ec-skin-2 .ec-skin2-cover,
  .ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-hero{
    margin-top:-69px!important;height:221px!important;min-height:221px!important;
  }
  .ec-wrap.ec-app.ec-skin-2 .ec-skin2-cover-copy,
  .ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-hero-copy{
    padding:72px 17px 18px!important;height:100%!important;min-height:0!important;
  }
}
@media(max-width:540px){
  .ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar{
    padding:4px 5px!important;min-height:49px!important;gap:4px!important;
  }
  .ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar :is(.ec-top-profile-button,.ec-top-admin-settings){
    flex-basis:34px!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:1px!important;
  }
  .ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-top-account{gap:2px!important;}
  .ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-top-profile-avatar{
    width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
  }
  .ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-top-admin-settings img{width:20px!important;height:20px!important;}
  .ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-skin2-search-cta{height:39px!important;min-height:39px!important;padding:0 9px!important;}
  .ec-wrap.ec-app.ec-skin-2 .ec-skin2-cover,
  .ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-hero{
    margin-top:-63px!important;height:205px!important;min-height:205px!important;
  }
  .ec-wrap.ec-app.ec-skin-2 .ec-skin2-cover-copy,
  .ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-hero-copy{
    padding:68px 13px 17px!important;height:100%!important;min-height:0!important;
  }
  .ec-wrap.ec-app.ec-skin-2 .ec-skin2-cover-copy h1{font-size:27px!important;}
  .ec-wrap.ec-app.ec-skin-2 .ec-skin2-cover-copy p{font-size:11px!important;}
}

/* 1.0.283 — pictogrammes officiels fournis, sans carré autour. */
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-skin-nav-glyph > img,
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-nav-share-icon > img {
 display:block!important;flex:none!important;width:23px!important;height:23px!important;
 min-width:23px!important;max-width:23px!important;min-height:23px!important;max-height:23px!important;
 object-fit:contain!important;object-position:center!important;filter:none!important;background:transparent!important;
}

/* 1.0.283 — recherche et ajout en haut : pictogrammes reçus, sans remplacer les boutons fonctionnels. */
.ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-skin2-search-pictogram {
 display:block!important;box-sizing:border-box!important;width:21px!important;height:21px!important;
 flex:0 0 21px!important;border:0!important;border-radius:0!important;
 background:url('mydex-skin2-nav-search.png') center/contain no-repeat!important;box-shadow:none!important;transform:none!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-skin2-search-pictogram::before,
.ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-skin2-search-pictogram::after{content:none!important;display:none!important}
.ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-skin2-add-cta > span{
 display:inline-block!important;width:22px!important;height:22px!important;min-width:22px!important;
 background:url('mydex-skin2-nav-add.png') center/contain no-repeat!important;
 font-size:0!important;line-height:0!important;vertical-align:middle!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-skin2-card-actions-menu button[data-ec-open-id]::before{
 content:'';display:inline-block;width:16px;height:16px;margin-right:5px;vertical-align:middle;
 background:url('mydex-skin2-nav-details.png') center/contain no-repeat;
}

/* MyDex 1.0.284 — habillage unique du Skin 2 : nouveau logo, nouvelles commandes.
   Le Skin 1, les moteurs de calendrier et la gestion des flyers ne sont pas modifiés. */
@media (min-width:901px){
 .ec-wrap.ec-app.ec-skin-2 .ec-app-shell{padding-left:218px!important}
 .ec-wrap.ec-app.ec-skin-2 .ec-sidebar{width:218px!important;max-width:218px!important}
}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-brand{padding:6px 7px 13px!important;margin-bottom:12px!important;min-width:0!important}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-brand .ec-brand-full-logo,
.ec-wrap.ec-app.ec-skin-2 .ec-mobile-brand .ec-brand-full-logo{
 display:block!important;width:100%!important;max-width:196px!important;height:auto!important;
 max-height:76px!important;object-fit:contain!important;object-position:left center!important;
 mix-blend-mode:screen!important;background:transparent!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-skin-navigation{gap:5px!important}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-nav-item{
 min-height:46px!important;padding:10px 10px!important;gap:11px!important;
 font-size:13px!important;font-weight:610!important;line-height:1.3!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-skin-nav-glyph{
 flex:0 0 29px!important;min-width:29px!important;width:29px!important;height:29px!important;max-height:29px!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-skin-nav-glyph>img,
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-nav-share-icon>img{
 width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;
 min-height:28px!important;max-height:28px!important;object-fit:contain!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-skin-nav-glyph>svg{
 width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;min-height:24px!important;max-height:24px!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-nav-settings-icon{display:inline-grid!important;place-items:center!important;flex:0 0 29px!important;width:29px!important;height:29px!important}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-nav-settings-icon img{
 width:28px!important;height:28px!important;max-width:28px!important;object-fit:contain!important;
}
/* Une hauteur identique pour les quatre couvertures, avec les catégories DANS
   celle de l'accueil (Festivals, Concerts, Soirées, etc.). */
.ec-wrap.ec-app.ec-skin-2 .ec-skin2-cover,
.ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-hero{
 height:382px!important;min-height:382px!important;max-height:none!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-hero{
 flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-hero-copy{
 flex:1 1 auto!important;height:auto!important;min-height:0!important;max-width:100%!important;
 padding:100px 25px 4px!important;justify-content:center!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-stats.ec-skin2-real-stats{
 position:relative!important;z-index:4!important;flex:0 0 auto!important;
 width:calc(100% - 28px)!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
 margin:8px 14px 14px!important;padding:0!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-hero-total{
 right:17px!important;bottom:101px!important;z-index:5!important;
}
@media(max-width:900px){
 .ec-wrap.ec-app.ec-skin-2 .ec-skin2-cover,
 .ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-hero{height:418px!important;min-height:418px!important}
 .ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-stats.ec-skin2-real-stats{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:8px 12px 12px!important;width:calc(100% - 24px)!important;
 }
 .ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-hero-total{bottom:167px!important}
 .ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-hero-copy{padding:78px 17px 3px!important}
}
@media(max-width:600px){
 .ec-wrap.ec-app.ec-skin-2 .ec-skin2-cover,
 .ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-hero{height:480px!important;min-height:480px!important}
 .ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-stats.ec-skin2-real-stats{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;
  margin:6px 10px 11px!important;width:calc(100% - 20px)!important;
 }
 .ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-hero-total{bottom:235px!important;right:12px!important}
 .ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-hero-copy{padding:70px 13px 2px!important}
}

/* 1.0.284 — contraste d’affichage uniquement : les PNG livrés ne sont pas retouchés. */
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-nav-settings-icon img,
.ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-top-admin-settings img{
 filter:brightness(1.9) saturate(1.15) drop-shadow(0 1px 2px rgba(33,131,237,.18))!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-skin-navigation [data-ec-view-button="upcoming"] .ec-skin-nav-glyph img{
 filter:brightness(1.95) saturate(1.2)!important;
}
@media(max-width:600px){
 .ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-hero-total{
  top:93px!important;bottom:auto!important;right:11px!important;
 }
}


/* MyDex 1.0.285 — geometrie du menu inspirée de DriveDex (REFERENCE DE DISPOSITION UNIQUEMENT).
   On conserve les images, icônes, couleurs, boutons et comportements MyDex d'origine.
   DriveDex: barre 240px, coins droits 19px, items 45px, icône 27px, gap 14px,
   inset 15px, coins items 11px. Aucun thème/couleur DriveDex recopié. */
@media (min-width:901px){
 .ec-wrap.ec-app.ec-skin-2 .ec-app-shell{padding-left:240px!important}
 .ec-wrap.ec-app.ec-skin-2 .ec-sidebar{
  width:240px!important;max-width:240px!important;
  padding:17px 11px 13px!important;
  border-radius:0 19px 19px 0!important;
 }
}
@media (max-width:900px){
 .ec-wrap.ec-app.ec-skin-2 .ec-sidebar{
  border-radius:0 19px 19px 0!important;
  padding:17px 11px 13px!important;
 }
}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-sidebar-main{
 display:flex!important;flex-direction:column!important;gap:0!important;
}
/* Supprime les fonds, filtres de fusion ou fonds rectangulaires sous l'identité. */
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-brand{
 display:flex!important;justify-content:flex-start!important;align-items:center!important;
 margin:0 0 12px!important;padding:0 4px 12px!important;
 background:none!important;background-image:none!important;border:0!important;
 border-radius:0!important;box-shadow:none!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-brand .ec-brand-full-logo,
.ec-wrap.ec-app.ec-skin-2 .ec-mobile-brand .ec-brand-full-logo{
 display:block!important;max-width:100%!important;width:100%!important;height:auto!important;
 max-height:80px!important;object-fit:contain!important;object-position:left center!important;
 background:transparent!important;mix-blend-mode:normal!important;
 filter:none!important;box-shadow:none!important;border:0!important;
}
/* Rows: DriveDex spacing/layout, but KEEP MyDex blue colors and selection styles. */
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-nav-list{
 display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-skin-navigation{
 display:flex!important;flex-direction:column!important;gap:3px!important;
 margin:0 0 12px!important;width:100%!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-nav-item{
 display:flex!important;align-items:center!important;justify-content:flex-start!important;
 box-sizing:border-box!important;width:100%!important;max-width:100%!important;
 min-width:0!important;min-height:45px!important;height:auto!important;
 gap:14px!important;margin:0!important;padding:9px 15px!important;
 border-radius:11px!important;font-size:14px!important;font-weight:550!important;
 line-height:1.4!important;text-align:left!important;
 box-shadow:none!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar :is(.ec-skin-nav-glyph,.ec-nav-settings-icon,.ec-nav-share-icon){
 box-sizing:border-box!important;display:inline-grid!important;place-items:center!important;
 flex:0 0 27px!important;min-width:27px!important;max-width:27px!important;
 width:27px!important;height:27px!important;min-height:27px!important;max-height:27px!important;
 margin:0!important;padding:0!important;
 overflow:visible!important;background:none!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;transform:none!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar :is(.ec-skin-nav-glyph,.ec-nav-settings-icon,.ec-nav-share-icon) > img,
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar :is(.ec-skin-nav-glyph,.ec-nav-settings-icon,.ec-nav-share-icon) > svg{
 display:block!important;box-sizing:border-box!important;
 flex:none!important;width:26px!important;min-width:26px!important;max-width:26px!important;
 height:26px!important;min-height:26px!important;max-height:26px!important;
 padding:0!important;margin:0!important;
 object-fit:contain!important;object-position:center!important;
 filter:none!important;transform:none!important;box-shadow:none!important;
}
/* Harmonisation de Paramètres : plus de filtre de luminosité ni de taille spéciale.
   Mêmes coordonnées pour tous les pictogrammes ; leurs couleurs d'origine restent intactes. */
.ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-top-admin-settings img{
 filter:none!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-skin-navigation [data-ec-view-button="upcoming"] .ec-skin-nav-glyph img{
 filter:none!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-skin-navigation > .ec-nav-item.ec-skin2-add-last{
 margin-top:11px!important;
}
@media(max-width:900px){
 .ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-nav-item{
  min-height:45px!important;gap:14px!important;padding:9px 15px!important;
 }
}

/* Derniers détails : Paramètres n'hérite plus d'un label gras ni d'une aura isolée. */
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-nav-settings-label{
 color:inherit!important;font-size:inherit!important;font-weight:inherit!important;
 letter-spacing:inherit!important;line-height:inherit!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar :is(.ec-skin-nav-glyph,.ec-nav-settings-icon,.ec-nav-share-icon){
 filter:none!important;
}
/* 1.0.285 — annuler le padding interne hérité, sinon les lignes ne remplissent pas la barre. */
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-sidebar-main{
 width:100%!important;min-width:0!important;
 padding:0!important;gap:0!important;
 align-items:stretch!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-sidebar-main>.ec-brand{
 min-height:0!important;max-height:none!important;
 margin:0 0 12px!important;padding:0 4px 12px!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-nav-list,
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-skin-navigation{
 width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;
 padding-left:0!important;padding-right:0!important;
}


/* MyDex 1.0.286 — mode standalone Affiches */
.ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-sidebar .ec-brand,
.ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-mobile-brand{
 padding-top:4px!important;padding-bottom:10px!important;
}
.ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-sidebar .ec-brand .ec-brand-full-logo,
.ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-mobile-brand .ec-brand-full-logo{
 width:72px!important;max-width:72px!important;max-height:72px!important;object-fit:contain!important;
}
.ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-skin-navigation .ec-affiche-side-link.is-current,
.ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-skin-navigation .ec-affiche-side-link[aria-current="page"]{
 background:linear-gradient(110deg,#1298ff,#086ee2)!important;color:#fff!important;border-color:#369df4!important;
}
.ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-skin-navigation .ec-affiche-side-link.is-current .ec-skin-nav-glyph,
.ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-skin-navigation .ec-affiche-side-link[aria-current="page"] .ec-skin-nav-glyph{color:#fff!important}


/* MyDex 1.0.287 — proportions du menu plus proches de DriveDex */
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-brand{
  padding:2px 6px 14px!important;
  margin:0 0 10px!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-brand .ec-brand-full-logo,
.ec-wrap.ec-app.ec-skin-2 .ec-mobile-brand .ec-brand-full-logo{
  width:auto!important;
  max-width:190px!important;
  height:44px!important;
  max-height:44px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-nav-list,
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-skin-navigation{gap:4px!important}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar .ec-nav-item{
  min-height:48px!important;
  padding:10px 15px!important;
  border-radius:14px!important;
  gap:12px!important;
  font-size:14px!important;
  font-weight:650!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar :is(.ec-skin-nav-glyph,.ec-nav-settings-icon,.ec-nav-share-icon){
  flex:0 0 24px!important;width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;min-height:24px!important;max-height:24px!important;
}
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar :is(.ec-skin-nav-glyph,.ec-nav-settings-icon,.ec-nav-share-icon) > img,
.ec-wrap.ec-app.ec-skin-2 .ec-sidebar :is(.ec-skin-nav-glyph,.ec-nav-settings-icon,.ec-nav-share-icon) > svg{
  width:23px!important;height:23px!important;min-width:23px!important;max-width:23px!important;min-height:23px!important;max-height:23px!important;
}

/* Standalone Affiches : vrai logo horizontal en haut à gauche, mêmes proportions que DriveDex */
.ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-sidebar .ec-brand,
.ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-mobile-brand{
  padding-top:2px!important;
  padding-bottom:14px!important;
}
.ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-sidebar .ec-brand .ec-brand-full-logo,
.ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-mobile-brand .ec-brand-full-logo{
  width:auto!important;
  max-width:230px!important;
  height:48px!important;
  max-height:48px!important;
  object-fit:contain!important;
  object-position:left center!important;
}

/* État actif du mini-menu Affiches */
.ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-skin-navigation .ec-affiche-side-link.is-current,
.ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-skin-navigation .ec-affiche-side-link[aria-current="page"]{
  background:linear-gradient(110deg,#1298ff,#086ee2)!important;
  color:#fff!important;
  border-color:#369df4!important;
}
.ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-skin-navigation .ec-affiche-side-link.is-current .ec-skin-nav-glyph,
.ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-skin-navigation .ec-affiche-side-link[aria-current="page"] .ec-skin-nav-glyph{color:#fff!important}

/* 1.0.288 — surcharger ici (feuille chargée APRÈS home.css) l'ancien
   position:relative de 1.0.284 qui empêchait réellement de descendre les chiffres. */
.ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-hero .ec-home-stats.ec-skin2-real-stats{
 position:absolute!important;z-index:4!important;
 display:flex!important;justify-content:flex-start!important;align-items:flex-end!important;
 flex-wrap:nowrap!important;gap:22px!important;
 left:24px!important;right:auto!important;bottom:10px!important;
 width:max-content!important;max-width:calc(100% - 48px)!important;
 margin:0!important;padding:0!important;
}
@media(min-width:641px) and (max-width:900px){
 .ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-hero .ec-home-stats.ec-skin2-real-stats{
  flex-wrap:wrap!important;column-gap:18px!important;row-gap:8px!important;
  left:18px!important;right:auto!important;bottom:9px!important;
  width:max-content!important;max-width:calc(100% - 36px)!important;
 }
}
@media(max-width:640px){
 .ec-wrap.ec-app.ec-skin-2 .ec-home-view .ec-home-hero .ec-home-stats.ec-skin2-real-stats{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:6px!important;row-gap:8px!important;
  left:14px!important;right:14px!important;bottom:8px!important;
  width:calc(100% - 28px)!important;max-width:none!important;margin:0!important;
 }
}

/* 1.0.293 — Entrée directe /affiche/ : barre et couverture identiques à MyDex. */
.ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-affiche-standalone-topbar{z-index:21!important;}
.ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-affiche-standalone-topbar .ec-unified-menu-button{flex:0 0 auto!important;}
@media (max-width:900px){
 .ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-affiche-standalone-topbar{max-width:100%!important;}
 .ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-affiche-standalone-topbar .ec-skin2-search-cta{flex:1 1 0!important;min-width:0!important;}
}
