/* ===========================================================
   VETAPPRO - ARTICLES DE BLOG
   =========================================================== */


/* -----------------------------------------------------------
   SOMMAIRE
   ----------------------------------------------------------- */

article.post #sommaire a {
    display: block;

    padding: 8px 12px;
    margin: 4px 0;

    color: #2b5d2a;
    font-weight: 600;
    text-decoration: none;

    border-left: 3px solid transparent;
    border-radius: 4px;

    transition: all .2s ease;
}

article.post #sommaire a:hover {
    background: #eef8ec;
    border-left-color: #4b8b3b;
    padding-left: 16px;
    color: #1f451f;
}

article.post #sommaire li {
    list-style: none;
}

article.post #sommaire ul {
    padding-left: 0;
}

article.post #sommaire a::before {
    content: "▸";
    color: #4b8b3b;
    margin-right: .6em;
    transition: transform .2s ease;
}

article.post #sommaire a:hover::before {
    transform: translateX(3px);
}



/* -----------------------------------------------------------
   BLOC EN RÉSUMÉ
   ----------------------------------------------------------- */

article.post #pour-resumer {
    background:#eef6ff;
    border:1px solid #c7ddf6;
    border-left:6px solid #2b6cb0;
    border-radius:6px;
    padding:24px;
	box-shadow: 0 3px 12px rgba(0,0,0,.05);
}

article.post #pour-resumer h2::before{
    content:"📋 ";
}

article.post #pour-resumer h2,
article.post #pour-resumer h3 {
    color:#2b6cb0;
    border:none;
    padding:0;
    margin-top:0;
}

article.post #pour-resumer p:last-child {
    margin-bottom: 0;
}

article.post #pour-resumer ul,
article.post #pour-resumer ol {
    margin: 15px 0 0;
    padding-left: 20px;
}

article.post #pour-resumer li {
    margin-bottom: 10px;
}

article.post #pour-resumer strong {
    color: #2b5d2a;
}


/* -----------------------------------------------------------
   FAQ
   ----------------------------------------------------------- */

article.post  #faq {
    margin-top: 50px;
}

article.post  #faq h2 {
    margin-bottom: 25px;
}

article.post  #faq h3 {
    background: #f7f7f7;
    border-left: 4px solid #4b8b3b;
    padding: 12px 15px;
    margin-top: 35px;
    margin-bottom: 15px;
    border-radius: 4px;
    font-size: 1.15em;
}

article.post  #faq p {
    margin-bottom: 18px;
}

article.post  #faq ul {
    margin-bottom: 20px;
}

article.post  #faq li {
    margin-bottom: 8px;
}


/* -----------------------------------------------------------
   LIENS DANS LES ARTICLES
   ----------------------------------------------------------- */
article.post a {
    color: #2b5d2a;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: #7ab86d;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
    transition: all .2s ease;
}

article.post a:hover {
    color: #4b8b3b;
    text-decoration-color: #4b8b3b;
}

article.post a:visited {
    color: #456845;
}

/* -----------------------------------------------------------
   TABLEAUX
   ----------------------------------------------------------- */

article.post table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
}

article.post th {
    background: #4b8b3b;
    color: white;
    text-align: left;
    padding: 12px;
}

article.post td {
    border: 1px solid #ddd;
    padding: 12px;
}

article.post tr:nth-child(even) {
    background: #fafafa;
}


/* -----------------------------------------------------------
   ANCRES
   ----------------------------------------------------------- */

article.post h2,
article.post h3 {
    scroll-margin-top: 50px;
	color:#5f5599;
}

article.post h2 {
    margin: 3.5rem 0 1.5rem;
    padding: .75rem 0 .75rem 1rem;

    border-left: 8px solid #4b8b3b;
    border-bottom: 1px solid #d8d8d8;

    color: #2b5d2a;

    font-size: clamp(1.45rem, 2vw, 1.9rem);
    font-weight: 700;
    line-height: 1.35;
}

/* H3 : sous-section */

article.post h3 {
    margin: 2.2rem 0 1rem;
    padding-left: .8rem;

    border-left: 4px solid #9cb899;

    color: #444;

    font-size: clamp(1.15rem, 1.3vw, 1.45rem);
    font-weight: 600;
    line-height: 1.4;
}


@media (max-width:768px){

    article.post h2{
        border-left-width:6px;
        padding-left:.8rem;
    }

    article.post h3{
        border-left-width:3px;
        padding-left:.6rem;
    }

}



article.post ul {
	margin-left:1em;
}

article.post ul li {
	margin-bottom:0.3em;
}