/* Theme Name: Sklep Warsztaty Theme URI: https://www.warsztatyfotograficznepoznan.pl/ Author: Rafal Cichon Description: Kurs fotografii cyfrowej Poznań Version: 1.0 Text Domain: sklep-warsztaty Requires at least: 5.0 Tested up to: 6.4 */ /* ——— PODSTAWOWE RESETY I ZMIENNE ——— */ .site-header .container { display: flex; align-items: center; justify-content: space-between; position: relative; } .site-logo img { max-height: 50px; } /* ukryj checkbox */ .nav-toggle { display: none; } /* lista nawigacji – wspólne dla wszystkich rozdzielczości */ .site-nav .nav-list { list-style: none; margin: 0; padding: 0; } /* linki menu */ .site-nav .nav-list li { margin: 0 1rem; } .site-nav .nav-list li a { text-decoration: none; font-weight: 600; text-transform: uppercase; } /* koszyk */ .header-cart a { font-size: 1.5rem; margin-left: 1rem; } .header-cart a.cart-icon { display: inline-block; width: 24px; height: 24px; line-height: 0; } .header-cart a.cart-icon svg { width: 100%; height: 100%; fill: #058aff; /* albo inny kolor, np. var(--primary-color) */ transition: fill 0.2s; } .header-cart a.cart-icon:hover svg { fill: #0073e6; /* opcjonalny kolor hover */ } /* ——— STYL DESKTOP (domyślny) ——— */ .site-nav { display: block; } .site-nav .nav-list { display: flex; flex-direction: row; align-items: center; } /* hamburger ukryty na desktopie */ .nav-toggle-label { display: none; } /* ——— STYL MOBILE ——— */ @media (max-width: 768px) { /* ukryj menu nawigacji, pokaż hamburger */ .site-nav { display: none; } .nav-toggle-label { display: block; cursor: pointer; width: 30px; height: 25px; position: relative; } /* trzy paseczki hamburgera */ .nav-toggle-label span, .nav-toggle-label span::before, .nav-toggle-label span::after { display: block; background:#058aff; height: 3px; width: 100%; position: absolute; transition: all 0.3s; } .nav-toggle-label span { top: 50%; transform: translateY(-50%); } .nav-toggle-label span::before { content: ''; top: -8px; } .nav-toggle-label span::after { content: ''; top: 8px; } /* gdy checkbox jest zaznaczony – pokaż menu */ .nav-toggle:checked ~ .site-nav { display: block; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; z-index: 1000; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } /* lista w menu mobilnym pionowo */ .site-nav .nav-list { display: flex; flex-direction: column; padding: 1rem 0; } .site-nav .nav-list li { margin: 0.5rem 0; text-align: center; } } /* —————— MARGINES DLA LOGO W DESKTOPIE —————— */ @media (min-width: 769px) { .site-header .container { /*po 2 cm odstępu z każdej strony */ padding-left: 2cm; padding-right: 2cm; } } /* —————— KOLOR LINKÓW MENU —————— */ .site-nav .nav-list li a { color: #058aff !important; } /* —————— STICKY HEADER —————— */ .site-header { position: sticky; top: 0; z-index: 9999; background-color: #fff; /* zapewnia, że header nie będzie przeświecał zawartości */ width: 100%; } /* Jeśli header nakrywa część treści, możesz dodać odstęp u góry dla lub głównego kontenera */ body { /* wysokość headera to np. 80px – dostosuj w razie potrzeby */ padding-top: 10px; } /* ——— PŁYWAJĄCY PRZYCISK TELEFONU (MOBILE ONLY) ——— */ .call-button { display: none; /* domyślnie ukryty */ position: fixed; bottom: 1.5rem; /* odległość od dołu */ left: 1.5rem; /* odległość od lewej */ width: 3.5rem; /* szerokość */ height: 3.5rem; /* wysokość */ background: #058aff; /* kolor tła pasujący do menu */ border-radius: 50%; /* okrągły kształt */ box-shadow: 0 2px 6px rgba(0,0,0,0.2); z-index: 10000; text-align: center; line-height: 0; } .call-button svg { width: 60%; height: 60%; fill: #fff; /* biała słuchawka na tle */ margin: 20%; } /* Pokaż tylko na wąskich ekranach (mobile) */ @media (max-width: 768px) { .call-button { display: block; } } /* ——— Kontakt Form 7: responsywny formularz ——— */ @media (max-width: 768px) { /* Cały kontener formularza */ .wpcf7-form { max-width: 100% !important; width: 100% !important; box-sizing: border-box; padding: 0 1rem; /* ew. dostosuj padding wewnątrz */ } /* Wszystkie pola input, textarea i select */ .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form input[type="tel"], .wpcf7-form textarea, .wpcf7-form select { width: 100% !important; box-sizing: border-box; margin-bottom: 1rem; } /* Przyciski wysyłania */ .wpcf7-form input[type="submit"], .wpcf7-form button { width: auto; max-width: 100%; display: inline-block; } } /* ukryj topButton na urządzeniach mobilnych */ @media (max-width: 768px) { #topButton { display: none !important; } }