/*
Theme Name: Pvpro Solar
Theme URI: https://www.linkedin.com/in/abdullah-gamal-207690133/
Author: Abdullah Gamal
 Description: Pvpro Solar - Website Theme Design  
Version: 1
Author URI: https://www.linkedin.com/in/abdullah-gamal-207690133/
Template: kadence
Text Domain: kadence-child
*/

/*  Custom Css By Abdullah Gamal
- - - - - - - - - - - - - - - - - - - - */



:root{
	--global-palette1: #faa41b;
    --global-palette2: #0c9545;
    --global-palette3: #2272b9;
    --global-palette4: #1a1a1a;
    --global-palette5: #525252;
    --global-palette6: #777777;
    --global-palette7: #eeeeee;
    --global-palette8: #fcfcfc;
    --global-palette9: #ffffff;
}

a.social-button.header-social-item.social-link-custom1:hover {
  background: #fefc00;
}

.social-icon-custom-svg svg * {
  fill: #000;
}

.kt-blocks-post-grid-item .entry-title a:not(.button):not(.list) {
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ag_gradient {
  background-image: -webkit-linear-gradient(0deg, #000000, #ff5722);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 10s infinite linear;
}

#masthead
  .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(
    .site-header-row-container
  ):not(.item-hidden-above):not(.site-main-header-wrap),
#masthead
  .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(
    .item-hidden-above
  )
  > .site-header-row-container-inner {
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
}

@media (max-width: 500px) {
  .intl-tel-input .country-list {
    width: max-content;
  }
}

@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}

@media (min-width: 767px) {
  .intl-tel-input .country-list {
    left: -30px;
  }
}

.animatedX,
.animatedX-reverse {
  transition: transform 0.2s ease-out;
  will-change: transform;
  transform-origin: center center;
}

span.kt-svg-icon-list-text,
a.kt-svg-icon-link {
  padding-block-start: 8px;
}

#menu-item-929.kadence-menu-mega-enabled > .sub-menu {
  background-color: transparen !important;
  box-shadow: none !important;
}

.Pricing_pvpro .pvpro_yes_no {
  display: flex;
  justify-content: space-between;
}

.Pricing_pvpro .pvpro_yes_no .ff-el-input--content {
  display: flex;
  justify-content: flex-end;
  width: 50%;
  max-height: auto;
  min-height: 40px;
}

.Pricing_pvpro .pvpro_yes_no .asterisk-right {
  text-align: left;
  width: 50%;
  display: flex;
  margin: 0;
  align-items: center;
}

.Pricing_pvpro
  .ff-el-group.ff_list_buttons
  .ff-el-form-check.ff_item_selected
  label
  > span {
  background-color: var(--global-palette2);
  border-color: var(--global-palette2);
  box-shadow: -1px 0 0 0 var(--global-palette2);
  color: #fff;
}

.Pricing_pvpro .step_two .ff_el_checkable_photo_holders {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 20px;
}

.Pricing_pvpro .step_two .ff_el_checkable_photo_holders .ff-el-image-holder {
  padding: 14px;
  background-color: #fff;
  border-radius: 10px;
  position: relative;
  border: 2px solid #e2e2e2 !important;
  width: 100%;

  display: flex;
  gap: 4px;
  min-height: 70px;
  align-items: center;
}

.Pricing_pvpro
  .step_two
  .ff_el_checkable_photo_holders
  .ff-el-image-holder.ff_item_selected {
  border: 2px solid var(--global-palette2) !important;
}

.Pricing_pvpro label.ff-el-image-input-src {
  height: 20px;
  width: 30px;
}

.Pricing_pvpro .step_two input[type="radio"]:after {
  right: 20px;
  top: 15px;
  border-radius: 50px !important;
  background-color: #c7f8c8 !important;
  color: var(--global-palette2) !important;
  border-color: var(--global-palette2) !important;
  background-image: none !important;
}

.Pricing_pvpro .step_two input[type="radio"]:checked:after {
  background-color: var(--global-palette2) !important;
  background-image: none !important;
}

.Pricing_pvpro .step_two .ff-el-form-check-label {
  margin-bottom: 0;
}

.Pricing_pvpro .step_two .ff-el-form-check-label > span {
  font-size: 18px;
  font-weight: 600;
  margin-top: -10px;
  margin-left: 10px;
  line-height: 1.1;
  position: absolute;
}

.Pricing_pvpro
  .step_two
  .ff_el_checkable_photo_holders
  .ff-el-form-check-radio {
  position: absolute !important;
  width: 90% !important;
  height: 100% !important;
  -webkit-appearance: none !important;
}

/* Speicherlösung step */
.fluentform-step[data-name="form_step-5_3"]
  .ff_el_checkable_photo_holders
  > .ff-el-image-holder:nth-child(1)
  .ff-el-form-check-label
  > span::after {
  content: "Backup für das gesamte Haus inkl. Klimaanlage";
  font-size: 14px;
  font-weight: 400;
  display: block;
  color: var(--global-palette6);
}

/* System planen step */
.fluentform-step[data-name="form_step-5_6"]
  .ff_el_checkable_photo_holders
  > .ff-el-image-holder:nth-child(1)
  .ff-el-form-check-label
  > span::after {
  content: "Deckt den aktuellen Energiebedarf";
  font-size: 14px;
  font-weight: 400;
  display: block;
  color: var(--global-palette6);
}
.fluentform-step[data-name="form_step-5_6"]
  .ff_el_checkable_photo_holders
  > .ff-el-image-holder:nth-child(2)
  .ff-el-form-check-label
  > span::after {
  content: "Deckt 25% mehr als Ihren aktuellen Verbrauch";
  font-size: 14px;
  font-weight: 400;
  display: block;
  color: var(--global-palette6);
}

.ff-default .ff-el-input--label label {
	font-family: var(--global-heading-font-family);
	font-weight: 600;
}


.contact_radio {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.contact_radio .ff-el-input--label {
    flex: 1;
}

.referenzen-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  margin: 0;
  padding: 0;
  margin-block-start: 40px;
}
@media (max-width: 700px) {
  .referenzen-grid {
    grid-template-columns: 1fr;
  }
}
.referenzen-card {
  position: relative;
  background: #faa41b;
  border-radius: 12px;

}

.referenzen-card:hover{
  box-shadow: 0px 20px 30px rgb(0 0 0 / 30%);
}

.referenzen-card figure {
	margin: 0;
}
.referenzen-card-img {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  background: #eee;
}
.referenzen-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.referenzen-badge {
  position: absolute;
  left: 12px;
  top: 12px;
  background: var(--global-palette2);
  color: #fff;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 0.95em;
  font-weight: 500;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}
.referenzen-card-content {
  padding: 18px 16px 16px 16px;
}
.referenzen-inline-info {
  display: flex;
  align-items: center;
  gap: 18px;
  color: #222;
  font-size: 0.856em;
  margin-top: 8px;
}
.referenzen-inline-info svg {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  margin-right: 6px;
  fill: var(--global-palette9);
}








.pvpro-whatsapp-float {
	position: fixed;
	bottom: 3rem;
	right: 3rem;
	z-index: 9999;
	background: #25d366;
	color: white;
	border-radius:14px;
	padding: 10px 20px;
	box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 500;
	transition: all 0.3s ease;
	animation: pvpro-whatsapp-pulse 2s infinite;
	font-size: 14px;
}


.pvpro-whatsapp-float p {
    margin: 0;
    line-height: 1;
    padding-top: 4px;
}
.pvpro-whatsapp-float:hover {
	background: #128c7e;
	color: white;
	transform: scale(1.05);
	box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
}
.pvpro-whatsapp-float svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
}
@keyframes pvpro-whatsapp-pulse {
	0% { box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3); }
	50% { box-shadow: 0 4px 20px rgba(37, 211, 102, 0.5); }
	100% { box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3); }
}
@media (max-width: 768px) {
	.pvpro-whatsapp-float {
		bottom: 15px;
		right: 15px;
		padding: 12px 16px;
		font-size: 14px;
	}
	.pvpro-whatsapp-float svg {
		width: 20px;
		height: 20px;
	}
}



.entry-content svg {
	display: inline-block;
	width: 24px;
	height: 24px;
	fill: currentColor;
}