/* .cm-glossary .listNav .ln-letters a {
    background-color: #1AA585;
    color: #fff;
}

.cm-glossary .listNav .ln-letters a.ln-disabled {
    opacity: 0.7;
}

.cm-glossary .listNav .ln-letters a.ln-selected {
    background-color: #003596;
} */

.urwan-glossary-source,
ul.glossaryList {
    display: none !important;
}

.urwan-glossary-source-hidden {
    display: none !important;
}

body.urwan-glossary-custom-ready .qtip,
body.urwan-glossary-custom-ready [id^="qtip-"],
body.urwan-glossary-custom-ready .ui-tooltip,
body.urwan-glossary-custom-ready .tooltipster-base,
body.urwan-glossary-custom-ready .cmtt-tooltip,
body.urwan-glossary-custom-ready .cmtt-tooltip-box,
body.urwan-glossary-custom-ready .glossary-tooltip {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#urwan-glossary-custom {
    --urwan-blue: #003596;
    --urwan-green: #1AA585;
    --urwan-light-grey: #f4f4f4;
    --urwan-title-separator: url("https://urwan.interreg-euro-med.eu/wp-content/themes/divi-child/img/title-seperator-green.svg");

    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    box-sizing: border-box;
}

#urwan-glossary-custom *,
#urwan-glossary-custom *::before,
#urwan-glossary-custom *::after {
    box-sizing: border-box;
}

/* Amaguem el shortcode original només quan el JS ja ha creat el glossari custom */
body.urwan-glossary-custom-ready .urwan-glossary-source,
body.urwan-glossary-custom-ready .urwan-glossary-source-is-hidden {
    display: none !important;
}

/* Evitem tooltips flotants residuals del plugin en aquesta pàgina */
body.urwan-glossary-custom-ready .qtip,
body.urwan-glossary-custom-ready [id^="qtip-"],
body.urwan-glossary-custom-ready .ui-tooltip,
body.urwan-glossary-custom-ready .tooltipster-base,
body.urwan-glossary-custom-ready .cmtt-tooltip,
body.urwan-glossary-custom-ready .cmtt-tooltip-box,
body.urwan-glossary-custom-ready .glossary-tooltip {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Abecedari */
#urwan-glossary-custom .urwan-glossary-alpha {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    width: 100%;
    margin: 32px 0 52px 0;
}

#urwan-glossary-custom .urwan-glossary-alpha button {
    appearance: none !important;
    -webkit-appearance: none !important;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 32px;
    padding: 0 !important;

    background: var(--urwan-green) !important;
    color: #ffffff !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    font: inherit !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    cursor: pointer !important;
}

#urwan-glossary-custom .urwan-glossary-alpha button.is-active {
    background: var(--urwan-blue) !important;
    color: #ffffff !important;
}

#urwan-glossary-custom .urwan-glossary-alpha button:focus-visible {
    outline: 2px solid var(--urwan-blue) !important;
    outline-offset: 3px !important;
}

/* Separador */
#urwan-glossary-custom .urwan-glossary-separator {
    width: 100%;
    height: 1px;
    background: var(--urwan-green);
    margin: 0 0 48px 0;
}

/* Resultats */
#urwan-glossary-custom .urwan-glossary-results {
    width: 100%;
}

#urwan-glossary-custom .urwan-glossary-card {
    display: grid;
    grid-template-columns: 42% minmax(0, 1fr);
    gap: 44px;
    align-items: stretch;
    width: 100%;
    margin-bottom: 36px;
}

#urwan-glossary-custom .urwan-glossary-card:last-child {
    margin-bottom: 0;
}

#urwan-glossary-custom .urwan-glossary-card-title {
    min-height: 138px;
    padding: 42px 36px;
    background: var(--urwan-light-grey);
}

#urwan-glossary-custom .urwan-glossary-card-title h2 {
    margin: 0 !important;
    padding: 0 !important;

    color: var(--urwan-blue) !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: .03em;
    text-transform: uppercase;
}

/* #urwan-glossary-custom .urwan-glossary-card-title h2::after {
    content: "";
    display: block;
    width: 94px;
    height: 3px;
    margin-top: 22px;
    background: var(--urwan-green);
} */
#urwan-glossary-custom .urwan-glossary-card-title h2::after {
    content: var(--urwan-title-separator) !important;
    background: var(--urwan-green);
    display: block !important;
    width: 94px !important;
    height: auto !important;
    margin-top: 18px !important;
    background: none !important;
    line-height: 0 !important;
}

#urwan-glossary-custom .urwan-glossary-card-definition {
    color: var(--urwan-blue);
    font-size: 15px;
    line-height: 1.55;
}

#urwan-glossary-custom .urwan-glossary-card-definition p {
    margin: 0 0 16px 0;
}

#urwan-glossary-custom .urwan-glossary-card-definition p:last-child {
    margin-bottom: 0;
}

#urwan-glossary-custom .urwan-glossary-card-definition a {
    color: var(--urwan-blue);
    text-decoration: underline;
}

#urwan-glossary-custom .urwan-glossary-empty {
    color: var(--urwan-blue);
    font-size: 15px;
    line-height: 1.5;
}

#urwan-glossary-custom .urwan-glossary-card-title h2 a {
    color: inherit !important;
    text-decoration: none !important;
    display: inline-block;
}

#urwan-glossary-custom .urwan-glossary-card-title h2 a:hover {
    text-decoration: underline !important;
}


/* FILTRE LLETRES */
#urwan-glossary-custom.cm-glossary .urwan-glossary-alpha,
#urwan-glossary-custom.cm-glossary .listNav {
    width: 100%;
    margin: 0 0 52px 0 !important;
    padding: 0 !important;
    text-align: center;
}

#urwan-glossary-custom.cm-glossary .listNav .ln-letters {
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 4px;

    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

/* Botons de l'abecedari */
#urwan-glossary-custom.cm-glossary .listNav .ln-letters a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: 31px !important;
    min-width: 31px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;

    background-color: #1AA585 !important;
    color: #ffffff !important;

    border: 1px solid #ffffff !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;

    cursor: pointer;
    opacity: 1;
    box-sizing: border-box;
}

/* ALL una mica més ample */
#urwan-glossary-custom.cm-glossary .listNav .ln-letters a[data-letter="ALL"],
#urwan-glossary-custom.cm-glossary .listNav .ln-letters a:first-child {
    width: 44px !important;
    min-width: 44px !important;
}

/* Seleccionat */
#urwan-glossary-custom.cm-glossary .listNav .ln-letters a.ln-selected {
    background-color: #003596 !important;
    color: #ffffff !important;
}

/* Disabled */
#urwan-glossary-custom.cm-glossary .listNav .ln-letters a.ln-disabled {
    opacity: 0.7;
    cursor: default;
}

/* Hover només si no està disabled */
#urwan-glossary-custom.cm-glossary .listNav .ln-letters a:not(.ln-disabled):hover,
#urwan-glossary-custom.cm-glossary .listNav .ln-letters a:not(.ln-disabled):focus {
    background-color: #003596 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Disabled no canvia en hover */
#urwan-glossary-custom.cm-glossary .listNav .ln-letters a.ln-disabled:hover,
#urwan-glossary-custom.cm-glossary .listNav .ln-letters a.ln-disabled:focus {
    background-color: #1AA585 !important;
    color: #ffffff !important;
    opacity: 0.7;
}


/* Responsive */
@media (max-width: 1100px) {
    #urwan-glossary-custom.cm-glossary .listNav .ln-letters {
        gap: 3px;
    }

    #urwan-glossary-custom.cm-glossary .listNav .ln-letters a {
        width: 29px !important;
        min-width: 29px !important;
        height: 29px !important;
        font-size: 13px !important;
    }

    #urwan-glossary-custom.cm-glossary .listNav .ln-letters a[data-letter="ALL"],
    #urwan-glossary-custom.cm-glossary .listNav .ln-letters a:first-child {
        width: 40px !important;
        min-width: 40px !important;
    }
}

@media (max-width: 980px) {
    #urwan-glossary-custom .urwan-glossary-card {
        grid-template-columns: 1fr;
        gap: 22px;
        margin-bottom: 42px;
    }

    #urwan-glossary-custom .urwan-glossary-card-title {
        min-height: auto;
        padding: 28px 28px;
    }

    /* LLETRES */
    #urwan-glossary-custom.cm-glossary .listNav .ln-letters {
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
    }

    #urwan-glossary-custom.cm-glossary .listNav .ln-letters a {
        width: 31px !important;
        min-width: 31px !important;
        height: 30px !important;
        font-size: 14px !important;
    }

    #urwan-glossary-custom.cm-glossary .listNav .ln-letters a[data-letter="ALL"],
    #urwan-glossary-custom.cm-glossary .listNav .ln-letters a:first-child {
        width: 44px !important;
        min-width: 44px !important;
    }
}

@media (max-width: 640px) {
    #urwan-glossary-custom .urwan-glossary-alpha {
        justify-content: flex-start;
        margin-bottom: 36px;
    }

    #urwan-glossary-custom .urwan-glossary-card-title h2 {
        font-size: 22px !important;
    }

    #urwan-glossary-custom .urwan-glossary-card-definition {
        font-size: 14px;
    }


    /* LLETRES */
    #urwan-glossary-custom.cm-glossary .listNav .ln-letters {
        justify-content: flex-start;
    }
}