.gc-menu a{
    color: #333;
}
.gc-menu a:hover{
    text-decoration: none;
    background-color: #f5f5f5;
    border-radius: .75rem;
    color: #333;
}

.gc-menu__trigger:hover{
    background-color: #f5f5f5;
    border-radius: .75rem;
}

.gc-menu__root { position: relative; }

/* Assegura stacking context propi al contenidor */

/* El panell ha d’estar per sobre del toolbar de Drupal/Gin */


/* Si el teu header (o algun ancestor) té z-index alt, supera’l aquí */
.site-header, .l-header {
  position: relative;
  z-index: 2;
}
/* Mou el header cap avall quan el toolbar és fix */
body.toolbar-fixed .site-header {
  top: var(--toolbar-bar-h, 0px);
}

/* Si la safata/tray està oberta en horitzontal, baixa’l encara més */
body.toolbar-fixed.toolbar-tray-open.toolbar-horizontal .site-header {
  top: calc(var(--toolbar-bar-h, 0px) + var(--toolbar-tray-h, 0px));
}

.gc-menu__level { list-style: none; margin: 0; padding: 0; }
.gc-menu__level--1 { display: flex; gap: .25rem;}
/*.gc-menu__item { position: relative; }*/
.gc-menu__link, .gc-menu__trigger { display: inline-block; padding: 1rem 1.25rem; text-decoration: none; background: none; border: 0; cursor: pointer; color: #3a3a3a;  font-weight: 600 !important;}
.gc-menu__trigger { font: inherit; }

/* Panell nivell 1 a 100% */
.gc-menu__panel {
  position: absolute;
  left: 0; right: 0; top: 100%;
  width: 100%;
  background: #fff;
  /*border-top: 1px solid #e5e7eb;*/
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  z-index: 1200;
  overflow: hidden;
  max-height: 0;
  transition: max-height .28s ease;
}
.gc-menu__panel.is-open { max-height: 1200px; } /* suficient per al contingut habitual */

/* Mega grid: 33% + 66% */
.gc-mega { display: grid; grid-template-columns: 1fr 2fr; gap: 2rem; padding: 1.25rem 1.5rem; }
.gc-mega__col--nav { min-width: 240px; border-right: 1px solid #ddd;}
.gc-mega__col--promo { display: flex; align-items: stretch; }

/* Targeta gris amb títol i CTA a la dreta */
.gc-mega__card {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  width: 100%;
  background: #f3f4f6; /* gris suau */
  padding: 1.25rem 1.5rem;
  max-height: 111.6px;
}
.gc-mega__title { margin: 0; font-size: 1.1rem; font-weight: 600; color: #cc0000;}
.gc-mega__cta { align-self: center; text-decoration: none; }

/* Llistes internes (nivell 2+) */
.gc-menu__level[role="menu"] .gc-menu__item { display: block; }
.gc-menu__level[role="menu"] .gc-menu__link { display: block; padding: 14px 20px; border-bottom: 0 !important; color: #333;font-weight: 400 !important;}
.gc-menu__level[role="menu"] .gc-menu__link:hover{ color: #000;}

/* Botó enrere nivells ≥2 + side-in (si tens 3r nivell) */
.gc-menu__back { border-bottom: 1px solid #f3f4f6; }
.gc-menu__backBtn { display: block; width: 100%; text-align: left; padding: .6rem .9rem; background: #f9fafb; border: 0; cursor: pointer; }

/* Panells de nivells ≥3 en mode “side-in” */
.gc-menu__panel--lvl3,
.gc-menu__panel--lvl4,
.gc-menu__panel--lvl5 {
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background: #fff;
  transform: translateX(100%);
  transition: transform .25s ease;
}
.gc-menu__panel.is-active.in { transform: translateX(0); }

.gc-menu .placeholder{
    cursor: inherit;
    background-color: transparent;
}
.gc-menu__item.is-active {
  border-bottom: 3px solid #cc0000;
}
.gc-menu a.is-external { padding-right: 1.25rem; }
.gc-menu a.is-external .ext-ico { margin-left: .35rem; vertical-align: text-bottom; opacity: .85; }
/* Responsiu */

.gc-menu__level[data-level="1"] .gc-menu__trigger{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
}
.gc-menu__icon{ flex:0 0 auto; transition: transform .3s ease,-webkit-transform .3s ease;}
.gc-menu__level[data-level="1"] .gc-menu__trigger[aria-expanded="true"] .gc-menu__icon{
  transform: rotate(180deg);
  transition: transform .3s ease,-webkit-transform .3s ease;
}

@media (max-width: 980px) {
  .gc-mega { grid-template-columns: 1fr; }
}


/* MÒBIL / TABLET: menú nivell 1 en vertical */
@media (max-width: 991.98px) {
  /* el contenidor del nivell 1 */
  .gc-menu__level[data-level="1"] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }

  /* cada item a full width */
  .gc-menu__level[data-level="1"] .gc-menu__item {
    width: 100%;
  }

  /* el trigger ocupa tota la línia, text a l'esquerra, chevron a la dreta */
  .gc-menu__level[data-level="1"] .gc-menu__trigger {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;

    /* opcional: aspecte de “llista” */
    padding: 0.75rem 1rem;
  }

  /* separadors (opc.) */
  .gc-menu__level[data-level="1"] .gc-menu__item + .gc-menu__item {
    border-top: 1px solid rgba(0,0,0,.12);
  }

  /* el dropdown panel que surt sota l’item (si és dropdown i no side-in) */
  .gc-menu__level[data-level="1"] .gc-menu__panel {
    width: 100%;
  }
  .gc-menu__panel{
    top: inherit;
  }
}