/**
 * DE2EU — GeneratePress child theme
 * Portal / logistics look: cool slate surfaces, steel blue, amber CTA.
 */

:root {
	--de2eu-ink: #0a1f33;
	--de2eu-steel: #1b4f72;
	--de2eu-steel-soft: #2e6a96;
	--de2eu-accent: #e0a106;
	--de2eu-accent-ink: #1a1400;
	--de2eu-surface: #eef2f6;
	--de2eu-surface-2: #f7f9fb;
	--de2eu-card: #ffffff;
	--de2eu-line: #cfd8e3;
	--de2eu-muted: #5c6b7a;
	--de2eu-success: #1f7a4d;
	--de2eu-radius: 4px;
	--de2eu-font-ui: "Barlow", "Segoe UI", sans-serif;
	--de2eu-font-body: "IBM Plex Sans", "Segoe UI", sans-serif;
	--de2eu-shadow: 0 1px 0 rgba(10, 31, 51, 0.04), 0 12px 32px rgba(10, 31, 51, 0.06);
}

/* -------------------------------------------------------------------------
 * Base
 * ---------------------------------------------------------------------- */

body {
	color: var(--de2eu-ink);
	background: var(--de2eu-surface);
	font-family: var(--de2eu-font-body);
	line-height: 1.55;
}

h1,
h2,
h3,
h4,
.main-title,
.site-branding .main-title a {
	font-family: var(--de2eu-font-ui);
	font-weight: 650;
	letter-spacing: -0.02em;
	color: var(--de2eu-ink);
}

a {
	color: var(--de2eu-steel);
}

a:hover,
a:focus {
	color: var(--de2eu-steel-soft);
}

/* -------------------------------------------------------------------------
 * Header / nav
 * ---------------------------------------------------------------------- */

.site-header {
	background: var(--de2eu-ink);
	border-bottom: 3px solid var(--de2eu-accent);
	box-shadow: none;
}

.site-header .main-title a,
.site-header .site-description,
.main-navigation a,
.main-navigation .main-nav > ul > li > a {
	color: #f4f7fa;
}

.main-navigation .main-nav > ul > li > a:hover,
.main-navigation .main-nav > ul > li:hover > a,
.main-navigation .main-nav > ul > li[class*="current-menu-"] > a {
	color: var(--de2eu-accent);
}

.de2eu-header-utilities {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	margin-left: 1rem;
	vertical-align: middle;
}

.de2eu-header-utilities a,
.de2eu-header-utilities button {
	color: #f4f7fa;
	font-family: var(--de2eu-font-ui);
	font-size: 0.875rem;
	font-weight: 500;
}

/* -------------------------------------------------------------------------
 * Layout content
 * ---------------------------------------------------------------------- */

.site-content {
	padding-top: 1.5rem;
	padding-bottom: 2.5rem;
}

.inside-article,
.woocommerce-MyAccount-content,
.woocommerce-cart-form,
.woocommerce-checkout,
.entry-content .wp-block-group {
	background: var(--de2eu-card);
	border: 1px solid var(--de2eu-line);
	border-radius: var(--de2eu-radius);
	box-shadow: var(--de2eu-shadow);
}

.inside-article {
	padding: 1.5rem 1.75rem;
}

.entry-header {
	margin-bottom: 1.25rem;
}

.entry-meta,
.posted-on,
.cat-links {
	color: var(--de2eu-muted);
	font-size: 0.875rem;
}

/* -------------------------------------------------------------------------
 * Buttons / forms (WC + GP)
 * ---------------------------------------------------------------------- */

button,
.button,
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	font-family: var(--de2eu-font-ui);
	font-weight: 600;
	letter-spacing: 0.01em;
	border-radius: var(--de2eu-radius);
	border: 0;
	background: var(--de2eu-steel);
	color: #fff;
	transition: background 0.15s ease, transform 0.15s ease;
}

button:hover,
.button:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	background: var(--de2eu-steel-soft);
	color: #fff;
}

/* Primary CTA accent (place order / pay) */
.woocommerce #place_order,
.woocommerce button.button.alt.checkout-button,
.woocommerce-MyAccount-content .woocommerce-Button.button {
	background: var(--de2eu-accent);
	color: var(--de2eu-accent-ink);
}

.woocommerce #place_order:hover,
.woocommerce button.button.alt.checkout-button:hover,
.woocommerce-MyAccount-content .woocommerce-Button.button:hover {
	background: #f0b429;
	color: var(--de2eu-accent-ink);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
textarea,
select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
	border: 1px solid var(--de2eu-line);
	border-radius: var(--de2eu-radius);
	background: var(--de2eu-surface-2);
	color: var(--de2eu-ink);
}

input:focus,
textarea:focus,
select:focus {
	border-color: var(--de2eu-steel);
	outline: 2px solid rgba(27, 79, 114, 0.2);
	outline-offset: 1px;
}

/* -------------------------------------------------------------------------
 * WooCommerce account / portal
 * ---------------------------------------------------------------------- */

.woocommerce-account .woocommerce-MyAccount-navigation {
	background: var(--de2eu-card);
	border: 1px solid var(--de2eu-line);
	border-radius: var(--de2eu-radius);
	box-shadow: var(--de2eu-shadow);
	padding: 0.5rem 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: block;
	padding: 0.65rem 1.1rem;
	font-family: var(--de2eu-font-ui);
	font-weight: 500;
	color: var(--de2eu-ink);
	border-left: 3px solid transparent;
	text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
	background: var(--de2eu-surface);
	border-left-color: var(--de2eu-accent);
	color: var(--de2eu-ink);
}

.woocommerce-MyAccount-content {
	padding: 1.35rem 1.5rem;
}

.woocommerce-info,
.woocommerce-message {
	border-top-color: var(--de2eu-steel);
}

.woocommerce-message::before {
	color: var(--de2eu-success);
}

/* -------------------------------------------------------------------------
 * Footer
 * ---------------------------------------------------------------------- */

.site-footer {
	background: var(--de2eu-ink);
	color: #c5d0db;
	border-top: 0;
}

.site-footer a {
	color: #e8eef4;
}

.site-footer a:hover {
	color: var(--de2eu-accent);
}

.site-info {
	font-size: 0.875rem;
}

/* -------------------------------------------------------------------------
 * Utility: mailbox address card (for future account endpoint)
 * ---------------------------------------------------------------------- */

.de2eu-mailbox-card {
	background: linear-gradient(145deg, var(--de2eu-ink) 0%, #143553 100%);
	color: #f4f7fa;
	border-radius: var(--de2eu-radius);
	padding: 1.25rem 1.4rem;
	box-shadow: var(--de2eu-shadow);
}

.de2eu-mailbox-card__label {
	font-family: var(--de2eu-font-ui);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--de2eu-accent);
	margin: 0 0 0.5rem;
}

.de2eu-mailbox-card__id {
	font-family: var(--de2eu-font-ui);
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	margin: 0 0 0.75rem;
}

.de2eu-mailbox-card__address {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.45;
	opacity: 0.92;
}