/*
 Theme Name:    Kadence Child fo Sklepgri 
 Description:   Andrzej Dzirba, MediaMachina.net 
 Author:        Andrzej Dzirba 
 Template:      kadence
 Text Domain:   sklepgri
 Version:       1.0.0
*/

/* Checkbox + label */
.form-row.form-row-wide.create-account label {
    display: none !important;
}


.my-survey-form h3,  .my-survey-form h1, .my-survey-form h2, .my-survey-form strong, .my-survey-form h4, .my-survey-form h5, .my-survey-form h6{
	font-family: "Roboto"!important;
}


/* Formularz - Label 
.my-survey-form label {
    font-size: 0.9rem;
    padding-left: 1rem;
}*/

/* Formularz - Inputy 
.my-survey-form input[type="text"],
.my-survey-form input[type="email"],
.my-survey-form input[type="tel"],
.my-survey-form input[type="number"],
.my-survey-form textarea {
    margin-left: 1rem;
    width: calc(100% - 1rem);
    padding: 0.75rem 1rem;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    margin-bottom: 1.5rem;
}*/

/* HERO OVERLAY - Teraz będzie działać! */
.hero-section-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
	background-color:none;
    background-image: url('img/blurry-gradient-haikei.svg') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
	background-position: center center;
    display: block !important;
}


.home ul.products {
	max-width:640px;
	margin:0 auto!important;
}

.home ul.products {
	max-width:640px;
	margin:0 auto!important;
}



/* Styl dla kafelka produktu na stronie głównej */
.home ul.products li.product {
    /* Delikatne zaokrąglenie rogów (opcjonalnie) */
    border-radius: 8px;
    
    /* Bazowy, bardzo delikatny cień */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    
    /* Płynność przejścia - kluczowa dla efektu hover */
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    
    /* Resetujemy obramowanie, jeśli motyw jakieś dodaje */
    border: 1px solid rgba(0,0,0,0.05) !important;
    background: #fff;
    padding: 15px;
}

/* Efekt po najechaniu myszką (Hover) */
.home ul.products li.product:hover {
    /* Bardziej wyraźny i "głęboki" cień */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    
    /* Delikatne uniesienie produktu do góry o 5 pikseli */
    transform: translateY(-5px);
}


.wp-block-accordion-panel { 
	
	background: #fadfdf;
 
  padding: 1rem;
	
}