/*
Theme Name: carismo
Author: epicbrand
Author URI: https://epicbrand.pl/
Theme URI: 
Tags: full-site-editing, block-patterns
Text Domain: carismo
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.4
Version: 100.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}



.no-underline a{
	text-decoration: none;
}




.wp-block-button.is-style-outline a:hover {
    background-color: var(--wp--preset--color--primary);
    color: white; /* Zmiana koloru tekstu na biały */
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
	border-color: black; /* Upewniamy się, że border pozostaje widoczny */
}



.wp-block-button a {
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.wp-block-button a:hover {
    background-color: var(--wp--preset--color--primary);
    
}


.customflexshrink {
	 flex-shrink: 0 !important;
}

.custom-hero-width {
	max-width: 50%;
}

@media (max-width: 1024px) {
    .custom-hero-width {
        max-width: 100% !important;
	}
	
	.custom-1024-1col {
		flex-direction: column;
	}
}




@media (max-width: 1024px) {
    .wp-block-navigation__responsive-container-open {
	display: flex !important;
}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}	
}


.menu-overlay-logo img{
width: 150px; /* Ustalona szerokość logo */

}







/* Kalkulator importu */


/* Styl dla grupy pól */
.input-group-container {
    margin-bottom: 15px;
}

/* Styl dla etykiet */
.input-label {
    display: block;
    margin-bottom: 5px;    
}

/* Styl dla pól input i select */
.input-group input,
.input-group select {
    width: 100%;
    padding: 16px;
    border: 1px solid #ccc;    
	border-radius: 8px;
}


/* Styl dla tabeli wyników */
.wp-block-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

/* Ramki dla tabeli */
.has-custom-dodatkowy-background-color {
    width: 100%;
    border-collapse: collapse;
}

.has-custom-dodatkowy-background-color td,
.has-custom-dodatkowy-background-color th {
    border: 1px solid #000; /* Czarna ramka */
    padding: 10px;
    text-align: left;
}



@media (max-width: 768px) {
    .custom-gap-1 {
        gap: 8px;
	}
	
	.custom-padding-1 {
		padding-bottom: 24px;
	}
	
	.padding-24-mobile {
		padding: 24px !important;
	}
	
	.custom-font-mobile-1 a{
		font-size: 20px !important; 
	}
	
	.padding-mobile-left-right-0 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}







/* CF7 - Naprawiona wersja */

/* Ustawienie box-sizing, aby padding nie wpływał na szerokość */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="password"],
.wpcf7 textarea {
    width: 100%; /* Pełna szerokość */
    max-width: 100%; /* Zapobiega wyjściu poza kontener */
    padding: 12px 24px; /* Padding */
    border: 1px solid #171c26; /* Szary obrys */
    background: transparent; /* Przezroczyste tło */
    border-radius: 8px; /* Zaokrąglone rogi */
    font-family: 'Inter', sans-serif; /* Czcionka */
    font-size: 12px;
    color: #333;
    box-sizing: border-box; /* Ważne: zapobiega przekroczeniu szerokości */
}

/* Stylowanie placeholderów */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
    font-family: 'Inter', sans-serif;
    color: #888;
}

/* Stylowanie przycisku "Wyślij" */
.wpcf7-submit {
    width: 100%; /* Pełna szerokość */
    max-width: 100%; /* Zapobiega wyjściu poza kontener */
    padding: 10px 18px; /* Padding */
    border-radius: 8px; /* Zaokrąglone rogi */
    background-color: #171c26; /* Kolor przycisku */
    color: #fff;
    font-size: 14px;
    font-family: 'Space Grotesk', sans-serif;
    border: none;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
    text-transform: uppercase;
    box-sizing: border-box; /* Ważne */
}

/* Hover efekt dla przycisku */
.wpcf7-submit:hover {
    background-color: var(--wp--preset--color--primary);
}

/* Opcjonalnie: Stylowanie kontenera formularza, jeśli jest problem z szerokością */
.wpcf7 {
    max-width: 100%;
    width: 100%;
}




/* Zmiana obrysu po kliknięciu (focus) */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="url"]:focus,
.wpcf7 input[type="password"]:focus,
.wpcf7 textarea:focus {
    outline: none; 
    border-color: #878787;  
}




/* Stylowanie komunikatów błędów i informacji w CF7 */
.wpcf7-response-output, 
.wpcf7-not-valid-tip {
    font-size: 14px; /* Zmiana rozmiaru czcionki */
    font-family: 'Inter', sans-serif; /* Dopasowanie czcionki */
    color: #d9534f; /* Kolor błędów (możesz zmienić) */
}

/* Stylowanie poprawnych komunikatów (np. sukces wysłania) */
.wpcf7-mail-sent-ok {
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    color: #28a745; /* Zielony kolor dla sukcesu */
}