
/* ==========================================================
   FICHE DOSSIER RECHERCHE CARDIE
   Style cohérent avec "Dossier recherche CARDIE".
   CSS autonome, chargé également dans Gutenberg.
   ========================================================== */

.cardie-fiche-dossier-recherche{
    --cfdr-border:#dbe3ea;
    --cfdr-text:#1f2c3a;
    --cfdr-muted:#687684;
    --cfdr-blue:#164f7d;
    --cfdr-purple:#5d49d7;
    --cfdr-purple-soft:#f0ebff;

    width:100%;
    margin:24px 0;
    font-family:"Marianne",Arial,sans-serif;
    color:var(--cfdr-text);
}

.cardie-fiche-dossier-recherche *{
    box-sizing:border-box;
}

.cardie-fiche-keywords{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:0 0 24px;
}

.cardie-fiche-keywords span{
    display:inline-flex;
    align-items:center;
    min-height:27px;
    padding:4px 11px;
    border-radius:999px;
    background:var(--cfdr-purple-soft);
    color:var(--cfdr-purple);
    font-size:12px;
    font-weight:600;
}

.cardie-fiche-section{
    margin:0 0 28px;
}

.cardie-fiche-section > h2{
    margin:0 0 16px!important;
    color:#1f2c3a!important;
    font-family:"Marianne",Arial,sans-serif!important;
    font-size:20px!important;
    font-weight:700!important;
    line-height:1.2!important;
    letter-spacing:0!important;
    text-transform:none!important;
}

.cardie-fiche-summary{
    min-height:92px;
    padding:24px 28px;
    border:1px solid var(--cfdr-border);
    border-radius:12px;
    background:#fff;
    color:#273646;
    font-size:18px;
    line-height:1.55;
}

.cardie-fiche-summary p{
    margin:0 0 8px!important;
}

.cardie-fiche-summary p:last-child{
    margin-bottom:0!important;
}

.cardie-fiche-references{
    width:100%;
}

.cardie-fiche-reference{
    padding:16px 0;
    border-bottom:1px solid #e8edf1;
    color:#647180;
    font-size:16px;
    line-height:1.55;
}

.cardie-fiche-reference strong{
    color:#1f2c3a;
}

.cardie-fiche-reference a{
    color:#647180!important;
    text-decoration:none!important;
}

.cardie-fiche-reference a:hover{
    color:var(--cfdr-blue)!important;
    text-decoration:underline!important;
}

.cardie-fiche-resource-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 14px;
}

.cardie-fiche-resource-row,
.cardie-fiche-resource-preview{
    min-height:48px;
    padding:10px 12px;
    display:flex;
    align-items:center;
    gap:10px;
    border:1px solid var(--cfdr-border);
    border-radius:8px;
    background:#fff;
}

.cardie-fiche-badge{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    min-height:25px;
    padding:4px 9px;
    border-radius:4px;
    background:#5f6c79;
    color:#fff;
    font-size:10px;
    font-weight:700;
    letter-spacing:.7px;
}

.cardie-fiche-resource-row a{
    color:#344252!important;
    text-decoration:none!important;
}

.cardie-fiche-resource-row a:hover{
    color:var(--cfdr-blue)!important;
    text-decoration:underline!important;
}

@media(max-width:700px){
    .cardie-fiche-resource-grid{
        grid-template-columns:1fr;
    }

    .cardie-fiche-section > h2{
        font-size:20px!important;
    }

    .cardie-fiche-summary{
        padding:20px;
        font-size:16px;
    }
}
