/* ─────────────────────────────────────────────────
   ITALA Recensioni – stile dinamico tramite CSS vars
   I valori di default vengono sovrascritti inline
   dal plugin in base alle impostazioni della dashboard.
───────────────────────────────────────────────── */
:root {
    --itala-card-bg:             #1e1e1e;
    --itala-card-bg-image:       none;
    --itala-card-bg-size:        cover;
    --itala-card-bg-position:    center center;
    --itala-card-bg-repeat:      no-repeat;
    --itala-card-bg-attachment:  scroll;
    --itala-card-text:           #ffffff;
    --itala-card-radius:         14px;
    --itala-card-border:         rgba(0, 0, 0, 0.08);
    --itala-card-shadow:         0 10px 24px rgba(0, 0, 0, 0.06);
    --itala-card-padding-v:      30px;
    --itala-card-padding-h:      38px;
    --itala-star-color:          #fbbf24;
    --itala-star-size:           14px;
    --itala-text-color:          #ffffff;
    --itala-text-size:           21px;
    --itala-text-lines:          4;
    --itala-author-color:        #ffffff;
    --itala-author-size:         16px;
    --itala-author-weight:       700;
    --itala-author-transform:    none;
    --itala-link-color:          #fbbf24;
    --itala-link-border:         #1e1e1e;
}

.itala-slide {
    border:                 1px solid var(--itala-card-border);
    border-radius:          var(--itala-card-radius);
    padding:                var(--itala-card-padding-v) var(--itala-card-padding-h);
    box-shadow:             var(--itala-card-shadow);
    /* flat color or gradient */
    background-color:       var(--itala-card-bg);
    /* image / gradient layered on top when set */
    background-image:       var(--itala-card-bg-image);
    background-size:        var(--itala-card-bg-size);
    background-position:    var(--itala-card-bg-position);
    background-repeat:      var(--itala-card-bg-repeat);
    background-attachment:  var(--itala-card-bg-attachment);
    color:                  var(--itala-card-text);
}

.itala-author {
    display:       block;
    margin-bottom: 6px;
    font-size:     var(--itala-author-size);
    font-weight:   var(--itala-author-weight);
    text-transform: var(--itala-author-transform);
    color:         var(--itala-author-color);
}

.itala-stars {
    color:         var(--itala-star-color);
    font-size:     var(--itala-star-size);
    margin-bottom: 8px;
    display:       flex;
    gap:           2px;
}

.itala-text {
    margin:             0 0 10px;
    font-size:          var(--itala-text-size);
    color:              var(--itala-text-color);
    display:            -webkit-box;
    -webkit-line-clamp: var(--itala-text-lines);
    -webkit-box-orient: vertical;
    overflow:           hidden;
    text-overflow:      ellipsis;
}

.itala-link {
    display:         inline-block;
    border:          1px solid var(--itala-link-border);
    color:           var(--itala-link-color);
    padding:         6px 10px;
    border-radius:   999px;
    text-decoration: none;
}