/* ==========================================================================
   Capçalera (Kadence header builder estilitzat) + drawer mòbil
   ========================================================================== */
.hq #masthead { background: var(--color-bg); border-bottom: var(--rule); }
.hq #masthead .site-header-row-container-inner { background: transparent; }
.hq #masthead .site-container { max-width: none; padding-left: var(--edge); padding-right: var(--edge); }
.hq .site-main-header-inner-wrap { min-height: 68px; }
.hq .kadence-sticky-header.item-is-fixed { background: var(--color-bg); border-bottom: var(--rule); box-shadow: none; }
.hq .kadence-sticky-header.item-is-fixed .site-header-row-container-inner { background: transparent; }

/* Marca */
.hq .hq-brand__link { display: flex; align-items: center; gap: 14px; text-decoration: none; color: inherit; padding: 10px 0; }
.hq .hq-brand__link:hover { color: inherit; }
.hq .hq-brand__text { display: block; font-family: var(--font-heading); font-weight: 800; font-size: 14px; line-height: 1.15; letter-spacing: -0.01em; color: var(--color-text); }
.hq .hq-brand__text .hq-line { display: block; }
.hq .hq-escut { flex: none; }

/* Navegació principal */
.hq .header-navigation .header-menu-container > ul { gap: 22px; }
.hq .header-navigation .header-menu-container > ul > li > a {
  padding: 12px 0; margin: 0;
  font-family: var(--font-heading); font-weight: 800; font-size: 13.5px; letter-spacing: 0.02em; text-transform: uppercase;
  color: var(--color-text); background: transparent; text-decoration: none;
  box-shadow: inset 0 -2px 0 transparent; transition: color .15s ease, box-shadow .15s ease;
}
.hq .header-navigation .header-menu-container > ul > li > a:hover,
.hq .header-navigation .header-menu-container > ul > li.current-menu-item > a,
.hq .header-navigation .header-menu-container > ul > li.current-menu-ancestor > a { color: var(--color-accent); background: transparent; }
.hq .header-navigation .header-menu-container > ul > li.current-menu-item > a { box-shadow: inset 0 -2px 0 var(--color-accent); }
.hq .header-navigation .header-menu-container > ul > li.menu-item-home.current-menu-item > a { box-shadow: none; color: var(--color-text); }
.hq .header-navigation .header-menu-container ul ul.sub-menu { background: var(--color-bg); border: 2px solid var(--color-text); box-shadow: none; min-width: 240px; padding: 6px 0; }
.hq .header-navigation .header-menu-container ul ul.sub-menu li a { padding: 10px 16px; font-family: var(--font-heading); font-weight: 800; font-size: 13px; text-transform: uppercase; letter-spacing: 0.02em; color: var(--color-text); }
.hq .header-navigation .header-menu-container ul ul.sub-menu li a:hover { background: var(--color-accent-100); color: var(--color-accent-700); }
.hq .header-navigation .header-menu-container > ul > li > a .dropdown-nav-toggle { display: none; }

/* Botó de capçalera */
.hq .site-header-item .header-button-wrap { margin-left: 8px; }
.hq .site-header-item .header-button, .hq .mobile-header-button-wrap .mobile-header-button {
  display: inline-flex; align-items: center; gap: 10px; padding: 11px 16px; border-radius: 0;
  background: var(--color-accent); border: 2px solid var(--color-accent); color: var(--color-bg);
  font-family: var(--font-heading); font-weight: 800; font-size: 12.5px; letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none;
  box-shadow: none; transition: background .15s ease, border-color .15s ease;
}
.hq .site-header-item .header-button:hover, .hq .mobile-header-button-wrap .mobile-header-button:hover { background: var(--color-accent-700); border-color: var(--color-accent-700); color: var(--color-bg); box-shadow: none; }
.hq .site-header-item .header-button::after, .hq .mobile-header-button-wrap .mobile-header-button::after {
  content: ""; width: 14px; height: 14px; flex: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23f3f2f2' stroke-width='2.5' stroke-linecap='square'><path d='M5 12h14'/><path d='M13 6l6 6-6 6'/></svg>") center/contain no-repeat;
}

/* Toggle mòbil */
.hq #mobile-toggle.menu-toggle-open { color: var(--color-text); padding: 8px; border: 2px solid var(--color-text); border-radius: 0; background: transparent; }
.hq #mobile-toggle.menu-toggle-open:hover, .hq #mobile-toggle.menu-toggle-open:focus-visible { color: var(--color-accent); border-color: var(--color-accent); background: transparent; }
.hq .mobile-site-branding .site-title { font-family: var(--font-heading); font-weight: 800; font-size: 14px; line-height: 1.15; }

/* Drawer */
.hq #mobile-drawer .drawer-inner { background: var(--color-bg); color: var(--color-text); border-left: 2px solid var(--color-text); max-width: 380px; width: 88vw; }
.hq #mobile-drawer .drawer-overlay { background: color-mix(in srgb, var(--color-text) 60%, transparent); }
.hq #mobile-drawer .drawer-header { padding: 14px var(--edge) 0; }
.hq #mobile-drawer .menu-toggle-close { color: var(--color-text); border: 2px solid var(--color-text); border-radius: 0; padding: 6px; }
.hq #mobile-drawer .menu-toggle-close:hover { color: var(--color-accent); border-color: var(--color-accent); }
.hq #mobile-drawer .drawer-content { padding: 16px var(--edge) 32px; }
.hq #mobile-drawer .mobile-navigation ul li { border-bottom: 1px solid var(--color-divider); }
.hq #mobile-drawer .mobile-navigation ul li:first-child { border-top: 2px solid var(--color-text); }
.hq #mobile-drawer .mobile-navigation ul li:last-child { border-bottom: 2px solid var(--color-text); }
.hq #mobile-drawer .mobile-navigation ul li a {
  padding: 16px 0; font-family: var(--font-heading); font-weight: 800; font-size: 17px; letter-spacing: -0.01em; text-transform: uppercase; color: var(--color-text);
}
.hq #mobile-drawer .mobile-navigation ul li a:hover, .hq #mobile-drawer .mobile-navigation ul li.current-menu-item > a { color: var(--color-accent); background: transparent; }
.hq #mobile-drawer .mobile-navigation ul ul.sub-menu li { border: 0; }
.hq #mobile-drawer .mobile-navigation ul ul.sub-menu li a { font-size: 14px; padding: 10px 0 10px 16px; }
.hq #mobile-drawer .mobile-header-button-wrap { margin-top: 24px; }
.hq #mobile-drawer .mobile-header-button-wrap .mobile-header-button { width: 100%; justify-content: flex-start; padding: 15px 18px; font-size: 14px; }

/* Contingut: sense marges de Kadence */
.hq #inner-wrap { padding: 0; }
.hq .hq-content { margin: 0; padding: 0; }
.hq .content-area { margin: 0; }
.hq .kadence-scrollbar-fixer, .hq #kt-scroll-up, .hq #kt-scroll-up-reader { display: none !important; }