/*
Theme Name: future4life.net (varianta B)
Template: future4life
Author: ACIM
Description: Variant B — the original Future4Life logo and red/graphite colours in the new modern layout.
Version: 0.1.0
License: GNU General Public License v2 or later
Text Domain: future4life-classic
*/

/* Logo image */
.f4l-logo--img img { width: auto; height: 54px; }
@media (max-width: 600px) { .f4l-logo--img img { height: 40px; } }

/* Headings in Quicksand (as the logo): no italic accents */
.f4l-hl { font-style: normal; color: var(--wp--preset--color--white); background: linear-gradient(transparent 72%, rgb(202 23 38 / 0.9) 72%, rgb(202 23 38 / 0.9) 94%, transparent 94%); padding: 0 0.06em; }
.f4l-logo__word em { font-style: normal; }

/* Red on dark backgrounds is too dark for small text — lighter tint there */
.has-ink-background-color .f4l-kicker, .wp-block-cover .f4l-kicker { color: #F2848B; }
.f4l-facts strong { color: var(--wp--preset--color--white); }
.f4l-facts strong::after { content: ""; display: block; width: 28px; height: 3px; margin-top: 0.35rem; background: var(--wp--preset--color--gold); border-radius: 2px; }
.f4l-chain li::before { color: #F2848B; }
.f4l-sidebar ul a:hover, .f4l-sidebar ul .is-current a, .f4l-sidebar p a, .f4l-callout strong, .f4l-callout a { color: #F2848B; }

/* Overlays: graphite instead of petrol */
.f4l-hero .wp-block-cover__background { background: linear-gradient(100deg, rgb(43 49 52 / 0.95) 0%, rgb(43 49 52 / 0.82) 48%, rgb(54 65 70 / 0.3) 100%) !important; }
.f4l-banner .wp-block-cover__background { background: linear-gradient(100deg, rgb(43 49 52 / 0.93), rgb(54 65 70 / 0.5)) !important; }

/* Buttons and CTA: red with white text */
.f4l-cta { background: var(--wp--preset--color--gold); color: var(--wp--preset--color--white); }
.f4l-cta:hover { background: var(--wp--preset--color--gold-dark); }
.f4l-sidebar .f4l-cta { color: var(--wp--preset--color--white); }
.wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link:hover { background: var(--wp--preset--color--white); color: var(--wp--preset--color--ink); }
.f4l-photo figcaption { color: var(--wp--preset--color--white); }
.f4l-ctaband::after { border-color: rgb(202 23 38 / 0.35); }
.f4l-ctaband__links a small { color: #F2848B; }

/* Icons: white on a red circle — the "4" circle from the logo */
.f4l-tiles .f4l-tile__icon, .f4l-div__icon { border-radius: 50%; background: var(--wp--preset--color--gold); color: var(--wp--preset--color--white); box-shadow: 0 6px 14px rgb(202 23 38 / 0.25); }
.f4l-groups > li { border-top-color: var(--wp--preset--color--gold); }

/* Light footer, so the original (dark) logo works there */
.f4l-footer.has-ink-background-color { background-color: var(--wp--preset--color--sand) !important; color: var(--wp--preset--color--petrol) !important; border-top: 4px solid var(--wp--preset--color--gold); }
.f4l-footer .f4l-muted { color: var(--wp--preset--color--muted); }
.f4l-footer h4 { color: var(--wp--preset--color--gold); }
.f4l-footer a:hover { color: var(--wp--preset--color--gold); }
.f4l-footer hr.wp-block-separator { background-color: var(--wp--preset--color--line) !important; color: var(--wp--preset--color--line) !important; }

/* Quicksand has no italic */
.f4l-quote p { font-style: normal; font-weight: 600; }