/* === ANAHEIM SDA CUSTOM THEME === */
/* --- COLOR PALETTE --- */
:root {
}

/* --- GLOBAL LAYOUT --- */
body {
	background-color: var(--navy) !important;
	font-family: 'Manrope', sans-serif !important;
	color: var(--light) !important;
	margin: 0;
	line-height: 1.6;
}

/* --- HEADINGS --- */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Nocturne Serif', serif !important;
	color: var(--head) !important;
}

/* --- LINKS --- */
a {
	color: var(--orange) !important;
	text-decoration: none;
}

a:hover {
	color: var(--amber) !important;
	text-decoration: underline;
}

/* --- FOOTER CLEANUP --- */
.site-footer,
.site-footer .site-info {
	background-color: var(--navy) !important;
	color: var(--light) !important;
	padding: 20px 0 !important;
	margin: 0 !important;
	border: 0 !important;
}

.site-footer .wpcom-powered,
.site-footer .wpcom-credit,
.site-footer a[href*="wordpress.com"],
#wpcom-footer,
#wpcom {
	display: none !important;
}

/* --- PAGE CENTERING --- */
.home .site-content .wrap,
.home .site-main,
.home .entry-content {
	max-width: 1100px;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 24px 16px;
	text-align: center;
}

/* --- LOGO SECTION --- */
.home .wp-block-image img {
	display: block;
	margin: 0 auto;
	border-radius: 12px;
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
}

/* --- LIVESTREAM CARD --- */
.live-card {
	background: var(--blue);
	border-radius: 18px;
	padding: 32px 28px;
	text-align: center;
	margin: 40px auto;
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.4);
	max-width: 800px;
}

.live-card h2 {
	color: var(--orange);
	font-size: clamp(24px, 3vw, 30px);
	margin-bottom: 18px;
}

.video-wrap {
	display: flex;
	justify-content: center;
}

.video-wrap iframe {
	width: 100%;
	max-width: 720px;
	height: 405px;
	border-radius: 10px;
}

.live-card p {
	color: var(--light);
	margin: 10px 0;
}

.live-card .hint {
	opacity: .9;
	font-size: 14px;
}

.live-card .service {
	color: var(--light);
	font-weight: 500;
}

/* --- BUTTONS --- */
.btn {
	display: inline-block;
	padding: 12px 24px;
	border-radius: 10px;
	font-weight: 700;
	text-decoration: none;
	transition: .25s transform, .25s box-shadow, .25s background;
	cursor: pointer;
}

.btn-primary {
	background: var(--orange);
	color: var(--navy);
}

.btn-primary:hover {
	background: var(--amber);
}

.btn-accent {
	background: var(--sky);
	color: var(--navy);
}

.btn-accent:hover {
	background: var(--yellow);
	color: var(--navy);
}

.btn-light {
	background: var(--light);
	color: var(--navy);
}

.btn-light:hover {
	background: var(--amber);
}

/* YouTube links as buttons */
.live-card p a[href*="youtube.com"]:not(.btn) {
	display: inline-block;
	background: var(--orange);
	color: var(--navy) !important;
	border-radius: 8px;
	padding: 12px 22px;
	font-weight: 700;
	margin-top: 12px;
	text-decoration: none;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
}

.live-card p a[href*="youtube.com"]:not(.btn):hover {
	background: var(--amber);
	color: var(--navy) !important;
	transform: translateY(-2px);
}

/* --- INFO GRID (3 CARDS) --- */
.info-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-top: 40px;
}

.info-card {
	background: var(--blue);
	border-radius: 18px;
	padding: 22px 20px;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.3);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: left;
}

.info-card h3 {
	color: var(--amber);
	font-family: 'Nocturne Serif', serif;
	font-size: 20px;
	margin: 0 0 8px;
}

.info-card p {
	color: var(--light);
	margin: 0;
}

.info-card .btn {
	align-self: flex-start;
	margin-top: auto;
	background: var(--light);
	color: var(--navy);
}

.info-card .btn:hover {
	background: var(--amber);
	color: var(--navy);
}

/* --- CARD HOVER EFFECT --- */
.info-card:hover,
.live-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
	transition: all .3s ease-in-out;
}

/* --- RESPONSIVE --- */
@media (max-width: 900px) {
	.info-grid {
		grid-template-columns: 1fr;
	}
	
	.video-wrap iframe {
		height: calc((100vw - 32px) * 9 / 16);
	}
	
	.live-card {
		padding: 24px 16px;
	}
}

/* --- Force full-site navy background and remove white panels (Shoreditch) --- */
html, body {
	background: #0C3754 !important;
}

/* Theme wrappers that add a white/gray background */
.site,
.site-content,
.content-area,
.site-main,
.wrap,
.singular .site-content .hentry,
.page .hentry,
.hentry,
.hentry::before,
.hentry::after,
.entry-content,
.entry-header {
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
}

/* Gutenberg Group/Cover blocks that may be set to white by the editor */
.wp-block-group.has-background:not(.keep-bg),
.wp-block-cover:not(.keep-bg) {
	background: transparent !important;
}

/* Keep your custom cards/sections visible on the navy */
.live-card {
	background: #1C618F !important;
}

/* deep blue card */
.info-card {
	background: #1C618F !important;
}

/* deep blue cards */
/* === NAVIGATION COLOR FIX (Anaheim SDA Theme) === */
/* Top-level menu links */
.main-navigation a,
.site-navigation a {
	color: #E97724 !important;
/* orange */
	font-weight: 600;
}

/* Hover / focus state */
.main-navigation a:hover,
.main-navigation a:focus,
.site-navigation a:hover,
.site-navigation a:focus {
	color: #FBAD18 !important;
/* amber hover */
	text-decoration: none;
}

/* Active / current page highlight */
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-ancestor > a {
	color: #F1D036 !important;
/* yellow highlight */
	border-bottom: 2px solid #F1D036 !important;
}

/* Dropdown menus background */
.main-navigation ul ul {
	background-color: #0A2C47 !important;
/* deep blue dropdown background */
	border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Dropdown menu items */
.main-navigation ul ul a {
	color: #EDEDED !important;
/* readable light text */
	padding: 8px 14px;
}

/* Dropdown hover */
.main-navigation ul ul a:hover {
	background-color: #1C618F !important;
	color: #FBAD18 !important;
}

/* === IMPROVE TEXT READABILITY ON NAVY BACKGROUND === */
/* General body text */
body,
p,
.entry-content,
.site-content,
.page-content,
.widget,
.widget-area {
	color: #EDEDED !important;
/* soft light gray */
	font-weight: 400;
}

/* Paragraphs in cards or sections */
.live-card p,
.info-card p,
.site-main p {
	color: #EDEDED !important;
	line-height: 1.65;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	color: #FFFFFF !important;
/* pure white for clear contrast */
	font-weight: 600;
}

/* Widgets or footer text */
.site-footer,
.site-footer p,
.site-footer a {
	color: #EDEDED !important;
}

/* Links inside paragraphs */
.entry-content a,
.page-content a {
	color: #E97724 !important;
/* orange accent */
	font-weight: 600;
	text-decoration: none;
}

.entry-content a:hover,
.page-content a:hover {
	color: #FBAD18 !important;
/* amber hover */
	text-decoration: underline;
}

/* Buttons (ensures readable text even on bright colors) */
button,
.btn,
input[type="submit"],
.wp-block-button__link {
	color: #0C3754 !important;
/* navy text on bright buttons */
	font-weight: 700;
}

/* === SITE TITLE COLOR FIX === */
/* Site title text (Anaheim SDA) */
.site-title,
.site-title a {
	color: #E97724 !important;
/* brand orange */
	font-weight: 700 !important;
	text-decoration: none !important;
}

/* On hover (optional subtle accent) */
.site-title a:hover {
	color: #FBAD18 !important;
/* warm amber hover */
}

/* Ensure subtitle or tagline stays readable */
.site-description {
	color: #EDEDED !important;
	opacity: .85;
}