/*
Theme Name: Anima Plus Child
Theme URI: https://thesservices.com
Description: Nefrothes — Σύλλογος Νεφροπαθών Ν. Θεσσαλονίκης. Child for Anima Plus: sticky header, readable Greek UI, desktop + mobile.
Author: thesservices.com
Author URI: https://thesservices.com
Template: anima-plus
Version: 0.5.3
Last updated (Europe/Athens): 2026-08-01 18:55:45 EEST
Text Domain: nefrothes-anima-child
Changelog:
  2026-08-01 14:51 - Initial child: enqueue, sticky header, mobile-first base
  2026-08-01 15:15 - Fix dual menu (do not force #nav-toggle visible on desktop)
  2026-08-01 18:29 - Restore desktop widths; light enhancements only; mobile tweaks in queries
  2026-08-01 18:31 - Cap branding width so primary menu does not overflow
  2026-08-01 18:35 - WCAG-minded contrast polish; support centered menu
  2026-08-01 18:36 - Note: brand colors also editable via Customizer panel
  2026-08-01 18:43 - Fix hero CTA contrast/centering; style landing intro button + block links
  2026-08-01 18:51 - Page header title/breadcrumbs white on overlay
  2026-08-01 18:55 - Solid color page header band (no stock/banner crop); hide breadcrumbs
*/

/*
 * Contrast intent (WCAG 2.2 AA): dark ink on white/tint; light text only on dark footer/hero.
 * Theme colors are set in Anima options; this file reinforces edge cases.
 */

:root {
	--nefro-ink: #142433;
	--nefro-ink-strong: #0f1c28;
	--nefro-muted: #3d4f5f; /* ~7:1 on white — not mid-grey */
	--nefro-line: #c5d4e0;
	--nefro-accent: #0a6a94;
	--nefro-accent-dark: #0c4f6e;
	--nefro-surface: #f5f9fc;
	--nefro-gold: #8a7010; /* darker gold for text/icons on light bg */
	--nefro-radius: 0.5rem;
}

/* Sticky header */
#site-header-main {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: #fff;
	border-bottom: 1px solid var(--nefro-line);
	box-shadow: 0 1px 0 rgba(20, 36, 51, 0.06);
}

.admin-bar #site-header-main {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar #site-header-main {
		top: 46px;
	}
}

#branding {
	max-width: min(280px, 28%);
	flex-shrink: 0;
	overflow: hidden;
}

#branding img,
#branding .custom-logo {
	max-height: 64px;
	width: auto;
	height: auto;
}

#branding .site-title,
#branding .site-title a {
	color: var(--nefro-ink);
	font-size: 1rem;
	line-height: 1.25;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	display: block;
}

#access a {
	font-weight: 600;
	color: var(--nefro-ink);
}

#access a:hover,
#access ul li.current_page_item > a,
#access ul li.current-menu-item > a {
	color: var(--nefro-accent-dark);
}

@media (max-width: 800px) {
	#nav-toggle {
		min-width: 44px;
		min-height: 44px;
		color: var(--nefro-ink);
	}

	#mobile-menu a {
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
		color: var(--nefro-ink);
	}
}

/* Body copy reinforcement */
body,
.entry-content,
.page-content {
	color: var(--nefro-ink);
}

.entry-meta,
.entry-meta a,
.lp-box .lp-box-text,
.widget-container,
.widget-container a {
	color: var(--nefro-muted);
}

.entry-content a,
.page-content a,
.lp-text a {
	color: var(--nefro-accent-dark);
	text-underline-offset: 0.15em;
}

.entry-content a:hover,
.page-content a:hover {
	color: var(--nefro-accent);
}

/*
 * Hero caption sits on anima_lpsliderbg (same teal as primary CTA).
 * Force a darker band + contrasting buttons so CTAs are not invisible.
 */
.anima-landing-page .staticslider-caption-container {
	background-color: #102a3c;
}

.anima-landing-page .staticslider-caption {
	text-align: center;
}

.anima-landing-page .staticslider-caption .staticslider-caption-title,
.anima-landing-page .staticslider-caption h2,
.anima-landing-page .staticslider-caption .staticslider-caption-text {
	color: #fff;
	text-align: center;
	text-shadow: none;
}

.anima-landing-page .staticslider-caption .staticslider-caption-text {
	max-width: 40rem;
	margin-left: auto;
	margin-right: auto;
	opacity: 1;
}

.anima-landing-page .staticslider-caption-buttons {
	text-align: center;
}

.anima-landing-page a.staticslider-button,
.anima-landing-page a.staticslider-button:nth-child(2n+1),
.anima-landing-page a.staticslider-button:nth-child(2n+2) {
	border-radius: var(--nefro-radius);
	font-weight: 600;
	background-color: #fff !important;
	border: 2px solid #fff !important;
	color: #0c4f6e !important;
}

.anima-landing-page a.staticslider-button:nth-child(2n+2) {
	background-color: transparent !important;
	border-color: #fff !important;
	color: #fff !important;
}

.anima-landing-page a.staticslider-button:hover,
.anima-landing-page a.staticslider-button:nth-child(2n+1):hover,
.anima-landing-page a.staticslider-button:nth-child(2n+2):hover {
	background-color: var(--nefro-accent) !important;
	border-color: var(--nefro-accent) !important;
	color: #fff !important;
}

/* Intro “Διαβάστε περισσότερα” as clear CTA */
.anima-landing-page .lp-text a.button {
	display: inline-block;
	margin-top: 0.75rem;
	padding: 0.65em 1.4em;
	background-color: var(--nefro-accent);
	border: 2px solid var(--nefro-accent);
	border-radius: var(--nefro-radius);
	color: #fff !important;
	font-weight: 600;
	text-decoration: none;
}

.anima-landing-page .lp-text a.button:hover {
	background-color: var(--nefro-accent-dark);
	border-color: var(--nefro-accent-dark);
	color: #fff !important;
}

.anima-landing-page .lp-block-readmore {
	display: inline-block;
	margin-top: 0.75rem;
	font-weight: 600;
	color: var(--nefro-accent-dark);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.anima-landing-page .lp-block-title a,
.anima-landing-page a.lp-block-title,
.anima-landing-page .lp-block-title-link {
	color: inherit;
	text-decoration: none;
}

.anima-landing-page .lp-block-title-link:hover {
	color: var(--nefro-accent-dark);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

/*
 * Inner pages: Anima paints .entry-title with dark heading color over the
 * photo overlay — force light text. Breadcrumbs = home icon + current page.
 */
#header-page-title,
#header-page-title-inside {
	color: #fff;
}

#header-page-title .entry-title,
#header-page-title h1,
#header-page-title h2 {
	color: #fff !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

#header-page-title #breadcrumbs-nav,
#header-page-title #breadcrumbs-nav a,
#header-page-title .entry-meta,
#header-page-title .entry-meta a,
#header-page-title .byline {
	color: #e8eef2 !important;
}

#header-page-title #breadcrumbs-nav a:hover,
#header-page-title .entry-meta a:hover {
	color: #fff !important;
}

#header-page-title .icon-bread-home::before {
	color: #fff;
}

/* Temporary solid page header until client supplies a real banner image. */
body:not(.anima-landing-page) #header-image-main,
body:not(.anima-landing-page) #header-image-main-inside {
	background-color: #102a3c !important;
	background-image: none !important;
	min-height: 180px;
}

body:not(.anima-landing-page) #header-image-main .header-image,
body:not(.anima-landing-page) #header-image-main img.header-image {
	display: none !important;
}

body:not(.anima-landing-page) #header-page-title-inside {
	background: transparent;
	box-shadow: none;
}

/* Breadcrumbs off in theme options; hide if cached markup remains. */
#breadcrumbs,
#breadcrumbs-nav,
#header-page-title #breadcrumbs-nav {
	display: none !important;
}

.anima-landing-page .lp-blocks .lp-block,
.anima-landing-page .lp-boxes .lp-box {
	border-radius: var(--nefro-radius);
}

.anima-landing-page .lp-section-title,
.anima-landing-page .lp-block-title,
.anima-landing-page .lp-box-title a {
	color: var(--nefro-ink-strong);
}

/* Footer: light on dark */
#footer a,
#colophon a,
#footer,
#colophon {
	color: #e8eef2;
}

#footer a:hover,
#colophon a:hover {
	color: #ffffff;
}

.button,
a.button,
button.button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button {
	border-radius: var(--nefro-radius);
	font-weight: 600;
}

@media (max-width: 800px) {
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="password"],
	input[type="search"],
	input[type="url"],
	textarea,
	select {
		font-size: 16px;
	}
}