/* Bab Diki : le journal (blog), pages simples et 404. S'appuie sur les styles du site (parts/avis-head.php). */

/* en-tête : polaroids */
.bd-art{min-height:420px}
.bd-art .b1{position:absolute;left:4%;top:4%;width:74%;rotate:-4deg;translate:0 var(--py,0px);z-index:2}
.bd-art .b2{position:absolute;right:0;bottom:2%;width:50%;rotate:5deg;translate:0 var(--py,0px);z-index:3}
.bd-art .polaroid img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto}
.bd-ph h1{font-size:clamp(40px,5.2vw,76px);text-wrap:balance}

/* liste des articles */
.bd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.bd-card{position:relative;display:flex;flex-direction:column;padding:14px 14px 24px;background:var(--sheet);box-shadow:0 1px 0 rgba(16,35,58,.06),0 18px 40px -26px rgba(16,35,58,.45);transition:transform .45s cubic-bezier(.2,1.2,.3,1),box-shadow .3s}
.bd-card:nth-child(3n+1){rotate:-.6deg}.bd-card:nth-child(3n+2){rotate:.5deg}.bd-card:nth-child(3n){rotate:-.3deg}
.bd-card:hover{transform:translateY(-6px);box-shadow:0 1px 0 rgba(16,35,58,.06),0 28px 50px -26px rgba(16,35,58,.5)}
.bd-card .tape{position:absolute;left:50%;top:-12px;translate:-50% 0;rotate:-3deg;z-index:2}
.bd-card-img{display:block;overflow:hidden;background:var(--line)}
.bd-card-img img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.bd-card:hover .bd-card-img img{transform:scale(1.04)}
.bd-meta{margin:16px 8px 4px;font-size:20px;line-height:1.2;color:var(--terra)}
.bd-meta a{color:inherit}
.bd-card h2{margin:0 8px;font-size:clamp(21px,1.8vw,25px);line-height:1.15;color:var(--navy)}
.bd-card h2 a{color:inherit;text-decoration:none;background:linear-gradient(var(--gold),var(--gold)) 0 100%/0 2px no-repeat;transition:background-size .4s}
.bd-card:hover h2 a{background-size:100% 2px}
.bd-card > p:not(.bd-meta){margin:12px 8px 0;color:var(--muted);font-size:15.5px;line-height:1.6}
.bd-more{margin:auto 8px 0;padding-top:16px;font-weight:800;font-size:14px;letter-spacing:.04em;color:var(--navy);text-decoration:none}
.bd-more span{display:inline-block;transition:transform .3s}
.bd-card:hover .bd-more span{transform:translateX(5px)}
.bd-pages{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:56px}
.bd-pages .page-numbers{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);color:var(--navy);font-weight:800;text-decoration:none;background:var(--sheet)}
.bd-pages .current{background:var(--navy);border-color:var(--navy);color:#fff}
.bd-empty{font-size:26px;text-align:center}

/* article */
.bd-single-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start}
.bd-prose{padding:clamp(24px,4vw,56px);background:var(--sheet);box-shadow:0 1px 0 rgba(16,35,58,.06),0 24px 60px -36px rgba(16,35,58,.45);font-size:18px;line-height:1.75;color:var(--ink)}
.bd-narrow{max-width:860px;margin-inline:auto}
.bd-prose > .bd-meta{margin:0 0 18px}
.bd-prose > *:first-child{margin-top:0}
.bd-prose h2{margin:1.9em 0 .55em;font-size:clamp(26px,2.6vw,34px);line-height:1.15;color:var(--navy)}
.bd-prose h3{margin:1.6em 0 .4em;font-size:clamp(21px,2vw,25px);line-height:1.2;color:var(--navy)}
.bd-prose h2::before{content:"";display:block;width:46px;height:3px;margin-bottom:14px;background:var(--gold);border-radius:2px}
.bd-prose p{margin:0 0 1.1em}
.bd-prose a{color:var(--navy);font-weight:700;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:3px}
.bd-prose ul,.bd-prose ol{margin:0 0 1.2em;padding-left:1.3em}
.bd-prose li{margin:.35em 0}
.bd-prose li::marker{color:var(--gold-ink)}
.bd-prose strong{color:var(--navy)}
.bd-prose img{max-width:100%;height:auto;border-radius:4px}
.bd-prose figure{margin:1.6em 0}
.bd-prose figcaption{font:700 19px/1.3 var(--hand);color:var(--terra);margin-top:8px}
.bd-prose blockquote{margin:1.6em 0;padding:6px 0 6px 22px;border-left:3px solid var(--gold);font-family:var(--display);font-size:21px;color:var(--navy)}
.bd-prose .wp-block-table{overflow-x:auto}
.bd-prose table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5}
.bd-prose th,.bd-prose td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.bd-prose thead th,.bd-prose tr:first-child th{background:var(--navy);color:#fff;font-weight:800}
.bd-prose tbody tr:nth-child(even){background:rgba(227,213,184,.25)}
.bd-prose hr{border:0;height:1px;background:var(--line);margin:2em 0}

/* encadré réservation */
.bd-cta{position:relative;padding:34px 30px 32px;border-radius:6px;overflow:hidden;color:#fff}
.bd-single-grid .bd-cta{position:sticky;top:110px}
.bd-list .bd-cta{margin-top:70px;text-align:center;padding:48px clamp(24px,5vw,70px)}
.bd-list .bd-cta h2{max-width:22ch;margin-inline:auto}
.bd-cta .hand{margin:0 0 6px;font-size:24px;color:var(--gold-paint)}
.bd-cta h2{margin:0;font-size:clamp(25px,2.4vw,32px);line-height:1.12;color:#fff}
.bd-cta > p:not(.hand){margin:14px 0 0;color:#C9D7E4;font-size:16px}
.bd-cta .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.bd-list .bd-cta .btns{justify-content:center}
.bd-single-grid .bd-cta .btn{width:100%;justify-content:center}

.bd-related{padding-top:0}

@media (max-width:960px){
  .bd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
  .bd-single-grid{grid-template-columns:minmax(0,1fr)}
  .bd-single-grid .bd-cta{position:relative;top:auto}
}
@media (max-width:640px){
  .bd-grid:not(.sw){grid-template-columns:minmax(0,1fr)}
  .bd-art{min-height:300px}
  .bd-prose{font-size:17px;padding:22px 18px}
  .bd-card{rotate:0deg!important}
}