.elementor-kit-8{--e-global-color-primary:#C5A059;--e-global-color-secondary:#126AD3;--e-global-color-text:#EAEAEA;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Cinzel";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:transparent;color:#C5A059;font-family:"Cinzel", Sans-serif;background-image:linear-gradient(180deg, #080808 0%, #050505 100%);}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 h1{color:#C5A059;font-family:"Cinzel", Sans-serif;}.elementor-kit-8 h2{color:#C5A059;font-family:"Cinzel", Sans-serif;}.elementor-kit-8 h3{color:#C5A059;font-family:"Cinzel", Sans-serif;}.elementor-kit-8 h4{color:#C5A059;font-family:"Cinzel", Sans-serif;}.elementor-kit-8 h5{color:#C5A059;font-family:"Cinzel", Sans-serif;}.elementor-kit-8 h6{color:#C5A059;font-family:"Cinzel", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- GLOBALNE STYLE DLA ROYAL SLUTDOG (Formularze JetEngine) --- */ /* Zdefiniujmy kolory raz, żeby było łatwo zmieniać */ :root { --royal-gold: #c5a059; --royal-black: #050505; --royal-dark-grey: #1a1a1a; --royal-text: #e0e0e0; } /* 1. Kontener pola - usunięcie domyślnych marginesów */ .jet-form-builder__row { margin-bottom: 20px; } /* 2. WYGLĄD PÓL (Inputy, Textarea - czyli Twój OPIS, Select) */ .jet-form-builder__field, .jet-form-builder__field textarea, textarea.jet-form-builder__field { background-color: var(--royal-dark-grey) !important; /* Ciemne tło */ border: 1px solid #333 !important; /* Subtelna ramka */ color: var(--royal-text) !important; /* Jasny tekst */ border-radius: 4px !important; /* Lekkie zaokrąglenie jak na mockupie */ padding: 15px !important; font-size: 15px; font-family: 'Playfair Display', serif; /* Jeśli masz ten font */ width: 100%; box-shadow: none !important; } /* Naprawa pola OPIS (Textarea) - żeby nie było białe */ textarea { background-color: var(--royal-dark-grey) !important; color: var(--royal-text) !important; } /* 3. Aktywne pole (gdy klikniesz, żeby pisać) */ .jet-form-builder__field:focus, textarea:focus { border-color: var(--royal-gold) !important; /* Złota ramka */ background-color: #000 !important; /* Jeszcze ciemniejsze tło */ outline: none !important; } /* 4. Etykiety (Labels - napisy nad polami "Imię psa") */ .jet-form-builder__label { color: var(--royal-gold) !important; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; display: block; } /* 5. Placeholder (Tekst zastępczy np. "Wpisz imię...") */ ::placeholder { color: #555 !important; font-style: italic; } /* 6. Przycisk WYŚLIJ / DODAJ (Styl z Mockupu - Ramka) */ .jet-form-builder__action-button { background-color: transparent !important; color: var(--royal-gold) !important; border: 1px solid var(--royal-gold) !important; padding: 15px 40px !important; text-transform: uppercase; font-size: 16px; letter-spacing: 2px; cursor: pointer; transition: 0.3s; width: 100%; /* Lub 'auto' jeśli chcesz wąski */ margin-top: 15px; } .jet-form-builder__action-button:hover { background-color: var(--royal-gold) !important; color: #000 !important; /* Czarny tekst po najechaniu */ box-shadow: 0 0 15px rgba(197, 160, 89, 0.4); } /* 7. Przycisk dodawania zdjęć (File Upload) */ input[type="file"] { color: #777; padding: 10px 0; } ::-webkit-file-upload-button { background: transparent; color: var(--royal-gold); border: 1px solid #333; padding: 8px 15px; cursor: pointer; margin-right: 15px; transition: 0.3s; } ::-webkit-file-upload-button:hover { border-color: var(--royal-gold); } /* 8. Wybór z listy (Select) - naprawa strzałki */ select.jet-form-builder__field { -webkit-appearance: none; appearance: none; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: right 10px center; } %) hue-rotate(5deg) drop-shadow(0 0 2px #D4AF37) !important; opacity: 1 !important; } /* Opcjonalnie: ukrycie napisów, jeśli przeszkadzają */ #w li a { text-indent: -9999px; } /* Ukrycie tytułu na stronie głównej */ .home .entry-title, .home .page-header { display: none !important; } /* ========================================================= ROYAL STUD DOG MAP - KOLOR #c5a059 (OSTATECZNY) ========================================================= */ /* 1. Tło kontenera - przezroczyste */ [id^="ipm_type_"] { background-color: transparent !important; } /* 2. GŁÓWNA MAPA (Stan spoczynku) */ #w { /* Używamy filtrów, aby dopasować kolor linii do #c5a059 */ filter: grayscale(100%) /* Usuwamy kolory */ contrast(400%) /* Wypalamy tło na czarno */ brightness(45%) /* Przyciemniamy tło */ sepia(100%) /* Nadajemy bazowy kolor brązowy */ saturate(400%) /* Nasycenie (zmniejszone dla elegancji) */ hue-rotate(5deg) /* Korekta odcienia */ drop-shadow(0 0 1px #c5a059); /* TWOJE ZŁOTO: Obrys/Poświata */ opacity: 1 !important; } /* 3. HOVER - EFEKT PO NAJECHANIU */ #w li a:hover span.bg { filter: none !important; /* Reset */ /* Aktywne województwo */ filter: grayscale(100%) contrast(200%) brightness(110%) sepia(100%) saturate(500%) hue-rotate(5deg) drop-shadow(0 0 6px #c5a059) !important; /* MOCNIEJSZE TWOJE ZŁOTO */ opacity: 1 !important; z-index: 100 !important; } /* Ukrycie tekstów */ #w li a { text-indent: -9999px; overflow: hidden; } /* ============================================== NAPRAWA MOBILNA DLA MAPY (RESPONSYWNOŚĆ) ============================================== */ @media only screen and (max-width: 768px) { /* 1. Kontener mapy - zmniejszamy go */ [id^="ipm_type_"] { /* Pomniejszamy mapę do 65% oryginalnego rozmiaru */ transform: scale(0.65) !important; /* Punkt zaczepienia skalowania (środek góra) */ transform-origin: top center !important; /* Ponieważ skalowanie zostawia puste miejsce, musimy poprawić marginesy */ margin-left: -17% !important; /* Przesuwamy w lewo, żeby była na środku */ margin-bottom: -180px !important; /* Podciągamy to co jest pod mapą (przycisk) */ /* Blokujemy rozpychanie ekranu */ max-width: 100vw !important; overflow: hidden !important; } /* 2. Ukrywamy ewentualne paski przewijania na boki */ body, html { overflow-x: hidden !important; } }/* End custom CSS */