/* ════════════════════════════════════════════════════════════
   The Outlet Collection at Riverwalk — 2026 Rebrand, sitewide layer
   v1.9.1 — rebuilt against the site's ACTUAL stylesheets
   (root.css variables + matt_Fall.css skin + general.css)

   Palette: Heritage Navy #3B457B · Navy Deep #2C345F
            Spanish Terracotta #E6A276 · Terra Deep #C97F4E
            Periwinkle #8BA4DE · Peri Soft #EDF1FA
   Fonts:   Poppins (headings) · DM Sans (body — site already uses it)

   Contrast rules: white text sits on navy only; terracotta and
   periwinkle backgrounds carry Navy Deep text.
   Event pages (Lundi Gras, Thursdays on the River) keep their own
   event colors on purpose.

   Off switch: define( 'RWCP_DISABLE_REBRAND', true ); in rw-campaign-pages.php
   ════════════════════════════════════════════════════════════ */

:root {
	--rwb-navy:       #3B457B;
	--rwb-navy-deep:  #2C345F;
	--rwb-terra:      #E6A276;
	--rwb-terra-deep: #C97F4E;
	--rwb-peri:       #8BA4DE;
	--rwb-peri-soft:  #EDF1FA;
	--rwb-ink:        #232941;
	--rwb-ink-soft:   #545C7E;

	/* ── The theme's own variable system (root.css) — repainted ── */
	--fc-heading-font: 'Poppins', sans-serif;
	--fc-heading-color: var(--rwb-navy);
	--fc-body-font: 'DM Sans', sans-serif;
	--fc-body-color: var(--rwb-ink);
	--fc-link-color: var(--rwb-navy);
	--fc-hover-color: var(--rwb-terra-deep);
	--fc-button-color: #ffffff;
	--fc-button-bg-color: var(--rwb-navy);
	--fc-button-border-color: var(--rwb-navy);
	--fc-button-hover-color: var(--rwb-navy-deep);
	--fc-button-hover-bg-color: var(--rwb-terra);
	--fc-button-hover-border-color: var(--rwb-terra);
	--fc-footer-bg-color: var(--rwb-navy-deep);
	--fc-footer-color: #ffffff;
	--fc-footer-link-color: #ffffff;
	--fc-footer-hover-color: var(--rwb-terra);
	--fc-social-icon-color: #ffffff;
	--fc-social-icon-hover-color: var(--rwb-terra);
	--fc-social-icon-border-color: var(--rwb-navy);
	--fc-social-icon-hover-bg-color: var(--rwb-navy);
	--fc-sub-menu-bg-color: var(--rwb-navy);
	--fc-sub-menu-link-color: #ffffff;
	--fc-sub-menu-hover-color: var(--rwb-terra);
	--fc-copyright-bg-color: var(--rwb-navy-deep);
	--fc-copyright-color: #ffffff;
	--fc-copyright-link-color: var(--rwb-terra);
	--fc-copyright-link-hover-color: #ffffff;
	--fc-sidebar-link-color: var(--rwb-navy);
	--fc-sidebar-link-hover-color: var(--rwb-terra-deep);
	--fc-sidebar-header-color: var(--rwb-navy);

	/* Bootstrap primary (was placeholder magenta) */
	--bs-primary: #3B457B;
	--bs-secondary: #545C7E;
}

/* ── Global typography ── */
h1, h2, h3, h4, h5, h6, strong, b { font-family: 'Poppins', 'DM Sans', sans-serif; }
h1, h2, h3, h4 { color: var(--rwb-navy); }
body, p, li, span, div, em { font-family: 'DM Sans', sans-serif; }
a { color: var(--rwb-ink); }
a:hover { color: var(--rwb-terra-deep); }
/* Campaign pages manage their own type — their class rules outrank
   these element defaults on their own. Cursive accents protected: */
#rwcp-main .rwcp-script,
#rwcp-main .rwcp-anniv__quote,
#rwcp-main .rwcp-home-hero__script {
	font-family: 'Dancing Script', cursive !important;
}

/* ════════════════════════════════════════════════════════════
   matt_Fall.css SKIN — recolored selector by selector
   (fall orange #EF4A24 / yellow #FCB015 / green #22A07C / blue #124B88)
   ════════════════════════════════════════════════════════════ */

/* Page headers (interior page title bands) — was orange */
.pageHeader { background-color: var(--rwb-navy) !important; }

/* Latest News accents — was orange */
.latestPostContainer h6 span { color: var(--rwb-terra-deep) !important; }
.latestPostContainer h6:after { background: var(--rwb-terra) !important; }

/* Video sound toggle + slider arrows — was orange */
.videoSound_BTN.turnOn span { color: var(--rwb-terra) !important; }
.videoSound_BTN.turnOn span:hover { color: #ffffff !important; }
.videoSound_BTN.turnOff span:hover { color: var(--rwb-terra) !important; }
.customVideoSlider .swiper-button-next:after,
.customVideoSlider .swiper-button-prev:after { color: var(--rwb-terra) !important; }

/* Home quick-link buttons — was green / yellow / orange → navy / terracotta / periwinkle */
#col-block_628590e494b09 .homeBTNS { background-color: var(--rwb-navy) !important; }
#col-block_628590bc94b08 .homeBTNS { background-color: var(--rwb-terra) !important; }
#col-block_628590bc94b08 .homeBTNS * { color: var(--rwb-navy-deep) !important; }
#col-block_6285901994b07 .homeBTNS { background-color: var(--rwb-peri) !important; }
#col-block_6285901994b07 .homeBTNS * { color: var(--rwb-navy-deep) !important; }

/* Content bands — was green / yellow */
#containerBlockblock_62865f517a13c { background-color: var(--rwb-navy) !important; }
#containerBlockblock_6290dee9d4cdf { background-color: var(--rwb-terra) !important; }
#containerBlockblock_6290dee9d4cdf * { color: var(--rwb-navy-deep) !important; }
#containerBlockblock_6285927194b0d:hover,
#containerBlockblock_628592a594b11:hover { background-color: var(--rwb-navy-deep) !important; }

/* Directory + mall map — was green fills, orange hovers */
.notEmpty { fill: var(--rwb-peri) !important; }
.floorplan_area:hover, .floorplan_area.active { fill: var(--rwb-terra) !important; }
.storeDirectoryMallMap .inner .dirBoxRow .content:hover,
.dirBoxRow.active { background: var(--rwb-navy) !important; }
.closeMap, .openMap { color: var(--rwb-navy) !important; }
.mallDirectoryBTN { background-color: var(--rwb-navy) !important; }
.mallMapBTN { background-color: var(--rwb-terra) !important; }
.mallMapBTN, .mallMapBTN * { color: var(--rwb-navy-deep) !important; }

/* Visitor info blocks — was orange / green */
.guestServicesBlock { background-color: var(--rwb-navy) !important; }
.policiesBlock { background-color: var(--rwb-navy-deep) !important; }
.directorySmallBTN a { background-color: var(--rwb-peri) !important; color: var(--rwb-navy-deep) !important; }
.brochureSmallBTN a { background-color: var(--rwb-terra-deep) !important; }

/* Events + deals cards — was orange / green */
.event { background-color: var(--rwb-navy) !important; }
.deal { background-color: var(--rwb-navy-deep) !important; }

/* Color utility classes the pages use — remapped to the new palette */
.orange { color: var(--rwb-terra-deep) !important; }
.yellow { color: var(--rwb-terra-deep) !important; }
.green { color: var(--rwb-navy) !important; }
.orange_bg { background-color: var(--rwb-navy) !important; }
.yellow_bg { background-color: var(--rwb-terra) !important; }
.yellow_bg *:not(.white):not(.white_all *) { color: var(--rwb-navy-deep) !important; }
.green_bg { background-color: var(--rwb-peri) !important; }
.green_bg *:not(.white):not(.white_all *) { color: var(--rwb-navy-deep) !important; }

/* ── Header / nav (matt_Fall) ── */
#navbarNavDropdown li a span:before,
#navbarNavDropdown li a span:after { background: var(--rwb-terra) !important; }
#navbarNavDropdown li a:hover span { color: var(--rwb-navy) !important; }
.navTopLinks .inner .box a { color: var(--rwb-navy) !important; }
.callus a .fas, .callus a .fab,
.box.groups a .fas { background-color: var(--rwb-navy) !important; }
.footer_two .callus a .fas, .footer_two .callus a .fab { background-color: #ffffff !important; color: var(--rwb-navy-deep) !important; }

/* ── Footer (was old navy #193E69) ── */
.site-footer { background: var(--rwb-navy-deep) !important; }
.footer_two .CTA_BTN a:hover { background: var(--rwb-terra); color: var(--rwb-navy-deep) !important; border-color: var(--rwb-terra); }

/* ── Mobile bottom bar + mobile menu ── */
.mobile_top_bar a { color: var(--rwb-navy) !important; }
.call i { background: var(--rwb-navy) !important; }
.mobileNavigationLinks .socialIcons a .fab { color: var(--rwb-navy) !important; }

/* ── Gravity Forms (all numbered forms + generic) — was orange/blue ── */
#gform_1 input[type="submit"], #gform_3 input[type="submit"],
#wppb-loginform input[type="submit"], #wppb-recover-password-button,
#gform_4 input[type="submit"], #gform_7 input[type="submit"],
#gform_8 input[type="submit"], #gform_9 input[type="submit"],
#gform_10 input[type="submit"], #gform_11 input[type="submit"],
#gform_submit_button_5,
.gform_footer input[type="submit"] {
	background: var(--rwb-terra) !important;
	color: var(--rwb-navy-deep) !important;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
}
#gform_1 input[type="submit"]:hover, #gform_3 input[type="submit"]:hover,
#wppb-loginform input[type="submit"]:hover, #wppb-recover-password-button:hover,
#gform_7 input[type="submit"]:hover, #gform_8 input[type="submit"]:hover,
#gform_9 input[type="submit"]:hover, #gform_10 input[type="submit"]:hover,
#gform_11 input[type="submit"]:hover, #gform_submit_button_5:hover,
.gform_footer input[type="submit"]:hover {
	background: var(--rwb-navy) !important;
	color: #ffffff !important;
}
div#gform_confirmation_message_3 { background: var(--rwb-navy) !important; }
.gform_body input:focus, .gform_body textarea:focus, .gform_body select:focus { border-color: var(--rwb-navy) !important; outline: none; }
.gform_wrapper label, .gform_wrapper .gfield_label { color: var(--rwb-ink); font-family: 'Poppins', sans-serif; font-weight: 600; }
.gform_wrapper .gfield_required { color: var(--rwb-terra-deep); }

/* ── Blog post links (general.css — was old gold/navy) ── */
.Blog-Post-Para a { color: var(--rwb-terra-deep) !important; }
.Blog-Post-Para a:hover { color: var(--rwb-navy) !important; }

/* ── Gutenberg buttons (inline theme CSS made them white/gray) ── */
.site-container .wp-block-button .wp-block-button__link:not(.has-background) {
	background-color: var(--rwb-navy) !important;
	color: #ffffff !important;
}
.site-container .wp-block-button .wp-block-button__link:not(.has-background):hover {
	background-color: var(--rwb-terra) !important;
	color: var(--rwb-navy-deep) !important;
}
.site-container .wp-block-button.is-style-outline .wp-block-button__link {
	border-color: var(--rwb-navy) !important;
	color: var(--rwb-navy) !important;
	background: transparent !important;
}
.site-container .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: var(--rwb-navy) !important;
	color: #ffffff !important;
}

/* ── Theme buttons (style.css button__square / __round) ── */
.button__square, .button__round {
	border-color: var(--rwb-navy) !important;
	color: var(--rwb-navy) !important;
	font-family: 'Poppins', sans-serif !important;
}
.button__square:hover, .button__round:hover {
	background-color: var(--rwb-navy) !important;
	color: #ffffff !important;
	border-color: var(--rwb-navy) !important;
}
.slider_content_container .button__square {
	background-color: var(--rwb-terra) !important;
	border-color: var(--rwb-terra) !important;
	color: var(--rwb-navy-deep) !important;
}
.slider_content_container .button__square:hover {
	background-color: #ffffff !important;
	border-color: #ffffff !important;
	color: var(--rwb-navy) !important;
}

/* ── Selection + generic touches ── */
::selection { background: var(--rwb-peri); color: var(--rwb-navy-deep); }
blockquote { border-left: 4px solid var(--rwb-terra); }
hr { border-color: var(--rwb-peri-soft); }