/**
 * Theme Name:     Simudome
 * Author:         Simudome
 * Template:       hello-elementor
 * Text Domain:	   simudome
 * Description:    Simudome elementor theme
 */

header .elementor-sticky{
	transition: .2s ease all;
}
header .elementor-sticky--effects{
	opacity:95% !important;
}
header .elementor-sticky--effects .e-con-inner{
	padding-top: 40px;
	padding-bottom: 40px;
}
.elementor-nav-menu--dropdown a{
	font-style: normal !important;
}
.links a{
	color: #525252;
	display: block;
}
.links a:hover{
	color: #000;
}
.blur-bg {
    background: rgba(255, 255, 255, 0.15); /* półprzezroczyste */
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px); /* Safari */
	box-shadow:
        inset 0 1px 3px rgba(255,255,255,0.55), /* inner light */
        inset 0 -1px 2px rgba(255,255,255,0.25),
        0 10px 20px rgba(0,0,0,0.2); /* outer dark */
	border-radius: 30px;
	
}
#home-hero .blur-bg{
	background: rgba(0,0,0,0.1); /* półprzezroczyste */
}
.blur-bg-light {
	 background: rgba(255, 255, 255, 0.45); /* półprzezroczyste */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* Safari */
}
.blur-bg-dark,
.page-id-317 .hero .blur-bg,
.page-id-328 .hero .blur-bg{
  background: rgba(25,31,36, 0.75); /* półprzezroczyste */
}
.icon-box-simu .blur-bg {
    background: rgba(255, 255, 255, 0.45);
}
.gradient-txt,
.gradient-txt h2{
    background: linear-gradient(170deg, #6bd3ff 0%, #ffffff 60%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
	display: inline-block;
}
h1.gradient-txt{
	 background: linear-gradient(170deg, #6bd3ff 20%, #ffffff 100%) !important;
	-webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.btn-simu-3d a{
	background-image: linear-gradient(180deg, #E7E7E7 0%, #F1F1F1 100%) !important;
} 
.btn-simu-3d a:hover{
	background-image: linear-gradient(180deg, #E7E7E7 0%, #f8f8f8 100%) !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.22) !important;
	
}
.btn-simu-3d .elementor-button-content-wrapper{
	transition: 0.2s ease all;
}
.btn-simu-3d a:hover .elementor-button-content-wrapper{
	gap:24px !important;
	padding-left: 8px;
}

blockquote{
	font-family: 'Trenda';
}
.blockquote-simu blockquote p{
    position: relative;
    padding: 2rem 4rem;
    line-height: 1.6;
}

/* lewy dolny apostrof */
.blockquote-simu blockquote p:before {
    content: "";
    position: absolute;
    left: -30px;
    bottom: 5px;
    width: 2rem;
    height: 2rem;
    background: url('/wp-content/uploads/2025/12/blockquote_left.png') no-repeat center / contain;

    pointer-events: none;
}

/* prawy górny apostrof */
.blockquote-simu blockquote p:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 5px;
    width: 2rem;
    height: 2rem;
    background: url('/wp-content/uploads/2025/12/blockquote_right.png') no-repeat center / contain;

    pointer-events: none;
}

.elementor-icon-list-icon {
    flex-shrink: 0 !important;
}


@media(min-width:1920px){
	.hero,
	#home-hero{
		min-height: calc(100vh - 190px) !important;
	}
	#btn-hero{
		right:0;
		left: 0;
		margin: 0 auto;
	}
}

@media(min-width:1680px){
	/* o nas */
	.page-id-305 .hero{
		min-height: calc(100vh - 190px) !important;
	}
}



#intro-txt{
	
}
#intro-txt h1{
	color: #29c0ff;
	font-weight: 600;
	font-size: 2.5rem;
}

#home-tech-heading h2{
    position: relative;
    display: inline-block;
    padding: 0.8em 1.6em 0.8em 2em;
    background: #fff;
    border-radius: 0 999px 999px 0;
	border:1px solid #999;
    z-index: 1;
	position: relative;
 	top: -1.48em;
	left: -2.5em;
	white-space: nowrap;
}

@media (min-width:1366px){
#home-tech-heading h2{
	padding: 0.8em 1.6em 0.8em 0;
	left: auto;
}
/* element „ciągnący się” do lewej krawędzi */
#home-tech-heading h2::before {
    content: "";
    position: absolute;
	top:-1px;
    left: calc(-48.8vw + 50% );
    width: calc(50vw - 50%);
    height: calc(100% + 2px);
    background: #fff;
    z-index: -1;
	border:1px solid #999;
	border-right: none;
}
}


.icon-box-simu-2{
	max-width: 32%;
}
.icon-box-simu h3{
	letter-spacing: -2px;
}
.icon-box-simu  .elementor-icon-box-wrapper{
	padding-bottom: 7rem;
}
.icon-box-simu .elementor-icon-box-icon{
	background-color: #000;
	border-radius: 50%;
	width: 5rem;
	height: 5rem;
	line-height: 5.5rem !important;
	margin: 0rem auto;
	
	position: absolute;
  	left: 0;
  	right: 0;
  	bottom: 60px;
	
}
.icon-box-simu .elementor-icon-list-icon{
	background-color: #000;
	border-radius: 50%;
	width: 2rem;
	height: 2rem;
	line-height: 2rem !important;
	text-align: center !important;
  display: inline-block !important;
	margin-right: 10px;
	
}
.icon-box-simu .elementor-icon-list-icon svg{
	text-align: center;
  display: inline-block !important;
	margin: 0 auto !important;
}

.icon-box-simu-2{
	padding-bottom: 220px !important;
}
.icon-box-simu-2 .elementor-widget-image{
	position: absolute;
  	left: 0;
  	right: 0;
  	bottom: 60px;
	margin: 0rem auto;
}


/* Appointment Booking */
#fbuilder,
#fbuilder *{
	font-family: "Trenda" !important;
	font-weight: 100 !important;
}
#fbuilder td{
	background-color: transparent !important;
}
.ui-datepicker-calendar td .ui-state-default{
	width: 3rem !important;
	height: 3rem !important;
	margin: 0 auto;
	line-height: 3.3rem !important;
	border-radius: 50%;
}
.ui-datepicker-calendar td a.ui-state-default{
	background-color: #7f7f7f !important;
}
.ui-datepicker-calendar td a.ui-state-default:hover{
	background-color: #222222 !important;
}
.ui-datepicker-calendar td .ui-state-default.ui-state-active{
	background-color: #000000 !important;
}

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



@media (max-width:2139px){
	body > .elementor > .e-con-boxed{
		padding-left: 40px;
		padding-right: 40px;
	}
	#home-hero{
		background-position: center  -100px center;
	}
	#intro{
		background-position: center right -100px;
	}
}
@media (max-width:1599px){
	#intro{
		background-position: center right -200px;
	}
	#home-hero .blur-bg{
		background: rgba(0,0,0,0.3); /* półprzezroczyste */
	}
	.icon-box-simu-2{
		max-width: 49%;
	}
	.btn-simu-3d .elementor-button-content-wrapper{
		gap:22px !important;
	}
	.btn-simu-3d a:hover .elementor-button-content-wrapper{
		gap:18px !important;
		padding-left: 4px;
	}
}
@media (max-width:1365px){
	body > .elementor > .e-con-boxed{
		padding-left: 30px;
		padding-right: 30px;
	}
	.page-id-328 .blur-bg-dark{
 	   background: rgba(25, 31, 36, 0.45);
	}
}
@media (max-width:1079px){
	body > .elementor > .e-con-boxed{
		padding-left: 20px;
		padding-right: 20px;
	}
	body > header.elementor > .e-con-boxed{
		padding-left: 0px;
		padding-right: 0px;
	}
	#intro{
		background-image:none !important;
	}
	.icon-box-simu-2{
		max-width: 99%;
	}
	.btn-simu-3d .elementor-button-content-wrapper{
		gap: 16px !important;
	}
	.btn-simu-3d a:hover .elementor-button-content-wrapper{
		gap:12px !important;
		padding-left: 4px;
	}
	.page-id-278 .box-usecase{
		background-image: linear-gradient(145deg, #DADADA 0%, #F0F0F0 47%) !important;
	}
	#btn-hero{
		position: static;
		margin: 20px auto;
	}
	#home-hero .elementor-button{
		background-color: rgba(0,0,0,0.2) !important;
	}
	.page-id-328 .blur-bg-dark br{
 	   display: none !important;
	}
	 .page-id-328 .blur-bg-dark-2 {
        background: rgba(25, 31, 36, 0.85);
    }
}
@media (max-width: 767px) {
	.elementor-heading-title  br,
	.elementor-widget-text-editor p br{
		display: none !important;
	}
    header .e-con.e-flex {
        --flex-wrap: auto;
    }
	
}
@media (max-width:480px){
	
	.mobile-no-br br{
		display: none !important;
	}
	
	.btn-simu-3d .elementor-button-content-wrapper{
		gap:10px !important;
	}
	.btn-simu-3d a:hover .elementor-button-content-wrapper{
		gap:6px !important;
		padding-left: 4px;
	}
	.icon-box-simu .elementor-icon-box-icon{
  		bottom: 48px;
	}
	   
}