/*
Theme Name: R-LOK Industrial
Theme URI: https://runda-hitech.com/
Author: CHANGSHA RUNDA HITECH CO., LTD.
Author URI: https://runda-hitech.com/
Description: Lightweight industrial B2B block theme built for R-LOK instrumentation valves, tube fittings, pressure regulators, filters and hose assemblies. Navy and red palette, drop-down product navigation, built-in SEO meta and organisation schema, no demo content.
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: r-lok-industrial
Tags: business, industrial, full-site-editing, block-patterns, custom-colors, custom-menu, translation-ready
*/

/* ---------------------------------------------------------------
   1. Top utility bar
   --------------------------------------------------------------- */
.rlok-topbar {
	background-color: var(--wp--preset--color--navy-dark, #071a33);
	color: #cbd6e2;
	font-size: 13px;
	padding: 7px 0;
}

.rlok-topbar-inner {
	margin: 0 auto;
	max-width: var(--wp--style--global--wide-size, 1400px);
	padding: 0 20px;
}

.rlok-topbar p {
	margin: 0;
	font-size: 13px;
	line-height: 1.5;
}

.rlok-topbar a {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}

.rlok-topbar a:hover {
	border-bottom-color: #ffffff;
}

.rlok-topbar-tag {
	letter-spacing: 0.02em;
	text-transform: uppercase;
	font-size: 11.5px;
}

/* ---------------------------------------------------------------
   2. Header and navigation
   --------------------------------------------------------------- */
.rlok-header {
	background-color: #ffffff;
	border-bottom: 1px solid #dde3ea;
	box-shadow: 0 1px 0 rgba(11, 37, 69, 0.04);
	position: sticky;
	top: 0;
	z-index: 50;
}

.rlok-header-inner {
	margin: 0 auto;
	max-width: var(--wp--style--global--wide-size, 1400px);
	padding: 14px 20px;
	gap: 24px;
}

.rlok-brand,
.rlok-brand a {
	color: var(--wp--preset--color--navy, #0b2545);
	font-size: 21px;
	font-weight: 700;
	letter-spacing: 0.01em;
	line-height: 1.2;
	text-decoration: none;
}

.rlok-brand a:hover {
	color: var(--wp--preset--color--red, #c8102e);
}

.rlok-nav {
	font-size: 15px;
	font-weight: 600;
}

.rlok-nav .wp-block-navigation-item__content {
	color: var(--wp--preset--color--navy, #0b2545);
	padding: 10px 12px;
	text-decoration: none;
}

.rlok-nav .wp-block-navigation-item__content:hover,
.rlok-nav .current-menu-item > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--red, #c8102e);
}

.rlok-nav .wp-block-navigation__submenu-container {
	background-color: #ffffff;
	border: 1px solid #dde3ea;
	box-shadow: 0 16px 32px rgba(11, 37, 69, 0.14);
	min-width: 260px;
	padding: 6px 0;
}

.rlok-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	font-weight: 500;
	padding: 9px 18px;
}

.rlok-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	background-color: var(--wp--preset--color--light, #f4f6f9);
}

/* ---------------------------------------------------------------
   3. Content niceties
   --------------------------------------------------------------- */
.entry-content > .wp-block-group:first-child {
	margin-top: 0;
}

.wp-block-table table {
	border-collapse: collapse;
	width: 100%;
}

.wp-block-table th,
.wp-block-table td {
	border: 1px solid #dde3ea;
	padding: 10px 14px;
	text-align: left;
	vertical-align: top;
}

.wp-block-table thead th {
	background-color: var(--wp--preset--color--light, #f4f6f9);
	font-weight: 600;
}

.wp-block-details {
	background-color: #ffffff;
	border: 1px solid #dde3ea;
	border-radius: 4px;
	margin-bottom: 10px;
	padding: 14px 18px;
}

.wp-block-details summary {
	cursor: pointer;
	font-weight: 600;
	color: var(--wp--preset--color--navy, #0b2545);
}

.wp-block-details[open] summary {
	margin-bottom: 10px;
}

.wp-block-image img {
	height: auto;
	max-width: 100%;
}

.wp-block-columns .wp-block-image {
	background-color: #ffffff;
	border: 1px solid #e6ebf1;
	border-radius: 4px;
	padding: 10px;
}

/* ---------------------------------------------------------------
   4. Footer
   --------------------------------------------------------------- */
.rlok-footer {
	background-color: var(--wp--preset--color--navy, #0b2545);
	color: #cbd6e2;
	font-size: 14.5px;
	padding: 56px 0 0;
}

.rlok-footer-inner {
	margin: 0 auto;
	max-width: var(--wp--style--global--wide-size, 1400px);
	padding: 0 20px;
}

.rlok-footer h2,
.rlok-footer h3 {
	color: #ffffff;
	font-size: 15px;
	letter-spacing: 0.06em;
	margin: 0 0 14px;
	text-transform: uppercase;
}

.rlok-footer a {
	color: #dbe4ee;
	text-decoration: none;
}

.rlok-footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.rlok-footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.rlok-footer li {
	margin-bottom: 8px;
}

.rlok-footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	font-size: 13px;
	margin-top: 40px;
	padding: 18px 0 24px;
}

.rlok-footer-bottom p {
	font-size: 13px;
	margin: 0;
}

/* ---------------------------------------------------------------
   5. Small screens
   --------------------------------------------------------------- */
@media (max-width: 782px) {
	.rlok-topbar-tag {
		display: none;
	}

	.rlok-header-inner {
		padding: 12px 16px;
	}

	.rlok-brand,
	.rlok-brand a {
		font-size: 18px;
	}
}