/*
Theme Name: Twój Szczecin
Theme URI: https://twojszczecin.pl/
Description: Motyw potomny portalu twojszczecin.pl: logo i ikony, menu (działy + dzielnice), stopka, strona główna „dziś w mieście”, konfiguracja regionu (portal/portal.json: Szczecin, 4 dzielnice, 37 osiedli). Wymaga motywu-rodzica „Portal lokalny” (lokalny) i wtyczki md-core.
Template: lokalny
Version: 1.0.1
Requires at least: 6.6
Requires PHP: 8.1
Author: twojszczecin.pl
License: GNU General Public License v2 or later
Text Domain: twoj-szczecin
*/

/* Tożsamość Twój Szczecin (BRIEF-TOZSAMOSCI.md): granat Odry, czerwień sygnałowa, mgła, portowy żółty pasek, Manrope, zaokrąglenia 8 px.
   Kolory i font – theme.json. Tu tylko kształty i akcenty, bez zmian układu rodzica. */

:root {
	--ts-port: var(--wp--custom--port, #F2B300);
	--ts-radius: 8px;
	--md-primary-600: var(--wp--preset--color--primary-600);
}

/* Nagłówek: granatowy pas + 4 px portowy pasek */
.md-site-header__bar { border-bottom: 4px solid var(--ts-port); }
.md-nav { box-shadow: 0 1px 0 var(--wp--preset--color--line); }
.md-nav .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content { box-shadow: inset 0 -3px 0 var(--ts-port); }
.md-brand img { height: 36px; }
@media (min-width: 1200px) { .md-brand img { height: 42px; } }

/* Zaokrąglenia: przyciski, kafle, karty, pas „Dziś”, box-y */
.md-btn, .wp-element-button, .wp-block-button__link { border-radius: var(--ts-radius); }
.md-tiles a, .md-card, .md-news--karty, .md-club, .md-sprawy, .md-duty-card, .md-cta, .md-pagehead, .md-ad,
.wp-block-search__input, .wp-block-search__button { border-radius: var(--ts-radius); }
.md-tiles a { overflow: hidden; }
.md-pagehead { border-top-width: 5px; }

/* Kafle dzielnic i informatora: jasne tło mgły zamiast „mchu” */
.md-tiles a { background: var(--wp--preset--color--sand); border: 1px solid var(--wp--preset--color--sand-300); color: var(--wp--preset--color--primary); }
.md-tiles a:hover { background: var(--wp--preset--color--primary); border-color: var(--wp--preset--color--primary); color: #fff; }

/* Kafle 4 dzielnic: jeden rząd na komputerze, 2×2 na tablecie */
.md-gmina-tile { border-radius: var(--ts-radius); overflow: hidden; }
@media (min-width: 600px) { .md-gminy { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (min-width: 1000px) { .md-gminy { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }

/* Kolor kategorii dla hubów dzielnic/osiedli (w rodzicu zielony „gmina”) */
.md-cat-gmina { --md-cat: #1F5C99; --md-cat-100: #E5EEF7; }

/* Stopka granatowa (w Działdowie grafit) */
.md-site-footer { background: var(--wp--preset--color--primary); color: #C9D6E3; border-top: 4px solid var(--ts-port); }

/* Strona główna: nagłówki sekcji z portowym podkreśleniem */
.md-home .md-section-title { border-bottom: 3px solid var(--wp--preset--color--primary); padding-bottom: 6px; }
.md-home .md-section-title--alarm { border-bottom-color: var(--wp--preset--color--accent); }
.md-home .ts-dzis-miasto .md-section-title { border-bottom-color: var(--ts-port); }
.ts-teaser-row > .wp-block-column { background: var(--wp--preset--color--sand); border-radius: var(--ts-radius); padding: var(--wp--preset--spacing--40); }