/* Document CSS */


/* formulari */


/* elements */

.imc--f-els { display: flex; align-items: flex-start; justify-content: center; gap: 1em 1.5em; flex-wrap: wrap; width: 100%; margin-bottom: 1em; }


.imc--f-els > hr { width: 100%; height: .1em; margin: 0; border: none; border-top: 1px dashed #ccc; }

.imc--f-els > h2 { width: 100%; margin-bottom: 0; }
.imc--f-els > h2 span { font-size: 1.2em; }


.imc--f-el { width: 100%; min-height: 4em; }

.imc--f-el .imc--f-etiqueta { display: block; padding-bottom: .3em; }

.imc--f-el .imc--f-control { display: flex; align-items: center; flex-wrap: nowrap; gap: 0 .5em; }

.imc--f-el .imc--f-control > input,
.imc--f-el .imc--f-control > select,
.imc--f-el .imc--f-control > span.imc--input { width: 100%; min-height: 2.3em; }

.imc--f-el.imc--f-el-bt { padding-top: 1.4em; }



/* requerit */

.imc--f-el:has(input:required) .imc--f-etiqueta::after { content: "*"; display: inline; color: #c00; padding-left: .5em; }



/* input -> data */

input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
}

input[type="date"] {
    appearance: none; -webkit-appearance: none; -moz-appearance: none;
}

input[data-tipus="data"][type="text"] { background: #fff url(../../imgs/icones/ico_calendari_093574.svg) no-repeat right .7em center / 1.3em auto; }

@supports (-moz-appearance: none)  {

    input[type="date"][data-tipus="data"]:focus {
        background-image: none;
    }

}


/* error */

.imc--f-el.imc--el-error input { color: var(--color-error); background-color: var(--fons-error); border-color: rgba(247, 161, 161, 1); }

.imc--f-el .imc--f-error-local { color: var(--color-error); padding-top: .5em; }
.imc--f-el .imc--f-error-local p { font-size: .9em; margin-bottom: 0; }



/* imc--select */

.imc--f-select { display: inline-flex; gap: 0 0; position: relative; }

.imc--f-select .imc--select { display: inline-flex; align-items: center; gap: 0 .5em; padding-right: .6em; padding-left: .6em; background-color: transparent; border: 1px solid #ccc; }
.imc--f-select .imc--select span { color: var(--color-principal); }

.imc--f-select .imc--select:focus,
.imc--f-select .imc--select:hover { background-color: var(--color-secundari-hover); }

.imc--f-select .imc--select span,
.imc--f-select .imc--select span { color: var(--color-principal); }

.imc--f-select .imc--select::after { content: ""; display: block; width: 1em; height: 1em; background: transparent url(../../imgs/icones/ico_selector_093574.svg) no-repeat center center / auto .4em; }

.imc--f-select:has(button.imc--elimina) .imc--select { border-right: 0; }

.imc--f-select .imc--select[disabled] span { color: #000; }

.imc--f-select .imc--select[disabled]::after { background: transparent url(../../imgs/icones/ico_nav.svg) no-repeat center center / auto 70%; opacity: .5; transform: rotate(180deg); }


.imc--f-select .imc--opcions { position: absolute; z-index: 10; top: 100%; left: 0; width: 100%; min-width: 20em; padding: .5em; background-color: #fff; box-shadow: .1em .1em .5em rgba(0,0,0,.3); transform: translateY(-0.5em); transition: visibility .2s cubic-bezier(0,.78,.25,1), opacity .2s cubic-bezier(0,.78,.25,1), transform .2s cubic-bezier(0,.78,.25,1); }

.imc--f-select .imc--opcions[aria-hidden="false"] { transform: translateY(0); }

.imc--f-select .imc--opcions button { display: flex; align-items: center; gap: 0 .5em; width: 100%; padding-right: .6em; padding-left: .6em; background-color: transparent; border: none; }
.imc--f-select .imc--opcions button span { color: var(--color-principal); }

.imc--f-select .imc--opcions button:focus,
.imc--f-select .imc--opcions button:hover { background-color: var(--color-secundari-hover); }

.imc--f-select .imc--opcions button:focus span,
.imc--f-select .imc--opcions button:hover span { color: var(--color-principal); }

.imc--f-select .imc--opcions button[aria-selected="true"] { pointer-events: none; }
.imc--f-select .imc--opcions button[aria-selected="true"] span { color: #666; }

.imc--f-select .imc--elimina { padding-right: .5em; padding-left: .5em; border: 1px solid #ccc; border-left: 0; }
.imc--f-select .imc--elimina::before { background-image: url(../../imgs/icones/ico_tanca_093574.svg) !important; background-size: 120% auto; }



/* bt radio */

.imc--radio-list { display: flex; align-items: center; gap: .5em; }

.imc--bt-radio {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    position: relative;
    min-height: 2em;
    font: normal 1em var(--text);
    text-align: left;
    padding: 0 1.2rem 0 1.2rem;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 3em;
    cursor: pointer;
    will-change: background-color, transform;
    transition: background-color .2s ease-out;
}

.imc--bt-radio span,
.imc--bt-radio strong { display: inline-block; vertical-align: middle; color: var(--color-principal); line-height: 1.6em; }

.imc--bt-radio:focus,
.imc--bt-radio:hover { background-color: var(--color-principal-seleccionat); }

.imc--bt-radio input {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    visibility: hidden;
}

.imc--bt-radio:has(input:checked) { background-color: var(--color-principal-seleccionat); }
.imc--bt-radio:has(input:checked) span { font-weight: bold; }



/* afegidor d'elements */

div[data-afegidor] { display: flex; align-items: center; gap: .5em; min-height: 2.7em; padding: .3rem 0 .4rem 0; margin-bottom: 2em; background-color: #fff; }

div[data-afegidor] .imc--afegits { display: inline-flex; align-items: center; flex-wrap: wrap; gap: .5em; }
div[data-afegidor] .imc--afegits .imc--afegit { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 0 .3em; min-height: 2.35em; text-wrap: nowrap; padding: 0 .5em; background-color: #f2f2f2; border: 1px solid #ccc; }
div[data-afegidor] .imc--afegits .imc--afegit button { min-height: 2.2em; padding: 0 .3em; background-color: transparent; border: 0; }


div[data-afegidor] .imc--afegits .imc--afegit.imc--usat { position: relative; padding-right: 2em; }

div[data-afegidor] .imc--afegits .imc--afegit.imc--usat::before { content: ""; display: block; position: absolute; top: .3em; right: .5em; width: 1em; height: 1em; background: transparent url(../../imgs/icones/ico_correcte_2AA63C.svg) no-repeat center center / auto 100%; }

div[data-afegidor] .imc--afegidor { display: inline-flex; align-items: center; gap: 0 .3em; text-wrap: nowrap; }
div[data-afegidor] .imc--afegidor input { width: 8em; }

div[data-afegidor="correu"] .imc--afegidor input { width: 15em; }



/* botons */

.imc--ico.imc--filtres::before { background-image: url(../../imgs/icones/ico_filtres_093574.svg); }

.imc--img.imc--elimina::before { background-image: url(../../imgs/icones/ico_elimina_EF2345.svg); }

.imc--img.imc--edita::before { background-image: url(../../imgs/icones/ico_edita_093574.svg); }

.imc--ico.imc--afegir::before { background-image: url(../../imgs/icones/ico_afegir_093574.svg); }

.imc--img.imc--duplica::before { background-image: url(../../imgs/icones/ico_duplica_093574.svg); }

.imc--img.imc--arxiva::before { background-image: url(../../imgs/icones/ico_arxiva_093574.svg); }

.imc--img.imc--desarxiva::before { background-image: url(../../imgs/icones/ico_desarxiva_093574.svg); }

th .imc--img.imc--favorit::before { background-image: url(../../imgs/icones/ico_favorit_bt_ffffff.svg); }

.imc--img.imc--favorit::before { background-image: url(../../imgs/icones/ico_favorit_bt_093574.svg); }

.imc--img.imc--favorit.imc--fa-marcat::before { background-image: url(../../imgs/icones/ico_favorit_seleccionat_FFAE43.svg); }

.imc--img.imc--signa::before { background-image: url(../../imgs/icones/ico_signa_093574.svg); }

.imc--img.imc--descarrega::before { background-image: url(../../imgs/icones/ico_descarrega_093574.svg); }


button.imc--ico-darrere.imc--continua::after { background-image: url(../../imgs/icones/ico_menu_sub_fff.svg); background-size: auto 140%; transform: rotate(-90deg); }

.imc--ico.imc--anterior::before { background-image: url(../../imgs/icones/ico_menu_sub_093574.svg); background-size: auto 140%; transform: rotate(90deg); }

.imc--ico-darrere.imc--seguent::after { background-image: url(../../imgs/icones/ico_menu_sub_093574.svg); background-size: auto 140%; transform: rotate(-90deg); }

.imc--ico-darrere.imc--annexa::after { background-image: url(../../imgs/icones/ico_annexa_093574.svg); }
.imc--ico-darrere.imc--envia::after { background-image: url(../../imgs/icones/ico_envia_fff.svg); }

.imc--img.imc--vore::before { background-image: url(../../imgs/icones/ico_vore_093574.svg); }

.imc--img.imc--imprimix::before { background-image: url(../../imgs/icones/ico_imprimix_093574.svg); }

.imc--ico.imc--cerca::before { background-image: url(../../imgs/icones/ico_cerca_fff.svg); }

.imc--img.imc--organismes::before { background-image: url(../../imgs/icones/ico_funcionari_habilitat_093574.svg); }

.imc--img.imc--afegix::before,
.imc--ico.imc--afegix::before { background-image: url(../../imgs/icones/ico_afegir_fff.svg); }

.imc--ico.imc--dacord::before { background-image: url(../../imgs/icones/ico_dacord_fff.svg); }

.imc--ico.imc--comensa::before { background-image: url(../../imgs/icones/ico_tour_fff.svg); }



/* MEDIA */

@media only screen and (max-width : 700px) {

    div[data-afegidor] { flex-direction: column; }
    div[data-afegidor] .imc--afegidor { width: 100%; }
    div[data-afegidor] .imc--afegidor input { width: calc(100% - 2em); }
    div[data-afegidor] .imc--afegits .imc--afegit { max-width: 100%; }


    .imc--radio-list { flex-wrap: wrap; }

}