/* IBI Current Features - sidebar card
   Themeable via CSS variables. Default = IBI Charcoal; add class
   .ibi-cf--navy for the alternate navy theme.
   !important is used deliberately to beat theme link/heading overrides. */

.ibi-cf{
	/* ---- IBI Charcoal theme (default) ---- */
	--cf-bg:linear-gradient(150deg,#313131 0%,#2a2a2a 55%,#232323 100%);
	--cf-title:#ffffff;
	--cf-title-font:"Roboto Slab",Georgia,serif;
	--cf-accent:#DEB000;              /* gold links + arrow */
	--cf-accent-hover:#B28E05;
	--cf-line:#DEB000;                /* title underline + divider */
	--cf-heading:#ffffff;             /* subsection headings */
	--cf-heading-font:"Roboto","Helvetica Neue",Arial,sans-serif;
	--cf-body:#7A7A7A;                /* description text */
	--cf-body-font:"Roboto","Helvetica Neue",Arial,sans-serif;
	--cf-hair:rgba(255,255,255,.14);  /* row separators */

	position:relative;
	max-width:300px;
	width:100%;
	margin-left:auto !important;
	margin-right:auto !important;
	background:var(--cf-bg) !important;
	border-radius:12px;
	padding:22px 20px 18px;
	box-shadow:0 8px 24px rgba(0,0,0,.35);
	overflow:hidden;
	box-sizing:border-box;
}

/* explicit charcoal class (same as base, for robustness) */
.ibi-cf.ibi-cf--charcoal{
	--cf-bg:linear-gradient(150deg,#313131 0%,#2a2a2a 55%,#232323 100%);
	--cf-title:#ffffff;
	--cf-title-font:"Roboto Slab",Georgia,serif;
	--cf-accent:#DEB000;
	--cf-accent-hover:#B28E05;
	--cf-line:#DEB000;
	--cf-heading:#ffffff;
	--cf-heading-font:"Roboto","Helvetica Neue",Arial,sans-serif;
	--cf-body:#7A7A7A;
	--cf-body-font:"Roboto","Helvetica Neue",Arial,sans-serif;
	--cf-hair:rgba(255,255,255,.14);
}

/* ---- Navy Blue theme (alternate) ---- */
.ibi-cf.ibi-cf--navy{
	--cf-bg:linear-gradient(150deg,#1b2170 0%,#0e1350 55%,#060a2e 100%);
	--cf-title:#ffffff;
	--cf-title-font:Georgia,"Times New Roman",serif;
	--cf-accent:#f0b843;
	--cf-accent-hover:#ffcf6b;
	--cf-line:rgba(240,184,67,.55);
	--cf-heading:#ffffff;
	--cf-heading-font:inherit;
	--cf-body:#c2ccea;
	--cf-body-font:inherit;
	--cf-hair:rgba(255,255,255,.16);
}

.ibi-cf *{
	box-sizing:border-box;
}

.ibi-cf__title{
	font-family:var(--cf-title-font) !important;
	font-size:19px !important;
	font-weight:700 !important;
	line-height:1.2 !important;
	color:var(--cf-title) !important;
	margin:0 0 16px !important;
	padding:0 0 12px !important;
	text-align:center !important;
	border-bottom:2px solid var(--cf-line);
}

/* current-edition cover (auto latest issue) */
.ibi-cf__cover{
	margin:0 0 14px !important;
	line-height:0;
}
.ibi-cf__cover img{
	display:block !important;
	width:100% !important;
	height:auto !important;
	border-radius:6px !important;
	box-shadow:0 6px 18px rgba(0,0,0,.35) !important;
	transition:transform .2s ease, box-shadow .2s ease;
}
.ibi-cf__cover a:hover img{
	transform:translateY(-2px);
	box-shadow:0 10px 24px rgba(0,0,0,.45) !important;
}
.ibi-cf__divider{
	height:2px;
	background:var(--cf-line);
	border-radius:2px;
	margin:0 0 4px !important;
}

/* one compact item row */
.ibi-cf__pill{
	padding:13px 0 !important;
	margin:0 !important;
	border-top:1px solid var(--cf-hair);
}
.ibi-cf__pill:first-of-type{
	border-top:none;
}
.ibi-cf__pill:last-child{
	padding-bottom:2px !important;
}

.ibi-cf__pill-title{
	margin:0 0 4px !important;
	padding:0 !important;
	font-family:var(--cf-heading-font) !important;
	font-size:15px !important;
	font-weight:600 !important;
	line-height:1.3 !important;
	color:var(--cf-heading) !important;
}
.ibi-cf__pill-desc{
	margin:0 0 9px !important;
	padding:0 !important;
	font-family:var(--cf-body-font) !important;
	font-size:12.5px !important;
	line-height:1.5 !important;
	color:var(--cf-body) !important;
}

/* the "Continue reading" link - forced accent so themes can't dim it */
.ibi-cf a.ibi-cf__btn,
.ibi-cf a.ibi-cf__btn:link,
.ibi-cf a.ibi-cf__btn:visited{
	display:inline-flex !important;
	align-items:center !important;
	gap:6px !important;
	color:var(--cf-accent) !important;
	background:none !important;
	text-decoration:none !important;
	font-family:var(--cf-body-font) !important;
	font-size:12.5px !important;
	font-weight:600 !important;
	letter-spacing:.02em !important;
	box-shadow:none !important;
}
.ibi-cf a.ibi-cf__btn:hover{
	color:var(--cf-accent-hover) !important;
	text-decoration:underline !important;
}
.ibi-cf a.ibi-cf__btn svg{
	width:13px !important;
	height:13px !important;
	flex-shrink:0;
	stroke:var(--cf-accent) !important;
}