/*
Theme Name: Qizon Child
Theme URI: https://gaviaspreview.com/wp/qizon/
Description: Child theme for Qizon theme
Author: Soft Erector
Template: qizon
Version: 1.0.0
Text Domain: qizon-child
*/


.hero-banner {
  position: relative;
}

.hero-video-toggle {
  position: absolute;
  right: 40px;
  bottom: 40px;
  z-index: 99999;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,0.9);
  background: rgba(0,0,0,0.55);
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: all 0.4s ease;
}

/* When hero text is hidden, keep play button in center */
.hero-banner:not(.content-visible) .hero-video-toggle {
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
}

/* When hero text is visible, move play button back to bottom-right */
.hero-banner.content-visible .hero-video-toggle {
  left: auto;
  top: auto;
  right: 40px;
  bottom: 40px;
  transform: none;
}

.hero-video-toggle:hover {
  background: rgba(0,0,0,0.85);
}
strong {
    font-weight: 500 !important;
}
/* Play icon - CSS triangle */
.hero-play-icon {
  display: none;
  width: 0;
  height: 0;
  margin-left: 4px;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 18px solid currentColor;
}

/* Pause icon - CSS bars */
.hero-pause-icon {
  display: flex;
  width: 18px;
  height: 22px;
  justify-content: space-between;
}

.hero-pause-icon::before,
.hero-pause-icon::after {
  content: "";
  width: 6px;
  height: 22px;
  background: currentColor;
  border-radius: 2px;
}

/* Paused state: show play icon */
.hero-video-toggle.is-paused {
  background: #00DF52;
  color: #000;
  border-color: #00DF52;
}

.hero-video-toggle.is-paused .hero-play-icon {
  display: block;
}

.hero-video-toggle.is-paused .hero-pause-icon {
  display: none;
}

/* Playing state: show pause icon */
.hero-video-toggle:not(.is-paused) .hero-play-icon {
  display: none;
}

.hero-video-toggle:not(.is-paused) .hero-pause-icon {
  display: flex;
}

@media (max-width: 767px) {
  .hero-video-toggle {
    right: 20px;
    bottom: 20px;
    width: 46px;
    height: 46px;
display: none;
  }

  .hero-play-icon {
    border-top-width: 9px;
    border-bottom-width: 9px;
    border-left-width: 15px;
  }

  .hero-pause-icon {
    width: 15px;
    height: 18px;
  }

  .hero-pause-icon::before,
  .hero-pause-icon::after {
    width: 5px;
    height: 18px;
  }
}


/* Pricing Form */
.ipr-pricing-form {
    /* background: #ffffff; /* 
   /*  padding: 34px;/* 
    /* border-radius: 20px; */
    /* box-shadow: 0 18px 50px rgba(0,0,0,0.10); */
}

.ipr-pricing-form .ipr-field {
  margin-bottom: 24px;
}

.ipr-pricing-form label {
  display: block;
  font-weight: 700;
  color: #3a3a3a;
  margin-bottom: 10px;
}

.ipr-pricing-form input[type="text"], .ipr-pricing-form input[type="email"], .ipr-pricing-form input[type="tel"] {
    width: 100%;
    min-height: 45px;
    border: 1px solid #dddddd;
    border-radius: 12px;
    padding: 0px 16px;
    font-size: 15px;
}

.ipr-options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ipr-options label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #dddddd;
    border-radius: 40px;
    padding: 5px 14px;
    cursor: pointer;
    font-weight: 600;
    background: #f8f8f8;
    margin-bottom: 0;
}

.ipr-options label:hover {
  border-color: #00DF52;
  background: rgba(0,223,82,0.08);
}

.ipr-pricing-form input[type="radio"] {
  accent-color: #00DF52;
}

.ipr-submit-btn {
    background: #00DF52;
    color: #ffffff;
    border: none;
    border-radius: 3px;
    padding: 10px 52px;
    font-weight: 500;
    cursor: pointer;
    font-size: 16px;
}
.ipr-submit-btn:hover {
  color: #000 !important;
  box-shadow: none !important; 
}

.ipr-form-success {
  background: rgba(0,223,82,0.12);
  border: 1px solid #00DF52;
  color: #111;
  padding: 16px 20px;
  border-radius: 12px;
  margin-bottom: 20px;
  font-weight: 600;
}
.elementor-button {
    color: #fff !important;
}

.elementor-button:hover {
    color: #000 !important;
}
@media(max-width:1024px) and (min-width:768px){
       .hero-video-toggle {
        position: absolute;
        right: 335px;
        bottom: 100px;
    }
}



.hero-content-after-video {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: all 0.6s ease;
  pointer-events: none;
}

.hero-content-after-video.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}


/* Onload: center the whole HTML widget/container only before content is visible */
.hero-banner:not(.content-visible) .elementor-element-f7ef147 {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  z-index: 99999 !important;
  width: auto !important;
}

/* Onload: remove button's own bottom/right positioning */
.hero-banner:not(.content-visible) .hero-video-toggle {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
}