/*
Theme Name: piekarniadlabiznesu
Author: epicbrand
Author URI: https://epicbrand.pl/
Theme URI: 
Tags: full-site-editing, block-patterns
Text Domain: piekarniadlabiznesu
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;
}


.linia-footer {
    width: 24px;
    height: 1px;
    background-color: #ffffff; /* Biały kolor */
}

.linia-profile {
    width: 100%;
    height: 1px;
    background-color: #F0F0F0;
}

.obrys-1 {
    padding: 8px 16px;
    border: 2px solid #D8D8D8;
    border-radius: 12px;    
   width: fit-content;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.custom-flex-shrink,
.custom-flex-shrink img {
    flex-shrink: 0;
}


.center-image {
    display: flex;
    justify-content: center;
}


a {
	text-decoration: none !important;
}







.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-email,
.wpcf7-form-control.wpcf7-tel,
.wpcf7-form-control.wpcf7-textarea {
    border: none;
    padding: 12px 16px;
    border-radius: 12px;
    width: 100%;
    box-sizing: border-box;
    background-color: #f5f5f5;
    margin-top: 8px; /* Odstęp od tekstu labela */
}

.wpcf7-form-control.wpcf7-text:focus,
.wpcf7-form-control.wpcf7-email:focus,
.wpcf7-form-control.wpcf7-tel:focus,
.wpcf7-form-control.wpcf7-textarea:focus {
    outline: none;
    background-color: #ebebeb;
}

.wpcf7-form p {
    margin-bottom: 1rem;
}

.wpcf7-form label {
    display: block;
    font-size: 1.1rem;
    margin-bottom: 1rem; /* Odstęp między całymi polami formularza */
}

.wpcf7-spinner {
    margin-left: 10px;
}


.wpcf7-response-output {
    margin-top: 1rem;
    padding: 12px 16px;
    border-radius: 12px;
    border: none;
}
.wpcf7-response-output.wpcf7-validation-errors {
    background-color: #f8d7da;
    color: #721c24;
}
.wpcf7-response-output.wpcf7-mail-sent-ok {
    background-color: #d4edda;
    color: #155724;
}


.wpcf7-list-item {
	margin-left: 0px;
}








@media (min-width: 782px) {
  .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    opacity: 1;
    display: inline-block; /* Ważne dla transform */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
    opacity: 0.8;
    transform: translateY(-2px);
  }
}








:is(p, h1, h2, h3, h4, h5, h6, li, .wp-block-navigation__container) a:not(.wp-block-button__link) {
    color: inherit;
    text-decoration: none;
    position: relative;
    /* Długość przejścia musi być na głównym elemencie a */
    transition: color 0.3s ease; 
}



:is(p, h1, h2, h3, h4, h5, h6, li, .wp-block-navigation__container) a:not(.wp-block-button__link)::after {
    content: '';
    position: absolute;
    width: 0; 
    height: 2px;
    bottom: -2px; 
    left: 0;
    background-color: #007bff; /* Kolor podkreślenia */
    transition: width 0.3s ease;
}

:is(p, h1, h2, h3, h4, h5, h6, li, .wp-block-navigation__container) a:not(.wp-block-button__link):hover::after {
    width: 100%; /* Podkreślenie rozciąga się na 100% szerokości */
}




.wp-block-button__link {
    position: relative;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.wp-block-button__link:hover {
    opacity: 0.8;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.wp-block-button__link::after {
    display: none !important;
}







.tab-icon-custom > summary {
    list-style: none;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    position: relative;
    cursor: pointer;
    padding-right: 20px; 
}

.tab-icon-custom > summary::-webkit-details-marker {
    display: none;
}

.tab-icon-custom > summary::marker {
    display: none;
}

.tab-icon-custom > summary::before {
    content: ''; 
    display: inline-block;
    width: 20px;
    height: 20px;
    flex-shrink: 0; 
    margin-right: 0; 
    background-image: url('https://pdb.epicbrand.pl/wp-content/uploads/2025/11/plus.svg'); 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    transition: transform 0.3s ease;
    order: 1; 
}

.tab-icon-custom[open] > summary::before {
    transform: rotate(45deg); 
}


.tab-icon-custom .wp-block-list {
    padding-top: 24px;
}

.tab-icon-custom {
    border-radius: 12px; 
}



.wp-block-image {
  display: flex;
  align-items: center; /* wyśrodkowanie w pionie */
  
}





@media (max-width: 768px) {
  .subpage-title {
    padding: 16px !important;	  
  }
	
	h1 {
		font-size: 32px; 
	}
	
	.title-main-group {
		padding-top: 70px !important;
		padding-bottom: 70px !important;
	}
  
  .title-group > *{
    max-width: none !important;
  }
}






@media (min-width: 782px) {
  .wp-block-navigation__submenu-container {
    padding: 32px !important;
    padding-top: 42px !important; 
    border-radius: 16px !important;
    border: none !important;
    outline: none !important;
    width: 400px !important;
    margin-top: 10px !important; 
    
    position: relative;
  }
  
  .wp-block-navigation__submenu-container::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 10px;
  }
}




.wp-block-navigation__responsive-container-content {
    padding-top: 0 !important;
}



.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    font-size: 18px !important;
}


.mobile-nav-logo {
    padding-top: 0 !important;
}


.wp-block-navigation__responsive-container-content {
    padding-left: 20px !important;
    padding-right: 20px !important;
}


.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
    margin-top: 12px !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item {
    margin-bottom: 16px !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child {
    margin-bottom: 0 !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__label {
    font-size: 16px !important;
}







.custom-home-boxes {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}



@media (max-width: 768px) {
	
.col1-custom-contact {
	border-radius: 24px 24px 0 0 !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
}

.col2-custom-contact {
	border-radius: 0 0 24px 24px !important;
}
}



textarea {
    font-family: inherit; /* dziedziczy czcionkę z rodzica */
}









@media (min-width: 769px) and (max-width: 1024px) {
    .hero-section-2 {
        position: relative;
        background-position: right -1px center !important;
    }
    
    .hero-section-2::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, 0.7);
        z-index: 1;
        pointer-events: none;
    }
    
    .hero-section-2 > * {
        position: relative;
        z-index: 2;
    }
}

@media (max-width: 768px) {
    .hero-section-2 {
        position: relative;
        background-position: right -200px center !important;
    }
    
    .hero-section-2::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, 0.7);
        z-index: 1;
        pointer-events: none;
    }
    
    .hero-section-2 > * {
        position: relative;
        z-index: 2;
    }
	
	.custom-width-hero-group > * {
	 width: 100% !important;
	max-width: 100% !important;
	}	
	
	 .hidden-on-mobile {
        display: none !important;
    }
	
}