.elementor-kit-12{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-58b03b5:#FF4D00;--e-global-typography-primary-font-family:"Roboto";--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;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1350px;}.e-con{--container-max-width:1350px;}.elementor-widget:not(:last-child){--kit-widget-spacing:10px;}.elementor-element{--widgets-spacing:10px 10px;--widgets-spacing-row:10px;--widgets-spacing-column:10px;}{}h1.entry-title{display:var(--page-title-display);}@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 *//* ============================================================
   ANIMACJA PULSOWANIA DLA PRZYCISKU (KOLOR #FF4D00)
   Aby użyć: Dodaj klasę "puls-button" w ustawieniach przycisku
   ============================================================ */

/* 1. RECEPTURA ANIMACJI */
/* Tworzymy efekt rozchodzącego się cienia (fali) */
@keyframes orange-pulse-effect {
  0% {
    /* Cień jest na samym początku bardzo blisko i dość wyraźny */
    box-shadow: 0 0 0 0 rgba(255, 77, 0, 0.8);
  }
  70% {
    /* Cień rozszerza się do 18px i staje się prawie niewidoczny */
    box-shadow: 0 0 0 18px rgba(255, 77, 0, 0);
  }
  100% {
    /* Powrót do stanu zero, aby animacja mogła płynnie zapętlić się od nowa */
    box-shadow: 0 0 0 0 rgba(255, 77, 0, 0);
  }
}

/* 2. ZASTOSOWANIE DO KLASY */
/* Ten blok kodu szuka na stronie każdego przycisku, który ma klasę: puls-button */
.puls-button .elementor-button, 
.puls-button.elementor-button {
    
  /* Podpinamy naszą recepturę powyżej */
  animation: orange-pulse-effect 2s infinite !important;
  
  /* Dodajemy płynność ruchu */
  transition: all 0.3s ease-in-out;
}

/* 3. OPCJONALNIE: EFEKT PO NAJECHANIU (HOVER) */
/* Jeśli chcesz, żeby po najechaniu myszką pulsowanie lekko przyspieszyło */
.puls-button .elementor-button:hover {
  animation-duration: 1.2s; /* Szybszy puls przy interakcji */
}












/* Skrócona wersja dla klasy .kontaktbutton " pływajacy button mobile usuwanie obramowania*/
.kontaktbutton, 
.kontaktbutton *,
.kontaktbutton *:focus, 
.kontaktbutton *:active {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-user-select: none;
}







/* Specyficzne wymuszenie dla ikon Elementora */
.elementor-widget-icon a, 
.elementor-icon,
.elementor-icon-wrapper {
    outline: none !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}









/* Zmiana koloru głównego przycisku (Akceptuj wszystko) */
.cky-btn-accept {
    background-color: #FF4D00 !important;
    border-color: #FF4D00 !important;
    color: #ffffff !important; /* kolor tekstu */
}

/* Zmiana koloru przycisku "Odrzuć wszystko" */
.cky-btn-reject {
    background-color: #FF4D00 !important;
    border-color: #FF4D00 !important;
    color: #ffffff !important;
}

/* Zmiana koloru obramowania przycisku "Dostosuj" */
.cky-btn-settings {
    border-color: #FF4D00 !important;
    color: #FF4D00 !important;
}

/* Opcjonalnie: kolor po najechaniu myszką (trochę ciemniejszy) */
.cky-btn-accept:hover, .cky-btn-reject:hover {
    background-color: #e64500 !important;
    border-color: #e64500 !important;
}



/* 1. Przycisk "Zapisz moje preferencje" (środkowy w oknie szczegółów) */
.cky-btn-preferences {
    background-color: #FF4D00 !important;
    border-color: #FF4D00 !important;
    color: #ffffff !important;
}

/* 2. Przycisk "Dostosuj" (ten z białą ramką) */
.cky-btn-customize, .cky-btn-settings {
    color: #FF4D00 !important;
    border: 2px solid #FF4D00 !important; /* Wymuszamy grubość i kolor ramki */
    background-color: transparent !important;
}

/* 3. Efekt hover dla przycisku Dostosuj (żeby nie robił się niebieski po najechaniu) */
.cky-btn-customize:hover, .cky-btn-settings:hover {
    background-color: rgba(255, 77, 0, 0.1) !important; /* Lekki pomarańczowy nalot */
    border-color: #FF4D00 !important;
    color: #FF4D00 !important;
}

/* 4. Fix dla checkboxów/przełączników (jeśli też są niebieskie wewnątrz menu) */
.cky-switch input:checked + .cky-slider {
    background-color: #FF4D00 !important;
}/* End custom CSS */