/*
 Theme Name:   Neuros Child
 Description:  Neuros Child Theme
 Theme URI:    https://demo.artureanec.com/themes/neuros
 Author:       Artureanec
 Author URI:   https://demo.artureanec.com
 Template:     neuros
 Version:      1.0.0
 License: GNU General Public License version 3.0
 License URI:  http://www.gnu.org/licenses/gpl-3.0.html
 Text Domain:  neuros-child
*/

/* R53 logo, Theme Customizer > Header > Logo alanından atanır. */

/* Yuvarlatılmış menü bölümü üstte ve sticky durumda koyu kalsın. */
.elementor-element-d458640 {
    background-color: #1F1F1F !important;
}

/* Referanstaki iletişim sayfası hero alanı. */
.r53-contact-hero-section {
    margin: 52px 0 0;
}

.r53-contact-hero-section > .elementor-container {
    max-width: none;
}

.r53-contact-hero {
    min-height: 500px;
    padding: 155px 40px 40px;
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    color: #fff;
    background: #1f1f1f url('/wp-content/uploads/2024/01/page-title-bg-min.jpg') center center / cover no-repeat;
}

.r53-contact-hero__title {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #fff !important;
    font-size: clamp(54px, 7vw, 92px);
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 1;
}

.r53-contact-hero__mark {
    position: absolute;
    top: 22px;
    left: 40px;
    z-index: 1;
    width: 52px;
    height: auto;
    filter: brightness(0) invert(1);
}

.r53-contact-hero__word {
    position: absolute;
    top: 18px;
    right: -55px;
    color: transparent;
    font-size: clamp(110px, 16vw, 220px);
    font-weight: 400;
    line-height: .85;
    writing-mode: vertical-rl;
    -webkit-text-stroke: 1px rgba(255, 255, 255, .9);
}

.r53-contact-hero__crumbs {
    position: absolute;
    right: 92px;
    bottom: 0;
    z-index: 1;
    padding: 22px 36px 22px;
    border-radius: 28px 28px 0 0;
    background: #f0f2f4;
    color: #333;
    font-size: 15px;
}

.r53-contact-hero__crumbs a {
    color: #333;
}

.r53-contact-hero__crumbs span {
    margin: 0 7px;
    color: #89909a;
}

@media (max-width: 767px) {
    .r53-contact-hero-section {
        margin: 32px 0 0;
    }

    .r53-contact-hero {
        min-height: 360px;
        padding: 150px 24px 32px;
    }

    .r53-contact-hero__mark {
        left: 24px;
    }

    .r53-contact-hero__word {
        right: -95px;
    }

    .r53-contact-hero__crumbs {
        right: 24px;
        padding: 16px 22px;
    }
}
/* --- 1. Form Elemanlarının Genel Düzeni ve Yakınlaşma Ayarı --- */
.wpcf7-form p, 
.elementor-form .elementor-field-group,
form .form-group {
  margin-bottom: 12px !important; /* Alanları birbirine daha da yakınlaştırır */
}

/* --- 2. Apple Tarzı Giriş Alanları (Input & Textarea) --- */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
textarea,
.wpcf7-form-control input[type="text"],
.wpcf7-form-control input[type="email"],
.wpcf7-form-control input[type="tel"],
.wpcf7-form-control textarea,
.elementor-field-textual {
  width: 100%;
  padding: 10px 16px; /* İç boşluk hafifçe daraltıldı */
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  border: 1px solid #d2d2d7; /* Apple tarzı açık gri kenarlık */
  border-radius: 12px; /* Apple ürünlerindeki ikonik yuvarlak köşeler */
  background-color: #f5f5f7; /* Hafif Apple gri arka planı */
  color: #1d1d1f; /* Apple koyu gri yazı rengi */
  outline: none;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); /* Yumuşak geçiş efekti */
  box-sizing: border-box;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05); /* İçeriye doğru hafif derinlik */
}

/* Mesaj Alanı Özel Ayarı */
textarea,
.wpcf7-form-control textarea {
  min-height: 100px; /* Birbirine yakınlık için boyutu hafif azaltıldı */
  resize: vertical;
}

/* --- 3. Apple Tarzı Odaklanma (Focus) Durumu --- */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
.wpcf7-form-control input[type="text"]:focus,
.wpcf7-form-control input[type="email"]:focus,
.wpcf7-form-control input[type="tel"]:focus,
.wpcf7-form-control textarea:focus,
.elementor-field-textual:focus {
  border-color: #0071e3; /* Apple mavi odaklanma rengi */
  background-color: #ffffff; /* Odaklanınca saf beyaz olur */
  box-shadow: 0 0 0 4px rgba(0, 113, 227, 0.15); /* Yumuşak mavi dış ışıma */
}

/* --- 4. Bonus: Apple Tarzı Buton Tasarımı --- */
input[type="submit"],
button[type="submit"],
.elementor-button {
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 12px; /* Buton köşeleri de alanlarla uyumlu yuvarlatıldı */
  background-color: #0071e3; /* Apple Buton Mavisi */
  color: #ffffff;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

input[type="submit"]:hover,
button[type="submit"]:hover,
.elementor-button:hover {
  background-color: #0077ed; /* Hover durumunda hafif parlak mavi */
}
/* --- 5. İpucu Yazıları (Placeholder) Detayı --- */
::placeholder,
input::placeholder,
textarea::placeholder,
.elementor-field-textual::placeholder {
  color: #86868b !important;
  opacity: 1 !important;
}