/*
This file should only be used by hesk clients to apply any custom overwrites to core files,
and ensure these changes are included in the bundled css.

Please only change this file if you know what you are doing.
Any general thematic changes should rather be done as part of /theme changes of theme_overrides.css
*/
/* === Personalització EMAV === */
body.cust-help {
  background-color: #f3f3f3;
  font-family: 'Segoe UI', sans-serif;
  color: #333;
}

body.cust-help a {
  color: #ff1d79 !important; /* Rosa EMAV */
}

body.cust-help a:hover {
  color: #c7006e !important;
}

body.cust-help header,
.navbar,
.footer {
  background-color: #ff1d79 !important;
  color: #fff !important;
}
/* === Visibilitat per login/register === */
body.cust-help .header__inner .header__nav .nav-item a {
  color: #ffffff !important;
  font-weight: 600;
  padding: 0 12px;
  text-decoration: none !important;
}

body.cust-help .header__inner .header__nav .nav-item a:hover {
  text-decoration: underline !important;
}
body.cust-help button,
input[type="submit"],
input[type="button"] {
  background-color: #ff1d79 !important;
  border-color: #ff1d79 !important;
  color: #fff !important;
}

body.cust-help button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background-color: #c7006e !important;
  border-color: #c7006e !important;
}
.custom-login-message .btn-full:hover {
  background-color: #e6007e !important; /* rosa EMAV */
  color: #ffffff !important; /* text blanc */
}
body.cust-help h1, h2, h3 {
  color: #000000 !important;
}

body.cust-help .ticket-form label,
label {
  color: #333 !important;
  font-weight: 600 !important;
}

/* Opcional: fons dels blocs de contingut */
body.cust-help .ticket__body_block {
  background-color: #ffffff !important;
  border: 1px solid #ff1d79 !important;
}
/* === LOGO EMAV === */
/* Logo més gran i alineat a l'esquerra */
body.cust-help .header__logo {
  width: 220px;
  height: 60px;
  background-image: url('../../img/EMAV02.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  margin: 0 !important;
}

body.cust-help .icon-document,
.icon-team,
.icon-chevron-right {
  fill: #ff1d79 !important;
}
body.cust-help .icon-in-circle {
  background-color: #86c7cc !important;
  border-radius: 50%;
  padding: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body.cust-help .icon-in-circle svg {
  fill: #ffffff !important;
}
/* Textos de títol d'accions: Enviar un tiquet, etc. */
.ticket__option__title {
  color: #2a2a2a !important;
  font-weight: 600;
}

/* Subtítols dins accions */
body.cust-help .ticket__option__subtitle {
  color: #6c6c6c !important; /* gris clar llegible */
}

/* Títols de les opcions (Enviar un tiquet, etc.) en gris fosc */
body.cust-help .ticket__option__title,
body.cust-help .kb-article__title {
  color: #2a2a2a !important;
  font-weight: 600;
  font-size: 1rem;
}

/* Subtítols més llegibles en gris clar */
body.cust-help .ticket__option__subtitle {
  color: #666 !important;
  font-size: 0.875rem;
}

/* Icones rodones (document, lupa, etc.) */
body.cust-help .icon-in-circle {
  background-color: #86c7cc !important;
  border-radius: 50%;
  padding: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body.cust-help .icon-in-circle svg {
  fill: #ffffff !important;
}

body.cust-help .search__form {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
body.cust-help .search__form .form-group {
  background-color: #ffffff !important;
  border-radius: 6px;
  padding: 0.4rem 0.8rem;
  display: flex;
  align-items: center;
}
body.cust-help .search__form .form-control {
  background-color: #fff !important;
  border: none !important;
  box-shadow: none !important;
  color: #333;
}
body.cust-help .search__submit {
  background-color: transparent !important;
  border: none !important;
}
body.cust-help .navlink__descr {
  color: #999999 !important;
  font-weight: 600;
}

body.cust-help .icon-search {
  fill: #ff1d79 !important; /* Rosa EMAV */
  background-color: transparent !important;
  width: 1.5rem;
  height: 1.5rem;
}


/* Botons secundaris */
body.cust-help a.btn,
input[type="button"],
input[type="submit"] {
  border-radius: 4px;
  border: 1px solid #ff1d79;
  color: #86c7cc !important;
  background: white;
}

body.cust-help a.btn:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
  background-color: #ff1d79;
  color: white !important;
}

/* Evita conflictes amb HESK originals */
body.cust-help a.btn:visited {
  color: #ff1d79 !important;
}
body.cust-help h5 {
  color: #000000 !important;
  font-weight: 600;
}
/* === Icones per categories === */
body.cust-help a[href*="category=1"] .icon-in-circle {
  background: url("/theme/hesk3/customer/img/altres.svg") no-repeat center center !important;
    background-color: #86c7cc !important; /* blau EMAV */
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-size: 50% !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
body.cust-help a[href*="category=1"] .icon-in-circle svg {
  display: none !important;
}
body.cust-help a[href*="category=2"] .icon-in-circle {
  background: url("/theme/hesk3/customer/img/printer.svg") no-repeat center center !important;
    background-color: #86c7cc !important; /* blau EMAV */
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-size: 50% !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
body.cust-help a[href*="category=2"] .icon-in-circle svg {
  display: none !important;
}
body.cust-help a[href*="category=3"] .icon-in-circle {
  background: url("/theme/hesk3/customer/img/user.svg") no-repeat center center !important;
      background-color: #86c7cc !important; /* blau EMAV */
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-size: 50% !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
body.cust-help a[href*="category=3"] .icon-in-circle svg {
  display: none !important;
}
body.cust-help a[href*="category=4"] .icon-in-circle {
  background: url("/theme/hesk3/customer/img/computer.svg") no-repeat center center !important;
    background-color: #86c7cc !important; /* blau EMAV */
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-size: 50% !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
body.cust-help a[href*="category=4"] .icon-in-circle svg {
  display: none !important;
}
body.cust-help a[href*="category=5"] .icon-in-circle {
  background: url("/theme/hesk3/customer/img/alexia.svg") no-repeat center center !important;
    background-color: #86c7cc !important; /* blau EMAV */
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-size: 50% !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
body.cust-help a[href*="category=5"] .icon-in-circle svg {
  display: none !important;
}
body.cust-help a[href*="category=6"] .icon-in-circle {
  background: url("/theme/hesk3/customer/img/laptop.svg") no-repeat center center !important;
    background-color: #86c7cc !important; /* blau EMAV */
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-size: 50% !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
body.cust-help a[href*="category=6"] .icon-in-circle svg {
  display: none !important;
}
body.cust-help a[href*="category=7"] .icon-in-circle {
  background: url("/theme/hesk3/customer/img/moodle.svg") no-repeat center center !important;
    background-color: #86c7cc !important; /* blau EMAV */
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-size: 50% !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
body.cust-help a[href*="category=7"] .icon-in-circle svg {
  display: none !important;
}
body.cust-help a[href*="category=8"] .icon-in-circle {
  background: url("/theme/hesk3/customer/img/magatzem.svg") no-repeat center center !important;
    background-color: #86c7cc !important; /* blau EMAV */
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-size: 50% !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
body.cust-help a[href*="category=8"] .icon-in-circle svg {
  display: none !important;
}
/* MÒBILS */
@media screen and (max-width: 768px) {
  .header__inner {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 0.5rem 1rem !important;
  }

  .header__logo {
    width: 180px !important;
    height: 50px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    display: block !important;
    margin: 0 !important;
  }

  .header__nav {
    display: flex !important;
    flex-direction: row !important;
    gap: 1rem !important;
    align-items: center !important;
  }

  .header__nav .nav-item {
    margin: 0 !important;
  }

  .header__nav .nav-item a {
    font-size: 0.95rem !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    background: none !important;
    padding: 0 !important;
    border: none !important;
  }

  .header__nav .nav-item a:hover {
    text-decoration: underline !important;
  }
}
@media screen and (max-width: 600px) {
  .header__nav .nav-item a {
    font-size: 0.85rem !important;
  }
}

@media screen and (max-width: 500px) {
  .header__nav .nav-item a {
    font-size: 0.75rem !important;
  }
}

@media screen and (max-width: 400px) {
  .header__nav .nav-item a {
    font-size: 0.68rem !important;
  }
}
/* Botó/Enllaç "Afegeix CC" */
.cust-help #cc-link a,
.cust-help #cc-link a:visited,
.cust-help #cc-link a:active {
  color: #fff !important;       /* text blanc */
  background: #ff2e8b;          /* o el teu rosa corporatiu (opcional) */
  display: inline-block;         /* perquè sembli botó */
  padding: 8px 14px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  text-align: center;     /* <-- centrat del text dins el botó */
}

/* Estat hover/focus amb millor contrast (opcional) */
.cust-help #cc-link a:hover,
.cust-help #cc-link a:focus {
  filter: brightness(0.9);
  outline: none;
  box-shadow: 0 0 0 3px rgba(255,46,139,0.25);
}