/* ===========================================================
   Choco Pop v2 — Blog (list + article)
   Templates: article/templates/article/article_list.html, article_detail.html
   Behaviour: js/choco-motion.js ([data-cp-read] reading progress bar)
   =========================================================== */
main.cp-blog,main.cp-article{
  padding-top:6px;
  background:
    radial-gradient(circle at 18% 22%, rgba(237,155,51,.09) 0 2.5px, transparent 3px) 0 0/120px 90px,
    linear-gradient(180deg,#FFFBF6,var(--cp-milk));
}

/* ---------- article cards ---------- */
.cp-blog .category-article-card{
  border-radius:28px !important;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.9) !important;
  box-shadow:0 7px 0 rgba(204,90,0,.14), 0 16px 26px rgba(79,44,29,.12), inset 0 2px 0 #fff !important;
  transition:transform .5s var(--cp-ease-jelly), box-shadow .3s ease !important;
}
.cp-blog .category-article-card:hover{transform:translateY(-8px) rotate(-.8deg);box-shadow:0 11px 0 rgba(204,90,0,.16), 0 26px 34px rgba(79,44,29,.18), inset 0 2px 0 #fff !important;}
.cp-blog .category-article-card__image-wrap{overflow:hidden;border-radius:22px;margin:8px;}
.cp-blog .category-article-card__image{transition:transform .8s var(--cp-ease-out) !important;}
.cp-blog .category-article-card:hover .category-article-card__image{transform:scale(1.08) rotate(-1deg);}
.cp-blog .category-article-card__badge{border-radius:999px;border:1.5px dashed rgba(255,255,255,.6);background:linear-gradient(180deg,var(--clay-wine),var(--clay-wine-dark)) !important;animation:cpStickerWiggle 3s ease-in-out infinite;}
.cp-blog .category-article-card__title{font-weight:900 !important;color:var(--clay-cocoa-dark) !important;transition:color .2s ease;}
.cp-blog .category-article-card:hover .category-article-card__title{color:var(--clay-wine) !important;}
@supports (animation-timeline: view()){
  .cp-blog .category-article-card,.cp-blog .swiper-slide > a,.cp-blog article.swiper-slide{animation:cpCardRise linear both;animation-timeline:view();animation-range:entry 0% entry 55%;}
}
.cp-blog input[type=search],.cp-blog input[type=text]{border-radius:999px !important;}
.cp-blog input:focus{outline:none !important;border-color:var(--clay-gold) !important;box-shadow:0 0 0 4px rgba(237,155,51,.18) !important;}

/* ---------- article page ---------- */
.cp-article h1{font-weight:900 !important;color:var(--clay-cocoa-dark) !important;animation:cpRiseIn .7s var(--cp-ease-out) both .1s;}
.cp-article .prose-blog h2,.cp-article .prose-blog h3{position:relative;padding-bottom:10px;color:var(--clay-cocoa-dark);font-weight:900;}
.cp-article .prose-blog h2::after{content:"";position:absolute;right:0;bottom:0;width:52px;height:6px;border-radius:6px;background:repeating-linear-gradient(-45deg,var(--clay-wine) 0 7px,var(--clay-gold) 7px 14px);}
.cp-article .prose-blog img{border-radius:24px;box-shadow:0 8px 0 rgba(204,90,0,.12), 0 18px 28px rgba(79,44,29,.14);}
.cp-article .prose-blog blockquote{border:0;border-radius:24px;padding:16px 20px;background:linear-gradient(135deg,#FFF6EA,#FDE3BD);box-shadow:0 5px 0 rgba(204,90,0,.16);font-style:normal;color:var(--clay-cocoa-dark);position:relative;}
.cp-article .prose-blog blockquote::before{content:"“";position:absolute;top:-18px;right:14px;font-size:3.4rem;line-height:1;color:var(--clay-wine);}
.cp-article .prose-blog a{color:var(--clay-wine);text-decoration-color:rgba(166,25,46,.35);text-underline-offset:4px;transition:text-decoration-color .2s;}
.cp-article .prose-blog a:hover{text-decoration-color:var(--clay-wine);}
.cp-article .article-review-card{border-radius:24px !important;animation:cpRiseIn .45s var(--cp-ease-out) both;}
.cp-article #starRating button,.cp-article #starRating span,.cp-article #starRating label{transition:transform .4s var(--cp-ease-jelly);}
.cp-article #starRating > *:hover{transform:scale(1.3) rotate(-12deg);}
.cp-article #reviewForm{border-radius:28px !important;}
.cp-article input:focus,.cp-article textarea:focus{outline:none !important;border-color:var(--clay-gold) !important;box-shadow:0 0 0 4px rgba(237,155,51,.18) !important;}

/* reading progress (created by choco-motion.js) */
.cp-read-progress{
  position:fixed;top:0;right:0;left:0;height:5px;z-index:2147483000;pointer-events:none;transform-origin:right center;transform:scaleX(0);
  background:repeating-linear-gradient(-45deg,var(--clay-wine) 0 10px,var(--clay-gold) 10px 20px);background-size:28px 100%;
  box-shadow:0 1px 6px rgba(166,25,46,.35);
}

@media (prefers-reduced-motion: reduce){
  .cp-blog .category-article-card,.cp-blog .category-article-card__badge,.cp-article h1,.cp-article .article-review-card{animation:none !important;}
}