/*
 Theme Name:   Blocksy Child — Portugalete
 Theme URI:    https://laguntza.portugalete.org
 Description:  Child theme for Laguntza with Ayuntamiento de Portugalete branding.
 Author:       Laguntza
 Template:     blocksy
 Version:      1.2.2
 Text Domain:  blocksy-child
*/

:root {
	--portugalete-yellow: #fff3c4;
	--portugalete-yellow-soft: #f7f0d4;
	--portugalete-yellow-line: #e8d48a;
	--portugalete-yellow-btn: #f0d66a;
	--portugalete-yellow-btn-hover: #e5c84a;
	--portugalete-blue: #115685;
	--portugalete-blue-hover: #0d4468;
	--portugalete-ink: #1a1a1a;
	--portugalete-muted: #5c6670;
	--portugalete-surface: #fafaf7;
}

/* -------------------------------------------------------------------------
   Header — light corporate yellow, dark nav (no solid blue bar)
   ------------------------------------------------------------------------- */
[data-header*="type-1"] .ct-header [data-row*="middle"] {
	background-color: var(--portugalete-yellow) !important;
	--theme-text-color: var(--portugalete-ink) !important;
	border-bottom: 1px solid var(--portugalete-yellow-line);
	box-shadow: 0 1px 0 rgba(17, 86, 133, 0.06);
}

[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a {
	--theme-link-initial-color: var(--portugalete-ink) !important;
	--theme-link-hover-color: var(--portugalete-blue) !important;
	font-weight: 500;
	letter-spacing: 0.02em;
}

[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a:hover,
[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a:focus,
[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li.current-menu-item > a,
[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li.current_page_item > a {
	color: var(--portugalete-blue) !important;
	text-decoration: none;
	box-shadow: inset 0 -2px 0 var(--portugalete-blue);
}

[data-header*="type-1"] .ct-header [data-row*="middle"] .ct-header-trigger,
[data-header*="type-1"] .ct-header [data-row*="middle"] .ct-header-search {
	--theme-icon-color: var(--portugalete-ink);
	color: var(--portugalete-ink);
}

[data-header*="type-1"] .ct-header [data-row*="middle"] .ct-header-trigger:hover,
[data-header*="type-1"] .ct-header [data-row*="middle"] .ct-header-trigger:focus,
[data-header*="type-1"] .ct-header [data-row*="middle"] .ct-header-search:hover,
[data-header*="type-1"] .ct-header [data-row*="middle"] .ct-header-search:focus {
	color: var(--portugalete-blue);
}

[data-header*="type-1"] .ct-header [data-row*="middle"] .site-title a,
[data-header*="type-1"] .ct-header [data-row*="middle"] .ct-logo .site-title {
	color: var(--portugalete-ink) !important;
}

[data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container {
	--logo-max-height: 75px;
	height: 75px;
}

[data-header*="type-1"] .ct-header .site-logo-container img {
	max-height: 75px;
	height: 75px;
	width: auto;
}

/* -------------------------------------------------------------------------
   Content — calm institutional surface
   ------------------------------------------------------------------------- */
body {
	background-color: var(--portugalete-surface);
}

.entry-content,
.ct-container > article {
	color: var(--portugalete-ink);
}

.entry-header .page-title,
.hero-section .page-title {
	color: var(--portugalete-blue);
	font-weight: 600;
	letter-spacing: -0.01em;
}

/* -------------------------------------------------------------------------
   Links — blue; buttons — corporate yellow (never blue fill)
   ------------------------------------------------------------------------- */
a {
	color: var(--portugalete-blue);
}

a:hover,
a:focus {
	color: var(--portugalete-blue-hover);
}

.button:not(.wp-block-button__link),
.ct-button,
.wp-element-button,
button[type="submit"],
input[type="submit"],
.laguntza-button,
.laguntza-form button[type="submit"],
.laguntza-actions .laguntza-button {
	background-color: var(--portugalete-yellow-btn) !important;
	border-color: var(--portugalete-yellow-line) !important;
	color: var(--portugalete-ink) !important;
	border-radius: 4px;
	font-weight: 600;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.button:not(.wp-block-button__link):hover,
.ct-button:hover,
.wp-element-button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.laguntza-button:hover,
.laguntza-form button[type="submit"]:hover,
.laguntza-actions .laguntza-button:hover,
.button:not(.wp-block-button__link):focus,
.ct-button:focus,
.wp-element-button:focus,
button[type="submit"]:focus,
input[type="submit"]:focus,
.laguntza-button:focus,
.laguntza-form button[type="submit"]:focus {
	background-color: var(--portugalete-yellow-btn-hover) !important;
	border-color: var(--portugalete-yellow-btn-hover) !important;
	color: var(--portugalete-ink) !important;
}

/* Form fields — clearer, professional */
.laguntza-form input[type="text"],
.laguntza-form input[type="email"],
.laguntza-form input[type="tel"],
.laguntza-form input[type="file"],
.laguntza-form select,
.laguntza-form textarea,
.entry-content input[type="text"],
.entry-content input[type="email"],
.entry-content input[type="tel"],
.entry-content select,
.entry-content textarea {
	border-radius: 4px;
	border-color: #d0d5da;
}

.laguntza-form input:focus,
.laguntza-form select:focus,
.laguntza-form textarea:focus,
.entry-content input:focus,
.entry-content select:focus,
.entry-content textarea:focus {
	border-color: var(--portugalete-blue);
	outline: 2px solid rgba(17, 86, 133, 0.15);
	outline-offset: 0;
}

@media (max-width: 689px) {
	[data-header*="type-1"] .ct-header .site-logo-container img {
		max-height: 56px;
	}
}