/* ============================================================
   Odan CMS Child — Blog UI (single + archive)
   ============================================================ */

/* ---------- Single post ---------- */
.odan-single .page-header{display:none;} /* title shown in hero instead */

/* Reading progress bar */
.odan-progress{position:fixed;top:0;left:0;height:4px;width:0;background:var(--odan-amber);z-index:9999;transition:width .1s linear;}

/* Breadcrumb */
.odan-breadcrumb{display:flex;gap:8px;justify-content:center;align-items:center;font-size:13px;margin:0 0 14px;flex-wrap:wrap;}
.odan-breadcrumb a{color:#C7D2E2;text-decoration:none;}
.odan-breadcrumb a:hover{color:var(--odan-amber);}
.odan-breadcrumb span{color:#6E84A3;}

.odan-blog-hero{
	width:100vw;position:relative;left:50%;margin-left:-50vw;
	background-size:cover;background-position:center;
	padding:84px 20px;color:#fff;text-align:center;
}
.odan-hero-inner{max-width:840px;margin:0 auto;}
.odan-cat{
	display:inline-block;background:var(--odan-amber);color:var(--odan-navy);
	font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;
	padding:6px 14px;border-radius:20px;
}
.odan-blog-hero h1{color:#fff;font-size:44px;line-height:1.18;margin:18px 0 16px;font-weight:800;}
.odan-meta{color:#C7D2E2;font-size:14px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;align-items:center;}

/* Two-column article + sticky sidebar */
.odan-single-wrap{max-width:1160px;margin:0 auto;padding:50px 20px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start;}
.odan-article{font-size:18px;line-height:1.85;min-width:0;}
.odan-article h2{font-size:28px;font-weight:700;margin:40px 0 14px;scroll-margin-top:100px;}
.odan-article h3{font-size:22px;font-weight:700;margin:28px 0 10px;}
.odan-article p{margin:0 0 20px;}
.odan-article ul,.odan-article ol{margin:0 0 22px;padding-left:24px;}
.odan-article li{margin:0 0 10px;}
.odan-article a{color:var(--odan-amber-d);text-decoration:underline;}
.odan-article img{border-radius:var(--odan-radius);}
.odan-article blockquote{
	border-left:4px solid var(--odan-amber);background:var(--odan-light);
	padding:16px 22px;margin:26px 0;font-style:italic;border-radius:0 10px 10px 0;
}

.odan-toc{background:var(--odan-light);border:1px solid var(--odan-border);border-radius:var(--odan-radius);padding:20px 24px;margin:0 0 34px;}
.odan-toc-t{font-weight:700;color:var(--odan-navy);margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:1px;}
.odan-toc ul{margin:0;padding-left:18px;}
.odan-toc li{margin:6px 0;}
.odan-toc a{color:var(--odan-navy);text-decoration:none;}
.odan-toc a:hover{color:var(--odan-amber-d);text-decoration:underline;}

.odan-share{display:flex;align-items:center;gap:10px;margin:38px 0;border-top:1px solid var(--odan-border);border-bottom:1px solid var(--odan-border);padding:16px 0;}
.odan-share .lbl{font-weight:700;color:var(--odan-navy);margin-right:4px;}
.odan-share a{width:38px;height:38px;border-radius:50%;background:var(--odan-navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;font-size:12px;transition:background .2s;}
.odan-share a:hover{background:var(--odan-amber);color:var(--odan-navy);}

.odan-author{display:flex;gap:16px;align-items:center;background:var(--odan-light);border-radius:14px;padding:22px;margin:28px 0 0;}
.odan-author img{border-radius:50%;flex:0 0 auto;}
.odan-an{font-weight:700;color:var(--odan-navy);margin:0;font-size:17px;}
.odan-ad{color:var(--odan-muted);margin:5px 0 0;font-size:15px;line-height:1.5;}

.odan-related{width:100vw;position:relative;left:50%;margin-left:-50vw;background:var(--odan-light);padding:58px 20px;}
.odan-related>h2{text-align:center;color:var(--odan-navy);font-size:28px;margin:0 0 30px;}
.odan-rc-grid{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.odan-rc{background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--odan-shadow);text-decoration:none;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;}
.odan-rc:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(11,31,58,.12);}
.odan-rc-img{height:160px;background-size:cover;background-position:center;display:block;}
.odan-rc-t{padding:18px;font-weight:600;color:var(--odan-navy);font-size:16px;line-height:1.45;}

.odan-cta{width:100vw;position:relative;left:50%;margin-left:-50vw;background:linear-gradient(135deg,var(--odan-amber),#FFB84D);text-align:center;padding:60px 20px;}
.odan-cta h3{color:var(--odan-navy);font-size:30px;margin:0 0 8px;font-weight:800;}
.odan-cta p{color:#3A2A00;margin:0 0 22px;font-size:17px;}
.odan-cta a{background:var(--odan-navy);color:#fff;padding:16px 38px;border-radius:8px;text-decoration:none;font-weight:600;display:inline-block;}
.odan-cta a:hover{background:var(--odan-navy-2);}

/* Sticky sidebar */
.odan-sidebar-inner{position:sticky;top:90px;display:flex;flex-direction:column;gap:22px;}
.odan-sidebar .odan-toc{margin:0;}
.odan-side-cta{background:var(--odan-navy);color:#fff;border-radius:var(--odan-radius);padding:26px 24px;}
.odan-side-cta-t{font-weight:800;font-size:18px;margin:0 0 8px;color:#fff;}
.odan-side-cta-x{color:#C7D2E2;font-size:14px;line-height:1.55;margin:0 0 16px;}
.odan-side-cta a{display:block;text-align:center;background:var(--odan-amber);color:var(--odan-navy);font-weight:700;padding:13px 18px;border-radius:8px;text-decoration:none;}
.odan-side-cta a:hover{background:#FFB84D;}

/* Infinite-scroll loader (auto-loads as the user scrolls) */
.odan-loadmore-wrap{display:flex;justify-content:center;align-items:center;min-height:60px;margin-top:46px;}
.odan-spinner{width:38px;height:38px;border:4px solid var(--odan-border);border-top-color:var(--odan-amber);border-radius:50%;animation:odan-spin .8s linear infinite;}
@keyframes odan-spin{to{transform:rotate(360deg);}}
.odan-loadmore-fallback{display:inline-block;background:var(--odan-navy);color:#fff;padding:14px 34px;border-radius:8px;text-decoration:none;font-weight:600;}
@media(prefers-reduced-motion:reduce){.odan-spinner{animation-duration:2s;}}

/* Hide comments on blog posts */
.single-post .comments-area,
.single-post #comments,
.odan-single .comments-area,
.odan-single #comments{display:none !important;}

/* ---------- Archive / blog listing ---------- */
.odan-archive{max-width:1200px;margin:0 auto;padding:60px 20px;}
.odan-archive-head{text-align:center;margin:0 0 40px;}
.odan-archive-head h1{color:var(--odan-navy);font-size:38px;font-weight:800;margin:0 0 10px;}
.odan-archive-head p{color:var(--odan-muted);font-size:18px;margin:0;}
.odan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.odan-card{background:#fff;border:1px solid var(--odan-border);border-radius:var(--odan-radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--odan-shadow);transition:transform .2s,box-shadow .2s;}
.odan-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(11,31,58,.12);}
.odan-card-img{height:190px;background-size:cover;background-position:center;display:block;}
.odan-card-body{padding:22px;display:flex;flex-direction:column;flex:1;}
.odan-card-cat{color:var(--odan-amber-d);font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;margin:0 0 8px;}
.odan-card-title{font-size:20px;font-weight:700;line-height:1.3;margin:0 0 10px;}
.odan-card-title a{color:var(--odan-navy);text-decoration:none;}
.odan-card-title a:hover{color:var(--odan-amber-d);}
.odan-card-ex{color:var(--odan-muted);font-size:15px;line-height:1.6;margin:0 0 16px;flex:1;}
.odan-card-more{color:var(--odan-amber-d);font-weight:600;font-size:15px;text-decoration:none;}
.odan-card-more:hover{color:var(--odan-navy);}
.odan-pagination{display:flex;justify-content:center;gap:8px;margin-top:46px;}
.odan-pagination .page-numbers{padding:10px 16px;border:1px solid var(--odan-border);border-radius:8px;color:var(--odan-navy);text-decoration:none;font-weight:600;}
.odan-pagination .page-numbers.current,.odan-pagination .page-numbers:hover{background:var(--odan-navy);color:#fff;border-color:var(--odan-navy);}

/* ---------- Responsive ---------- */
@media(max-width:1024px){
	.odan-rc-grid,.odan-grid{grid-template-columns:repeat(2,1fr);}
	.odan-single-wrap{grid-template-columns:1fr;gap:0;}
	.odan-sidebar-inner{position:static;flex-direction:row;flex-wrap:wrap;margin-top:32px;}
	.odan-sidebar .odan-toc,.odan-side-cta{flex:1 1 280px;}
}
@media(max-width:768px){
	.odan-rc-grid,.odan-grid{grid-template-columns:1fr;}
	.odan-blog-hero{padding:58px 18px;}
	.odan-blog-hero h1{font-size:30px;}
	.odan-single-wrap{padding:34px 18px;}
	.odan-article{font-size:17px;}
	.odan-sidebar-inner{flex-direction:column;}
	.odan-archive-head h1{font-size:28px;}
	.odan-cta h3{font-size:24px;}
}

/* Archive / blog listing header image */
.odan-archive{padding-top:0 !important;}
.odan-archive-head{width:100vw;position:relative;left:50%;margin-left:-50vw;margin-bottom:48px;background-image:linear-gradient(rgba(11,31,58,.80),rgba(11,31,58,.90)),url("https://odancms.com/wp-content/uploads/odan-banners/home-hero.png");background-size:cover;background-position:center;padding:80px 20px;text-align:center;}
.odan-archive-head h1{color:#fff !important;}
.odan-archive-head p{color:#C7D2E2 !important;}
@media(max-width:768px){.odan-archive-head{padding:54px 18px;margin-bottom:32px;}}