/* Blog & réseaux : page Blog, archives, recherche, Article, bloc et page « Sur Instagram ». */

/* Éléments masqués par le filtre (l'attribut hidden l'emporte sur les styles en ligne). */
.hf-blog [hidden],.hf-insta-page [hidden]{display:none!important}

/* Onglets Articles / Sur Instagram */
.hf-tabs__a{padding:10px 18px;border-radius:999px;text-decoration:none;font:700 15px/1 var(--font-brand);color:#012C2D;background:transparent;white-space:nowrap;transition:background var(--dur-fast)}
.hf-tabs__a:hover{color:#012C2D;background:color-mix(in oklab,#012C2D 8%,#fff)}
.hf-tabs__a.is-on,.hf-tabs__a.is-on:hover{background:#F1C22A}

/* Recherche du blog */
.hf-blog-search{display:flex;align-items:center;gap:10px;height:56px;margin:0;padding-block:0;padding-inline:22px 8px;border:2px solid #012C2D;border-radius:999px;background:#fff;box-sizing:border-box}
.hf-blog-search:focus-within{outline:4px solid #C59CEC;outline-offset:2px}
.hf-blog-search input[type="search"]{flex:1;min-width:0;height:100%;margin:0;padding:0;border:0;outline:0;background:none;font:400 17px/1 var(--font-brand);color:#012C2D;-webkit-appearance:none;appearance:none}
.hf-blog-search input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.hf-blog-search input[type="search"]::placeholder{color:color-mix(in oklab,#012C2D 55%,#fff)}
.hf-blog-search__clear{flex:none;width:40px;height:40px;padding:0;border-radius:50%;border:0;background:color-mix(in oklab,#012C2D 8%,#F2F2F2);cursor:pointer;font:700 18px/1 var(--font-brand);color:#012C2D}
.hf-blog-search__clear:hover{background:color-mix(in oklab,#012C2D 16%,#F2F2F2)}

/* Pastilles (émotions du blog, thèmes Instagram) */
.hf-chip{display:inline-flex;align-items:center;height:40px;padding:0 18px;box-sizing:border-box;border-radius:999px;border:2px solid #012C2D;background:#fff;color:#012C2D;font:700 15px/1 var(--font-brand);text-decoration:none;cursor:pointer;box-shadow:none;transition:background var(--dur-fast),box-shadow var(--dur-fast),transform var(--dur-fast) var(--ease-bounce)}
.hf-chip:hover{color:#012C2D;background:color-mix(in oklab,#F1C22A 22%,#fff)}
.hf-chip[aria-pressed="true"],.hf-chip.is-on{background:#F1C22A;box-shadow:0 3px 0 #012C2D}
.hf-chip--flat[aria-pressed="true"]{box-shadow:none}
.hf-chip:active{transform:translateY(2px)}

/* Thèmes (catégories) sous les pastilles */
.hf-blog-theme{font:700 15px/1.3 var(--font-brand)}
.hf-blog-theme[aria-current="page"]{text-decoration-color:#F1C22A;text-decoration-thickness:4px}

/* Article à la une */
.hf-blog-featured{transition:box-shadow var(--dur-base) var(--ease-soft)}
.hf-blog-featured:hover{color:#012C2D;box-shadow:0 10px 30px rgba(1,44,45,.12)!important}
.hf-blog-featured:hover .hf-blog-featured__title{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}

/* Cartes */
.hf-card__link:hover{color:#012C2D}
.hf-card__link:hover .hf-card__title{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.hf-card__visual img{transition:transform var(--dur-slow) var(--ease-soft)}
.hf-card__link:hover .hf-card__visual img{transform:scale(1.03)}
.hf-card__link:focus-visible{border-radius:24px}

/* Pagination */
.hf-pagination{margin-top:44px}
.hf-pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center}
.hf-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:44px;padding:0 14px;box-sizing:border-box;border-radius:999px;border:2px solid #012C2D;background:#fff;color:#012C2D;font:700 15px/1 var(--font-brand);text-decoration:none}
.hf-pagination a.page-numbers:hover{color:#012C2D;background:color-mix(in oklab,#F1C22A 25%,#fff)}
.hf-pagination .page-numbers.current{background:#F1C22A;box-shadow:0 3px 0 #012C2D}
.hf-pagination .page-numbers.dots{border-color:transparent;background:none;min-width:0;padding:0 4px}
[dir="rtl"] .hf-pagination svg{transform:scaleX(-1)}

/* Instagram */
.hf-insta__tile img{transition:transform var(--dur-slow) var(--ease-soft)}
.hf-insta__tile:hover img{transform:scale(1.04)}
.hf-insta__tile:focus-visible{border-radius:24px}
.hf-insta__scroll{scrollbar-width:thin;scrollbar-color:color-mix(in oklab,#012C2D 30%,#fff) transparent}
.hf-insta__feed #sb_instagram .sbi_photo_wrap,.hf-insta__feed #sb_instagram .sbi_photo{border-radius:24px;overflow:hidden}

/* Article */
.hf-article .hf-prose{font-size:18px}
.hf-article .hf-prose h2{font:900 28px/1.2 var(--font-brand);letter-spacing:-.02em;margin:1.3em 0 .45em}
.hf-article .hf-prose h3{font:700 22px/1.25 var(--font-brand)}
.hf-article .hf-prose>:last-child{margin-bottom:0}
.hf-article__pages{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px;font:700 15px/1 var(--font-brand)}
.hf-emo{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;background:color-mix(in oklab,#E987C6 24%,#F2F2F2);color:#012C2D;font:700 13px/1.1 var(--font-brand);text-decoration:none;border:2px solid transparent}
.hf-emo:hover{color:#012C2D;background:color-mix(in oklab,#E987C6 42%,#F2F2F2)}
.hf-album-link{transition:box-shadow var(--dur-base) var(--ease-soft)}
.hf-album-link:hover{color:#012C2D;box-shadow:0 10px 30px rgba(1,44,45,.12)}
.hf-album-link:hover .hf-album-link__cta{text-decoration-thickness:3px}

/* Newsletter de l'article : alignée sur la colonne du texte (le bloc commun a sa propre marge). */
.hf-article-nl>section{padding:0 0 56px!important}
.hf-article-nl:last-child>section{padding-bottom:80px!important}