/* =======================================================================
   R U P O C K   P R E S S — MASTER CLEAN STYLESHEET (FINAL VERSION)
   Unified, responsive, conflict-free, Gentium-first design system
   ======================================================================= */


/* ------------------------------------------------------------
   1) ROOT TOKENS — Color, spacing, typography, and elevation
   ------------------------------------------------------------ */

:root {
	/* Core Palette */
	--rp-black: #000;
	--rp-white: #fff;
	--rp-gray-900: #111;
	--rp-gray-700: #555;
	--rp-gray-500: #777;
	--rp-gray-200: #e6e6e6;
	--rp-gray-100: #f5f5f5;
	/* Press brand accents */
	--rp-teal: #4cb2ae;
	--rp-deep-blue: #0f1b40;
	--rp-midnight: #001026;
	/* Typography */
	--rp-font-family: "Gentium Book Plus", serif;
	--rp-font-size-base: 18px;
	--rp-line-height: 1.55;
	/* Layout spacing */
	--rp-space-xs: 4px;
	--rp-space-sm: 8px;
	--rp-space-md: 16px;
	--rp-space-lg: 32px;
	--rp-space-xl: 48px;
	/* Borders */
	--rp-border-light: 1px solid var(--rp-gray-200);
	/* Shadow */
	--rp-shadow-card: 0 2px 10px rgba(0,0,0,0.06);
	/* Max content width */
	--rp-max-width: 900px;
}



/* ------------------------------------------------------------
   2) BASE TYPOGRAPHY & GLOBAL RESET
   ------------------------------------------------------------ */

html, body {
	font-family: var(--rp-font-family);
	font-size: var(--rp-font-size-base);
	line-height: var(--rp-line-height);
	color: var(--rp-gray-900);
	background: var(--rp-white);
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	text-rendering: optimizeLegibility;
}

h1, h2, h3, h4 {
	font-family: var(--rp-font-family);
	font-weight: 700;
	color: var(--rp-black);
	margin-top: var(--rp-space-lg);
	margin-bottom: var(--rp-space-md);
}

h1 {
	font-size: 2.2rem;
	letter-spacing: -0.4px;
}

h2 {
	font-size: 1.7rem;
}

h3 {
	font-size: 1.35rem;
}

p, li {
	font-size: 1.05rem;
	line-height: 1.55;
}



/* ------------------------------------------------------------
   3) LINKS
   ------------------------------------------------------------ */

a {
	color: #0a4faf;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: 0.15s;
}

	a:hover {
		border-bottom: 1px solid #0a4faf;
	}



/* ------------------------------------------------------------
   4) BOOTSTRAP OVERRIDES — unify font system
   ------------------------------------------------------------ */

body,
button,
input,
select,
textarea,
.nav-link,
.btn,
.form-control,
.dropdown-item {
	font-family: var(--rp-font-family) !important;
}



/* ------------------------------------------------------------
   5) SIDEBAR NAVIGATION (Press App Only)
   ------------------------------------------------------------ */

.sidebar {
	background: linear-gradient(180deg, var(--rp-deep-blue), var(--rp-midnight));
	color: white;
	border-right: 1px solid rgba(0,0,0,0.25);
}

	.sidebar .nav-link {
		color: #e0e0e0;
		padding: 0.75rem 1rem;
		font-size: 1rem;
	}

		.sidebar .nav-link:hover {
			background-color: rgba(255,255,255,0.08);
			color: white;
		}

		.sidebar .nav-link.active {
			background-color: rgba(255,255,255,0.16);
			font-weight: 600;
		}



/* ------------------------------------------------------------
   6) PAGE CONTENT WRAPPER
   ------------------------------------------------------------ */

.press-content {
	width: 100%;
	max-width: var(--rp-max-width);
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;
}



/* ------------------------------------------------------------
   7) HERO SECTION (Top of Homepage)
   ------------------------------------------------------------ */

.press-hero {
	background: var(--rp-gray-100);
	border-bottom: var(--rp-border-light);
	padding: 30px 10px;
	text-align: center;
}

.press-hero-logo {
	width: 130px;
	margin-bottom: 20px;
}

.press-hero-text {
	max-width: 700px;
	margin: 0 auto;
	color: var(--rp-gray-700);
}

.press-cta {
	margin-top: 20px;
	display: inline-block;
}



/* ------------------------------------------------------------
   8) LATEST RELEASE — Book Card
   ------------------------------------------------------------ */

.press-book-card {
	display: flex;
	gap: 32px;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-bottom: var(--rp-space-xl);
}

.press-book-cover {
	width: 180px;
	box-shadow: var(--rp-shadow-card);
	border: var(--rp-border-light);
}

.press-book-info {
	flex: 1;
	min-width: 260px;
}

.press-buy-links a {
	font-weight: 600;
}

.press-buy-links span {
	margin: 0 6px;
}



/* ------------------------------------------------------------
   9) ECOSYSTEM SECTION
   ------------------------------------------------------------ */

.press-links {
	padding-left: 18px;
}

	.press-links li {
		margin-bottom: 6px;
	}



/* ------------------------------------------------------------
   10) CONTACT FORM CLEAN STYLE
   ------------------------------------------------------------ */

input[type="text"],
input[type="email"],
textarea {
	border: 1px solid var(--rp-gray-200);
	border-radius: 6px;
	padding: 10px 12px;
	width: 100%;
	font-size: 1rem;
}

textarea {
	min-height: 140px;
}

label {
	font-weight: 600;
}

form {
	max-width: 520px;
}



/* ------------------------------------------------------------
   11) FOOTER (Final, Unified, No Duplication)
   ------------------------------------------------------------ */

.press-footer {
	text-align: center;
	padding: 48px 0 60px;
	color: var(--rp-gray-700);
	border-top: var(--rp-border-light);
	margin-top: 64px;
}

.press-footer-copy {
	font-size: 0.95rem;
	margin-bottom: 12px;
}

.press-footer-logo img {
	width: 80px;
	opacity: 0.95;
	margin: 12px auto 20px;
	display: block;
}

.press-footer-links a {
	color: var(--rp-black);
	padding: 0 6px;
	transition: 0.2s;
}

	.press-footer-links a:hover {
		border-bottom: 1px solid var(--rp-black);
	}

.press-footer-tagline {
	font-size: 0.85rem;
	color: var(--rp-gray-500);
	margin-top: 4px;
}



/* ------------------------------------------------------------
   12) RESPONSIVE — Mobile Optimizations
   ------------------------------------------------------------ */

@media (max-width: 768px) {

	h1, h2,h3 {
		font-size: 1.45rem !important;
		text-align: center;
	
	}

	.press-book-card {
		flex-direction: column;
		text-align: center;
	}

	.press-book-cover {
		margin: 0 auto;
		width:auto;
		height:50px;
	}

	.press-content {
		padding: 16px;
		max-width: 100%;
	}

	.sidebar {
		font-size: 0.95rem;
	}

	.press-hero-logo {
		width: 110px;
	}
}



/* END — Rupock Press Clean Stylesheet */


/* Desktop default size */
.rp-book-thumb {
	width: 200px;
	height: auto;

}

/* Mobile size — stays controlled, does NOT expand */
@media (max-width: 768px) {
	.rp-book-thumb {
		width: 200px; /* same size on mobile */
		max-width: 200px;
		margin: 0 auto;
		display: block;
	}
}