/*
Theme Name: Foliex Child
Template: foliex
*/


/* ----------------------------- Slider Sosyal İkonlar ----------------------------- */
.slider-social-icons {
    position: absolute; /* slider üzerinde konumlandırmak için */
    bottom: 45px;
    left: 25px;
    display: flex;
    gap: 19px;
    z-index: 10;
}

.slider-social-icons a {
    color: #888888; /* soluk gri */
    font-size: 16px;
    transition: color 0.3s;
}

.slider-social-icons a:hover {
    color: #555555;
}

/* ----------------------------- Hakkımızda Bölümü ----------------------------- */
.hakkimizda {
    height: 1000px; /* istediğin sabit yükseklik */
    overflow: hidden; /* fazla içerik alt kısmı kırpılsın */
    position: relative;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* ----------------------------- Post Heading News ----------------------------- */
.post-heading-news-dark {
    display: none;
}

/* Widget dış container */
.page-id-1175 div.elementor-widget-wrap.elementor-element-populated {
    background-color: #000 !important; /* siyah arka plan */
    color: #fff !important; /* yazılar beyaz */
    padding: 20px;
    border-radius: 8px;
}

/* Widget içindeki tüm linkler ve başlıklar */
.page-id-1175 div.elementor-widget-wrap.elementor-element-populated a,
.page-id-1175 div.elementor-widget-wrap.elementor-element-populated h2,
.page-id-1175 div.elementor-widget-wrap.elementor-element-populated h3,
.page-id-1175 div.elementor-widget-wrap.elementor-element-populated h4,
.page-id-1175 div.elementor-widget-wrap.elementor-element-populated span,
.page-id-1175 div.elementor-widget-wrap.elementor-element-populated p {
    color: #fff !important;
}

/* Mevcut beyaz arka planlı alt container’ları tersine çevir */
.page-id-1175 div.elementor-widget-wrap.elementor-element-populated div,
.page-id-1175 div.elementor-widget-wrap.elementor-element-populated section {
    background-color: transparent !important;
}










/* ----------------------------- Slider İlk Buton ----------------------------- */
.swiper-wrapper-news .swiper-slide:first-child .text-button-1 {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important; /* tıklanabilir olsun */
}

/* Text Button ve tüm alt öğeleri görünür yap */
.elementor-widget-text-editor .text-button-1,
.elementor-button {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* ----------------------------- Hover Efekti Linkler ----------------------------- */
a.hover-text {
    position: relative;
    color: #e1ad0c !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

a.hover-text::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 1px;
    background-color: #e1ad0c;
    transition: width 0.3s ease;
}

a.hover-text:hover::after {
    width: 100%;
}

/* ----------------------------- Form Container ----------------------------- */
#form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

#form .form-field {
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* ----------------------------- Input ve Textarea Alt Çizgi ----------------------------- */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"] {
    border: none !important;
    border-bottom: 1px solid #fff !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #fff !important;
    width: 100% !important;
    padding: 8px 5px !important;
    text-align: left !important;
    position: relative;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.wpcf7 input[type="text"]:hover,
.wpcf7 input[type="email"]:hover,
.wpcf7 input[type="tel"]:hover,
.wpcf7 input[type="number"]:hover,
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="number"]:focus {
    border-bottom: 1px solid #e1ad0c !important;
    outline: none !important;
}

.wpcf7 input::placeholder {
    color: #999 !important;
}

/* ----------------------------- Submit Buton ----------------------------- */
.wpcf7 input[type="submit"] {
    background: transparent !important;
    color: #e1ad0c !important;
    text-transform: uppercase !important;
    border: none !important;
    padding: 12px 25px !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    position: relative !important;
    overflow: hidden !important;
    transition: color 0.3s ease !important;
}

.wpcf7 input[type="submit"]::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #e1ad0c;
    transition: width 0.3s ease;
}

.wpcf7 input[type="submit"]:hover::after {
    width: 100%;
}

/* ----------------------------- Hata Mesajları ----------------------------- */
.wpcf7-not-valid-tip {
    color: #e1ad0c !important;
    font-size: 0.9em;
    margin-top: 5px;
}

/* ----------------------------- Responsive Mobil ----------------------------- */
@media (max-width: 767px) {
    #form .form-field {
        width: 100%;
    }
}

/* ----------------------------- Seçili Metin ----------------------------- */
::selection {
    background-color: #e1ad0c;
    color: #fff;
}

/* BAŞVUR butonu stil */
.apply-btn h2,
.apply-link h2 {
  display: inline-block !important;
  padding: 10px 20px !important;
  font-size: 22px !important;
  color: #e1ad0c !important;
  border: 2px solid #e1ad0c !important;
  border-radius: 4px !important;
  background: none !important;
  position: relative !important;
  cursor: pointer !important;
  text-align: center !important;
  transition: all 0.3s ease !important;
}

/* Köşeli parantez normal */
.apply-btn h2::before,
.apply-link h2::before {
  content: "[" !important;
  position: absolute;
  left: -12px;
  top: 0;
  font-weight: bold;
  color: #e1ad0c;
}

.apply-btn h2::after,
.apply-link h2::after {
  content: "]" !important;
  position: absolute;
  right: -12px;
  top: 0;
  font-weight: bold;
  color: #e1ad0c;
}


/* ----------------------------- reCAPTCHA ----------------------------- */
.wpcf7-form .g-recaptcha {
    display: block !important;
    margin: 12px auto !important;
    transform: scale(1) !important;
    width: 304px !important;
    max-width: 100% !important;
}

.elementor-popup-active .wpcf7-form .g-recaptcha {
    display: block !important;
}

/* Slider okları beyaz */
.swiper-button-next,
.swiper-button-prev {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
}

/* Buton yazısı */
.the-button.the-button-news-details span {
    color: #e1ad0c;  /* Yazı sarı */
    position: relative; /* Alt çizgi için gerekli */
}

/* Kenarlardaki pseudo-elementleri kaldır */
.the-button.the-button-news-details::before,
.the-button.the-button-news-details::after {
    display: none;
}

/* Hover alt çizgi efekti */
.the-button.the-button-news-details span::after {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;           /* Çizgi kalınlığı */
    left: 0%;             /* Çizginin kısa olması için sol boşluk */
    bottom: -4px;          /* Yazıdan uzaklık */
    background-color: #e1ad0c; /* Çizgi rengi */
    transition: width 0.3s ease;
}

/* Hover olunca çizgi uzasın */
.the-button.the-button-news-details:hover span::after {
    width: 100%;   /* Çizgi uzunluğu */
}