/**
 * Radio Web Asi - Light Mode (Modo Día)
 *
 * Overrides dark theme variables when body has .rwa-light-mode class.
 * Similar to Olímpica Stereo's day/night toggle.
 *
 * @package RadioWebAsi
 * @since   3.0.0
 */

/* ==========================================================================
   LIGHT MODE ROOT VARIABLES
   ========================================================================== */
body.rwa-light-mode {
	--rwa-body-bg: #f4f5f7;
	--rwa-text: #333333;
	--rwa-headings: #1a1a2e;
	--rwa-links: var(--rwa-primary);
	--rwa-sidebar-bg: #ffffff;
}

/* ==========================================================================
   BODY
   ========================================================================== */
body.rwa-light-mode {
	background-color: #f4f5f7 !important;
	background-image: none !important;
	color: #333333;
}

/* ==========================================================================
   SKIN PRO GLASS OVERRIDES
   ========================================================================== */
body.rwa-light-mode.rwa-skin-skin-pro {
	--glass-bg: rgba(0, 0, 0, 0.03);
	--glass-border: rgba(0, 0, 0, 0.08);
	--neon-glow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* ==========================================================================
   HEADER TOP BAR (light)
   ========================================================================== */
body.rwa-light-mode .rwa-header-top {
	background: var(--rwa-header-top-bg, #e8e8ee);
	color: var(--rwa-header-top-text, #444);
}

body.rwa-light-mode .rwa-header-top__phone,
body.rwa-light-mode .rwa-header-top__email {
	color: var(--rwa-header-top-text, #555);
}

body.rwa-light-mode .rwa-header-top__menu a {
	color: var(--rwa-header-top-text, #555);
}

body.rwa-light-mode .rwa-header-top__menu a:hover,
body.rwa-light-mode .rwa-header-top__phone:hover,
body.rwa-light-mode .rwa-header-top__email:hover {
	color: var(--rwa-primary);
}

/* ─── Skin Pro Header Top ─── */
body.rwa-light-mode.rwa-skin-skin-pro .rwa-header-top--pro {
	background: var(--rwa-header-top-bg, #e8e8ee);
	color: var(--rwa-header-top-text, #555);
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-header-top--pro .rwa-header-top__separator {
	background: rgba(0, 0, 0, 0.15);
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-header-top--pro .rwa-header-top__phone,
body.rwa-light-mode.rwa-skin-skin-pro .rwa-header-top--pro .rwa-header-top__email {
	color: var(--rwa-header-top-text, #555);
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-header-top--pro .rwa-header-top__phone:hover,
body.rwa-light-mode.rwa-skin-skin-pro .rwa-header-top--pro .rwa-header-top__email:hover {
	color: var(--rwa-primary, #00f5d4);
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-header-top--pro .rwa-header-top__menu li a {
	color: var(--rwa-header-top-text, #555);
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-header-top--pro .rwa-header-top__menu li a:hover {
	color: var(--rwa-primary, #00f5d4);
}

/* ==========================================================================
   HEADER MAIN (light)
   ========================================================================== */
body.rwa-light-mode .rwa-header {
	background: var(--rwa-header-bg, #ffffff);
	color: var(--rwa-header-text, #1a1a2e);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

body.rwa-light-mode .rwa-header--sticky.scrolled {
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

body.rwa-light-mode .rwa-header__site-title {
	color: var(--rwa-header-text, #1a1a2e);
}

/* ─── Header Metro (light) ─── */
body.rwa-light-mode .rwa-header-metro .rwa-metro__brand-row {
	background: var(--rwa-header-bg, #ffffff);
}

body.rwa-light-mode .rwa-header-metro .rwa-metro__site-name {
	color: var(--rwa-header-text, #1a1a2e);
}

body.rwa-light-mode .rwa-header-metro .rwa-metro__nav-row {
	background: color-mix(in srgb, var(--rwa-header-bg, #ffffff) 95%, #000);
}

body.rwa-light-mode .rwa-header-metro.scrolled .rwa-metro__nav-row {
	background: var(--rwa-header-bg, #ffffff);
}

body.rwa-light-mode .rwa-header-metro .rwa-metro__app-btn {
	border-color: rgba(0, 0, 0, 0.12);
	background: rgba(0, 0, 0, 0.04);
	color: var(--rwa-header-text, #333);
}

body.rwa-light-mode .rwa-header-metro .rwa-metro__app-btn:hover {
	background: rgba(0, 0, 0, 0.08);
	border-color: var(--rwa-primary);
}

body.rwa-light-mode .rwa-header-metro .rwa-metro__right .rwa-social__link {
	background: rgba(0, 0, 0, 0.05);
	color: var(--rwa-header-text, #555);
}

body.rwa-light-mode .rwa-header-metro .rwa-metro__right .rwa-social__link:hover {
	background: var(--rwa-primary);
	color: #ffffff;
}

body.rwa-light-mode .rwa-header-metro .rwa-metro__search-btn {
	border-color: rgba(0, 0, 0, 0.12);
	background: rgba(0, 0, 0, 0.04);
	color: var(--rwa-header-text, #555);
}

body.rwa-light-mode .rwa-header-metro .rwa-metro__search-btn:hover {
	background: rgba(0, 0, 0, 0.08);
}

body.rwa-light-mode .rwa-main-menu--metro > li > a {
	color: var(--rwa-menu-text, #333);
}

body.rwa-light-mode .rwa-main-menu--metro > li > a:hover,
body.rwa-light-mode .rwa-main-menu--metro > li.current-menu-item > a {
	color: var(--rwa-menu-accent, var(--rwa-primary));
}

body.rwa-light-mode .rwa-main-menu--metro .sub-menu {
	background: var(--rwa-header-bg, #ffffff);
	border-color: rgba(0, 0, 0, 0.08);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

body.rwa-light-mode .rwa-main-menu--metro .sub-menu a {
	color: var(--rwa-menu-text, #444);
}

body.rwa-light-mode .rwa-main-menu--metro .sub-menu a:hover {
	color: var(--rwa-menu-accent, var(--rwa-primary));
}

body.rwa-light-mode .rwa-main-menu > li > a {
	color: var(--rwa-menu-text, #333);
}

body.rwa-light-mode .rwa-main-menu > li:hover > a,
body.rwa-light-mode .rwa-main-menu > li.current-menu-item > a {
	color: var(--rwa-menu-accent, var(--rwa-primary));
}

body.rwa-light-mode .rwa-main-menu .sub-menu {
	background: var(--rwa-header-bg, #ffffff);
	border-top-color: var(--rwa-menu-accent, var(--rwa-primary));
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

body.rwa-light-mode .rwa-main-menu .sub-menu a {
	color: var(--rwa-menu-text, #444);
}

body.rwa-light-mode .rwa-main-menu .sub-menu a:hover {
	background: rgba(0, 0, 0, 0.03);
	color: var(--rwa-menu-accent, var(--rwa-primary));
}

body.rwa-light-mode .rwa-header__search-toggle {
	color: var(--rwa-header-text, #555);
}

body.rwa-light-mode .rwa-header__search-toggle:hover {
	background: rgba(0, 0, 0, 0.05);
	color: var(--rwa-menu-accent, var(--rwa-primary));
}

body.rwa-light-mode .rwa-hamburger span {
	background: var(--rwa-menu-text, #333);
}

/* ─── Skin Pro Header Main (light) ─── */
body.rwa-light-mode.rwa-skin-skin-pro .rwa-header-main--pro {
	background: #ffffff;
	color: #1a1a2e;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-header-pro__brand-row {
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* App Download Buttons */
body.rwa-light-mode.rwa-skin-skin-pro .rwa-header-pro__app-btn {
	border: 1px solid rgba(0, 0, 0, 0.12);
	background: rgba(0, 0, 0, 0.03);
	color: #333;
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-header-pro__app-btn:hover {
	background: rgba(0, 0, 0, 0.06);
	border-color: var(--rwa-primary, #00f5d4);
	box-shadow: 0 0 15px rgba(0, 245, 212, 0.15);
}

/* Logo text gradient override */
body.rwa-light-mode.rwa-skin-skin-pro .rwa-header-pro__site-name {
	background: linear-gradient(135deg, #0a8a74, #5a1fb3);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

/* Social Links */
body.rwa-light-mode.rwa-skin-skin-pro .rwa-header-pro__right .rwa-social__link {
	background: rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(0, 0, 0, 0.1);
	color: #555;
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-header-pro__right .rwa-social__link:hover {
	background: var(--rwa-primary, #00f5d4);
	border-color: var(--rwa-primary, #00f5d4);
	color: #ffffff;
}

/* ==========================================================================
   NAV ROW (light) — Skin Pro
   ========================================================================== */
body.rwa-light-mode.rwa-skin-skin-pro .rwa-header-pro__nav-row {
	background: #f5f5fa;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-nav--pro > li > a {
	color: #333;
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-nav--pro > li > a:hover,
body.rwa-light-mode.rwa-skin-skin-pro .rwa-nav--pro > li.current-menu-item > a {
	color: var(--rwa-primary, #00f5d4);
}

/* Submenus */
body.rwa-light-mode.rwa-skin-skin-pro .rwa-nav--pro .sub-menu {
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.08);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-nav--pro .sub-menu li a {
	color: #555;
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-nav--pro .sub-menu li a:hover {
	color: var(--rwa-primary, #00f5d4);
	background: rgba(0, 0, 0, 0.03);
}

/* Nav Actions (search btn, etc.) */
body.rwa-light-mode.rwa-skin-skin-pro .rwa-header-pro__search-btn {
	color: #555;
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-header-pro__search-btn:hover {
	color: var(--rwa-primary, #00f5d4);
	background: rgba(0, 0, 0, 0.05);
}

/* Hamburger */
body.rwa-light-mode.rwa-skin-skin-pro .rwa-hamburger span {
	background: #333;
}

/* ==========================================================================
   STICKY HEADER (light) — Skin Pro
   ========================================================================== */
body.rwa-light-mode.rwa-skin-skin-pro .rwa-header-main--pro.is-sticky {
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* ==========================================================================
   SEARCH OVERLAY (light) — Skin Pro
   ========================================================================== */
body.rwa-light-mode.rwa-skin-skin-pro .rwa-search-overlay {
	background: rgba(255, 255, 255, 0.95);
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-search-form__input {
	color: #333;
	border-bottom-color: rgba(0, 0, 0, 0.2);
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-search-form__input::placeholder {
	color: #999;
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-search-form__input:focus {
	border-bottom-color: var(--rwa-primary, #00f5d4);
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-search-form__submit,
body.rwa-light-mode.rwa-skin-skin-pro .rwa-search-form__close {
	color: #555;
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-search-form__submit:hover,
body.rwa-light-mode.rwa-skin-skin-pro .rwa-search-form__close:hover {
	color: var(--rwa-primary, #00f5d4);
}

/* ==========================================================================
   MOBILE NAV (light) — Skin Pro
   ========================================================================== */
@media (max-width: 991px) {
	body.rwa-light-mode.rwa-skin-skin-pro .rwa-header-pro__nav {
		background: rgba(255, 255, 255, 0.98);
	}

	body.rwa-light-mode.rwa-skin-skin-pro .rwa-nav--pro > li > a {
		border-bottom-color: rgba(0, 0, 0, 0.06);
	}

	body.rwa-light-mode.rwa-skin-skin-pro .rwa-nav--pro .sub-menu {
		background: rgba(0, 0, 0, 0.03);
	}
}

/* Mobile overlay for default header */
@media (max-width: 768px) {
	body.rwa-light-mode .rwa-header__nav {
		background: var(--rwa-header-bg, #ffffff);
	}

	body.rwa-light-mode .rwa-header__nav .rwa-main-menu > li > a {
		color: var(--rwa-menu-text, #333);
	}
}

/* ==========================================================================
   CARDS
   ========================================================================== */
body.rwa-light-mode .rwa-post-card {
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.08);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

body.rwa-light-mode .rwa-post-card:hover {
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
	border-color: rgba(0, 0, 0, 0.12);
}

body.rwa-light-mode .rwa-post-card__title a {
	color: #1a1a2e;
}

body.rwa-light-mode .rwa-post-card__title a:hover {
	color: var(--rwa-primary);
}

body.rwa-light-mode .rwa-post-card__excerpt,
body.rwa-light-mode .rwa-post-card__meta {
	color: #666666;
}

/* ==========================================================================
   SINGLE POST / CONTENT
   ========================================================================== */
body.rwa-light-mode .rwa-single-post,
body.rwa-light-mode .rwa-content-area,
body.rwa-light-mode article {
	color: #333333;
}

body.rwa-light-mode .rwa-single-post {
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.08);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

body.rwa-light-mode .rwa-single-post__title,
body.rwa-light-mode h1, body.rwa-light-mode h2,
body.rwa-light-mode h3, body.rwa-light-mode h4,
body.rwa-light-mode h5, body.rwa-light-mode h6 {
	color: #1a1a2e;
}

body.rwa-light-mode p,
body.rwa-light-mode li,
body.rwa-light-mode td,
body.rwa-light-mode th {
	color: #444444;
}

body.rwa-light-mode a {
	color: var(--rwa-primary);
}

/* ==========================================================================
   SIDEBAR
   ========================================================================== */
body.rwa-light-mode .rwa-sidebar .widget {
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.08);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
	color: #333333;
}

body.rwa-light-mode .rwa-sidebar .widget-title {
	color: #1a1a2e;
	border-bottom-color: rgba(0, 0, 0, 0.1);
}

body.rwa-light-mode .rwa-sidebar a {
	color: #444444;
}

body.rwa-light-mode .rwa-sidebar a:hover {
	color: var(--rwa-primary);
}

/* ==========================================================================
   FORMS
   ========================================================================== */
body.rwa-light-mode input[type="text"],
body.rwa-light-mode input[type="email"],
body.rwa-light-mode input[type="url"],
body.rwa-light-mode input[type="search"],
body.rwa-light-mode input[type="password"],
body.rwa-light-mode textarea,
body.rwa-light-mode select {
	background: #ffffff;
	border: 1px solid #d0d0d0;
	color: #333333;
}

body.rwa-light-mode input:focus,
body.rwa-light-mode textarea:focus,
body.rwa-light-mode select:focus {
	border-color: var(--rwa-primary);
	box-shadow: 0 0 0 3px rgba(var(--rwa-primary), 0.1);
}

/* ==========================================================================
   PAGINATION
   ========================================================================== */
body.rwa-light-mode .rwa-pagination a,
body.rwa-light-mode .rwa-pagination span {
	background: #ffffff;
	border: 1px solid #d0d0d0;
	color: #555555;
}

body.rwa-light-mode .rwa-pagination a:hover,
body.rwa-light-mode .rwa-pagination .current {
	background: var(--rwa-primary);
	color: #ffffff;
	border-color: var(--rwa-primary);
}

/* ==========================================================================
   COMMENTS
   ========================================================================== */
body.rwa-light-mode .rwa-comments,
body.rwa-light-mode .comment-body {
	background: #ffffff;
	color: #333333;
}

body.rwa-light-mode .comment-author {
	color: #1a1a2e;
}

/* ==========================================================================
   FOOTER — light
   ========================================================================== */
body.rwa-light-mode .rwa-footer {
	background: #ffffff;
	color: #555;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}

body.rwa-light-mode .rwa-footer__widgets {
	border-bottom-color: rgba(0, 0, 0, 0.08);
}

body.rwa-light-mode .rwa-footer .widget-title,
body.rwa-light-mode .rwa-footer .rwa-widget__title {
	color: #1a1a2e;
}

body.rwa-light-mode .rwa-footer a {
	color: #555;
}

body.rwa-light-mode .rwa-footer a:hover {
	color: var(--rwa-primary);
}

body.rwa-light-mode .rwa-footer__copyright {
	color: #888;
}

body.rwa-light-mode .rwa-footer-menu a {
	color: #555;
}

body.rwa-light-mode .rwa-footer-menu a:hover {
	color: var(--rwa-primary);
}

/* ─── Skin Pro Footer (light) ─── */
body.rwa-light-mode.rwa-skin-skin-pro .rwa-footer {
	background: #ffffff;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-footer .widget-title {
	color: #0a8a74;
}

/* ==========================================================================
   SKIN PRO CARDS (light overrides)
   ========================================================================== */
body.rwa-light-mode.rwa-skin-skin-pro .rwa-post-card {
	background: #ffffff;
	backdrop-filter: none;
	border: 1px solid rgba(0, 0, 0, 0.08);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-post-card:hover {
	border-color: rgba(0, 0, 0, 0.12);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-post-card__title a {
	color: #1a1a2e;
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-post-card__title a:hover {
	color: #0a8a74;
}

/* Skin Pro Single Post (light) */
body.rwa-light-mode.rwa-skin-skin-pro .rwa-single-post {
	background: #ffffff;
	backdrop-filter: none;
	border: 1px solid rgba(0, 0, 0, 0.08);
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-single-post__title {
	background: none;
	-webkit-text-fill-color: unset;
	color: #1a1a2e;
}

/* Skin Pro Sidebar (light) */
body.rwa-light-mode.rwa-skin-skin-pro .rwa-sidebar {
	background: #ffffff;
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-sidebar .widget {
	background: #ffffff;
	backdrop-filter: none;
	border: 1px solid rgba(0, 0, 0, 0.08);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-sidebar .widget-title {
	color: #0a8a74;
	border-bottom-color: rgba(0, 0, 0, 0.1);
}

/* Skin Pro Forms (light) */
body.rwa-light-mode.rwa-skin-skin-pro input[type="text"],
body.rwa-light-mode.rwa-skin-skin-pro input[type="email"],
body.rwa-light-mode.rwa-skin-skin-pro input[type="url"],
body.rwa-light-mode.rwa-skin-skin-pro textarea {
	background: #ffffff;
	border: 1px solid #d0d0d0;
	color: #333;
}

body.rwa-light-mode.rwa-skin-skin-pro input:focus,
body.rwa-light-mode.rwa-skin-skin-pro textarea:focus {
	border-color: var(--rwa-primary, #00f5d4);
	box-shadow: 0 0 0 3px rgba(0, 245, 212, 0.1);
}

/* Skin Pro Pagination (light) */
body.rwa-light-mode.rwa-skin-skin-pro .rwa-pagination a,
body.rwa-light-mode.rwa-skin-skin-pro .rwa-pagination span {
	background: #ffffff;
	border: 1px solid #d0d0d0;
	color: #555;
}

body.rwa-light-mode.rwa-skin-skin-pro .rwa-pagination a:hover,
body.rwa-light-mode.rwa-skin-skin-pro .rwa-pagination .current {
	background: linear-gradient(135deg, #00f5d4, #7b2ff7);
	color: #ffffff;
	border-color: transparent;
}

/* Skin Pro Back to Top (light) */
body.rwa-light-mode.rwa-skin-skin-pro .rwa-back-to-top {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

/* ==========================================================================
   PLAYER (light mode)
   ========================================================================== */
body.rwa-light-mode .rwa-player {
	background: linear-gradient(135deg, #ffffff 0%, #f0f0f5 50%, #e8e8f0 100%);
	color: #333;
	box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.1);
}

body.rwa-light-mode .rwa-player__artwork {
	background: #e0e0e0;
}

body.rwa-light-mode .rwa-player__name {
	color: #1a1a2e;
}

body.rwa-light-mode .rwa-player__desc {
	color: rgba(0, 0, 0, 0.55);
}

body.rwa-light-mode .rwa-player__badge {
	background: rgba(16, 185, 129, 0.12);
}

body.rwa-light-mode .rwa-player__btn {
	color: rgba(0, 0, 0, 0.6);
}

body.rwa-light-mode .rwa-player__btn:hover {
	color: #333;
	background: rgba(0, 0, 0, 0.06);
}

/* Play button keeps its accent color */
body.rwa-light-mode .rwa-player__btn--play {
	color: #fff;
}

body.rwa-light-mode .rwa-player__btn--play:hover {
	color: #fff;
}

/* Volume popup */
body.rwa-light-mode .rwa-player__volume-wrap {
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
}

body.rwa-light-mode .rwa-player__volume {
	background: rgba(0, 0, 0, 0.1);
}

body.rwa-light-mode .rwa-player__volume::-webkit-slider-runnable-track {
	background: rgba(0, 0, 0, 0.1);
}

body.rwa-light-mode .rwa-player__volume::-moz-range-track {
	background: rgba(0, 0, 0, 0.1);
}

/* Mini toggle pill */
body.rwa-light-mode #rwa-player-mini-toggle {
	background: linear-gradient(135deg, #ffffff, #f0f0f5);
	color: #333;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* Share modal — already light, but reinforce */
body.rwa-light-mode .rwa-share__overlay {
	background: rgba(0, 0, 0, 0.4);
}

/* Toast */
body.rwa-light-mode .rwa-player__toast {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* ==========================================================================
   BREADCRUMBS / META
   ========================================================================== */
body.rwa-light-mode .rwa-breadcrumbs {
	color: #666666;
}

body.rwa-light-mode .rwa-breadcrumbs a {
	color: #555555;
}

/* ==========================================================================
   ELEMENTOR OVERRIDES
   ========================================================================== */
body.rwa-light-mode .elementor-widget-container {
	color: #333333;
}

body.rwa-light-mode .elementor-heading-title {
	color: #1a1a2e;
}

/* ==========================================================================
   NEWS CAROUSEL (light)
   ========================================================================== */
body.rwa-light-mode .rwa-news-card {
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.08);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

body.rwa-light-mode .rwa-news-card:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

body.rwa-light-mode .rwa-news-card__title a {
	color: #1a1a2e;
}

body.rwa-light-mode .rwa-news-card__excerpt {
	color: #666666;
}

/* News Carousel (rwa-nc) */
body.rwa-light-mode .rwa-nc__card {
	background: #ffffff;
	border-radius: 14px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
	border: 1px solid rgba(0, 0, 0, 0.06);
	overflow: hidden;
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}

body.rwa-light-mode .rwa-nc__card:hover {
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
}

body.rwa-light-mode .rwa-nc__thumb {
	background: #e0e0e6;
}

body.rwa-light-mode .rwa-nc__thumb-placeholder {
	background: #e0e0e6;
	color: #aaa;
}

body.rwa-light-mode .rwa-nc__body {
	padding: 14px 12px 16px;
}

body.rwa-light-mode .rwa-nc__category {
	color: #888 !important;
}

body.rwa-light-mode .rwa-nc__date {
	color: #999 !important;
}

body.rwa-light-mode .rwa-nc__title {
	color: #1a1a2e !important;
}

body.rwa-light-mode .rwa-nc__card:hover .rwa-nc__title {
	color: var(--rwa-primary, #ff6b35) !important;
}

body.rwa-light-mode .rwa-nc__card-link {
	color: inherit;
}

body.rwa-light-mode .rwa-nc__header h2 {
	color: #1a1a2e;
}

body.rwa-light-mode .rwa-nc__header a {
	color: #777;
}

body.rwa-light-mode .rwa-nc__header a:hover {
	color: #1a1a2e;
}

body.rwa-light-mode .rwa-nc__arrow {
	background: rgba(255, 255, 255, 0.85) !important;
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	color: #333 !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

body.rwa-light-mode .rwa-nc__arrow:hover {
	background: var(--rwa-primary, #ff6b35) !important;
	border-color: var(--rwa-primary, #ff6b35) !important;
	color: #fff !important;
}

body.rwa-light-mode .rwa-nc__progress {
	background: rgba(0, 0, 0, 0.06);
}

/* ==========================================================================
   SLIDER (light — arrows and dots only, bg images stay as-is)
   ========================================================================== */
body.rwa-light-mode .rwa-slider__arrow {
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid rgba(0, 0, 0, 0.1);
	color: #333;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

body.rwa-light-mode .rwa-slider__arrow:hover {
	background: var(--rwa-primary, #ff6b35);
	border-color: var(--rwa-primary, #ff6b35);
	color: #fff;
}

body.rwa-light-mode .rwa-slider__dot {
	background: rgba(255, 255, 255, 0.5);
	border-color: rgba(255, 255, 255, 0.6);
}

/* ==========================================================================
   SOCIAL LINKS (light — generic)
   ========================================================================== */
body.rwa-light-mode .rwa-social__link {
	background: rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(0, 0, 0, 0.08);
	color: #555;
}

body.rwa-light-mode .rwa-social__link:hover {
	background: var(--rwa-primary);
	border-color: var(--rwa-primary);
	color: #ffffff;
}

/* ==========================================================================
   BACK TO TOP (light)
   ========================================================================== */
body.rwa-light-mode .rwa-back-to-top {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

/* ==========================================================================
   TOGGLE BUTTON STYLES
   ========================================================================== */
.rwa-mode-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: none;
	background: rgba(255, 255, 255, 0.08);
	border-radius: 50%;
	cursor: pointer;
	padding: 0;
	color: rgba(255, 255, 255, 0.8);
	transition: all 0.3s ease;
	position: relative;
}

.rwa-mode-toggle:hover {
	background: rgba(255, 255, 255, 0.15);
	color: #ffffff;
}

/* In light mode the toggle sits on a light header */
body.rwa-light-mode .rwa-mode-toggle {
	background: rgba(0, 0, 0, 0.06);
	color: #555;
}

body.rwa-light-mode .rwa-mode-toggle:hover {
	background: rgba(0, 0, 0, 0.1);
	color: #333;
}

/* Sun icon (shown in dark mode — click to go light) */
.rwa-mode-toggle__sun,
.rwa-mode-toggle__moon {
	position: absolute;
	transition: opacity 0.3s, transform 0.3s;
}

.rwa-mode-toggle__sun {
	opacity: 1;
	transform: rotate(0deg);
}

.rwa-mode-toggle__moon {
	opacity: 0;
	transform: rotate(-90deg);
}

/* When light mode is active, show moon, hide sun */
body.rwa-light-mode .rwa-mode-toggle__sun {
	opacity: 0;
	transform: rotate(90deg);
}

body.rwa-light-mode .rwa-mode-toggle__moon {
	opacity: 1;
	transform: rotate(0deg);
}

/* ==========================================================================
   SMOOTH TRANSITIONS
   ========================================================================== */
body.rwa-mode-transitioning,
body.rwa-mode-transitioning *,
body.rwa-mode-transitioning *::before,
body.rwa-mode-transitioning *::after {
	transition: background-color 0.4s ease,
	            color 0.4s ease,
	            border-color 0.4s ease,
	            box-shadow 0.4s ease !important;
}