/*
Theme Name: HybridMag Child
Theme URI: https://ecomnews.ro
Description: Child theme of HybridMag for eComNews.ro. Holds all local customizations (readability, performance, typography) so the parent theme can be updated safely.
Author: eComNews.ro
Template: hybridmag
Version: 1.0.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hybridmag-child
*/

/* ==========================================================================
   Featured slider & highlighted-post titles — guaranteed legibility
   --------------------------------------------------------------------------
   The parent overlays near-white titles on the photo with only a 50%-opacity
   bottom gradient + a 1px shadow, so titles wash out over bright images
   (sky, snow, light backgrounds). We strengthen the scrim, pin the text to
   pure white, and add a robust multi-layer text-shadow as a fallback so the
   title stays readable no matter what image is used.
   ========================================================================== */

/* Stronger, taller dark gradient behind the title (slider + side cards). */
.hm-slider-details-container::before,
.hmhp-details-container::before {
	background: linear-gradient(
		to top,
		rgba(0, 0, 0, 0.92) 0%,
		rgba(0, 0, 0, 0.78) 22%,
		rgba(0, 0, 0, 0.45) 55%,
		rgba(0, 0, 0, 0) 100%
	);
	opacity: 1; /* was 0.5 — full strength so contrast never depends on the photo */
	top: auto;
	bottom: 0;
	height: 220px; /* fixed tall fade, extends above the text box into the image */
}

.hmhp-details-container::before {
	height: 150px; /* the side cards are smaller */
}

@media (max-width: 767px) {
	.hm-slider-details-container::before {
		height: 160px;
	}
	.hmhp-details-container::before {
		height: 110px;
	}
}

/* Keep the scrim at full strength on hover (parent drops it to 0.7). */
.hm-slider:hover .hm-slider-details-container::before,
.hm-highlighted-post:hover .hmhp-details-container::before {
	opacity: 1;
}

/* Pure-white titles with a strong, layered shadow as a second safety net. */
.hm-slider-title,
.hmhp-title,
.hm-slider:hover .hm-slider-title,
.hm-highlighted-post:hover .hmhp-title {
	color: #ffffff;
	text-shadow:
		0 1px 2px rgba(0, 0, 0, 0.95),
		0 2px 10px rgba(0, 0, 0, 0.75);
	line-height: 1.25;
}

/* ===== Company media-monitoring request form ===== */
.ecn-monitor-form { max-width: 560px; }
.ecn-monitor-form .ecn-field { margin: 0 0 16px; }
.ecn-monitor-form label { display: block; font-weight: 600; margin-bottom: 4px; }
.ecn-monitor-form input[type="text"],
.ecn-monitor-form input[type="email"],
.ecn-monitor-form textarea {
	width: 100%; padding: 10px 12px; border: 1px solid #ccc;
	border-radius: 6px; font-size: 16px; box-sizing: border-box;
}
.ecn-monitor-submit {
	background: #0073aa; color: #fff; border: 0; border-radius: 6px;
	padding: 12px 22px; font-size: 16px; font-weight: 600; cursor: pointer;
}
.ecn-monitor-submit:hover { background: #005d87; }
.ecn-monitor-notice { padding: 12px 16px; border-radius: 6px; margin-bottom: 18px; }
.ecn-monitor-notice.ecn-ok { background: #e6f4ea; border: 1px solid #34a853; }
.ecn-monitor-notice.ecn-err { background: #fde8e8; border: 1px solid #d93025; }

/* ===== Sponsored promo banner above the hero ===== */
.ecn-promo-banner { margin: 0 0 16px; }
.ecn-promo-link {
	display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
	padding: 14px 20px; border-radius: var(--hybridmag-global-border-radius, 8px);
	background: linear-gradient(135deg, #0b1f3a 0%, #15406e 100%);
	color: #fff; text-decoration: none;
	box-shadow: var(--hybridmag-global-box-shadow, 0 2px 8px rgba(0,0,0,.12));
	transition: transform .15s ease, box-shadow .15s ease;
}
.ecn-promo-link:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(0,0,0,.22); }
.ecn-promo-tag {
	font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
	background: rgba(255,255,255,.18); padding: 3px 8px; border-radius: 4px; white-space: nowrap;
}
.ecn-promo-body { display: flex; flex-direction: column; flex: 1 1 280px; line-height: 1.3; }
.ecn-promo-title { font-size: 17px; color: #fff; }
.ecn-promo-sub { font-size: 14px; opacity: .9; }
.ecn-promo-cta {
	background: #ff7a00; color: #fff; font-weight: 700;
	padding: 10px 18px; border-radius: 6px; white-space: nowrap;
}
.ecn-promo-link:hover .ecn-promo-cta { background: #ff8c1a; }
@media (max-width: 600px) {
	.ecn-promo-link { gap: 10px; padding: 12px 14px; }
	.ecn-promo-cta { width: 100%; text-align: center; }
}