/* Trusquin · Blog & avis Google — s'appuie sur la charte du site (assets/css/style.css) */
:root{--trqb-gold:#ad9061}

/* ============ Vues du blog ============ */
.trqb-view .trqb-main{display:block}
/* En-tête d'article : bandeau sombre (titre) + image entière cadrée à cheval sur le bandeau.
   Les visuels de l'ancien blog contiennent souvent du texte : on ne les met jamais sous le titre. */
.phero.trqb-hero--band{min-height:0;display:block;text-align:center;padding:clamp(8.5rem,15vw,12rem) 0 clamp(7.5rem,13vw,10.5rem)}
.phero.trqb-hero--band::after{display:none}
.phero.trqb-hero--band .phero__inner{padding-bottom:0;max-width:980px}
.trqb-hero--band .trqb-hero__t{margin-inline:auto}
.trqb-hero--band .trqb-hero__meta{justify-content:center}
.phero.trqb-hero--archive{padding-bottom:clamp(4.2rem,8vw,6rem)}
.trqb-cover{position:relative;z-index:3;max-width:1040px;margin:calc(-1 * clamp(5.5rem,10vw,8rem)) auto 0;padding-inline:var(--pad)}
.trqb-cover .frame{aspect-ratio:3/2;box-shadow:0 30px 60px -30px rgba(20,22,26,.35)}
.trqb-cover .frame:hover img{transform:none}
.trqb-hero .eyebrow a{color:inherit;transition:color .4s var(--ease)}
.trqb-hero .eyebrow a:hover{color:#fff}
.trqb-sep{margin-inline:.1rem;opacity:.7}
.trqb-hero__t{font-size:clamp(2.1rem,4.8vw,4.1rem);line-height:1.08;max-width:22ch;text-wrap:balance;color:#fff}
.trqb-hero__meta{display:flex;flex-wrap:wrap;gap:.4rem .8rem;margin:clamp(1.2rem,2.4vw,1.8rem) 0 0;
  font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.78)}

/* Corps de l'article */
.trqb-body{max-width:780px;margin-inline:auto;padding:clamp(3rem,6vw,5rem) var(--pad) clamp(2.4rem,4vw,3.4rem)}
.trqb-content{font-size:1.05rem;line-height:1.9;color:var(--ink-2);overflow-wrap:break-word}
.trqb-content::after{content:"";display:table;clear:both}
.trqb-content>p:first-of-type{font-family:var(--serif);font-size:clamp(1.3rem,2.1vw,1.6rem);line-height:1.55;color:var(--ink);margin-bottom:1.5em}
.trqb-content p{margin:0 0 1.35em}
.trqb-content p:empty{display:none}
.trqb-content h2{font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.15;color:var(--ink);margin:2.1em 0 .75em;clear:both}
.trqb-content h3{font-size:clamp(1.3rem,2.2vw,1.7rem);line-height:1.2;color:var(--ink);margin:1.8em 0 .6em}
.trqb-content h4{font-family:var(--sans);font-size:.72rem;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:var(--ink);margin:2em 0 .8em}
.trqb-content strong,.trqb-content b{font-weight:400;color:var(--ink)}
.trqb-content [style*="font-weight"]{font-weight:400!important}
.trqb-content em{font-style:italic}
.trqb-content a{color:var(--ink);border-bottom:1px solid var(--line-2);transition:border-color .4s var(--ease),color .4s var(--ease)}
.trqb-content a:hover{border-color:var(--ink)}
.trqb-content ul,.trqb-content ol{margin:0 0 1.5em;padding-left:1.3em}
.trqb-content li{margin:.35em 0;padding-left:.3em}
.trqb-content ul li::marker{content:"◆  ";font-size:.55em;color:var(--accent)}
.trqb-content ol li::marker{font-family:var(--serif);color:var(--accent)}
.trqb-content blockquote{margin:2em 0;padding:0 0 0 1.6rem;border-left:1px solid var(--line-2);font-family:var(--serif);font-size:1.35rem;line-height:1.5;color:var(--ink)}
.trqb-content img{max-width:100%;height:auto;display:block}
.trqb-content figure{margin:2.4em 0}
.trqb-content .wp-block-image img{width:100%!important;height:auto!important;aspect-ratio:auto!important}
.trqb-content figcaption,.trqb-content .wp-element-caption{margin-top:.8em;font-family:var(--serif);font-style:italic;font-size:1rem;line-height:1.45;color:var(--ink-3);text-align:center}
.trqb-content .aligncenter{margin-inline:auto}
@media(min-width:760px){
  .trqb-content .alignleft{float:left;width:46%;margin:.4em 2.2rem 1.4em 0}
  .trqb-content .alignright{float:right;width:46%;margin:.4em 0 1.4em 2.2rem}
  .trqb-content .wp-block-image.is-resized:not(.alignleft):not(.alignright){max-width:78%;margin-inline:auto}
}
.trqb-content .wp-block-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}
.trqb-content .wp-block-gallery figure{margin:0}
.trqb-content table{width:100%;border-collapse:collapse;font-size:.95rem}
.trqb-content td,.trqb-content th{border-bottom:1px solid var(--line);padding:.7rem .4rem;text-align:left}

/* Mots-clés + navigation */
.trqb-tags{list-style:none;margin:clamp(2.6rem,5vw,3.6rem) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.trqb-tags a{display:inline-block;padding:.5rem .9rem;border:1px solid var(--line);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);transition:background .4s var(--ease),border-color .4s var(--ease),color .4s var(--ease)}
.trqb-tags a:hover{background:var(--paper-2);border-color:var(--line-2);color:var(--ink)}
.trqb-back{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem 2rem;
  margin-top:clamp(2.4rem,5vw,3.4rem);padding-top:clamp(1.6rem,3vw,2.2rem);border-top:1px solid var(--line)}
.trqb-back__pn{display:flex;gap:1.6rem}
.trqb-back__pn a{font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3);transition:color .4s var(--ease)}
.trqb-back__pn a:hover{color:var(--ink)}

/* Appel à l'action en fin d'article */
.trqb-cta{background:var(--paper-2);text-align:center;padding-block:clamp(4.2rem,9vw,7.5rem)}
.trqb-cta__in{max-width:760px;margin-inline:auto;padding-inline:var(--pad)}
.trqb-cta__mark{width:clamp(54px,6vw,72px);margin:0 auto clamp(1.6rem,3vw,2.2rem);color:var(--ink)}
.trqb-cta h2{font-size:clamp(1.9rem,4vw,3.1rem)}
.trqb-cta .lead{max-width:46ch;margin:1.2rem auto 0}
.trqb-cta__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:.9rem;margin:clamp(2rem,4vw,2.8rem) 0 0}
.trqb-cta__btns .btn{cursor:pointer}

/* Articles liés */
.trqb-related{padding-block:clamp(4.2rem,9vw,7.5rem)}
.trqb-related__head{margin-bottom:clamp(2.2rem,4.5vw,3.4rem)}
.trqb-related__head h2{font-size:clamp(1.8rem,3.6vw,2.8rem)}

/* ============ Cartes d'articles ============ */
.trqb-list{padding-block:clamp(3.6rem,8vw,7rem)}
.trqb-grid{display:grid;grid-template-columns:1fr;gap:clamp(2.6rem,5vw,3.6rem) clamp(1.4rem,2.6vw,2.4rem)}
@media(min-width:640px){.trqb-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1040px){.trqb-grid{grid-template-columns:repeat(3,1fr)}}
.trqb-card{display:flex;flex-direction:column;min-width:0}
.trqb-card__img{display:block;aspect-ratio:3/2}
.trqb-card:hover .trqb-card__img img{transform:scale(1.045)}
.trqb-card__body{display:flex;flex-direction:column;flex:1;padding-top:1.35rem}
.trqb-card__meta{display:flex;flex-wrap:wrap;gap:.35rem .7rem;margin:0 0 .8rem;font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3)}
.trqb-card__title{font-family:var(--serif);font-weight:300;font-size:clamp(1.38rem,2vw,1.72rem);line-height:1.2;margin:0 0 .85rem;text-wrap:balance}
.trqb-card__title a{color:var(--ink);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .6s var(--ease)}
.trqb-card:hover .trqb-card__title a{background-size:100% 1px}
.trqb-card__ex{font-size:.93rem;line-height:1.75;color:var(--ink-3);margin:0 0 1.4rem;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.trqb-card .link-u{margin-top:auto;align-self:flex-start;color:var(--ink)}
/* Article à la une (page 1 du blog) */
.trqb-card--feature{margin-bottom:clamp(3.4rem,7vw,6rem);padding-bottom:clamp(3.4rem,7vw,6rem);border-bottom:1px solid var(--line)}
.trqb-card--feature .trqb-card__img{aspect-ratio:16/10}
.trqb-card--feature .trqb-card__title{font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.1}
.trqb-card--feature .trqb-card__ex{-webkit-line-clamp:4;font-size:1rem;max-width:56ch}
@media(min-width:900px){
  .trqb-card--feature{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(2.4rem,4.5vw,4.5rem);align-items:center}
  .trqb-card--feature .trqb-card__body{padding-top:0}
}
.trqb-empty{text-align:center;font-family:var(--serif);font-size:1.4rem;color:var(--ink-3)}

/* Pagination */
.trqb-pager{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:clamp(3.6rem,7vw,5.5rem);padding-top:1.8rem;border-top:1px solid var(--line)}
.trqb-pager__dir{flex:1;font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink);white-space:nowrap}
.trqb-pager__dir:last-child{text-align:right}
.trqb-pager__dir:hover{color:var(--accent)}
.trqb-pager__nums{display:flex;align-items:center;gap:.25rem}
.trqb-pager__n,.trqb-pager__gap{display:grid;place-items:center;min-width:2.5rem;height:2.5rem;font-family:var(--serif);font-size:1.15rem;color:var(--ink-3);border:1px solid transparent;transition:border-color .4s var(--ease),color .4s var(--ease)}
.trqb-pager__n:hover{color:var(--ink);border-color:var(--line)}
.trqb-pager__n.is-cur{color:var(--ink);border-color:var(--ink)}
@media(max-width:640px){
  .trqb-pager{flex-wrap:wrap;justify-content:center}
  .trqb-pager__nums{order:-1;width:100%;justify-content:center}
  .trqb-pager__dir{flex:1 1 40%}
}
.trqb-listing__back{margin:clamp(2.6rem,5vw,3.4rem) 0 0;text-align:center}

/* ============ Avis Google ============ */
.trqb-avis{padding-block:clamp(4.2rem,9vw,8rem);background:var(--paper);overflow:hidden}
.trqb-avis__score{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.7rem 1rem;margin:0 0 clamp(2.4rem,4.5vw,3.4rem)}
.trqb-avis__score .trqb-g{width:22px;height:22px}
.trqb-avis__note{font-family:var(--serif);font-weight:300;font-size:clamp(2.2rem,4vw,3rem);line-height:1;color:var(--ink)}
.trqb-avis__note small{font-size:.42em;color:var(--ink-3);margin-left:.15em}
.trqb-avis__score .trqb-stars{font-size:1.05rem}
.trqb-avis__count{font-size:.64rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-3)}
.trqb-avis__links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem 2.6rem;margin:clamp(2.4rem,4.5vw,3.2rem) 0 0}
.trqb-avis__links .link-u{color:var(--ink)}

.trqb-stars{--p:calc(var(--r) / 5 * 100%);display:inline-block;line-height:1;font-size:.95rem;letter-spacing:.16em;white-space:nowrap;
  background:linear-gradient(90deg,var(--trqb-gold) var(--p),rgba(20,22,26,.16) var(--p));-webkit-background-clip:text;background-clip:text;color:transparent}
.trqb-stars::before{content:"★★★★★"}
.trqb-g{display:block;width:20px;height:20px;flex:none}

/* Carrousel : défilement natif (trackpad, tactile), glisser à la souris, flèches, clavier */
.trqb-car{position:relative}
.trqb-car__track{display:grid;grid-auto-flow:column;grid-auto-columns:min(84vw,360px);gap:clamp(1rem,1.8vw,1.4rem);
  overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  margin-inline:calc(var(--pad) * -1);padding:.2rem var(--pad) 1.2rem;scroll-padding-inline:var(--pad);
  scrollbar-width:none;cursor:grab;outline:0}
.trqb-car__track::-webkit-scrollbar{display:none}
.trqb-car__track:focus-visible{box-shadow:inset 0 0 0 1px var(--accent)}
.trqb-car__track.is-drag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
.trqb-car__track.is-drag *{pointer-events:none}
@media(min-width:760px){.trqb-car__track{grid-auto-columns:calc((100% - clamp(1rem,1.8vw,1.4rem)) / 2)}}
@media(min-width:1100px){.trqb-car__track{grid-auto-columns:calc((100% - 2 * clamp(1rem,1.8vw,1.4rem)) / 3)}}
.trqb-car__nav{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin-top:clamp(1.2rem,2.4vw,1.8rem)}
.trqb-car.is-static .trqb-car__nav{display:none}
.trqb-car__btn{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line-2);background:transparent;color:var(--ink);
  font:inherit;font-size:1rem;cursor:pointer;transition:background .4s var(--ease),color .4s var(--ease),opacity .4s var(--ease)}
.trqb-car__btn:hover:not(:disabled){background:var(--ink);color:var(--paper)}
.trqb-car__btn:disabled{opacity:.28;cursor:default}
.trqb-car__btn:focus-visible{outline:1px solid var(--accent);outline-offset:3px}
.trqb-car__bar{position:relative;flex:0 1 220px;height:1px;background:var(--line);overflow:hidden}
.trqb-car__bar i{position:absolute;inset:0 auto 0 0;width:30%;background:var(--ink);transition:transform .25s linear,width .25s linear}

.trqb-rev{display:flex;flex-direction:column;gap:1rem;margin:0;padding:clamp(1.5rem,2.4vw,2.1rem);background:var(--paper-2);
  scroll-snap-align:start;min-width:0;border:1px solid transparent;transition:border-color .5s var(--ease),background .5s var(--ease)}
.trqb-rev:hover{border-color:var(--line)}
.trqb-rev__top{display:flex;align-items:center;gap:.85rem}
.trqb-rev__av{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;background:var(--paper-3)}
.trqb-rev__av--i{display:grid;place-items:center;font-family:var(--serif);font-size:1.05rem;color:var(--ink-2);letter-spacing:.04em}
.trqb-rev__who{display:grid;gap:.15rem;min-width:0;flex:1}
.trqb-rev__who b{font-weight:400;font-size:.95rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trqb-rev__who b a{color:inherit}
.trqb-rev__who span{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3)}
.trqb-rev__txt{margin:0}
.trqb-rev__txt p{margin:0;font-family:var(--serif);font-size:clamp(1.08rem,1.4vw,1.2rem);line-height:1.55;color:var(--ink-2)}
.trqb-rev__txt.is-long:not(.is-open) p{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.trqb-rev__more{align-self:flex-start;padding:0 0 .3rem;border:0;border-bottom:1px solid var(--line-2);background:none;cursor:pointer;
  font:inherit;font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink)}
.trqb-rev__more[hidden]{display:none}
.trqb-rev__src{margin-top:auto;padding-top:.6rem;font-size:.58rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3)}
.trqb-rev__src a{color:inherit;transition:color .4s var(--ease)}
.trqb-rev__src a:hover{color:var(--ink)}

@media(prefers-reduced-motion:reduce){
  .trqb-car__track{scroll-behavior:auto}
  .trqb-card__img img,.trqb-car__bar i{transition:none}
}

/* ============ Pages légales ============ */
.trqb-legal h2{font-size:clamp(1.35rem,2.3vw,1.8rem);margin-top:1.9em}
.trqb-legal ul{padding-left:1.1em}
.trqb-legal__date{margin-top:2.6em!important;font-size:.64rem!important;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3)!important;font-family:var(--sans)!important}
.ftr__legal a{color:inherit;transition:color .4s var(--ease)}
.ftr__legal a:hover{color:var(--paper)}

/* Archives (catégorie, mot-clé) : la section et la liste ajoutaient chacune leur marge, 270 px de vide sous le bandeau. Même écart que sur /blog/. */
.trqb-listing { padding-block: 0; }