/* ==========================================================================
   Tidi Embed External Post — Frontend styles
   ========================================================================== */
.tidi-eep {
    --tidi-gap:          40px;
    --tidi-radius:       3px;
    --tidi-shadow:       0 2px 12px rgba(0, 0, 0, 0.08);

    --very-small-spacing: 5px;
    --small-spacing: 10px;
    --std-spacing: 15px;
    --double-spacing: 30px;
    --triple-spacing: 60px;
    --large-spacing: 80px;

    --tidi-accent:       #2563eb;
    --tidi-text:         #1e293b;
    --tidi-meta:         #aaa;
    --tidi-flame:        #f16234;
    --tidi-cat:          #e6c55d;
    --tidi-bg:           #ffffff;
    --tidi-border:       #e2e8f0;
    --tidi-trans:        0.22s ease;
}

.tidi-eep {
    display: flex;
    flex-direction: column;
    gap: var(--tidi-gap);
}

.tidi-eep__item {
    display: flex;
    flex-direction: column;
    border-radius: var(--tidi-radius);
    overflow: hidden;
    background: var(--tidi-bg);
}

.tidi-eep__thumb-link {
    display: block;
    line-height: 0;
}

.tidi-eep__thumb {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.tidi-eep__title-link {
    text-decoration: none;
    color: inherit;
}


/* Categories */

.tidi-eep__cat {
    display:     flex;
    align-items: baseline;
    flex-wrap:   wrap;
    gap:         2px;
    margin-top: var(--small-spacing);
}


.tidi-eep__cat::before,
.tidi-eep__secondary-cat::before {
    content:      'for';
    font-size:    12px;
    font-weight:  400;
    color:        #111;
    margin-right: 4px;
}


.tidi-eep__cat_single {
    display: inline-block;
}

.tidi-eep__cat_single a {
    font-size: 12px;
    font-weight: normal;
    color: var(--tidi-meta);
}

.tidi-eep__cat_single a:hover {
    color: #222;
}




/* Title */

.tidi-eep__title {
    margin: var(--small-spacing) 0;
    font-size:   1.15rem;
    line-height: 1.35;
}

#sidebar .tidi-eep__title {
    font-size:   14px;
    margin: var(--very-small-spacing) 0 var(--small-spacing) 0;
}

.tidi-eep__title a {
    margin: 0;
    font-size: inherit;
    color: #111 !important;

    background-image: linear-gradient(var(--tidi-flame), var(--tidi-flame)) !important;
    background-position: 0 100% !important;
    background-repeat: no-repeat;
    background-size: 0 1px !important;
    transition: background-size .4s !important;
}

.tidi-eep__title a:hover {
    background-size: 100% 1px !important;
}




.tidi-eep__excerpt {
    color: #555;
    line-height: 170%;
    font-size: 13px;
}

.tidi-eep__date {
    margin-top:  0;
    font-size:   10px;
    letter-spacing: 1px;
    color:       var(--tidi-meta);
    text-transform: uppercase;
    display:     flex;
    gap:         0.75rem;
    align-items: center;
}

/* Layout a griglia quando ci sono più articoli */
.tidi-eep:has(.tidi-eep__item:nth-child(2)) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.25rem;
}