/* 
Theme Name: Deta-y IT & Media
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.left-dot ul {
    position: relative;
    padding: 0;
    list-style: none;
}
.left-dot ul li {
    position: relative;
    padding-left: 20px !important;
}
.left-dot ul li::before {
    position: absolute;
    left: 0;
    top: 8px;
    content: " ";
    width: 5px;
    height: 11px;
    background: #fa4616;
    border-radius: 5px;
}

body *:not(.ab-icon, .elementor-editor-active i) {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
.elementor-widget-button .elementor-editor-active .elementor-button {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-weight: 600 !important;
}   
.text-icon {
    font-size: 2.25rem;
    line-height: 2.5rem;
    margin-bottom: 10px;
}
/* Checkbox */
input#form-field-datenschutz-0 {
  top: 5px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #ff6600;
  border-radius: 4px;
  background-color: white;
  cursor: pointer;
  position: relative;
}
input#form-field-datenschutz-0:checked {
  background-color: #ff6600;
  border-color: #ff6600;
}
input#form-field-datenschutz-0:checked::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

#call-stoerer {
  position: fixed;
  bottom: 20px;
  right: -270px; /* tamamen dışarıda başlasın */
  transition: right 0.5s ease;
  z-index: 99999;
  -webkit-transform: translateZ(0);
  pointer-events: auto;
  overflow: visible;
}


#stoerer-close {
  cursor: pointer;
  z-index: 100001;
}

#stoerer-open {
  position: absolute;
  top:30%;
  transform: translateY(-50%);
  color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: opacity 0.3s ease, right 0.3s ease;
  z-index: 100000;
  opacity: 0;
  pointer-events: none;
}

#call-stoerer.closed #stoerer-open {
  opacity: 1;
  pointer-events: all;
}

#call-stoerer.closed #stoerer-close {
  opacity: 0;
  pointer-events: none;
}

/* 🔹 Mobil uyum */
@media (max-width: 767px) {
#call-stoerer {
    bottom: 10px;
    right: calc(-100vw + 40px); /* tamamen dışarıda başlasın */
    width: calc(100vw - 40px); /* içerik düzgün hizalansın */
    transition: right 0.5s ease;
  }

  /* Açıldığında görünür hale gelsin */
  #call-stoerer.active {
    right: 10px;
  }
}