/* Cent Care Blog: styles on top of the main site's tokens.css and main.css */

/* ---------- Page head ---------- */
.blog-head{padding-block:var(--sp-6) var(--sp-5);}
.blog-head .eyebrow{color:var(--gold);}
.blog-head h1{max-width:22ch;}
.blog-head--post h1{max-width:none;font-size:clamp(2rem,4vw,2.875rem);line-height:1.15;}
.blog-crumbs{display:flex;gap:.5rem;flex-wrap:wrap;font-size:var(--fs-small);color:#D9CBE6;margin-bottom:var(--sp-2);}
.blog-crumbs a{color:var(--gold-light);font-weight:600;}
.blog-crumbs a:hover{text-decoration:underline;}
.page-head p.blog-byline{display:flex;flex-wrap:wrap;gap:.5rem;font-size:var(--fs-small);color:#D9CBE6;margin-top:var(--sp-3);max-width:none;}
.page-head p.blog-reviewed{display:inline-flex;align-items:center;gap:.5rem;margin-top:var(--sp-2);padding:.4rem .9rem;border-radius:var(--radius-pill);
  background:rgba(228,199,102,.14);color:var(--gold-light);font-size:var(--fs-small);font-weight:600;max-width:none;}
.blog-reviewed a{color:inherit;text-decoration:underline;}

/* ---------- Topic chips ---------- */
.blog-list{padding-top:var(--sp-5);}
.blog-topics{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--sp-5);}
.blog-topics a{display:inline-flex;align-items:center;min-height:40px;padding:.4rem 1rem;border-radius:var(--radius-pill);
  border:1.5px solid var(--mist);color:var(--purple);font-size:.875rem;font-weight:600;background:#fff;transition:border-color .2s,background .2s;}
.blog-topics a:hover{border-color:var(--purple);}
.blog-topics a[aria-current="page"]{background:var(--purple);border-color:var(--purple);color:#fff;}

/* ---------- Cards ---------- */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4) var(--sp-3);}
@media (max-width:980px){.blog-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:620px){.blog-grid{grid-template-columns:1fr;}}
.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--mist);border-radius:var(--radius);overflow:hidden;
  transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease);}
.blog-card:hover{box-shadow:var(--shadow);transform:translateY(-3px);}
.blog-card__media{display:block;aspect-ratio:16/9;background:var(--lilac);}
.blog-card__media img{width:100%;height:100%;object-fit:cover;}
.blog-card__ph{display:grid;place-items:center;width:100%;height:100%;background:var(--purple);}
.blog-card__ph img{width:72px;height:72px;}
.blog-card__body{display:flex;flex-direction:column;gap:.6rem;padding:var(--sp-3);flex:1;}
.blog-card__cat{font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dark);}
.blog-card__title{font-size:1.25rem;line-height:var(--lh-snug);color:var(--purple);}
.blog-card__title a:hover{color:var(--purple-mid);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px;}
.blog-card__excerpt{color:var(--slate);font-size:.9375rem;}
.blog-card__meta{display:flex;gap:.45rem;margin-top:auto;padding-top:.4rem;font-size:.8125rem;color:var(--slate);}

/* ---------- Pagination / empty / search ---------- */
.blog-pagination{margin-top:var(--sp-5);}
.blog-pagination .nav-links{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;}
.blog-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 .9rem;
  border-radius:var(--radius-pill);border:1.5px solid var(--mist);color:var(--purple);font-weight:600;font-size:.9375rem;}
.blog-pagination .page-numbers.current{background:var(--purple);border-color:var(--purple);color:#fff;}
.blog-pagination a.page-numbers:hover{border-color:var(--purple);}
.blog-empty{max-width:56ch;padding:var(--sp-5);border-radius:var(--radius);background:var(--off-white);}
.blog-empty p{color:var(--slate);margin-top:.5rem;}
.blog-search{display:flex;gap:.5rem;max-width:480px;margin:var(--sp-4) auto 0;}
.blog-search input{flex:1;min-height:var(--tap-min);padding:.6rem 1rem;border:1.5px solid var(--mist);border-radius:var(--radius-pill);font:inherit;}
.blog-search input:focus{outline:none;border-color:var(--purple);}

/* ---------- Article ---------- */
.blog-hero{margin:var(--sp-5) auto 0;}
.blog-hero img{width:100%;height:auto;border-radius:var(--radius-lg);}
.blog-hero figcaption{font-size:var(--fs-small);color:var(--slate);margin-top:.6rem;}
.blog-prose{padding-top:var(--sp-5);font-size:1.0625rem;line-height:1.75;color:var(--ink);}
.blog-prose > * + *{margin-top:1.25em;}
.blog-prose h2{font-size:clamp(1.5rem,2.6vw,1.875rem);color:var(--purple);margin-top:2em;line-height:var(--lh-snug);}
.blog-prose h3{font-size:1.3125rem;color:var(--purple);margin-top:1.75em;line-height:var(--lh-snug);}
.blog-prose h4{font-size:1.0625rem;color:var(--purple);margin-top:1.5em;}
.blog-prose a{color:var(--purple);font-weight:600;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:3px;}
.blog-prose a:hover{color:var(--purple-mid);}
.blog-prose ul,.blog-prose ol{padding-left:1.4em;}
.blog-prose ul{list-style:disc;}
.blog-prose ol{list-style:decimal;}
.blog-prose li{margin-top:.5em;}
.blog-prose li::marker{color:var(--gold-dark);}
.blog-prose strong{color:var(--purple-deep);}
.blog-prose blockquote,.blog-prose .wp-block-quote{margin-inline:0;padding:var(--sp-3) var(--sp-4);background:var(--lilac);border-left:4px solid var(--gold);border-radius:0 var(--radius) var(--radius) 0;
  font-family:var(--font-display);font-size:1.1875rem;line-height:1.5;color:var(--purple);}
.blog-prose blockquote cite{display:block;margin-top:.75rem;font-family:var(--font-body);font-size:var(--fs-small);font-style:normal;color:var(--slate);}
.blog-prose img{height:auto;border-radius:var(--radius);}
.blog-prose figure{margin-inline:0;}
.blog-prose figcaption{font-size:var(--fs-small);color:var(--slate);margin-top:.5rem;}
.blog-prose table{width:100%;border-collapse:collapse;font-size:.9375rem;}
.blog-prose th,.blog-prose td{padding:.65rem .8rem;border-bottom:1px solid var(--mist);text-align:left;vertical-align:top;}
.blog-prose th{background:var(--purple);color:#fff;font-weight:600;}
.blog-prose .wp-block-table{overflow-x:auto;}
.blog-prose hr{border:0;border-top:1px solid var(--mist);margin-block:2.5em;}
.blog-prose .wp-block-button__link{background:var(--gold);color:var(--purple-deep);border-radius:var(--radius-pill);padding:.85em 1.6em;font-weight:600;text-decoration:none;}
.blog-prose .alignwide{margin-inline:calc(-1 * min(8vw,120px));}
@media (max-width:980px){.blog-prose .alignwide{margin-inline:0;}}
.blog-prose iframe{max-width:100%;}

.blog-disclaimer{margin-top:var(--sp-5);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:var(--off-white);font-size:var(--fs-small);color:var(--slate);}
.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:var(--sp-3);}
.blog-tags a{font-size:.8125rem;padding:.3rem .8rem;border-radius:var(--radius-pill);background:var(--lilac);color:var(--purple);font-weight:600;}
.blog-author{display:flex;gap:var(--sp-2);align-items:flex-start;margin:var(--sp-4) 0 var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--mist);}
.blog-author__img{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;flex-shrink:0;background:var(--purple);color:var(--gold-light);font-family:var(--font-display);font-weight:600;font-size:1.125rem;}
.blog-author__name{font-family:var(--font-display);font-weight:600;color:var(--purple);}
.blog-author p + p{color:var(--slate);font-size:.9375rem;margin-top:.25rem;}
.blog-related h2{color:var(--purple);margin-bottom:var(--sp-4);}

/* ---------- CTA band ---------- */
.blog-cta{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--sp-4);align-items:center;padding:var(--sp-5);border-radius:var(--radius-lg);
  background:var(--purple);color:#fff;position:relative;overflow:hidden;}
.blog-cta::after{content:'';position:absolute;width:360px;height:360px;border-radius:50%;background:var(--purple-deep);right:-140px;top:-160px;}
.blog-cta > *{position:relative;z-index:1;}
.blog-cta .eyebrow{color:var(--gold);}
.blog-cta h2{color:#fff;}
.blog-cta p:not(.eyebrow){color:#D9CBE6;margin-top:.75rem;}
.blog-cta__actions{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;}
@media (max-width:820px){.blog-cta{grid-template-columns:1fr;padding:var(--sp-4);}}
.blog-404-search .blog-search{margin-top:var(--sp-4);}

/* ---------- Editor colour palette classes (classic themes don't generate these) ---------- */
.has-cc-purple-background-color{background-color:var(--purple)!important;}
.has-cc-deep-background-color{background-color:var(--purple-deep)!important;}
.has-cc-gold-background-color{background-color:var(--gold)!important;}
.has-cc-gold-dark-background-color{background-color:var(--gold-dark)!important;}
.has-cc-lilac-background-color{background-color:var(--lilac)!important;}
.has-cc-ink-background-color{background-color:var(--ink)!important;}
.has-cc-slate-background-color{background-color:var(--slate)!important;}
.has-cc-purple-color{color:var(--purple)!important;}
.has-cc-deep-color{color:var(--purple-deep)!important;}
.has-cc-gold-color{color:var(--gold)!important;}
.has-cc-gold-dark-color{color:var(--gold-dark)!important;}
.has-cc-lilac-color{color:var(--lilac)!important;}
.has-cc-ink-color{color:var(--ink)!important;}
.has-cc-slate-color{color:var(--slate)!important;}

/* Note boxes: a paragraph with a background colour (used for "Please note" and "Important information") */
.blog-prose p.has-background{padding:1.1rem 1.4rem;border-radius:var(--radius);font-size:.9375rem;line-height:1.65;}
.blog-prose p.has-cc-lilac-background-color{border-left:4px solid var(--gold);border-radius:0 var(--radius) var(--radius) 0;color:var(--ink);}
.blog-prose .wp-block-image{margin-block:2em;}
.blog-prose .wp-block-image img{border:1px solid var(--mist);}