/* Adeline Blog 0.1.0 — charte Adeline (page « Abonne-toi »). Aucune couleur reprise du thème ou d'Elementor. */
.alb-root{
  --alb-bg:#210019;--alb-aubergine:#3A062E;--alb-prune:#50053F;--alb-card:#471039;
  --alb-pink:#F50087;--alb-rose:#FF3AA5;--alb-rose-light:#FF8DCC;
  --alb-white:#FFFFFF;--alb-text2:#F7EAF2;--alb-muted:#C9A9BD;--alb-ink:#210019;--alb-ink-soft:#76586B;
  background:linear-gradient(180deg,var(--alb-bg) 0%,var(--alb-aubergine) 55%,var(--alb-bg) 100%);
  color:var(--alb-text2);padding:40px 16px 72px;box-sizing:border-box;width:100%;
  font-size:16px;line-height:1.6;
}
.alb-root *,.alb-root *::before,.alb-root *::after{box-sizing:border-box}
.alb-container{max-width:1240px;margin:0 auto}
.alb-root a{color:var(--alb-rose-light);text-decoration:none}
.alb-root a:hover{color:var(--alb-white)}

/* Bandeau d'aperçu administrateur */
.alb-preview-banner{max-width:1240px;margin:0 auto 24px;background:var(--alb-rose-light);color:var(--alb-ink);border-radius:14px;padding:12px 18px;font-size:15px}
.alb-root .alb-preview-banner a{color:var(--alb-ink);text-decoration:underline;font-weight:700}

/* En-tête de liste */
.alb-hero{margin:0 0 26px}
.alb-kicker{display:block;color:var(--alb-pink);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
.alb-root .alb-title{color:var(--alb-white);font-weight:700;font-size:clamp(32px,5vw,56px);line-height:1.08;margin:0;letter-spacing:-.01em}
.alb-intro{color:var(--alb-muted);font-size:17px;max-width:720px;margin:12px 0 0}
.alb-intro p{margin:0}

/* Onglets des rubriques */
.alb-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;margin:0 0 28px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.alb-root .alb-tab{flex:0 0 auto;border:1px solid rgba(255,141,204,.38);color:var(--alb-text2);border-radius:999px;padding:8px 16px;font-weight:700;font-size:14px;white-space:nowrap;transition:background .18s ease,color .18s ease,border-color .18s ease}
.alb-root .alb-tab:hover{border-color:var(--alb-pink);color:var(--alb-white)}
.alb-root .alb-tab.is-active{background:var(--alb-pink);border-color:var(--alb-pink);color:var(--alb-white)}

/* Mise en page : contenu + colonne */
.alb-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start}
.alb-main{min-width:0}
.alb-count{color:var(--alb-muted);margin:0 0 18px}

/* Grille de cartes */
.alb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.alb-card{background:var(--alb-white);color:var(--alb-ink);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .2s ease,box-shadow .2s ease}
.alb-card:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(0,0,0,.35)}
.alb-card-media{position:relative;display:block;aspect-ratio:4/3;background:linear-gradient(135deg,var(--alb-prune),var(--alb-bg));border-bottom:3px solid var(--alb-pink)}
.alb-card-media{overflow:hidden}.alb-root .alb-card-media img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;display:block}
.alb-card-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:var(--alb-rose-light);font-size:44px;font-weight:700}
.alb-badge{position:absolute;top:12px;left:12px;background:rgba(33,0,25,.86);color:var(--alb-white);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700}
.alb-card-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.alb-root .alb-card-rub{color:var(--alb-pink);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.alb-root .alb-card-title{font-size:19px;line-height:1.25;margin:0;font-weight:700}
.alb-root .alb-card-title a{color:var(--alb-ink)}
.alb-root .alb-card-title a:hover{color:var(--alb-pink)}
.alb-card-date{color:var(--alb-ink-soft);font-size:14px}
.alb-card-excerpt{color:#4a3343;font-size:15px;line-height:1.55;margin:2px 0 0}
.alb-root .alb-card-more{margin-top:auto;padding-top:8px;color:var(--alb-pink);font-weight:700;font-size:15px}
.alb-root .alb-card-more:hover{color:var(--alb-prune)}

/* Pagination */
.alb-pagination{margin:34px 0 0}
.alb-pagination ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;justify-content:center}
.alb-pagination li{margin:0}
.alb-root .alb-pagination a,.alb-root .alb-pagination span{display:inline-block;min-width:42px;text-align:center;padding:9px 14px;border-radius:999px;border:1px solid rgba(255,141,204,.38);color:var(--alb-text2);font-weight:700}
.alb-root .alb-pagination .current{background:var(--alb-pink);border-color:var(--alb-pink);color:var(--alb-white)}
.alb-root .alb-pagination .dots{border:0}

.alb-empty{background:var(--alb-card);border-radius:18px;padding:36px;text-align:center}

/* Boutons */
.alb-root .alb-btn,.alb-root input.alb-btn{display:inline-block;background:var(--alb-pink);color:var(--alb-white);border:0;border-radius:999px;padding:12px 24px;font-weight:700;font-size:15px;line-height:1.2;cursor:pointer;text-align:center;transition:background .18s ease}
.alb-root .alb-btn:hover,.alb-root input.alb-btn:hover{background:var(--alb-rose);color:var(--alb-white)}
.alb-root .alb-btn-ghost{background:transparent;border:1px solid var(--alb-rose-light);color:var(--alb-white);margin-left:8px}

/* Colonne */
.alb-aside{display:flex;flex-direction:column;gap:16px;position:sticky;top:24px}
.alb-box{display:block;background:var(--alb-card);border-radius:18px;padding:20px 22px;color:var(--alb-text2)}
.alb-root .alb-box h3{color:var(--alb-white);font-size:18px;font-weight:700;margin:0 0 10px}
.alb-box p{margin:0 0 14px;color:var(--alb-text2)}
.alb-subscribe{background:linear-gradient(140deg,var(--alb-prune),var(--alb-card))}
.alb-subscribe .alb-btn{width:100%}
.alb-root a.alb-promo{border:1px dashed var(--alb-rose-light);background:rgba(71,16,57,.55);color:var(--alb-text2)}
.alb-promo span{display:block}
.alb-promo-label{color:var(--alb-rose-light);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.alb-promo-title{color:var(--alb-white);font-size:16px;line-height:1.4}
.alb-promo-title strong{color:var(--alb-rose)}
.alb-root .alb-promo .alb-promo-code{display:inline-block;background:var(--alb-pink);color:var(--alb-white);border-radius:8px;padding:1px 8px;font-weight:700;letter-spacing:.05em}
.alb-promo-fine{color:var(--alb-muted);font-size:12px;margin-top:8px}
.alb-promo-cta{color:var(--alb-rose-light);font-weight:700;margin-top:10px;font-size:14px}
.alb-search{display:flex;gap:8px}
.alb-root .alb-search input[type=search],.alb-root .alb-select{width:100%;background:var(--alb-bg);color:var(--alb-white);border:1px solid var(--alb-prune);border-radius:999px;padding:10px 16px;font-size:15px;font-family:inherit;min-height:44px}
.alb-root .alb-search input[type=search]::placeholder{color:var(--alb-muted)}
.alb-root .alb-search button{flex:0 0 44px;height:44px;border-radius:50%!important;border:0!important;background:var(--alb-pink)!important;color:var(--alb-white)!important;font-size:20px;cursor:pointer;padding:0}
.alb-root .alb-select{appearance:auto}
.alb-root .alb-select option{background:var(--alb-white);color:var(--alb-ink)}

/* Article */
.alb-crumbs{display:flex;flex-wrap:wrap;gap:8px;color:var(--alb-muted);font-size:14px;margin:0 0 22px}
.alb-root .alb-crumbs a{color:var(--alb-muted)}
.alb-root .alb-crumbs a:hover{color:var(--alb-white)}
.alb-article-head{margin:0 0 22px}
.alb-root .alb-pill{display:inline-block;background:var(--alb-pink);color:var(--alb-white);border-radius:999px;padding:5px 13px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:0 6px 14px 0}
.alb-root .alb-pill-soft{background:transparent;border:1px solid var(--alb-rose-light);color:var(--alb-rose-light)}
.alb-single .alb-title{font-size:clamp(30px,4.4vw,50px)}
.alb-meta{color:var(--alb-muted);margin:12px 0 0;font-size:15px}
.alb-article-image{margin:0 0 22px;border-radius:20px;overflow:hidden}
.alb-article-image img{width:100%;height:auto;display:block}
.alb-article{background:var(--alb-white);color:var(--alb-ink);border-radius:22px;padding:clamp(22px,4vw,48px);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.alb-content{font-size:18px;line-height:1.75;color:var(--alb-ink);overflow-wrap:break-word}
.alb-content img,.alb-content video,.alb-content iframe{max-width:100%;height:auto}
.alb-root .alb-content a{color:var(--alb-pink);text-decoration:underline}
.alb-root .alb-content h2,.alb-root .alb-content h3,.alb-root .alb-content h4{color:var(--alb-aubergine);line-height:1.25}
.alb-content > *:first-child{margin-top:0}
.alb-content > *:last-child{margin-bottom:0}
.alb-locked{margin-top:18px;background:linear-gradient(140deg,var(--alb-bg),var(--alb-prune));color:var(--alb-text2);border-radius:18px;padding:30px;text-align:center}
.alb-root .alb-locked h2{color:var(--alb-white);font-size:24px;margin:0 0 8px}
.alb-locked-icon{font-size:34px;margin:0 0 6px}
.alb-locked p{margin:0 0 18px}

/* Précédent / suivant */
.alb-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0 0}
.alb-root .alb-prevnext a{display:block;background:var(--alb-card);border-radius:16px;padding:16px 18px;color:var(--alb-text2)}
.alb-root .alb-prevnext a:hover{background:var(--alb-prune)}
.alb-prevnext span{display:block;color:var(--alb-rose-light);font-size:13px;font-weight:700;margin-bottom:4px}
.alb-prevnext strong{color:var(--alb-white);font-size:16px;line-height:1.3}
.alb-next{text-align:right}

/* À lire aussi / Mes derniers articles */
.alb-more{margin:44px 0 0}
.alb-root .alb-section-title{color:var(--alb-white);font-size:26px;font-weight:700;margin:0 0 18px}

/* Commentaires */
.alb-comments{margin:28px 0 0;background:var(--alb-white);color:var(--alb-ink);border-radius:22px;padding:clamp(22px,4vw,40px)}
.alb-root .alb-comments .alb-section-title{color:var(--alb-ink)}
.alb-comment-list,.alb-comment-list .children{list-style:none;margin:0;padding:0}
.alb-comment-list .children{margin-left:28px}
.alb-comment-list li{margin:0 0 18px}
.alb-comment-list .comment-body{border:1px solid #f0dbe7;border-radius:14px;padding:14px 16px}
.alb-comment-list .comment-author{display:flex;align-items:center;gap:10px;font-weight:700}
.alb-comment-list .comment-author img{border-radius:50%}
.alb-comment-list .says{display:none}
.alb-root .alb-comment-list .comment-metadata a{color:var(--alb-ink-soft);font-size:13px;text-decoration:none}
.alb-root .alb-comment-list .reply a{color:var(--alb-pink);font-weight:700;font-size:14px}
.alb-comments .comment-respond{margin-top:20px}
.alb-root .alb-comments .comment-reply-title{color:var(--alb-ink);font-size:20px;margin:0 0 12px}
.alb-root .alb-comments textarea,.alb-root .alb-comments input[type=text],.alb-root .alb-comments input[type=email],.alb-root .alb-comments input[type=url]{width:100%;border:1px solid #e3c7d6;border-radius:12px;padding:12px 14px;font:inherit;color:var(--alb-ink);background:#fff}
.alb-comments .comment-form p{margin:0 0 12px}
.alb-root .alb-comments input[type=submit]{background:var(--alb-pink)!important;color:var(--alb-white)!important;border:0!important;border-radius:999px!important;padding:12px 26px!important;font-weight:700;cursor:pointer}
.alb-root .alb-comments input[type=submit]:hover{background:var(--alb-rose)!important}
.alb-root .alb-comments a{color:var(--alb-pink)}
.alb-comments-closed{color:var(--alb-ink-soft)}

/* Écrans moyens et téléphones */
@media (max-width:1100px){.alb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:960px){
  .alb-layout{grid-template-columns:minmax(0,1fr)}
  .alb-aside{position:static}
}
@media (max-width:600px){
  .alb-root{padding:28px 16px 56px}
  .alb-grid,.alb-grid-3{grid-template-columns:minmax(0,1fr)}
  .alb-prevnext{grid-template-columns:1fr}
  .alb-next{text-align:left}
  .alb-content{font-size:17px}
  .alb-root .alb-btn-ghost{margin:10px 0 0}
}
