/**
 * CARD
 *
*/
@layer components {
    /* BASE */
    .rtds-card {
        @apply rtds-gap-3 md:rtds-gap-4 rtds-p-2 rtds-bg-white rtds-shadow-md rtds-rounded;
    }

    .rtds-card:where(:not(.rtds-card--horizontal)) {
        @apply rtds-flex rtds-flex-col rtds-justify-start;
    }

    .rtds-card:where(.rtds-card--horizontal) {
        @apply rtds-grid rtds-items-start sm:rtds-content-stretch sm:rtds-items-stretch;
    }

    /* CARD IN GRID COL */
    .rtds-col .rtds-card {
        @apply rtds-h-full;
    }

    .is-card-fullclickable {
        @apply rtds-transition-all hover:rtds-shadow-lg rtds-cursor-pointer;
    }

    .rtds-card__heading {
        @apply rtds-flex rtds-justify-end rtds-flex-col-reverse rtds-gap-2;
    }

    .rtds-card__image {
        @apply rtds-w-full rtds-aspect-video rtds-object-cover;
    }

    .rtds-card__icon {
        @apply rtds-flex rtds-items-center rtds-justify-center rtds-w-12 rtds-h-12 rtds-bg-transparent rtds-content-02;
    }

    :where(.rtds-card__icon) .rtds-icon {
        @apply rtds-w-12 rtds-h-12;
    }

    .rtds-card__categories {
        @apply rtds-mt-auto rtds-flex rtds-gap-2 rtds-pt-4 rtds-flex-wrap;
    }

    .rtds-card__content {
        @apply rtds-grid rtds-gap-2 rtds-px-4 rtds-pb-4 rtds-pt-4 rtds-flex-1;
    }

    :where(.rtds-card--horizontal) .rtds-card__content,
    :where(.rtds-card--news-small) .rtds-card__content {
        @apply rtds-content-start sm:rtds-pt-2 sm:rtds-pb-2 sm:rtds-flex sm:rtds-flex-col sm:rtds-justify-start;
    }


    :where(.rtds-card--has-footer) .rtds-card__content {
        @apply rtds-pb-1;
    }

    :where(.rtds-card--news-small:not(.rtds-card--horizontal)) .rtds-card__content {
        @apply md:rtds-pt-2;
    }

    :where(.rtds-card--sito-tematico) .rtds-card__content {
        @apply rtds-px-2 rtds-py-3;
    }


    :where(.rtds-card--news-image-fullwidth) .rtds-card__content,
    :where(.rtds-card--news-image-left-fullwidth) .rtds-card__content {
        @apply rtds-px-3;
    }

    :where(.rtds-card--news-image-left-fullwidth) .rtds-card__content {
        @apply md:rtds-px-4 md:rtds-py-4;
    }

    :where(.rtds-card--news-image-fullwidth) .rtds-card__content {
        @apply md:rtds-px-4;
    }

    :where(.rtds-card--horizontal) .rtds-card__content {
        @apply rtds-px-2;
    }

    :where(.rtds-card--related-info) .rtds-card__content {
        @apply rtds-p-5 sm:rtds-p-4;
    }
    
    :where(.rtds-card--related-info-l) .rtds-card__content {
        @apply  rtds-p-5 sm:rtds-p-6 sm:rtds-justify-center;
    }

    :where(.rtds-card--video) .rtds-card__content {
        @apply rtds-gap-2.5 md:rtds-gap-3 rtds-px-2 md:rtds-px-3 rtds-pb-2 md:rtds-pb-3;
    }

    .rtds-card--information .rtds-card__content {
        @apply rtds-p-0 rtds-flex rtds-flex-col rtds-gap-4 lg:rtds-gap-5;
    }

    .rtds-card__description {
        @apply rtds-content-03 rtds-text-sm;
    }

    .rtds-card__metadata {
        @apply rtds-flex rtds-items-baseline rtds-justify-between rtds-flex-wrap rtds-gap-1;
    }

    .rtds-card__tags {
        @apply rtds-flex rtds-gap-1.5 rtds-flex-wrap rtds-mt-auto;
    }

    .rtds-card__date {
        @apply rtds-text-sm rtds-content-03;
    }

    :where(.rtds-card--event) .rtds-card__date {
        @apply rtds-order-1 rtds-justify-self-start sm:rtds-w-full rtds-pb-3 sm:rtds-pr-4 sm:rtds-pb-0 rtds-border-b sm:rtds-border-r sm:rtds-border-b-0 rtds-border-gray-01;
    }

    :where(.rtds-card--news-small) .rtds-card__date {
        @apply rtds-text-xs;
    }

    :where(.rtds-card--event-small) .rtds-card__date {
        @apply sm:rtds-border-r-0;
    }

    .rtds-card__address {
        @apply rtds-flex rtds-gap-1;
    }

    :where(.rtds-card__address) .rtds-icon {
        @apply rtds-flex-none rtds-content-category;
    }

    :where(.rtds-card--news-small) .rtds-card__description,
    :where(.rtds-card--information) .rtds-card__description {
        @apply rtds-text-sm;
    }

    .rtds-card__footer {
        @apply rtds-mt-auto rtds-px-3 [grid-area:footer];
    }

    /* VARIANTS */
    /* MANAGE SIDE IMAGE */
    .rtds-card--horizontal {
        @apply rtds-grid [grid-template-areas:'thumb''content'];
    }

    .rtds-card--horizontal-left {
        @apply sm:rtds-grid-cols-[1fr_1fr] sm:[grid-template-areas:'thumb_content'];
    }

    .rtds-card--horizontal-right {
        @apply sm:rtds-grid-cols-[1fr_1fr] sm:[grid-template-areas:'content_thumb'];
    }

    .rtds-card--news-small:where(.rtds-card--horizontal-left)  {
        @apply sm:rtds-grid-cols-[2fr_3fr] sm:[grid-template-areas:'thumb_content'];
    }

    .rtds-card--news-image-square:where(.rtds-card--horizontal-left)  {
        @apply sm:rtds-grid-cols-[1fr_3fr] sm:[grid-template-areas:'thumb_content'];
    }

    .rtds-card--has-footer {
        @apply [grid-template-areas:'thumb''content''footer'] sm:[grid-template-areas:'thumb_content''footer_footer'];
    }

    .rtds-card--news:where(.rtds-card--horizontal-left) .rtds-card__footer {
        @apply rtds-px-3 sm:rtds-px-0;
    }

    .rtds-card--information-left-icon {
        @apply sm:rtds-grid-cols-[max-content_1fr] sm:[grid-template-areas:'thumb_content'];
    }

    .rtds-card--information-right-icon {
        @apply sm:rtds-grid-cols-[1fr_max-content] sm:[grid-template-areas:'content_thumb'];
    }

    :where(.rtds-card--horizontal) .rtds-card__image-wrapper,
    :where(.rtds-card--horizontal) .rtds-card__icon {
        @apply [grid-area:thumb];
    }

    :where(.rtds-card--horizontal) .rtds-card__content {
        @apply [grid-area:content];
    }

    :where(.rtds-card--horizontal:not(.rtds-card--news-image-left-fullwidth)) .rtds-card__image-wrapper {
        @apply rtds-self-start;
    }

    /* Card NEWS */
    .rtds-card--news,
    .rtds-card--event {
        @apply rtds-background-01;
    }

    :where(.rtds-card--news-no-thumb) .rtds-card__content {
        @apply rtds-pt-4;
    }

    :where(.rtds-card--news:not(.rtds-card--news-small)) .rtds-card__description {
        @apply rtds-text-sm md:rtds-text-base;
    }

    :where(.rtds-card--news) .rtds-card__image-wrapper {
        @apply rtds-rounded rtds-overflow-hidden;
    }

    :where(.rtds-card--news-left) .rtds-card__image-wrapper,
    :where(.rtds-card--news-image-left-fullwidth) .rtds-card__image-wrapper,
    :where(.rtds-card--news-small) .rtds-card__image-wrapper,
    :where(.rtds-card--related-info-l) .rtds-card__image-wrapper {
        @apply sm:rtds-min-w-[80px];
    }

    .rtds-card--news-small,
    .rtds-card--news-left {
        @apply rtds-gap-3 md:rtds-gap-2;
    }

    .rtds-card--news-image-fullwidth,
    .rtds-card--news-image-left-fullwidth {
        @apply rtds-gap-3 rtds-p-0;
    }

    :where(.rtds-card--news-image-left-fullwidth) .rtds-card__image-wrapper {
        @apply rtds-rounded-none;
    }

    :where(.rtds-card--news-image-fullwidth) .rtds-card__image-wrapper {
        @apply rtds-rounded-b-none;
    }

    .rtds-card--information {
        @apply rtds-p-4 md:rtds-p-6 rtds-rounded rtds-items-stretch;
    }

    .rtds-card--sito-tematico {
        @apply rtds-p-0 rtds-gap-0;
    }

    :where(.rtds-card--sito-tematico) .rtds-card__image-wrapper {
        @apply rtds-shadow-md;
    }

    :where(.rtds-card--sito-tematico) .rtds-card__image {
        @apply rtds-aspect-wide;
    }

    :where(.rtds-card--related-info) .rtds-card__image {
        @apply rtds-aspect-video rtds-h-full;
    }

    :where(.rtds-card--news-image-square) .rtds-card__image {
        @apply rtds-aspect-square;
    }

    :where(.rtds-card--sito-tematico) .rtds-card__logo {
        @apply rtds-w-6 rtds-h-6 rtds-mr-4;
    }

    /* Card INFORMATION */

    .rtds-card--information-02 {
        @apply rtds-p-4 md:rtds-p-6 rtds-background-01;
    }

    :where(.rtds-card--information-02) .rtds-card__description {
        @apply rtds-text-sm md:rtds-text-base rtds-space-y-3 md:rtds-space-y-4;
    }

    :where(.rtds-card--information-02) .rtds-card__content {
        @apply rtds-p-0 rtds-gap-4;
    }

    :where(.rtds-card--information-02) .rtds-card__date {
        @apply rtds-block rtds-text-sm rtds-font-bold;
    }

    /* TITLE */
    .rtds-card__title {
        @apply rtds-font-bold rtds-leading-tight rtds-text-lg lg:rtds-text-xl;
    }

    .rtds-card__title a {
        @apply hover:rtds-underline;
    }

    :where(.rtds-card__title) a {
        @apply rtds-inline-block;
    }

    :where(.rtds-card__title) :where(.rtds-icon:not(.rtds-btn .rtds-icon)) {
        @apply rtds-ml-auto rtds-link-primary rtds-w-4 rtds-h-4 md:rtds-w-5 md:rtds-h-5;
    }

    
    :where(.rtds-card--news-small) .rtds-card__title {
        @apply rtds-text-base;
    }

    :where(.rtds-card--event) .rtds-card__heading {
        @apply rtds-gap-3;
    }

    :where(.rtds-card--event) .rtds-card__title {
        @apply  rtds-text-lg rtds-leading-tight;
    }

    :where(.rtds-card--information)  .rtds-card__title {
        @apply rtds-content-02 rtds-text-xl;
    }

    :where(.rtds-card--information-02) .rtds-card__title {
        @apply rtds-content-01 rtds-text-xl;
    }

    /* .rtds-card--widget .rtds-card__title {
        @apply rtds-content-01 rtds-text-2xl;
    } */

    :where(.rtds-card--sito-tematico) .rtds-card__title {
        @apply rtds-text-sm;
    }

    :where(.rtds-card--sito-tematico-l) .rtds-card__title {
        @apply rtds-text-sm sm:rtds-text-base lg:rtds-text-lg xl:rtds-text-xl;
    }

    :where(.rtds-card--related-info) .rtds-card__title {
        @apply rtds-text-lg sm:rtds-text-base;
    }

    :where(.rtds-card--related-info-l) .rtds-card__title {
        @apply rtds-text-lg sm:rtds-text-xl;
    }

    :where(.rtds-card--persona) .rtds-card__title {
        @apply rtds-text-base md:rtds-text-lg;
    }

    /* CARD EVENT */
    .rtds-card--event {
        @apply rtds-p-0;
    }

    :where(.rtds-card--event:not(.rtds-card--event-small)) {
        @apply rtds-content-start;
    }

    :where(.rtds-card--event) .rtds-card__image-wrapper {
        @apply rtds-rounded;
    }

    :where(.rtds-card--event) .rtds-card__content {
        @apply rtds-gap-2;
    }

    :where(.rtds-card--event:not(.rtds-card--event-small)) .rtds-card__content {
        @apply sm:rtds-grid sm:rtds-gap-4 sm:rtds-grid-cols-1-2;
    }

    :where(.rtds-card--event-small) .rtds-card__content {
        grid-template-rows: auto 1fr;
    }

    :where(.rtds-card--event-no-date) .rtds-card__content {
        @apply sm:rtds-grid-cols-1;
    }

    /* CARD PERSONA */
    .rtds-card--persona {
        @apply rtds-background-01 rtds-p-4;
    }

    :where(.rtds-card--persona) .rtds-card__content {
        @apply rtds-p-0;
    }

    .rtds-card__user-role {
        @apply rtds-text-xs md:rtds-text-sm rtds-uppercase rtds-content-03;
    }

    :where(.rtds-card--persona-complete) .rtds-card__heading {
        @apply rtds-flex-row rtds-justify-start;
    }

    /* Action link */
    :where(.is-card-fullclickable) .rtds-card__action-link {
        @apply hover:rtds-no-underline;
    }

    /* Action menu */
    .rtds-card__action-menu {
        @apply rtds-flex rtds-justify-end rtds-relative rtds-self-start;
    }

    .rtds-card__action-menu__trigger {
        @apply rtds-w-10 rtds-h-10 rtds-content-01;
    }

    .rtds-card__action-menu__trigger[aria-expanded="true"] {
        @apply rtds-background-08 rtds-content-inverse;
    }

    .rtds-card__action-menu-list {
        @apply rtds-w-[25ch] rtds-absolute rtds-right-0 rtds-top-10 rtds-bg-white rtds-shadow-lg;
    }

    .rtds-card__action-menu-list-item {
        @apply rtds-flex rtds-border-none;
    }

    .rtds-card__action-menu-list-item-action {
        @apply rtds-flex rtds-justify-start rtds-gap-2 rtds-items-center rtds-p-3 rtds-btn--s rtds-w-full rtds-transition rtds-bg-white rtds-font-medium rtds-text-sm rtds-content-primary-dark hover:rtds-underline hover:rtds-background-02 focus:rtds-background-02;
    }

    /* USER AVATAR */
    .rtds-card__user-avatar {
        @apply rtds-flex-none rtds-w-14 rtds-h-14 rtds-rounded-full rtds-overflow-hidden;
    }

    .rtds-card__user-avatar img {
        @apply rtds-w-full rtds-h-full rtds-object-cover rtds-object-center;
    }

    /* CARD GUIDA */
    .rtds-card--guida {
        @apply rtds-background-01 rtds-border rtds-border-gray-01;
    }

    :where(.rtds-card--guida) .rtds-card__title {
        @apply rtds-text-lg md:rtds-text-xl lg:rtds-text-2xl;
    }

    :where(.rtds-card--guida) .rtds-card__content {
        @apply rtds-p-4 md:rtds-p-5 lg:rtds-p-6 rtds-gap-4 md:rtds-gap-6;
    }

    :where(.rtds-card--guida) .rtds-card__description {
        @apply rtds-flex rtds-gap-2 md:rtds-gap-2.5;
    }

}