/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
 Description:  A child theme for the Hello Elementor theme
 Author:       Your Name
 Author URI:   https://github.com/birool
 Template:     hello-elementor
 Version:      1.0.0
*/

/* Add your custom styles below */


.custom-gender-select {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

button.gender-button,
.gender-button {
    /* border:1px solid  #3498db; */
    /* border: 1px solid #ee2c6d; */
    background-color: #fff;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 9999px;
    display: flex;
    column-gap: .5rem;
    align-items: center;
    transition: transform linear(0 0%, 0.22 2.1%, 0.86 6.5%, 1.11 8.6%, 1.3 10.7%, 1.35 11.8%, 1.37 12.9%, 1.37 13.7%, 1.36 14.5%, 1.32 16.2%, 1.03 21.8%, 0.94 24%, 0.89 25.9%, 0.88 26.85%, 0.87 27.8%, 0.87 29.25%, 0.88 30.7%, 0.91 32.4%, 0.98 36.4%, 1.01 38.3%, 1.04 40.5%, 1.05 42.7%, 1.05 44.1%, 1.04 45.7%, 1 53.3%, 0.99 55.4%, 0.98 57.5%, 0.99 60.7%, 1 68.1%, 1.01 72.2%, 1 86.7%, 1 100%) .3s;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0.125rem 0.875rem 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0.125rem 0.875rem 0px;
    border: none;
    height: 48px;
    color: #000;
}

button.gender-button .gender-icon svg,
.gender-button .gender-icon svg {
    width: 24px;
    height: 24px;
}

button.gender-button:hover,
.gender-button:hover,
button.gender-button.selected,
.gender-button.selected {
    background-color: #ffb347;
    color: #fff;
}

.gender-button[data-label="kadın"]:hover,
.gender-button[data-label="kadın"].selected {
    /* background-color: #2980b9; */
    background-color: #ee2c6d;
    color: #fff;
}

.gender-button[data-label="erkek"]:hover,
.gender-button[data-label="erkek"].selected {
    /*background-color: #2980b9; Green for selected button */
    background-color: #1e90ff;
    color: #fff;
}

button.gender-button:active,
.gender-button:active {
    transform: translateY(2px);
}


.e-form__indicators__indicator--state-completed [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none) {
    background-color: rgb(125 183 142);
    color: #f7f7f7;
}

.e-form__indicators__indicator--state-inactive:before {
  /* content: '\f023'; 
    font-family: "Font Awesome 5 Free";  
    margin-right: 0px;
    margin-bottom: 8px;
    margin-top: -18px;
    font-size: 18px;
    color: #ccc; */

  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ccc' viewBox='0 0 448 512'%3E%3Cpath d='M400 192h-24V128C376 57.3 318.7 0 248 0S120 57.3 120 128v64H96c-35.3 0-64 28.7-64 64v192c0 35.3 28.7 64 64 64h304c35.3 0 64-28.7 64-64V256c0-35.3-28.7-64-64-64zM168 128c0-44.2 35.8-80 80-80s80 35.8 80 80v64H168v-64z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 0;
  margin-bottom: 8px;
  margin-top: -18px;
  /* Lock icon color */
}

.custom-gender-select {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1rem;
    border-bottom: 1px solid #eee;
}

/* Prevent layout shift for main video background */
.main-video-container {
  aspect-ratio: 16 / 9;
  width: 100% !important;
  position: relative !important;
  overflow: hidden !important;
}

.main-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  z-index: 0;
}

/* Override inline styles that cause CLS */
.main-video-container iframe[style] {
  width: 100% !important;
  height: 100% !important;
}

img.star-rating {
    width: 85px;
    aspect-ratio: 4 / 1;
    height: auto;
}

.elementor-background-video-container {
  position: relative;
  aspect-ratio: 16 / 9;
  width: 100%;
  max-height: 80vh;
  overflow: hidden;
}

.elementor-background-video-container iframe {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.elementor-background-video-container {
  position: relative;
  overflow: hidden;
}

.elementor-background-video-container::before {
  content: "";
  background: url('https://askmiparami.com/wp-content/uploads/2025/05/WHITE_LOGO.jpg') center center / cover no-repeat;
  position: absolute;
  inset: 0;
  z-index: 10;
}

.elementor-background-video-container video,
.elementor-background-video-container iframe {
  position: relative;
  z-index: 5;
}

.elementor-background-video-container video[ready],
.elementor-background-video-container iframe[ready] {
  /* Remove poster when video is ready */
  opacity: 1;
}

.elementor-background-video-container[video-loaded]::before {
  display: none;
}