/*
Theme Name: Cloe Brooks Child
Theme URI: https://istanbulnlp.com.tr/
Description: Child theme for Cloe Brooks
Author: Istanbul NLP
Template: cloe-brooks
Version: 1.2.0
Text Domain: cloe-brooks-child
*/

/* Cadde Biorezonans - Checkout Üst Boşluk ve Adım Ortalama */

body.woocommerce-checkout .page_content_wrap {
    padding-top: 10px !important;
}

body.woocommerce-checkout .content_wrap,
body.woocommerce-checkout .content,
body.woocommerce-checkout .post_content.entry-content,
body.woocommerce-checkout .woocommerce {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.woocommerce-checkout .woocommerce_status_bar {
    margin-top: 20px !important;
    margin-bottom: 34px !important;
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 12px !important;
}

body.woocommerce-checkout .woocommerce_status_bar > div {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

@media (max-width: 768px) {
    body.woocommerce-checkout .woocommerce_status_bar {
        flex-direction: column !important;
        gap: 8px !important;
    }

    body.woocommerce-checkout .woocommerce_status_bar > div {
        width: 100% !important;
    }
}

/* FAQ Beautify */

.cadde-faq {
  max-width: 900px !important;
  margin: 35px auto !important;
}

.cadde-faq h2 {
  margin-bottom: 20px !important;
  color: #78b943 !important;
  font-weight: 800 !important;
}

.cadde-faq details {
  background: #ffffff !important;
  border: 1px solid #dcefd2 !important;
  border-radius: 16px !important;
  margin-bottom: 13px !important;
  box-shadow: 0 8px 22px rgba(120, 185, 67, 0.10) !important;
  overflow: hidden !important;
}

.cadde-faq details[open] {
  border: 2px solid #78b943 !important;
  background: #f5fbf1 !important;
}

.cadde-faq summary {
  cursor: pointer !important;
  padding: 18px 22px !important;
  font-weight: 700 !important;
  color: #263322 !important;
  list-style: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.cadde-faq summary::-webkit-details-marker {
  display: none !important;
}

.cadde-faq summary:after {
  content: "+" !important;
  float: right !important;
  width: 28px !important;
  height: 28px !important;
  background: #78b943 !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  text-align: center !important;
  line-height: 28px !important;
  font-size: 21px !important;
  font-weight: 700 !important;
}

.cadde-faq details[open] summary {
  background: #78b943 !important;
  color: #ffffff !important;
}

.cadde-faq details[open] summary:after {
  content: "−" !important;
  background: #ffffff !important;
  color: #78b943 !important;
}

.cadde-faq p {
  padding: 18px 22px 22px 22px !important;
  margin: 0 !important;
  color: #4f4f4f !important;
  line-height: 1.75 !important;
  border-top: 1px solid #dcefd2 !important;
}

/* Bilgi Formu */

.form-style-4.cadde-contact-form input,
.form-style-4.cadde-contact-form textarea {
  border-color: #dcefd2 !important;
}

.form-style-4.cadde-contact-form input:focus,
.form-style-4.cadde-contact-form textarea:focus {
  border-color: #78b943 !important;
}

.form-style-4.cadde-contact-form .wpcf7-submit {
  background-color: #78b943 !important;
  border-color: #78b943 !important;
  color: #ffffff !important;
}

.form-style-4.cadde-contact-form .wpcf7-submit:hover {
  background-color: #68a839 !important;
  border-color: #68a839 !important;
}

.form-style-4.cadde-contact-form a {
  color: #78b943 !important;
}