/*
Theme Name: Gangsteel Spacious Child
Theme URI: https://gangsteel.com/
Description: Child theme of Spacious Pro for the approved Gangsteel navy-corporate look. Parent theme files are not edited. Rollback: activate Spacious Pro.
Author: Gangsteel
Template: spacious-pro
Version: 1.0.0
*/

/*
 * Gangsteel.com Additional CSS — 2026-11-11
 * Navy-corporate chrome from the approved mockup.
 * Rollback: /workspace/gangsteel-theme-apply-2026-11-11/backups/wp-custom-css-before.css
 * Keeps the previous featured-slider position rules.
 */

/* ===== Prior slider position (kept) ===== */
#featured-slider .slider-read-more-button {
	padding: 10px 15px;
	padding: 1rem 1.5rem;
}
@media screen and (min-width: 1450px) {
	#featured-slider .entry-container {
		left: 15%;
	}
	#featured-slider .entry-container-right {
		right: 15%;
		left: auto;
	}
}

/* ===== Tokens ===== */
:root {
	--gs-navy: #1b365d;
	--gs-navy-deep: #122440;
	--gs-navy-mid: #193359;
	--gs-gold: #c4a35a;
	--gs-paper: #edf3f8;
	--gs-line: #e6edf4;
	--gs-muted: #5a6f8c;
}

/* ===== Accent: replace cyan #289dcc with navy ===== */
blockquote { border-left-color: var(--gs-navy); }
.spacious-button, input[type="reset"], input[type="button"], input[type="submit"], button,
.spacious-woocommerce-cart-views .cart-value { background-color: var(--gs-navy); }
a { color: var(--gs-navy); }
#site-title a { color: var(--gs-navy-deep); font-family: Georgia, "Times New Roman", serif; font-weight: 700; letter-spacing: 0.06em; }
#site-title a:hover { color: var(--gs-navy); }
.main-navigation a { color: var(--gs-navy); }
.main-navigation ul li.current_page_item a,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation a:hover,
.main-navigation ul li:hover > a { color: var(--gs-navy-deep); }
.main-navigation ul li ul { border-top-color: var(--gs-navy); }
.main-navigation ul li ul li a:hover,
.main-navigation ul li ul li:hover > a,
.main-navigation ul li.current-menu-item ul li a:hover { color: var(--gs-navy-deep); }
.small-menu a { color: rgba(255,255,255,0.92); }
.small-menu a:hover,
.small-menu ul li.current-menu-item a,
.small-menu ul li.current_page_item a,
.small-menu ul li:hover > a { color: #fff; }
#featured-slider .slider-read-more-button,
.slider-cycle .cycle-prev, .slider-cycle .cycle-next, #progress,
.widget_our_clients .clients-cycle-prev,
.widget_our_clients .clients-cycle-next { background-color: #fff; color: var(--gs-navy); }
#featured-slider .slider-read-more-button:hover,
.slider-cycle .cycle-prev:hover, .slider-cycle .cycle-next:hover,
.call-to-action-button:hover, .entry-meta .read-more-link:hover,
.spacious-button:hover, input[type="reset"]:hover,
input[type="button"]:hover, input[type="submit"]:hover, button:hover { background: var(--gs-paper); color: var(--gs-navy-deep); }
.main-small-navigation li:hover,
.main-small-navigation ul > .current_page_item,
.main-small-navigation ul > .current-menu-item { background: var(--gs-navy); }
#controllers a:hover, #controllers a.active { background-color: var(--gs-navy); color: var(--gs-navy); }
.widget_service_block a.more-link:hover,
.widget_featured_single_post a.read-more:hover,
#secondary a:hover { color: var(--gs-navy-deep); }
.breadcrumb a:hover { color: var(--gs-navy); }
.tg-one-half .widget-title a:hover,
.tg-one-third .widget-title a:hover,
.tg-one-fourth .widget-title a:hover { color: var(--gs-navy); }
.pagination span, .site-header .menu-toggle:hover, #team-controllers a.active,
#team-controllers a:hover { background-color: var(--gs-navy); }
.pagination a span:hover { color: var(--gs-navy); border-color: var(--gs-navy); }
.call-to-action-button { background-color: var(--gs-navy); }
.call-to-action-content-wrapper { border-color: #EAEAEA #EAEAEA #EAEAEA var(--gs-navy); }
.widget-title span { border-bottom-color: var(--gs-gold); }
.read-more, .more-link { color: var(--gs-navy); }
.post .entry-title a:hover, .page .entry-title a:hover { color: var(--gs-navy); }
.entry-meta .read-more-link { background-color: var(--gs-navy); }
.entry-meta a:hover, .type-page .entry-meta a:hover { color: var(--gs-navy); }
a#scroll-up { background-color: var(--gs-navy); }
#search-form span { background-color: var(--gs-navy); }
.single #content .tags a:hover, .previous a:hover, .next a:hover { border-color: var(--gs-navy); color: var(--gs-navy); }
#content .wp-pagenavi .current, #content .wp-pagenavi a:hover, .sub-toggle { background-color: var(--gs-navy); }

/* ===== Header chrome ===== */
#header-meta {
	background: var(--gs-navy);
	color: rgba(255,255,255,0.9);
	border-bottom: 0;
}
#header-meta .small-info-text,
#header-meta .small-info-text p,
#header-meta .small-info-text a {
	color: rgba(255,255,255,0.92);
	margin: 0;
}
/* Placeholder social destinations are generic and not used in the approved mockup */
#header-meta .social-links { display: none; }
#header-text-nav-container {
	background: #fff;
	border-bottom: 1px solid var(--gs-line);
}
#header-text-nav-wrap { padding-top: 8px; padding-bottom: 8px; }
#site-description {
	color: var(--gs-muted);
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-top: 4px;
}
.main-navigation li { font-weight: 500; }

/* ===== Featured slider ===== */
#featured-slider .entry-description-container {
	background: transparent;
	padding: 0;
}
#featured-slider .entry-title,
#featured-slider .entry-title a,
#featured-slider .entry-title span {
	color: #fff;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 600;
	letter-spacing: -0.02em;
	text-shadow: 0 1px 2px rgba(18,36,64,0.35);
}
#featured-slider .entry-content,
#featured-slider .entry-content p {
	color: rgba(255,255,255,0.9);
	text-shadow: 0 1px 2px rgba(18,36,64,0.35);
}
#featured-slider .slider-read-more-button {
	background-color: #fff !important;
	color: var(--gs-navy) !important;
	border-radius: 2px;
	font-weight: 600;
	letter-spacing: 0.04em;
	box-shadow: none;
}
#featured-slider .slider-read-more-button:hover {
	background: var(--gs-paper) !important;
	color: var(--gs-navy-deep) !important;
}

/* ===== Footer ===== */
#colophon,
.footer-widgets-wrapper {
	background: var(--gs-navy-deep);
	color: rgba(255,255,255,0.8);
}
.footer-widgets-area,
.footer-widgets-area p,
.footer-widgets-area li,
.footer-widgets-area .widget,
.footer-widgets-area .textwidget {
	color: rgba(255,255,255,0.82);
}
.footer-widgets-area a { color: rgba(255,255,255,0.88) !important; }
.footer-widgets-area a:hover { color: #fff !important; }
.footer-widgets-area .widget-title,
.footer-widgets-area .widget-title span,
.footer-widgets-area .rpwe-title a {
	color: #fff;
}
.footer-widgets-area .widget-title span {
	border-bottom: 2px solid var(--gs-gold);
}
.footer-socket-wrapper {
	background: #0e1c33;
	color: rgba(255,255,255,0.6);
}
.footer-socket-wrapper a,
.footer-socket-wrapper .small-menu a { color: rgba(255,255,255,0.75); }
.footer-socket-wrapper a:hover,
.footer-socket-wrapper .small-menu a:hover,
.footer-socket-wrapper .copyright a:hover { color: #fff; }

/* ===== Mobile tables: keep wide tables inside the article column ===== */
#primary, #content, .inner-wrap, article, .entry-content {
	min-width: 0;
	max-width: 100%;
}
.entry-content {
	overflow-x: auto;
}
@media screen and (max-width: 768px) {
	.entry-content table {
		max-width: none;
	}
	#header-logo-image img.custom-logo {
		max-height: 56px;
		width: auto;
	}
}

/* Reserve the 1400×500 slider box so Cycle2 does not shove #main after load (home desktop CLS was 0.615 on 2026-11-10). */
#featured-slider {
	aspect-ratio: 14 / 5;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	background: #1b365d;
}
#featured-slider .slider-cycle,
#featured-slider .slides,
#featured-slider figure {
	width: 100%;
	height: 100%;
	margin: 0;
}
#featured-slider figure img,
#featured-slider img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	vertical-align: top;
}