/* * * * * * * * * * * * * * * * * * * *
 *
 *   @site		natural-face.pl
 *   @name		custom.css
 *   @author	Bartosz Machnik
 *   @created	03.2026
 *   @licence	copyright (c) by sitte.pl
 *   @version	1.0.0
 *
 */

:root { --bRad: 16px; }

p:last-child { margin: 0; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0; margin-bottom: 0.2em;}

/* *:has(> p) {container-type: inline-size;}   */
	/* p{text-align: justify; text-align-last: left; text-justify: inter-word;} */
		/* @container (max-width: 40ch) { p {text-align: left;} } */
		
/* td, p { container-type: inline-size; text-align: justify; hyphens: auto; text-align-last: left;} */
/* @container (max-width: 40ch) { td, p { text-align: left; } }  */
/* @container (max-width: 530px) { td, p, div { text-align: left; } } */

/* domyślne marginesy sekcji */
.sppb-section { padding: 100px 0; }
	@media (max-width: 767px) { .sppb-section { padding: 50px 0; } }
.top0{padding-top:0;}
.bottom0{padding-bottom:0;}
.sppb-section .sppb-section { padding: 0 0; }
.sppb-section:not(.row > .sppb-section) { padding-left: 0; }


body .sppb-btn.sppb-btn-secondary, body .btn.sppb-btn-secondary { border: 1px solid #000; background: linear-gradient(to bottom, #fff, #faede8); color: #333; position: relative; z-index: 3; }
body .sppb-btn.sppb-btn-secondary::after, body .btn.sppb-btn-secondary::after
	{ content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, #fff, var(--sppb-color-main1)); border-radius: 200px; transition: 0.4s; opacity: 0; z-index: -1; }
body .sppb-btn.sppb-btn-secondary:hover, body .btn.sppb-btn-secondary:hover,
body .sppb-btn.sppb-btn-secondary:active, body .btn.sppb-btn-secondary:active,
body .sppb-btn.sppb-btn-secondary:focus, body .btn.sppb-btn-secondary:focus
	{ border: 1px solid #000; background: linear-gradient(to bottom, #fff, #faede8); color: #333; z-index: 3; }
body .sppb-btn.sppb-btn-secondary:hover::after, body .btn.sppb-btn-secondary:hover::after,
body .sppb-btn.sppb-btn-secondary:active::after, body .btn.sppb-btn-secondary:active::after,
body .sppb-btn.sppb-btn-secondary:focus::after, body .btn.sppb-btn-secondary:focus::after
	{ background: linear-gradient(to bottom, #fff, var(--sppb-color-main1)); opacity: 1; z-index: -1; }


.sppb-section.no-bg { background-color: transparent; }

/* nadpisania template.css -__- */
body .sppb-btn, body .btn { text-transform: initial; }
.sp-page-title .sp-page-title-heading { font-family: "Plus Jakarta Sans", sans-serif; font-size: 20px; font-weight: 500; line-height: 1.15; letter-spacing: -0.3px; text-decoration: none; text-transform: uppercase; }
body.header-classic header.header-sticky .spmenu-number { color: #000; }
.close-offcanvas { top: 15px; }
body.ltr #offcanvas-toggler.offcanvas-toggler-right { margin: 0; }



#nav-menu a, #sp-menu .sp-megamenu-wrapper a { white-space: nowrap; }

.slider-track .sppb-icon-container > i {font-size: 48px; width: 48px; height: 48px; line-height: 48px; opacity: 0.25; }
.slider-track .sppb-addon-title { margin-top: 32px; margin-bottom: 32px;}
.slider-track .sppb-addon-text { font-size: 14px; line-height: 20px;font-weight: 400;}



/* blog */
.view-article .article-header { margin-bottom: 2rem;}
.article-details .article-info .published::before {content: "Data :";}
.com-content.view-article #sp-main-body { background: linear-gradient(180deg, var(--sppb-bg-variant-4) 20%, transparent 0%);}
.sp-page-title { padding: 60px 0px 100px 0px;}

/* nasza linia? */
/* #addonId:before{ */
    /* content: ''; */
    /* position: absolute; */
    /* height: 145%; */
    /* top: -50px; */
    /* width: 1px; */
    /* left: -10%; */
  	/* background: var(--sppb-border-primary); */
/* } */
/* @media (max-width: 991px) { */
	/* #addonId:before { */
    /* height: 100%; */
    /* left: 0%; */
    /* top: -20px; */
  /* } */
/* } */
/* @media (max-width: 767px) { */
	/* #addonId:before { */
      /* visibility: hidden; */
  /* } */
/* } */


.oferta1 .swiper-slide > div { background-color: var(--sppb-card-bg-primary); padding: 40px 24px 45px 40px; margin: 0 15px; border-radius: var(--bRad); }
.oferta1 .swiper-slide > div .addon-title { margin: 32px 0; }
@media (max-width: 991px) { .oferta1 .swiper-slide > div { padding: 40px 24px 45px 40px; }}

#sp-header.header-sticky { box-shadow: 0px 0px 6px #0000001a; }

.logo-image, .logo-image-phone { width: 100%; padding: 4px 0 8px 0; }
/* legacy from template.css with "-phone" */
body.header-classic #sp-logo .logo-image-phone { filter: brightness(0) saturate(100%) invert(100%) sepia(34%) saturate(0%) hue-rotate(245deg) brightness(102%) contrast(102%); }
body.header-classic #sp-header.header-sticky #sp-logo .logo-image-phone { filter: none; }
@media (max-width: 767px) {
	.logo-image-phone { max-width: 200px; height: auto!important; }
}

#sp-footer ul#nav-menu { justify-content: flex-start; }
#sp-footer ul.sppb-icons-group-list { gap: 0; }
#sp-footer .sppb-icons-group-list li:last-child { margin-right: 0; }
.s-fnav2 #nav-menu li:last-child a { margin-right: 0; }
@media (max-width: 767.9007px) {
	.s-fnav1 #nav-menu a { margin: 0; text-align: center; }
	.s-fnav2 #nav-menu a { margin: 0; text-align: center; }
	#sp-footer .sppb-addon-single-image { text-align: center; }
	#sp-footer ul.sppb-icons-group-list { justify-content: center; gap: 15px; }
	#sp-footer ul.sppb-icons-group-list li { margin-left: 0!important; margin-right: 0!important; }
}

.s-footer2 a { color: #fff; }
.s-footer2 a:hover, .s-footer2 a:active, .s-footer2 a:focus { color: var(--sppb-color-main1); }

.offcanvas-image { margin: 0; }
body.header-home #sp-header:not(.header-sticky) #offcanvas-toggler::after { color: #fff; }
body.header-home #sp-header:not(.header-sticky) .burger-icon > span { background-color: #fff; }

.lista-cen .pricelist-price-content { display: flex; align-items: flex-end; }
.lista-cen .pricelist-price { white-space: nowrap; }


.s-footer1{z-index:2 !important}
/* .s-footer2{z-index:1} */



/* poprawki dla 404 (i innych stron błędów też) */
body.error.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.error.ltr .sp-megamenu-parent > li.sp-has-child > span::after { content: "⌄"; position: relative; top: -2px; }