/*
Theme Name: CMC Endocrinology Child
Theme URI: https://generatepress.com
Description: Child theme for GeneratePress — Department of Endocrinology, Diabetes & Metabolism, CMC Vellore.
Author: Your Name
Author URI: https://yourwebsite.com
Template: generatepress
Version: 1.0.0
Text Domain: cmc-endo-child
*/

/* -------------------------------------------------------
   Global / site-wide overrides go here.
   Section-specific CSS (header, footer, individual pages)
   lives in /assets/css/ and is enqueued from functions.php,
   the same pattern used on the VEIC 2027 site.
   ------------------------------------------------------- */

/* Failsafe for GeneratePress's own built-in featured-image markup
   (our hero in functions.php/PART D already shows the featured image
   as the banner background — this is only a backstop in case some
   part of a GP add-on still prints it via a path the PHP-level fix
   in functions.php/PART A.7b doesn't reach). Safe to delete once
   confirmed the duplicate image is fully gone from every page. */
.single .featured-image,
.page .featured-image,
.single .post-image,
.page .post-image {
	display: none !important;
}

/* GeneratePress core (separate-containers layout) pads .inside-article,
   .comments-area, .page-header and .paging-navigation by 40px on all
   sides. That's what's creating the extra whitespace around our custom
   page content (which already has its own spacing via
   endo-*-detail-page-inner etc.). Zeroing it out here — in the child
   theme — rather than editing GeneratePress' own CSS, so a parent
   theme update won't silently bring the padding back. */
.separate-containers .comments-area,
.separate-containers .inside-article,
.separate-containers .page-header,
.separate-containers .paging-navigation {
	padding: 0;
}

/* =========================================================
   DEPARTMENT / INSTITUTION NAME PILL
   -------------------------------------------------------
   Global, reusable "Department of Endocrinology, Diabetes &
   Metabolism, Christian Medical College, Vellore" identity
   tag — a pill badge with a Font Awesome institution icon.
   Lives here (site-wide style.css, not a per-page file in
   assets/css/) so every page template can reuse the same
   class without an extra enqueue. Kept visually neutral
   (light blue-tinted background, navy text) so it drops into
   hero subtitles, faculty cards, book covers, etc. without
   fighting each page's own accent colour.
   Usage:
     <p class="endo-dept-pill">
         <i class="fa-solid fa-building-columns" aria-hidden="true"></i>
         Department of Endocrinology, Diabetes &amp; Metabolism,
         Christian Medical College, Vellore
     </p>
   ------------------------------------------------------- */
.endo-dept-pill {
	display: inline-flex;
	align-items: flex-start;
	gap: 8px;
	max-width: 100%;
	margin: 0 0 22px;
	padding: 8px 18px;
	background: #E9F1FC;
	border-radius: 16px;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 500;
	color: #1B3B6F;
}
.endo-dept-pill i {
	flex: 0 0 auto;
	font-size: 14px;
	color: #2C6FD1;
	margin-top: 2px;
}
@media (max-width: 600px) {
	.endo-dept-pill {
		white-space: normal;
		font-size: 13px;
		padding: 8px 14px;
	}
}

/* Variant for dark/navy hero backgrounds (e.g. book cover heroes in
   book-diabetes-guide.css, book-clinical-atlas.css, book-diabetic-foot.css
   which use a #003366→#0056b3 gradient) — same shape, translucent-white
   fill instead of the light-blue default so it stays legible. */
.endo-dept-pill--on-dark {
	background: rgba(255, 255, 255, .15);
	color: #fff;
}
.endo-dept-pill--on-dark i {
	color: #ffb703;
}