.elementor-kit-5{--e-global-color-primary:#ED1C24;--e-global-color-secondary:#ED1C24;--e-global-color-text:#1E1E1E;--e-global-color-accent:#FFB900;--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-5 e-page-transition{background-color:#FFBC7D;}.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;}}:root { --Padding_0:0px; --AllSpice_Red:#ED1C24; --AllSpice_Yellow:#FFB900; --AllSpice_Back:#F6EBEB; --AllSpice_Black:#1E1E1E; --AllSpice_White:#ffffff; --Fontfamilly:Montserrat; --Main_btn_font_size:1.375rem; --Odstep_1_REM:1rem; --Odstep_1-5_REM:1.5rem; --Odstep_3_REM:3rem; --DUP_Padding_0:0px; --Gaps_podstawowy:clamp(1rem, 1.0417vw + .7656rem, 1.5rem); --Padding_LR_main:max(5%, calc((100% - 1128px) / 2));; --Odstep_1REM-small:clamp(1rem, 1.0417vw + .7656rem, 1.5rem); }
/* Start custom CSS *//* POGROBIANIE FONTU */

strong {
    font-weight: 900 !important;
    font-style: normal;
}

p strong {
    font-weight: 700 !important; 
}

/* NIE PAMIETAM CO TO? */

:host, 
.elementor-kit-5,
.elementor-template-canvas,
header {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    width: 100%;
}

/* KROPKI KARZELI*/

.swiper-pagination-bullet {
    background: url("https://www.allspice.pl/wp-content/uploads/2026/06/dot_empty.svg") no-repeat center !important;
    background-size: contain !important;
    width: 1.25rem !important;  /* Dopasuj szerokość do swojego SVG */
    height: 1.25rem !important; /* Dopasuj wysokość do swojego SVG */
    opacity: 1 !important;  /* Możesz kontrolować przezroczystość nieaktywnego */
}

/* KROPKA AKTYWNA KARUZELI*/

.swiper-pagination-bullet-active {
    background: url("https://www.allspice.pl/wp-content/uploads/2026/06/dot_current.svg") no-repeat center !important;
    background-size: contain !important;
    opacity: 1 !important;
}

/* KROPKI CALOSC POZYCJONOWANIE*/

.swiper-pagination-horizontal {
    transform: translateY(1rem) !important;

/* Upewniamy się, że pasek nadal ma pełną szerokość i jest wycentrowany */
    left: 0 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

/* STRZALKI */

/* 1. Powiększenie strzałek i zmiana ich rozmiaru */
.elementor-swiper-button-prev,
.elementor-swiper-button-next {
/* Zmień te wartości, aby dopasować rozmiar ikony strzałki */
    font-size: 4rem !important; 
    width: 4rem !important;
    height: 4rem !important;

/* Resetujemy domyślne centrowanie pionowe Swipera */
    top: auto !important; 
    
/* Ustawiamy strzałki na tej samej wysokości w pionie co kropki */
    transform: translateY(-0.3rem) !important;
    
/* Usuwamy konflikt klikania z kropkami */
    z-index: 999 !important;
    
}

/* Styl po kliknięciu: czerwona cienka ramka + różowe wypełnienie */
.elementor-kit-5 input:focus, 
.elementor-kit-5 textarea:focus,
.elementor-kit-5 select:focus {
    border-color: var(--AllSpice_Red) !important; /* Pozostaje czerwona */
    border-width: 1px !important;                 /* Wymuszenie powrotu do 1px */
    background-color: #FABDBF !important;         /* Nowe jasnoróżowe wypełnienie */
    outline: none !important;                     /* Ukrywa systemową ramkę */
}

.elementor .e-form-checkbox-base:checked {
    background-color: var(--AllSpice_Red) !important;
}/* End custom CSS */