/*---------------------------------------------------------------------------------

 Theme Name:   Divi Child
 Theme URI:    
 Description:  
 Author:       Daniel & Lukas Warcholik
 Author URI:   https://2beards.design
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

body {
    color: #666;
    background-color: #fff;
    font-size: 14px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.7em;
}
.wizard-summary {
    left: 0px;
	transition: opacity .3s cubic-bezier(.25,.46,.45,.94),-webkit-transform .3s cubic-bezier(.25,.46,.45,.94);
    transition: opacity .3s cubic-bezier(.25,.46,.45,.94),transform .3s cubic-bezier(.25,.46,.45,.94);
    transition: opacity .3s cubic-bezier(.25,.46,.45,.94),transform .3s cubic-bezier(.25,.46,.45,.94),-webkit-transform .3s cubic-bezier(.25,.46,.45,.94);
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100%;
    position: relative;
    width: 100%;
    will-change: transform,opacity;
}

.wizard-summary.left {
    -webkit-transform: translate3d(-4vw,0,0);
    transform: translate3d(-17vw,0,0);
	text-align: right;
}

.designer-hero .designer-panel-wrapper {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    height: 96%;
    justify-content: flex-start;
    overflow-x: visible;
    position: relative;
    vertical-align: top;
	width: 40%;}
 
.summary .property .property-title .left-selected {
    transition: opacity .3s cubic-bezier(.25,.46,.45,.94);
    bottom: -110%;
    color: rgba(76,76,76,.3);
    font-weight: 400;
    font-size: calc(.35vw + .35vh + .35vmin);
/*     opacity: 0; */
    position: relative;
    right: 0;
    white-space: nowrap;
    will-change: opacity;
	text-align: right;
}

div.property.active div.title-wrapper {
	text-decoration: underline;
}

.woocommerce div.product .variations .label {
    margin-bottom: 10px;
}

/* Preloader Home */
body.home:not(.body_loaded) {
  padding: 0;
  margin: 0;
  height: 100%;
  font-family: 'Roboto';
  overflow: hidden;
}
body.home img.preloader-logo{
	width: 10vw;
    position: absolute;
    top: 45%;
    left: 45vw;
}
body.home .progress-bar-container{
	position: fixed;
	top:0;
	left: 0;
	padding-left: 50px;
	padding-right: 50px;
	width: 100vw;
	height: 100vh;
	background-color: #fff;
	z-index: 9999999999999999999999;
	transition: all 1s ease-in-out;
}
body.home .progress-bar {
  position: relative;
  top: 50%;
  height: 2px;
  background: #b73130;
}

body.home .done {
  top: 0;
  height: 100%;
  width: 100%;
  transition: all .33s ease;
}

body.home .done_loaded{
	opacity:0;
	z-index: -1;
}
body.home .count {
  position: relative;
  top: 58%;
  width: 100%;
  text-align: center;
  font-weight: 100;
  font-size: 3em;
  margin-top: -1.33em;
  color: #b73130;
}

/* Preloader Product */
body.single-product .summary:not(.body_loaded) {
  padding: 0;
  margin: 0;
  height: 100%;
  font-family: 'Roboto';
  overflow: hidden;
}
body.single-product .summary.body_loaded #progress-bar-container{ 
	z-index: -1;
}
body.single-product img#preloader-logo{
	width: 30%;
    position: absolute;
    top: 45%;
    left: 35%;
}
body.single-product #progress-bar-container{
	position: absolute;
	top:90px;
	left: 0;
	padding: 0 10%;
	width: 100%;
	height: calc(100% - 90px);
	background-color: #fff;
	z-index: 9999999999999999999999;
	transition: all 1s ease-in-out;
}
body.single-product #progress-bar {
  position: relative;
  top: 50%;
  height: 2px;
  background: #b73130;
}

body.single-product .done {
  top: 0;
  height: 100%;
  width: 100%;
  transition: all .33s ease;
}

body.single-product .done_loaded{
	opacity:0;
	z-index: -1;
}
body.single-product #count {
  position: relative;
  top: 45%;
  width: 100%;
  text-align: center;
  font-weight: 100;
  font-size: 3em;
  margin-top: -1.33em;
  color: #b73130;
}
@media(max-width:1099px){
	body.home img.preloader-logo {
		width: 30vw;
		position: absolute;
		top: 20vh;
		left: 35vw;
	}
	body.home .count {
    	top: 71%;
	}
}
@media(max-width:480px){
	body.home img.preloader-logo {
		width: 50vw;
		position: absolute;
		top: 40vh;
		left: 25vw;
	}
	body.home .count {
    	top: 64%;
	}
}

#custom-initials-row input#initials-input {
  transition: all 0.2s ease-in-out;
}

#custom-initials-row input#initials-input:focus {
  border-color: #b73130;
  box-shadow: 0 0 0 1px #b73130;
}











/* Beniamin  --- Wyrównanie bloku Initials / No Initials --- */
#label-custom_initials {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px;
  padding: 10px 15px !important;
  min-height: auto !important;
}

#label-custom_initials:before {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

#label-custom_initials .title-wrapper,
#label-custom_initials .selected_var {
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  line-height: normal !important;
  margin: 0;
  padding: 0;
}

#label-custom_initials .selected_var a {
  display: inline-block !important;
  font-size: 14px;
  color: #b73130;
  line-height: normal;
  text-align: right;
}








/* ================================
   Papahune — pełne wyrównanie sekcji Fabric & Color / Closing / Initials
   ================================ */

/* Główne kontenery (równe linie, bez różnic wysokości) */
#label-variation_pa_fabric-color,
#label-variation_pa_closing,
#label-custom_initials {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  color: #333;
  border-bottom: 1px solid #e1e1e1;
  margin: 0 !important;
  padding: 10px 0 !important;
  background: transparent;
  line-height: 1.4;
}

/* Lewa kolumna — tytuły */
#label-variation_pa_fabric-color .title-wrapper,
#label-variation_pa_closing .title-wrapper,
#label-custom_initials .title-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 200px;
  padding-left: 10px;
  background: transparent !important;
  margin: 0;
}

/* Tytuły */
#label-variation_pa_fabric-color .title-wrapper span,
#label-variation_pa_closing .title-wrapper span,
#label-custom_initials .title-wrapper span {
  font-weight: 600;
  color: #333;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}

/* Usuń szare tło z Fabric & Color */
#label-variation_pa_fabric-color .title-wrapper {
  background: none !important;
}

/* Prawa kolumna — aktualna wartość (undefined / No Initials / itp.) */
#label-variation_pa_fabric-color .selected_var,
#label-variation_pa_closing .selected_var,
#label-custom_initials .selected_var {
  flex: 1;
  text-align: right;
  font-weight: 400;
  color: #4c5b61;
}

/* Linki lub tekst w polu wartości */
#label-variation_pa_fabric-color .selected_var a,
#label-variation_pa_closing .selected_var a,
#label-custom_initials .selected_var a {
  text-decoration: none;
  color: inherit;
  display: inline-block;
}

/* Specjalne dopasowanie dla Initials + No Initials */
#label-custom_initials .selected_var {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
}

/* Delikatne zrównanie wysokości Fabric & Color */
#label-variation_pa_fabric-color .selected_var div {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}

/* 📱 Responsywność */
@media (max-width: 768px) {
  #label-variation_pa_fabric-color,
  #label-variation_pa_closing,
  #label-custom_initials {
    flex-direction: column;
    align-items: flex-start;
  }
}
	




/* --- WYGLĄD SEKCJI FABRIC / CLOSING / INITIALS --- */
#label-variation_pa_fabric-color,
#label-variation_pa_closing,
#label-custom_initials {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  color: #333;
  border-bottom: 1px solid #e1e1e1;
  margin: 0 !important;
  padding: 10px 0 !important;
  background: transparent;
  line-height: 1.4;
}

#label-variation_pa_fabric-color .title-wrapper,
#label-variation_pa_closing .title-wrapper,
#label-custom_initials .title-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 200px;
  padding-left: 10px;
}

#label-variation_pa_fabric-color .title-wrapper span,
#label-variation_pa_closing .title-wrapper span,
#label-custom_initials .title-wrapper span {
  font-weight: 600;
  color: #333;
}

#label-variation_pa_fabric-color .selected_var,
#label-variation_pa_closing .selected_var,
#label-custom_initials .selected_var {
  flex: 1;
  text-align: right;
  font-weight: 400;
  color: #4c5b61;
}

#label-custom_initials .selected_var {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
}

@media (max-width: 768px) {
  #label-variation_pa_fabric-color,
  #label-variation_pa_closing,
  #label-custom_initials {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* --- USTAWIENIE PANELU PRODUKTU --- */
.single-product div.product {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 50px;
  margin-top: 60px;
}

.single-product div.product div.images {
  flex: 0 0 45%;
  max-width: 45%;
}

.single-product div.product div.summary.entry-summary {
  flex: 0 0 45%;
  max-width: 45%;
  background: #fff;
  padding: 40px 50px;
  border-radius: 14px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  transition: all 0.3s ease-in-out;
}

/* --- RELATED PRODUCTS poniżej --- */
.single-product .related,
.single-product .upsells,
.single-product .woocommerce-tabs {
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 60px;
}

/* --- RESPONSYWNOŚĆ --- */
@media (max-width: 992px) {
  .single-product div.product {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
  .single-product div.product div.images,
  .single-product div.product div.summary.entry-summary {
    flex: 0 0 90%;
    max-width: 90%;
    padding: 20px;
  }
}