/*
Theme Name: Creamy Health
Theme URI: https://blog.creamytales.com/
Author: Creamy Tales
Author URI: https://blog.creamytales.com/
Description: A fast, AdSense-ready magazine theme for health, beauty, skin care and weight-loss blogs. Includes auto-created categories, AdSense-required legal pages, built-in ad slots, related posts, breadcrumbs and full schema markup. Activate once and the whole site is ready.
Version: 1.0.1
Requires at least: 5.6
Tested up to: 6.7
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: creamy-health
Tags: blog, news, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, block-styles, wide-blocks
*/

/* ==========================================================================
   1. Variables & Reset
   ========================================================================== */
:root{
	--ch-primary:#c2185b;
	--ch-primary-dark:#8e0f40;
	--ch-accent:#00897b;
	--ch-dark:#212121;
	--ch-darker:#151515;
	--ch-text:#2b2b2b;
	--ch-muted:#727272;
	--ch-border:#e6e6e6;
	--ch-bg:#f4f5f7;
	--ch-white:#ffffff;
	--ch-radius:6px;
	--ch-shadow:0 1px 3px rgba(0,0,0,.08);
	--ch-shadow-lg:0 6px 22px rgba(0,0,0,.10);
	--ch-wrap:1180px;
	--ch-font:'Segoe UI',Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
	--ch-font-head:Georgia,'Times New Roman',serif;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
	margin:0;
	font-family:var(--ch-font);
	font-size:16px;
	line-height:1.75;
	color:var(--ch-text);
	background:var(--ch-bg);
	word-wrap:break-word;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--ch-primary);text-decoration:none;transition:color .18s ease;}
a:hover{color:var(--ch-primary-dark);}
h1,h2,h3,h4,h5,h6{
	font-family:var(--ch-font-head);
	color:var(--ch-dark);
	line-height:1.3;
	margin:0 0 .6em;
	font-weight:700;
}
h1{font-size:2.1rem;}
h2{font-size:1.65rem;}
h3{font-size:1.35rem;}
h4{font-size:1.15rem;}
p{margin:0 0 1.15em;}
ul,ol{margin:0 0 1.15em;padding-left:1.4em;}
blockquote{
	margin:1.5em 0;padding:1em 1.25em;
	border-left:4px solid var(--ch-primary);
	background:#fff5f8;font-style:italic;color:#4a4a4a;
}
blockquote p:last-child{margin-bottom:0;}
code,pre{font-family:Consolas,Monaco,monospace;font-size:.92em;background:#f1f1f1;}
code{padding:2px 5px;border-radius:3px;}
pre{padding:1em;overflow:auto;border-radius:var(--ch-radius);}
table{border-collapse:collapse;width:100%;margin:0 0 1.5em;}
th,td{border:1px solid var(--ch-border);padding:.6em .8em;text-align:left;}
th{background:#fafafa;font-weight:700;}
hr{border:0;border-top:1px solid var(--ch-border);margin:2em 0;}

/* ==========================================================================
   2. Layout helpers
   ========================================================================== */
.ch-wrap{max-width:var(--ch-wrap);margin:0 auto;padding:0 16px;}
.ch-layout{display:flex;gap:30px;align-items:flex-start;padding:26px 0 40px;}
.ch-content{flex:1 1 auto;min-width:0;}
.ch-sidebar{flex:0 0 320px;width:320px;}
.ch-full .ch-content{width:100%;}
.screen-reader-text{
	border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;
	overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important;
}
.skip-link{position:absolute;left:-9999px;background:#fff;padding:10px 18px;z-index:9999;}
.skip-link:focus{left:6px;top:6px;}
.clearfix::after{content:"";display:table;clear:both;}

/* ==========================================================================
   3. Top bar
   ========================================================================== */
.ch-topbar{
	background:var(--ch-darker);color:#cfcfcf;font-size:13px;
	border-bottom:1px solid rgba(255,255,255,.08);
}
.ch-topbar .ch-wrap{display:flex;justify-content:space-between;align-items:center;min-height:38px;gap:12px;}
.ch-topbar-date{opacity:.85;}
.ch-topbar-menu{display:flex;list-style:none;margin:0;padding:0;gap:16px;flex-wrap:wrap;}
.ch-topbar-menu a{color:#cfcfcf;}
.ch-topbar-menu a:hover{color:#fff;}
.ch-social{display:flex;gap:10px;align-items:center;}
.ch-social a{
	color:#cfcfcf;display:inline-flex;width:26px;height:26px;
	align-items:center;justify-content:center;border-radius:50%;
	background:rgba(255,255,255,.08);
}
.ch-social a:hover{background:var(--ch-primary);color:#fff;}
.ch-social svg{width:14px;height:14px;fill:currentColor;}

/* ==========================================================================
   4. Header / branding
   ========================================================================== */
.ch-header{background:var(--ch-white);padding:22px 0;border-bottom:1px solid var(--ch-border);}
.ch-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.ch-branding{text-align:left;}
.ch-branding img{max-height:76px;width:auto;}
.ch-site-title{
	font-family:var(--ch-font-head);font-size:2.15rem;font-weight:700;
	margin:0;line-height:1.15;letter-spacing:-.5px;
}
.ch-site-title a{color:var(--ch-dark);}
.ch-site-title a:hover{color:var(--ch-primary);}
.ch-site-desc{margin:4px 0 0;font-size:.9rem;color:var(--ch-muted);}
/* flex-basis must be a real length, not auto — a shrink-to-fit flex item
   collapses the percentage-width <ins> inside it down to ~90px, and AdSense
   has almost no inventory at that size, so the header slot never fills. */
.ch-header-ad{flex:1 1 320px;min-width:0;max-width:728px;margin-left:auto;text-align:right;}
.ch-header-ad:empty{display:none;}
.ch-header-ad .ch-ad{width:100%;margin:0;}
.ch-header-ad ins.adsbygoogle{width:100%;}

/* ==========================================================================
   5. Navigation
   ========================================================================== */
.ch-nav{background:var(--ch-dark);position:relative;z-index:60;}
.ch-nav .ch-wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.ch-menu{display:flex;list-style:none;margin:0;padding:0;flex-wrap:wrap;}
.ch-menu li{position:relative;}
.ch-menu > li > a{
	display:block;padding:14px 16px;color:#fff;font-size:14.5px;
	font-weight:600;letter-spacing:.2px;text-transform:uppercase;
}
.ch-menu > li > a:hover,
.ch-menu > li.current-menu-item > a,
.ch-menu > li.current_page_item > a,
.ch-menu > li.current-menu-parent > a{background:var(--ch-primary);color:#fff;}
.ch-menu .sub-menu{
	position:absolute;left:0;top:100%;min-width:225px;background:#2c2c2c;
	list-style:none;margin:0;padding:6px 0;display:none;box-shadow:var(--ch-shadow-lg);z-index:70;
}
.ch-menu li:hover > .sub-menu,
.ch-menu li:focus-within > .sub-menu{display:block;}
.ch-menu .sub-menu li a{display:block;padding:9px 16px;color:#e4e4e4;font-size:14px;}
.ch-menu .sub-menu li a:hover{background:var(--ch-primary);color:#fff;}
.ch-menu .sub-menu .sub-menu{left:100%;top:0;}
.ch-nav-search{background:none;border:0;color:#fff;padding:12px 14px;cursor:pointer;line-height:0;}
.ch-nav-search svg{width:17px;height:17px;fill:#fff;}
.ch-nav-toggle{
	display:none;background:none;border:0;color:#fff;font-size:15px;font-weight:600;
	padding:13px 14px;cursor:pointer;align-items:center;gap:8px;
}
.ch-nav-toggle span{display:block;width:20px;height:2px;background:#fff;position:relative;}
.ch-nav-toggle span::before,.ch-nav-toggle span::after{
	content:"";position:absolute;left:0;width:20px;height:2px;background:#fff;
}
.ch-nav-toggle span::before{top:-6px;}
.ch-nav-toggle span::after{top:6px;}
.ch-searchbox{display:none;background:#2c2c2c;padding:14px 0;}
.ch-searchbox.is-open{display:block;}
.ch-searchbox form{display:flex;max-width:var(--ch-wrap);margin:0 auto;padding:0 16px;gap:8px;}
.ch-searchbox input[type="search"]{
	flex:1;padding:11px 14px;border:0;border-radius:var(--ch-radius);font-size:15px;
}
.ch-searchbox button{
	padding:11px 22px;border:0;background:var(--ch-primary);color:#fff;
	border-radius:var(--ch-radius);cursor:pointer;font-weight:600;
}

/* ==========================================================================
   6. Ads
   ========================================================================== */
.ch-ad{margin:0 0 24px;text-align:center;overflow:hidden;}
.ch-ad:empty{display:none;}
.ch-ad-label{
	display:block;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;
	color:#a9a9a9;margin-bottom:5px;
}
.ch-ad-inarticle{margin:28px 0;padding:4px 0;}
.ch-ad-belowheader{margin:20px 0 0;}
/* Google's documented way to collapse ad units that came back empty, plus the
   wrapper so the "Advertisement" label and its margins go with it.
   https://support.google.com/adsense/answer/10762946 */
ins.adsbygoogle[data-ad-status="unfilled"]{display:none !important;}
.ch-ad:has(ins.adsbygoogle[data-ad-status="unfilled"]){display:none !important;}

.ch-ad-placeholder{
	background:repeating-linear-gradient(45deg,#f0f0f0,#f0f0f0 10px,#e9e9e9 10px,#e9e9e9 20px);
	border:1px dashed #cfcfcf;color:#9a9a9a;font-size:13px;
	display:flex;align-items:center;justify-content:center;min-height:90px;border-radius:var(--ch-radius);
}

/* ==========================================================================
   7. Section titles
   ========================================================================== */
.ch-section-title{
	display:flex;align-items:center;gap:12px;margin:0 0 18px;
	font-size:1.3rem;text-transform:uppercase;letter-spacing:.4px;
	font-family:var(--ch-font);font-weight:700;color:var(--ch-dark);
}
.ch-section-title::before{content:"";width:5px;height:22px;background:var(--ch-primary);border-radius:2px;}
.ch-section-title::after{content:"";flex:1;height:1px;background:var(--ch-border);}

/* ==========================================================================
   8. Post grid / cards
   ========================================================================== */
.ch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:30px;}
.ch-card{
	background:var(--ch-white);border:1px solid var(--ch-border);border-radius:var(--ch-radius);
	overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--ch-shadow);
	transition:box-shadow .2s ease,transform .2s ease;
}
.ch-card:hover{box-shadow:var(--ch-shadow-lg);transform:translateY(-2px);}
.ch-card-thumb-wrap{position:relative;}
.ch-card-thumb{position:relative;display:block;background:#eceff1;aspect-ratio:16/9;overflow:hidden;}
.ch-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.ch-card:hover .ch-card-thumb img{transform:scale(1.04);}
.ch-cat-badge{
	position:absolute;left:10px;top:10px;background:var(--ch-primary);color:#fff;
	font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;
	padding:4px 9px;border-radius:3px;z-index:2;
}
.ch-cat-badge:hover{background:var(--ch-primary-dark);color:#fff;}
.ch-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1;}
.ch-card-title{font-size:1.18rem;margin:0 0 8px;line-height:1.35;}
.ch-card-title a{color:var(--ch-dark);}
.ch-card-title a:hover{color:var(--ch-primary);}
.ch-meta{font-size:12.5px;color:var(--ch-muted);display:flex;flex-wrap:wrap;gap:14px;margin-bottom:9px;}
.ch-meta span{display:inline-flex;align-items:center;gap:5px;}
.ch-meta svg{width:13px;height:13px;fill:currentColor;opacity:.8;}
.ch-meta a{color:var(--ch-muted);}
.ch-meta a:hover{color:var(--ch-primary);}
.ch-excerpt{font-size:14.5px;color:#555;margin:0 0 14px;}
.ch-readmore{
	margin-top:auto;align-self:flex-start;font-size:13px;font-weight:700;
	text-transform:uppercase;letter-spacing:.5px;color:var(--ch-primary);
}
.ch-readmore::after{content:" \203A";}

/* list style (used in archives) */
.ch-list-item{
	display:flex;gap:18px;background:var(--ch-white);border:1px solid var(--ch-border);
	border-radius:var(--ch-radius);padding:14px;margin-bottom:18px;box-shadow:var(--ch-shadow);
}
.ch-list-item .ch-card-thumb-wrap{flex:0 0 240px;width:240px;}
.ch-list-item .ch-card-thumb{width:100%;border-radius:4px;aspect-ratio:16/10;}
.ch-list-item .ch-card-body{padding:2px 0 0;}

/* featured hero */
.ch-hero{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:32px;}
.ch-hero-main{position:relative;border-radius:var(--ch-radius);overflow:hidden;min-height:380px;background:#263238;}
.ch-hero-side{display:grid;grid-template-rows:repeat(2,1fr);gap:20px;}
.ch-hero-item{position:relative;border-radius:var(--ch-radius);overflow:hidden;min-height:180px;background:#263238;}
.ch-hero-main img,.ch-hero-item img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.72;transition:opacity .3s,transform .5s;}
.ch-hero-main:hover img,.ch-hero-item:hover img{opacity:.55;transform:scale(1.03);}
.ch-hero-cap{position:relative;z-index:2;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-height:inherit;
	background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.15) 60%,rgba(0,0,0,0) 100%);}
.ch-hero-main .ch-hero-cap{min-height:380px;}
.ch-hero-item .ch-hero-cap{min-height:180px;padding:16px;}
.ch-hero-cap h2,.ch-hero-cap h3{color:#fff;margin:8px 0 6px;}
.ch-hero-main .ch-hero-cap h2{font-size:1.75rem;}
.ch-hero-item .ch-hero-cap h3{font-size:1.05rem;}
.ch-hero-cap h2 a,.ch-hero-cap h3 a{color:#fff;}
.ch-hero-cap h2 a:hover,.ch-hero-cap h3 a:hover{color:#ffc7dc;}
.ch-hero-cap .ch-meta{color:#e0e0e0;margin-bottom:0;}
.ch-hero-cap .ch-meta a{color:#e0e0e0;}
.ch-hero-cap .ch-cat-badge{position:static;align-self:flex-start;}

/* ==========================================================================
   9. Single post
   ========================================================================== */
.ch-article{
	background:var(--ch-white);border:1px solid var(--ch-border);
	border-radius:var(--ch-radius);padding:28px 32px 32px;box-shadow:var(--ch-shadow);
}
.ch-breadcrumb{font-size:13px;color:var(--ch-muted);margin-bottom:14px;}
.ch-breadcrumb a{color:var(--ch-muted);}
.ch-breadcrumb a:hover{color:var(--ch-primary);}
.ch-breadcrumb .sep{margin:0 7px;opacity:.6;}
.ch-entry-title{font-size:2.15rem;margin:0 0 12px;line-height:1.25;}
.ch-entry-meta{
	display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--ch-muted);
	padding-bottom:14px;border-bottom:1px solid var(--ch-border);margin-bottom:20px;
}
.ch-featured{margin:0 0 22px;border-radius:var(--ch-radius);overflow:hidden;}
.ch-entry-content{font-size:17px;line-height:1.85;}
.ch-entry-content h2{margin-top:1.5em;font-size:1.6rem;}
.ch-entry-content h3{margin-top:1.3em;font-size:1.3rem;}
.ch-entry-content img{border-radius:var(--ch-radius);margin:1em 0;}
.ch-entry-content ul li,.ch-entry-content ol li{margin-bottom:.5em;}
.ch-entry-content a{text-decoration:underline;}
.wp-caption{max-width:100%;}
.wp-caption-text,figcaption{font-size:13px;color:var(--ch-muted);text-align:center;margin-top:6px;}
.alignleft{float:left;margin:0 1.5em 1em 0;}
.alignright{float:right;margin:0 0 1em 1.5em;}
.aligncenter{margin-left:auto;margin-right:auto;}
.alignwide{margin-left:-20px;margin-right:-20px;max-width:calc(100% + 40px);}
.sticky .ch-card-title::before{content:"\2605 ";color:var(--ch-primary);}

.ch-tags{margin:24px 0 0;font-size:13px;}
.ch-tags a{
	display:inline-block;background:#f1f1f1;color:#555;padding:4px 11px;
	border-radius:14px;margin:0 6px 6px 0;font-size:12.5px;
}
.ch-tags a:hover{background:var(--ch-primary);color:#fff;}

.ch-share{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:22px 0 0;padding-top:18px;border-top:1px solid var(--ch-border);}
.ch-share strong{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--ch-muted);}
.ch-share a{
	display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:4px;
	color:#fff;font-size:13px;font-weight:600;
}
.ch-share svg{width:14px;height:14px;fill:currentColor;}
.ch-share .fb{background:#1877f2;}
.ch-share .tw{background:#111;}
.ch-share .wa{background:#25d366;}
.ch-share .pin{background:#e60023;}
.ch-share a:hover{opacity:.88;color:#fff;}

.ch-author-box{
	display:flex;gap:16px;margin:26px 0 0;padding:20px;background:#fafafa;
	border:1px solid var(--ch-border);border-radius:var(--ch-radius);
}
.ch-author-box img{border-radius:50%;flex-shrink:0;}
.ch-author-box h4{margin:0 0 5px;font-size:1.05rem;}
.ch-author-box p{margin:0;font-size:14px;color:#555;}

.ch-medical-disclaimer{
	margin:26px 0 0;padding:16px 18px;background:#fff8e1;border:1px solid #ffe082;
	border-left:4px solid #ffb300;border-radius:4px;font-size:14px;color:#5d4b00;
}
.ch-medical-disclaimer strong{display:block;margin-bottom:4px;}

.ch-postnav{display:flex;gap:16px;margin:26px 0 0;flex-wrap:wrap;}
.ch-postnav a{
	flex:1 1 46%;background:#fafafa;border:1px solid var(--ch-border);
	border-radius:var(--ch-radius);padding:14px 16px;color:var(--ch-dark);font-size:14px;font-weight:600;
}
.ch-postnav a:hover{border-color:var(--ch-primary);color:var(--ch-primary);}
.ch-postnav small{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.8px;color:var(--ch-muted);margin-bottom:4px;font-weight:700;}

.ch-related{margin-top:32px;}
.ch-related .ch-grid{grid-template-columns:repeat(3,1fr);gap:18px;}
.ch-related .ch-card-title{font-size:1rem;}

/* ==========================================================================
   10. Comments
   ========================================================================== */
.ch-comments{
	margin-top:30px;background:var(--ch-white);border:1px solid var(--ch-border);
	border-radius:var(--ch-radius);padding:26px 30px;box-shadow:var(--ch-shadow);
}
.comment-list{list-style:none;margin:0;padding:0;}
.comment-list li{margin-bottom:18px;}
.comment-list .children{list-style:none;margin:18px 0 0 30px;padding:0;}
.comment-body{background:#fafafa;border:1px solid var(--ch-border);border-radius:var(--ch-radius);padding:16px 18px;}
.comment-author img{border-radius:50%;margin-right:9px;vertical-align:middle;}
.comment-author .fn{font-weight:700;font-style:normal;}
.comment-metadata{font-size:12px;color:var(--ch-muted);margin:4px 0 8px;}
.comment-reply-link{font-size:13px;font-weight:600;}
.comment-form label{display:block;font-size:14px;font-weight:600;margin-bottom:5px;}
.comment-form input[type="text"],.comment-form input[type="email"],
.comment-form input[type="url"],.comment-form textarea{
	width:100%;padding:10px 12px;border:1px solid var(--ch-border);
	border-radius:var(--ch-radius);font-size:15px;font-family:inherit;margin-bottom:14px;
}
.comment-form textarea{min-height:130px;}
.comment-form .submit,.ch-btn{
	background:var(--ch-primary);color:#fff;border:0;padding:11px 26px;
	border-radius:var(--ch-radius);font-size:15px;font-weight:600;cursor:pointer;display:inline-block;
}
.comment-form .submit:hover,.ch-btn:hover{background:var(--ch-primary-dark);color:#fff;}

/* ==========================================================================
   11. Sidebar & widgets
   ========================================================================== */
.ch-widget{
	background:var(--ch-white);border:1px solid var(--ch-border);border-radius:var(--ch-radius);
	padding:20px;margin-bottom:24px;box-shadow:var(--ch-shadow);
}
.ch-widget-title{
	font-family:var(--ch-font);font-size:1rem;text-transform:uppercase;letter-spacing:.6px;
	font-weight:700;margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid var(--ch-border);position:relative;
}
.ch-widget-title::after{content:"";position:absolute;left:0;bottom:-2px;width:56px;height:2px;background:var(--ch-primary);}
.ch-widget ul{list-style:none;margin:0;padding:0;}
.ch-widget ul li{padding:8px 0;border-bottom:1px dashed var(--ch-border);font-size:14.5px;}
.ch-widget ul li:last-child{border-bottom:0;padding-bottom:0;}
.ch-widget ul li a{color:#3a3a3a;}
.ch-widget ul li a:hover{color:var(--ch-primary);}
.ch-widget select{width:100%;padding:9px;border:1px solid var(--ch-border);border-radius:var(--ch-radius);}
.ch-widget .ch-ad{margin:0;}

.ch-popular li{display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid var(--ch-border);padding:12px 0;}
.ch-popular li:first-child{padding-top:0;}
.ch-popular > li > a:first-child{
	flex:0 0 82px;width:82px;height:60px;display:block;border-radius:4px;
	overflow:hidden;background:#eceff1;
}
.ch-popular img{width:82px;height:60px;object-fit:cover;border-radius:4px;flex-shrink:0;background:#eceff1;}
.ch-popular > li > a:first-child img{width:100%;height:100%;border-radius:0;}
.ch-popular .ch-thumb-fallback{font-size:20px!important;}
.ch-popular h4{font-family:var(--ch-font);font-size:14px;margin:0 0 4px;line-height:1.4;font-weight:600;}
.ch-popular h4 a{color:var(--ch-dark);}
.ch-popular h4 a:hover{color:var(--ch-primary);}
.ch-popular time{font-size:12px;color:var(--ch-muted);}

.ch-searchform{display:flex;gap:0;}
.ch-searchform label{flex:1;display:block;min-width:0;margin:0;}
.ch-searchform input[type="search"]{
	width:100%;padding:10px 12px;border:1px solid var(--ch-border);border-right:0;
	border-radius:var(--ch-radius) 0 0 var(--ch-radius);font-size:15px;min-width:0;
}
.ch-searchform button{
	border:0;background:var(--ch-primary);color:#fff;padding:0 16px;cursor:pointer;
	border-radius:0 var(--ch-radius) var(--ch-radius) 0;line-height:0;
}
.ch-searchform button svg{width:16px;height:16px;fill:#fff;}

.ch-catlist li{display:flex;justify-content:space-between;align-items:center;}
.ch-catlist .count{
	background:#f0f0f0;color:#666;font-size:12px;border-radius:11px;padding:1px 9px;
}

/* ==========================================================================
   12. Pagination
   ========================================================================== */
.ch-pagination{margin:8px 0 0;}
.ch-pagination .nav-links,.ch-pagination .page-numbers{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:0;}
.ch-pagination .page-numbers{
	display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;
	padding:0 12px;background:var(--ch-white);border:1px solid var(--ch-border);
	border-radius:var(--ch-radius);color:#444;font-weight:600;font-size:14.5px;
}
.ch-pagination .page-numbers.current,.ch-pagination .page-numbers:hover{
	background:var(--ch-primary);border-color:var(--ch-primary);color:#fff;
}
.ch-pagination .page-numbers.dots{background:transparent;border:0;}

/* ==========================================================================
   13. Footer
   ========================================================================== */
.ch-footer{background:var(--ch-dark);color:#c7c7c7;margin-top:10px;}
.ch-footer a{color:#c7c7c7;}
.ch-footer a:hover{color:#fff;}
.ch-footer-widgets{
	display:grid;grid-template-columns:repeat(3,1fr);gap:36px;
	padding:44px 0;border-bottom:1px solid rgba(255,255,255,.09);
}
.ch-footer-widgets .ch-widget{
	background:transparent;border:0;box-shadow:none;padding:0;margin:0;
}
.ch-footer-widgets .ch-widget-title{color:#fff;border-bottom-color:rgba(255,255,255,.15);}
.ch-footer-widgets .ch-widget ul li{border-bottom-color:rgba(255,255,255,.09);}
.ch-footer-widgets .ch-widget ul li a{color:#c7c7c7;}
.ch-footer-widgets .ch-widget ul li a:hover{color:#fff;}
.ch-footer-widgets .ch-popular h4 a{color:#eee;}
.ch-footer-widgets .ch-popular time{color:#9d9d9d;}

/* the AdSense-required legal link row (matches reference screenshot) */
.ch-legal-bar{background:var(--ch-dark);padding:26px 0 6px;text-align:center;}
.ch-legal-menu{
	list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;
	justify-content:center;align-items:center;
}
.ch-legal-menu li{position:relative;padding:0 12px;}
.ch-legal-menu li::after{
	content:"|";position:absolute;right:-3px;top:50%;transform:translateY(-50%);
	color:#8a8a8a;font-weight:400;
}
.ch-legal-menu li:last-child::after{display:none;}
.ch-legal-menu li a{
	color:#fff;font-weight:700;font-size:15px;font-family:var(--ch-font-head);
}
.ch-legal-menu li a:hover{color:var(--ch-primary);}
.ch-copyright{
	background:var(--ch-dark);text-align:center;font-size:13.5px;color:#9d9d9d;
	padding:14px 0 26px;
}
.ch-copyright p{margin:0 0 4px;}
.ch-backtotop{
	position:fixed;right:22px;bottom:22px;width:44px;height:44px;border-radius:50%;
	background:var(--ch-primary);color:#fff;border:0;display:none;align-items:center;
	justify-content:center;cursor:pointer;z-index:99;box-shadow:var(--ch-shadow-lg);
}
.ch-backtotop.is-visible{display:flex;}
.ch-backtotop svg{width:18px;height:18px;fill:#fff;}

/* ==========================================================================
   14. Page / 404 / search
   ========================================================================== */
.ch-page-header{
	background:var(--ch-white);border:1px solid var(--ch-border);border-radius:var(--ch-radius);
	padding:22px 26px;margin-bottom:24px;box-shadow:var(--ch-shadow);
}
.ch-page-header h1{margin:0;font-size:1.85rem;}
.ch-page-header p{margin:8px 0 0;color:var(--ch-muted);font-size:14.5px;}
.ch-404{text-align:center;padding:50px 20px;}
.ch-404 h1{font-size:5rem;color:var(--ch-primary);margin:0;}
.ch-no-results{background:#fff;border:1px solid var(--ch-border);border-radius:var(--ch-radius);padding:30px;text-align:center;}

/* ==========================================================================
   15. Responsive
   ========================================================================== */
@media (max-width:1024px){
	.ch-sidebar{flex:0 0 290px;width:290px;}
	.ch-hero{grid-template-columns:1fr;}
	.ch-hero-side{grid-template-rows:none;grid-template-columns:repeat(2,1fr);}
	.ch-related .ch-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:900px){
	.ch-layout{flex-direction:column;}
	.ch-sidebar{flex:none;width:100%;}
	.ch-footer-widgets{grid-template-columns:repeat(2,1fr);gap:26px;}
	.ch-header-inner{justify-content:center;text-align:center;}
	.ch-branding{text-align:center;width:100%;}
	.ch-header-ad{flex:1 1 100%;width:100%;max-width:100%;margin-left:0;text-align:center;}
	.ch-nav-toggle{display:flex;}
	.ch-menu{
		display:none;width:100%;flex-direction:column;background:var(--ch-dark);
		position:absolute;left:0;top:100%;box-shadow:var(--ch-shadow-lg);max-height:75vh;overflow:auto;
	}
	.ch-menu.is-open{display:flex;}
	.ch-nav .ch-wrap{flex-wrap:wrap;position:relative;}
	.ch-menu > li{width:100%;border-bottom:1px solid rgba(255,255,255,.08);}
	.ch-menu .sub-menu{position:static;display:block;background:#333;box-shadow:none;}
	.ch-menu .sub-menu li a{padding-left:32px;}
}
@media (max-width:680px){
	body{font-size:15.5px;}
	.ch-grid{grid-template-columns:1fr;}
	.ch-related .ch-grid{grid-template-columns:1fr;}
	.ch-list-item{flex-direction:column;}
	.ch-list-item .ch-card-thumb-wrap{flex:none;width:100%;}
	.ch-article{padding:20px 18px 24px;}
	.ch-comments{padding:20px 18px;}
	.ch-entry-title{font-size:1.55rem;}
	.ch-entry-content{font-size:16px;}
	.ch-site-title{font-size:1.65rem;}
	.ch-hero-side{grid-template-columns:1fr;}
	.ch-hero-main{min-height:280px;}
	.ch-hero-main .ch-hero-cap{min-height:280px;}
	.ch-hero-main .ch-hero-cap h2{font-size:1.3rem;}
	.ch-footer-widgets{grid-template-columns:1fr;}
	.ch-topbar .ch-wrap{flex-direction:column;gap:6px;padding-top:8px;padding-bottom:8px;}
	.ch-topbar-menu{justify-content:center;gap:14px;font-size:12.5px;}
	.ch-postnav a{flex:1 1 100%;}
	.ch-legal-menu li{padding:0 9px;}
	.ch-legal-menu li a{font-size:14px;}
}

/* ==========================================================================
   16. Print
   ========================================================================== */
@media print{
	.ch-topbar,.ch-nav,.ch-sidebar,.ch-footer,.ch-ad,.ch-share,.ch-backtotop,.ch-comments{display:none!important;}
	body{background:#fff;}
	.ch-article{border:0;box-shadow:none;padding:0;}
}