/*
Theme Name: Servis AGD
Theme URI: https://servisagd.pl/
Description: Motyw blokowy dla servisagd.pl – odwzorowanie dawnego wyglądu strony, zbudowane pod aktualny WordPress, SEO lokalne i wyszukiwarki AI (dane strukturalne, llms.txt).
Author: servisagd.pl
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: servisagd
*/

/* Nagłówek z delikatnym gradientem jak na starej stronie */
.sa-header {
	background: linear-gradient(to bottom, var(--wp--preset--color--naglowek) 0%, var(--wp--preset--color--tlo) 100%);
	padding-top: calc(var(--wp--preset--spacing--50) + env(safe-area-inset-top, 0px));
	padding-bottom: var(--wp--preset--spacing--40);
}
.sa-logo { margin: 0; line-height: 1; }
.sa-logo a { text-decoration: none; color: var(--wp--preset--color--niebieski); }

/* Menu */
.sa-header .wp-block-navigation { font-size: 1.35rem; gap: .9rem; color: var(--wp--preset--color--zielony); }
.sa-header .wp-block-navigation a,
.sa-header .wp-block-navigation .wp-block-navigation-item__content { color: var(--wp--preset--color--zielony); text-decoration: none; }
.sa-header .wp-block-navigation a:hover,
.sa-header .wp-block-navigation a:focus-visible { text-decoration: underline; text-underline-offset: .2em; }
.sa-header .wp-block-navigation .current-menu-item > a,
.sa-header .wp-block-navigation [aria-current="page"] { color: var(--wp--preset--color--jasnoniebieski); font-weight: 700; }

/* Klucz w lewej kolumnie */
.sa-klucz img { display: block; width: 100%; max-width: 310px; height: auto; }

/* Wyróżniony telefon */
a.telefon, .telefon a { color: var(--wp--preset--color--pomaranczowy-ciemny); font-weight: 700; text-decoration: none; white-space: nowrap; }
a.telefon:hover { text-decoration: underline; }

/* Lista wpisów */
.sa-wpis { padding-bottom: var(--wp--preset--spacing--20); }
.wp-block-post-template > li:not(:last-child) .sa-wpis { border-bottom: 1px solid #8c8c8c; }
.sa-meta p { margin: 0; }
.sa-meta { color: var(--wp--preset--color--szary); }
.sa-meta a { color: var(--wp--preset--color--szary); }
.wp-block-post-excerpt__more-link { color: var(--wp--preset--color--tekst); text-decoration: none; }
.wp-block-post-excerpt__more-link:hover { text-decoration: underline; }

/* Pasek boczny */
.sa-sidebar ul { list-style: none; padding: 0; margin: 0 0 var(--wp--preset--spacing--30); }
.sa-sidebar li { margin: .25rem 0; }
.sa-sidebar a { color: var(--wp--preset--color--tekst); text-decoration: none; }
.sa-sidebar a:hover { text-decoration: underline; }

/* Logotypy marek w ofercie */
.sa-marki { gap: 1.25rem 1.75rem; align-items: center; }
.sa-marki .wp-block-image { margin: 0; }
.sa-marki img { max-height: 40px; width: auto; }

/* Ramka z telefonem pod wpisem */
.sa-zadzwon { background: #e7ebef; border-left: 4px solid var(--wp--preset--color--niebieski); }

/* Dostępność */
:where(a, button):focus-visible { outline: 2px solid var(--wp--preset--color--niebieski); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; } }

/* Na telefonie klucz tylko zabiera miejsce nad treścią */
@media (max-width: 781px) {
	.wp-block-column:has(> .sa-klucz) { display: none; }
}