/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */
.button.button-style-secondary{
	font-weight: 400 !important;
	font-size: 14px !important;
}
a.button.mobile-header-button.button-size-small.button-style-secondary{
	font-size: 12px !important;
	line-height: 1;
	padding: 8px 16px;
}
.kg-btn{
	color: inherit;
    background-color: transparent;
	text-align: center;
	display: flex;
    align-items: center;
}
.kg-builder-social-element {
    line-height: 1;
    color: #fff;
    background: transparent;
    vertical-align: middle;
    transition: transform .1s ease;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    border: 1px solid;
    padding: 10px 86px;
    border-radius: 46px;
}
.kg-builder-social-element:hover {
	transform: scale(1.1);
}

/*Bookly*/
.bookly-form * {
font-size: 18px;
font-weight: 500;
}
.bookly-form select, .bookly-form input[type="text"], .bookly-details-step .bookly-form-group textarea, .iti--allow-dropdown input.iti__tel-input, .iti--allow-dropdown input.iti__tel-input[type=tel], .iti--allow-dropdown input.iti__tel-input[type=text] {
font-size: 18px !important;
font-weight: 500;
color: #D1D5DC !important;
background-color: #001723;
}
.bookly-progress-tracker {
color: var(--bookly-color-gray-300);
}
.bookly-progress-tracker .step
{
background: var(--bookly-color-gray-100);
}
/* Opcja B: Tylko wewnątrz formularza rezerwacji (bezpieczniejsze) */
.bookly-form {
    --bookly-text-sm: 1.1rem !important;
}
button.bookly-day.bookly-js-first-child {
font-size: 18px !important;}
.bookly-columnizer .bookly-hour span{
font-weight: 500;}
.ladda-button .ladda-label{
color: #34c5ed !important;
}
.ladda-button:hover .ladda-label{
	color: var(--global-palette-btn-sec-hover) !important;
}
/* Zmiana koloru tekstu samych opcji na liście (działa w Chrome/Edge) */
.bookly-form select option {
    background-color: #fff !important; /* Białe tło listy */
    color: #001723 !important;           /* Czarny tekst na liście */
}
.bookly-css-root a{
	color: #34c5ed;
}


/* Wymuszenie pełnej szerokości kontenerów Bookly */
.bookly-form{
	display: grid;
}
.bookly-time-step, 
.bookly-columnizer-wrap, 
.bookly-columnizer, 
.bookly-time-screen, 
.bookly-column {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important; /* Kluczowe: usuwa sztywną wysokość nadaną przez JS */
}

div.bookly\:input-wrap.bookly-slot-calendar.bookly-js-slot-calendar.bookly\:w-72.bookly\:min-w-\[200px\] {
	grid-column: 1 / -1 !important; 
	width: 100% !important;

}
div.bookly\:input-wrap.bookly-slot-calendar.bookly-js-slot-calendar.bookly\:w-72.bookly\:min-w-\[200px\] > div{
    max-width: 100% !important;
    background-color: #34c5ed20 !important;
    padding: 20px 20px !important;
    border-radius: 16px !important;
}
@media (max-width: 380px){
div.bookly\:input-wrap.bookly-slot-calendar.bookly-js-slot-calendar.bookly\:w-72.bookly\:min-w-\[200px\] > div{
		padding: 18px 0px !important;
	}
div.bookly\:input-wrap.bookly-slot-calendar.bookly-js-slot-calendar.bookly\:w-72.bookly\:min-w-\[200px\] > div > div:nth-child(2) > div > div.bookly\:flex.bookly\:flex-row.fw-bold.bookly\:text-center.bookly\:text-muted.bookly\:w-full.bookly\:border-b.border-bookly.bookly\:mb-0\.5.bookly\:py-2.bookly\:max-w-full.svelte-1ug41q9 > div{
	font-size: 13px !important;
}
}
div.bookly\:input-wrap.bookly-slot-calendar.bookly-js-slot-calendar.bookly\:w-72.bookly\:min-w-\[200px\] > div > div.bookly\:w-full.bookly\:border-b.border-bookly.bookly\:mb-0\.5.bookly\:pb-0\.5.bookly-calendar-controls-mark.svelte-1ug41q9 {
	padding-bottom: 16px !important;
	border: none !important;
}
div.bookly\:input-wrap.bookly-slot-calendar.bookly-js-slot-calendar.bookly\:w-72.bookly\:min-w-\[200px\] > div > div > div > div.bookly\:flex.bookly\:flex-row.fw-bold.bookly\:text-center.bookly\:text-muted.bookly\:w-full.bookly\:border-b.border-bookly.bookly\:mb-0\.5.bookly\:py-2.bookly\:max-w-full.svelte-1ug41q9{
	text-transform: capitalize;
	border: none !important;
	padding-bottom: 20px !important;
}
div.bookly\:input-wrap.bookly-slot-calendar.bookly-js-slot-calendar.bookly\:w-72.bookly\:min-w-\[200px\] > div > div:nth-child(2) > div > div.bookly\:flex.bookly\:flex-row.fw-bold.bookly\:text-center.bookly\:text-muted.bookly\:w-full.bookly\:border-b.border-bookly.bookly\:mb-0\.5.bookly\:py-2.bookly\:max-w-full.svelte-1ug41q9 > div {
	font-size: 14px !important;
}
div.bookly-time-step > div > div > div > div > button.bookly-day.bookly-js-first-child{
    background-color: #34c5ed20 !important;
    border-radius: 8px;	
}
div.bookly\:input-wrap.bookly-slot-calendar.bookly-js-slot-calendar.bookly\:w-72.bookly\:min-w-\[200px\] > div > div > div > div.bookly\:relative.bookly\:rounded > div > div.bookly\:h-10.bookly\:leading-4.bookly\:shadow-none.bookly\:flex-1.bookly\:py-2.bookly\:px-0.bookly\:border-none.bookly\:focus\:border-none.bookly\:focus\:outline-none.bookly\:cursor-pointer.bookly\:bg-white.text-bookly.hover\:text-bookly.bookly-calendar-current-month-mark.bookly\:shadow-none.bookly\:hover\:opacity-80.bookly\:drop-shadow-none.bookly\:box-border.bookly\:text-center.bookly\:flex.bookly\:items-center.bookly\:justify-center.bookly\:focus\:outline-hidden.bookly\:cursor-pointer {
	    background-color: #ffffff00 !important;
    border: 1px solid #34c5ed !important;
    border-radius: 8px;
}
div.bookly\:input-wrap.bookly-slot-calendar.bookly-js-slot-calendar.bookly\:w-72.bookly\:min-w-\[200px\] > div > div > div > div.bookly\:relative.bookly\:rounded > div > div:hover{
	    background-color: #ffffff00 !important;
    border: 1px solid #34c5ed !important;
    border-radius: 8px;
}
/* Ustawienie siatki slotów */
.bookly-column {
    display: grid !important;
    /* Tworzy tyle kolumn, ile się zmieści, minimum 80px każda */
    grid-template-columns: repeat(auto-fit, minmax(85px, 1fr)) !important; 
    gap: 8px !important;
    padding: 10px 0 !important;
}

/* Nagłówek z datą na pełną szerokość wszystkich kolumn */
.bookly-day {
    grid-column: 1 / -1 !important; 
    width: 100% !important;
    margin-bottom: 15px !important;
    text-align: center !important;
}

/* Stylizacja przycisków godzin - baza */
.bookly-hour {
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 5px !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important; /* Ustawia elementy jeden pod drugim */
    justify-content: center !important;
    align-items: center !important;
    border-radius: 4px !important;
    position: relative !important; /* Kluczowe dla napisów absolute */
    overflow: hidden;
}

.bookly-columnizer .bookly-hour .bookly-time-main{
	min-width: -webkit-fill-available;
}

/* Stan: Dostępny */
.bookly-hour.court-available {
    border-left: 8px solid #28a745 !important;
	border-top: 1px solid #34c5ed !important;
    border-right: 1px solid #34c5ed !important;
    border-bottom: 1px solid #34c5ed !important;
    background-color: #34c5ed30 !important;

	
}
.bookly-hour.court-available span, .bookly-hour.court-unavailable span, .bookly-hour.court-unknown span {
	color: #34c5ed !important;
}

.bookly-hour.court-available::after {
    content: "KORT OK";
    position: absolute;
    bottom: 2px;
    right: 5px;
    font-size: 8px;
    color: #28a745;
    font-weight: bold;
    line-height: 1;
}

/* Stan: Brak kortu */
.bookly-hour.court-unavailable {
    border-left: 8px solid #ffc107 !important;
	border-top: 1px solid #34c5ed !important;
    border-right: 1px solid #34c5ed !important;
    border-bottom: 1px solid #34c5ed !important;
	background-color: #34c5ed30 !important;
    position: relative !important; /* Wymuszenie relatywności */

}

.bookly-hour.court-unavailable::after {
    content: "BRAK KORTU";
    position: absolute;
    bottom: 2px;
    right: 5px;
    font-size: 8px;
    color: #d39e00;
    font-weight: bold;
    line-height: 1;
}
/* Status: kort – brak info */
.bookly-hour.court-unknown {
   border-left: 8px solid #f6f3f4 !important;
	border-top: 1px solid #34c5ed !important;
    border-right: 1px solid #34c5ed !important;
    border-bottom: 1px solid #34c5ed !important;
	background-color: #34c5ed30 !important;
    position: relative !important; /* Wymuszenie relatywności */

}
.bookly-hour.court-unknown::after {
    content: "KORT - BRAK INFO";
    position: absolute;
    bottom: 2px;
    right: 5px;
    font-size: 8px;
    color: #f6f3f4;
    font-weight: bold;
    line-height: 1;
}


/* UKRYCIE SKAKANIA DATY:
   Przycisk daty jest przezroczysty, dopóki JS nie doda klasy 'date-reformatted' */
.bookly-day:not(.date-reformatted) {
    opacity: 0 !important;
}

.bookly-day.date-reformatted {
    transition: opacity 0.2s ease-in;
    opacity: 1 !important;
}

/*Mobile*/
@media (max-width: 768px){
	.entry-content-wrap {padding: 0rem !important;}
}

button.bookly-btn.ladda-button{
    border-radius: 100px !important;
    text-transform: capitalize;
    padding: 12px 24px !important;
    border: 1px solid #34c5ed !important;
    background-color: #34c5ed30 !important;
}
button.bookly-btn.ladda-button > span.ladda-label {
	    text-transform: capitalize !important;
    font-size: 16px !important;
	font-weight: 400 !important;
}
input.bookly-user-phone::placeholder {
    color: #d1d5dc30 !important;
}

/* Wsparcie dla starszych przeglądarek */
input.bookly-user-phone::-webkit-input-placeholder {
    color: #d1d5dc30 !important;
}
input.bookly-user-phone::-moz-placeholder {
    color: #d1d5dc30 !important;
}