/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/
@font-face {
font-family: 'cadiz_cbregular';
  src: url('fonts/clinic/cadizcb-regular-webfont.woff2') format('woff2'),
         url('fonts/clinic/cadizcb-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
body
{
  font-family: 'cadiz_cbregular' !important;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
}


.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle,
.btn-check:hover+.btn-primary {
    color: #fff;
    background-color: #4794C4;
    border-color: #212f3c;
}

.fruity .btn-check:active+.btn-primary, .fruity .btn-check:checked+.btn-primary, .fruity .btn-check:focus+.btn-primary, .fruity .btn-primary.active, .fruity .btn-primary.active.active, .fruity .btn-primary.active:focus, .fruity .btn-primary:active, .fruity .btn-primary:focus, .fruity .btn-primary:hover, .fruity .open .dropdown-toggle.btn-primary {
    border: 1px solid #0f3e12;
    color: #fff;
    background-color: chocolate;
}

.bg-primary {
  background-color: #375171 !important;
}
.alert-warning {
  background-color: #f9c32f;
}
/* =========================================
   Portada pública: llista d'enquestes
   ========================================= */

/* Aquest selector identifica la portada pública */
body:has(#surveys-list-container) {
    background: #f4f6f8 !important;
    color: #2c3e50;
}

/* Targeta principal */
body:has(#surveys-list-container) #surveys-list-container {
    min-height: 0 !important;
    margin: 2rem auto;
    padding: clamp(24px, 4vw, 48px);
    background: #fff;
    border-top: 6px solid #85de76;
    border-radius: 16px;
    box-shadow: 0 16px 50px rgba(32, 53, 77, 0.1);
}

/* Amaga el logo central de LimeSurvey.
   Es manté el logo del Clínic de la barra superior. */
#surveys-list-jumbotron [role="img"] {
    display: none;
}

/* Nom del portal */
#surveys-list-jumbotron {
    margin-bottom: 1.5rem;
    color: #375171;
    text-align: center;
}

/* Títol de la llista */
#surveys-list-container .survey-list-heading h2 {
    margin-bottom: 1.25rem !important;
    color: #375171;
    font-size: 1.4rem;
    font-weight: 700;
}

/* Enllaços de les enquestes */
#surveys-list-container .surveys-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 0;
}

#surveys-list-container .surveys-list > li {
    flex: 1 1 300px;
    max-width: 100%;
}

#surveys-list-container .surveytitle {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 64px;
    padding: 14px 18px;
    border: 1px solid #d4e0e8;
    border-radius: 8px;
    background: #f8fafb;
    color: #375171;
    text-align: left;
    text-decoration: none;
    white-space: normal;
}

#surveys-list-container .surveytitle:hover {
    border-color: #85de76;
    background: #eef8ed;
    color: #20354d;
}

#surveys-list-container .surveytitle:focus-visible {
    outline: 3px solid #375171;
    outline-offset: 2px;
}

/* Text de contacte */
#surveys-list-container .survey-contact {
    margin-top: 1.5rem;
    color: #5b6e80;
    font-size: 0.95rem;
}

/* Amaga el logo central de LimeSurvey */
#surveys-list-jumbotron div[role="img"] {
    display: none !important;
}
/* Peu de la portada pública */
body:has(#surveys-list-container) .clinic-home-footer {
    margin: 0 auto 2rem;
    padding: 18px 24px;
    background-color: #375171;
    color: #fff;
    border-radius: 10px;
}

.clinic-home-footer__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px 24px;
    font-size: 0.9rem;
}

.clinic-home-footer a {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
}

.clinic-home-footer a:hover {
    color: #b8ebad;
    text-decoration: none;
}

.clinic-home-footer a:focus-visible {
    outline: 2px solid #85de76;
    outline-offset: 3px;
}

@media (max-width: 576px) {
    .clinic-home-footer__content {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Amaga el peu original de LimeSurvey a la portada pública */
body:has(#surveys-list-container)
    footer#surveyListFooter:not(.clinic-home-footer) {
    display: none !important;
}

/* Portada pública: estructura de pàgina completa */
body:has(#surveys-list-container) {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* El contingut ocupa l'espai disponible abans del peu */
body:has(#surveys-list-container) > div:has(> #dynamicReloadContainer) {
    flex: 1 0 auto;
}

/* Amaga el peu original de LimeSurvey */
body:has(#surveys-list-container) footer#surveyListFooter {
    display: none !important;
}

/* Peu corporatiu al final de la pàgina */
body:has(#surveys-list-container) > .clinic-home-footer {
    flex-shrink: 0;
    width: 100%;
    margin: 0;
    border-radius: 0;
}

/* ==========================================================
   Portada pública — benvinguda i llistat
   ========================================================== */

/* Donem més amplada al contingut en pantalles grans */
body:has(#surveys-list-container) .container-md {
    max-width: 1240px;
}

/* La targeta es converteix en una composició de dues columnes */
#surveys-list-container {
    padding: clamp(28px, 4vw, 56px);
}

#surveys-list-container > .col-12 {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    column-gap: clamp(32px, 5vw, 72px);
    align-items: start;
}

/* La benvinguda ocupa la columna esquerra */
#surveys-list-container .clinic-home-intro {
    grid-column: 1;
    grid-row: 1 / span 8;
    padding: 8px 0 32px;
}

/* La resta del contingut queda a la columna dreta */
#surveys-list-container > .col-12 > :not(.clinic-home-intro) {
    grid-column: 2;
}

/* Identificació del servei */
.clinic-home-intro__eyebrow {
    margin: 0 0 18px;
    color: #375171;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

/* Títol principal */
#surveys-list-container .clinic-home-intro h1 {
    max-width: 12ch;
    margin: 0 0 20px;
    color: #375171;
    font-family: 'Cadiz CB', Arial, sans-serif;
    font-size: clamp(2.3rem, 4vw, 3.8rem);
    font-weight: 700;
    line-height: 1.08;
}

.clinic-home-intro__text {
    max-width: 46ch;
    margin-bottom: 24px;
    color: #465d73;
    font-size: 1.1rem;
    line-height: 1.65;
}

/* Enllaç de la benvinguda */
.clinic-home-intro__link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #375171;
    font-weight: 700;
    text-decoration: none;
}

.clinic-home-intro__link:hover {
    color: #20354d;
    text-decoration: none;
}

.clinic-home-intro__link:focus-visible {
    outline: 3px solid #375171;
    outline-offset: 4px;
}

/* El nom del portal ja apareix a la benvinguda */
#surveys-list-jumbotron {
    display: none;
}

/* Llistat: una enquesta per fila */
#surveys-list-container .surveys-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#surveys-list-container .surveys-list > li {
    flex: none;
    width: 100%;
    max-width: 100%;
}

/* Títols llargs llegibles i espai per a la fletxa */
#surveys-list-container .surveytitle {
    position: relative;
    min-height: 64px;
    padding: 16px 48px 16px 18px;
    line-height: 1.45;
}

#surveys-list-container .surveytitle::after {
    content: "→";
    position: absolute;
    right: 18px;
    color: #375171;
    font-size: 1.2rem;
}

/* Mòbil i tauleta estreta: una columna */
@media (max-width: 991.98px) {
    #surveys-list-container > .col-12 {
        display: block;
    }

    #surveys-list-container .clinic-home-intro {
        padding: 0 0 32px;
    }

    #surveys-list-container .clinic-home-intro h1 {
        max-width: none;
    }
}
/* Normalització corporativa — botons d'enquesta, PRE.
   Les targetes de la portada (.surveytitle) conserven el seu disseny. */
.btn-primary:not(.surveytitle):not(:disabled):not(.disabled) {
    color: #fff;
    background-color: #375171;
    border-color: #375171;
    border-radius: 999px;
    font-weight: 700;
}
.btn-primary:not(.surveytitle):not(:disabled):not(.disabled):hover {
    color: #20354d;
    background-color: #8fb8de;
    border-color: #8fb8de;
    box-shadow: none;
}
.btn-primary:not(.surveytitle):not(:disabled):not(.disabled):active,
.btn-primary:not(.surveytitle):not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #293f5a;
    border-color: #293f5a;
    box-shadow: none;
}
.btn-primary:not(.surveytitle):not(:disabled):not(.disabled):focus-visible {
    outline: 3px solid #375171;
    outline-offset: 3px;
    box-shadow: 0 0 0 2px #fff;
}

/* Focus dels camps de les enquestes */
.form-control:focus,
.form-select:focus {
    border-color: #375171;
    box-shadow: 0 0 0 3px rgba(55, 81, 113, 0.2);
}
#surveyListFooter {
    display:none !important;
}
/* Portada pública — peu al final de la pàgina */
body:has(#surveys-list-container) {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* A LimeSurvey 6 el contenidor principal és un article */
body:has(#surveys-list-container) > article:has(> #dynamicReloadContainer) {
    flex: 1 0 auto;
}

/* Peu corporatiu */
body:has(#surveys-list-container) > .clinic-home-footer {
    flex-shrink: 0;
    width: 100%;
    margin: 0;
    border-radius: 0;
}