/* ─────────────────────────────────────────────────────────────────────
   meilleur-plat-new.css
   Surcouche CSS pour template-food-new.php. Reprend les variables et la
   structure de meilleur-restaurant-ville-new.css ; ajoute :
     - Variante .rkl-card--notation (badge rating overlay, layout simplifie)
     - Pattern .rkl-clamp + .rkl-clamp-toggle (intro 5 lignes max + bouton)
   ───────────────────────────────────────────────────────────────────── */

/* ─── Intro editoriale clampee (pattern resto fiche) ─── */
.rkl-root .rkl-hero-intro.rkl-clamp{
    display:-webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    position:relative;
    line-height:1.55;
}
.rkl-root .rkl-hero-intro.rkl-clamp.is-expanded{
    display:block;
    -webkit-line-clamp:unset;
    overflow:visible;
}
.rkl-root .rkl-clamp-toggle-wrap{
    display:inline-block;
    margin-top:8px;
}
.rkl-root .rkl-clamp-toggle{
    appearance:none;
    border:0;
    background:transparent;
    color:#1f3a8a;
    font:600 14px/1 'Inter Tight',system-ui,sans-serif;
    cursor:pointer;
    padding:6px 0;
    text-decoration:underline;
    text-underline-offset:3px;
}
.rkl-root .rkl-clamp-toggle:hover{ color:#0f1f4d; }

/* ─── Card variante "notation" (plat note) ─── */
.rkl-root .rkl-card--notation{
    background:#fff;
    border:1px solid #ece6df;
    border-radius:14px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    transition:box-shadow .2s, transform .2s;
}
.rkl-root .rkl-card--notation:hover{
    box-shadow:0 12px 28px rgba(26,22,18,.08);
    transform:translateY(-2px);
}
.rkl-root .rkl-card--notation .rkl-card-photo{
    position:relative;
    display:block;
    aspect-ratio:4/3;
    overflow:hidden;
    background:#f6f1ea;
}
.rkl-root .rkl-card--notation .rkl-card-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.rkl-root .rkl-card--notation .rkl-card-rank{
    position:absolute;
    top:10px; left:10px;
    background:rgba(26,22,18,.85);
    color:#fff;
    font:700 13px/1 'Inter Tight',system-ui,sans-serif;
    padding:6px 10px;
    border-radius:999px;
    backdrop-filter:blur(4px);
}
.rkl-root .rkl-card--notation .rkl-card-rank--gold  { background:linear-gradient(135deg,#f6cb49,#e5b838); color:#1a1612; }
.rkl-root .rkl-card--notation .rkl-card-rank--silver{ background:linear-gradient(135deg,#c7ccd1,#9ea4ab); color:#1a1612; }
.rkl-root .rkl-card--notation .rkl-card-rank--bronze{ background:linear-gradient(135deg,#cd8a4b,#a06a35); color:#fff; }

.rkl-root .rkl-card--notation .rkl-card-rating-badge{
    position:absolute;
    bottom:10px; right:10px;
    background:rgba(255,255,255,.95);
    color:#1a1612;
    padding:6px 10px;
    border-radius:999px;
    font:500 12px/1 'Inter Tight',system-ui,sans-serif;
    box-shadow:0 4px 12px rgba(26,22,18,.12);
}
.rkl-root .rkl-card--notation .rkl-card-rating-badge strong{
    font-weight:700;
    font-size:14px;
}
.rkl-root .rkl-card--notation .rkl-card-rating-badge small{
    color:#7a716a;
    margin-left:6px;
}

.rkl-root .rkl-card--notation .rkl-card-body{
    padding:14px 16px 16px;
    display:flex;
    flex-direction:column;
    gap:6px;
    flex:1;
}
.rkl-root .rkl-card--notation .rkl-card-title{
    margin:0 0 4px;
    font:600 17px/1.3 'Source Serif 4',Georgia,serif;
    color:#1a1612;
}
.rkl-root .rkl-card--notation .rkl-card-title a{ color:inherit; text-decoration:none; }
.rkl-root .rkl-card--notation .rkl-card-title a:hover{ text-decoration:underline; }

.rkl-root .rkl-card--notation .rkl-card-resto,
.rkl-root .rkl-card--notation .rkl-card-loc{
    margin:0;
    font:500 13px/1.4 'Inter Tight',system-ui,sans-serif;
    color:#4a423b;
    display:flex;
    align-items:center;
    gap:6px;
}
.rkl-root .rkl-card--notation .rkl-card-resto a,
.rkl-root .rkl-card--notation .rkl-card-loc a{
    color:#1f3a8a;
    text-decoration:none;
}
.rkl-root .rkl-card--notation .rkl-card-resto a:hover,
.rkl-root .rkl-card--notation .rkl-card-loc a:hover{ text-decoration:underline; }
.rkl-root .rkl-card--notation .rkl-card-dist{
    margin-left:auto;
    font-size:12px;
    color:#7a716a;
}

.rkl-root .rkl-card--notation .rkl-card-tags{
    display:flex; flex-wrap:wrap; gap:6px;
    margin-top:2px;
}
.rkl-root .rkl-card--notation .rkl-card-tags a{
    font:500 12px/1 'Inter Tight',system-ui,sans-serif;
    color:#4a423b;
    background:#f6f1ea;
    border:1px solid #ece6df;
    padding:5px 10px;
    border-radius:999px;
    text-decoration:none;
}
.rkl-root .rkl-card--notation .rkl-card-tags a:hover{ background:#ece6df; }

.rkl-root .rkl-card--notation .rkl-card-cta{
    margin:10px 0 0;
    text-align:center;
}
.rkl-root .rkl-card--notation .rkl-btn{
    display:inline-block;
    padding:10px 18px;
    border-radius:999px;
    font:600 13px/1 'Inter Tight',system-ui,sans-serif;
    text-decoration:none;
    transition:background .2s;
    width:100%;
    text-align:center;
    box-sizing:border-box;
}
.rkl-root .rkl-card--notation .rkl-btn--primary{
    background:#1a1612;
    color:#fff;
}
.rkl-root .rkl-card--notation .rkl-btn--primary:hover{
    background:#3a2f25;
}