@tailwind base;
@tailwind components;
@tailwind utilities;

a {
    text-decoration: none;
    color: inherit;

}

a:hover {
    text-decoration: none;
}

.popover {
    max-width: 400px;
}

.carousel-item {
    min-height: 480px;
}

.htmx-active,
.htmx-active:hover {
    color: green;
}

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
}

#dev>h3 {
    font-size: 1.4rem !important;
    font-weight: 600;
    margin-bottom: 1rem;
}

#dev>svg {
    border: solid 1px red;
    margin-bottom: 0.5rem;
    fill: lime;
    stroke: black;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-opacity: 0.7;
}

div.multi-checkboxes {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity))
        /* #1f2937 */
    ;
}

div.multi-checkboxes>div {
    display: flex;
    width: 100%;
    row-gap: 0.5rem;
    flex-wrap: wrap;
    flex-direction: row;
}

div.multi-checkboxes>div>div {
    flex-basis: 33.333333%;
    row-gap: 2rem;
}

div.multi-checkboxes>div>div>label {
    flex-basis: 33.33333%;
}

div.multi-checkboxes input {
    --tw-text-opacity: 1;
    border: gray 1px solid;
    border-radius: 0.25rem;
    border-color: rgb(209 213 219 / var(--tw-text-opacity));
}

div.multi-checkboxes input::selection {
    --tw-text-opacity: 1;
    border: gray 1px solid;
    border-color: rgb(209 213 219 / var(--tw-text-opacity));
}

ul.errorlist {
    display: flex;
    /* Torna os itens flexíveis */
    flex-direction: column;
    /* Alinha os itens verticalmente */
    align-items: center;
    /* Centraliza os itens horizontalmente */
    justify-content: center;
    /* Centraliza os itens verticalmente */
    list-style: none;
    /* Remove os marcadores da lista */
    padding: 0;
    /* Remove o espaçamento interno */
    margin: 0;
    /* Remove o espaçamento externo */
}

ul.errorlist>li {
    text-align: center;
    /* Centraliza o texto dentro de cada item */
}