/*
Theme Name: Orgarium Child
Theme URI: https://gaviaspreview.com/wp/orgarium/
Author URI: https://themeforest.net/user/gavias
Author: Gaviasthemes Team
Description: Child theme for the Orgarium theme.
Template: orgarium
*/

/* Elementor özel renk ve tipografi ayarlarını sabitle */
.elementor-kit-7 {
    --e-global-color-primary: #6583ff;
    --e-global-color-secondary: #1F1E17;
    --e-global-color-text: #767676;
    --e-global-color-accent: #2C2C2C;
    --e-global-color-9e78dc2: #F8F6EF;
    --e-global-color-23e11f5: #EDEDED;
    --e-global-typography-primary-font-family: "Roboto";
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-family: "Roboto Slab";
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family: "Roboto";
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: "Roboto";
    --e-global-typography-accent-font-weight: 500;
}

.elementor-kit-7 e-page-transition {
    background-color: #FFBC7D;
}

.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1200px;
}

.e-con {
    --container-max-width: 1200px;
}

.elementor-widget:not(:last-child) {
    --kit-widget-spacing: 20px;
}

.elementor-element {
    --widgets-spacing: 20px 20px;
    --widgets-spacing-row: 20px;
    --widgets-spacing-column: 20px;
}

h1.entry-title {
    display: var(--page-title-display);
}

@media (max-width: 1024px) {
    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 1024px;
    }
    .e-con {
        --container-max-width: 1024px;
    }
}

@media (max-width: 767px) {
    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 767px;
    }
    .e-con {
        --container-max-width: 767px;
    }
}

.custom-breadcrumb .breadcrumb {
  display: none !important;
}

.breadcrumb-container-inner {
  height: 220px;            /* alanın yüksekliği */
  background-size: cover;    /* alanı doldurur, kırpabilir */
  background-position: center; /* ortalar */
}


.post-breadcrumb {
  background-size: contain;  /* resmi kırpmaz, sığdırır */
  background-repeat: no-repeat;
  background-position: center;
  height: 300px;
}

.post-breadcrumb .heading-title {
    display: none !important;
}

.custom-breadcrumb .breadcrumb-container-inner {
  height: 220px;          /* Masaüstü için */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;             /* padding kaldırıldı */
}

/* Tablet (991px ve altı) */
@media (max-width: 991.98px) {
  .custom-breadcrumb .breadcrumb-container-inner {
    height: 180px;
  }
}

/* Küçük tablet / büyük telefon (767px ve altı) */
@media (max-width: 767.98px) {
  .custom-breadcrumb .breadcrumb-container-inner {
    height: 150px;
  }
}

/* Küçük telefon (575px ve altı) */
@media (max-width: 575.98px) {
  .custom-breadcrumb .breadcrumb-container-inner {
    height: 120px;
  }
}




.elementor-icon {
  width: 50px !important;    /* sabit boyut */
  height: 50px !important;
  line-height: 50px !important;
  border-radius: 50% !important; /* daire olsun */
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.elementor-icon i {
  font-size: 24px !important; /* ikon boyutu */
}

/* Mobil için responsive kontrolü */
@media (max-width: 768px) {
    .icon-text-wrapper {
        flex-direction: row; /* yan yana */
    }
}


/* Admin bar'ın ve yan menülerin z-index değerlerini yükselt */
#wpadminbar,
#adminmenumain,
#adminmenuback,
#adminmenuwrap {
    z-index: 999999 !important;
}

/* Sticky veya sabit menü çakışmalarını önlemek için */
body.wp-admin #adminmenumain,
body.wp-admin #wpcontent,
body.wp-admin #wpfooter {
    position: relative !important;
}

/* Sayfa/yazı düzenleyicide menülerin kaybolmasını engelle */
body.wp-admin.post-type-post #poststuff,
body.wp-admin.post-type-page #poststuff {
    z-index: 9999 !important;
}

.woocommerce nav.woocommerce-pagination {
    display: none !important;
}

/* Tüm sayfa numaraları */
.page-numbers {
    display: inline-block;
    min-width: 36px;
    text-align: center;
    padding: 8px 12px;
    margin: 0 4px;
    border: 1px solid #ddd;
    border-radius: 6px;   /* daha yuvarlak köşeler istersen 50% yapabilirsin */
    background: #fff;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Üzerine gelince */
.page-numbers:hover {
    background: #f5f5f5;
    border-color: #aaa;
    color: #000;
}

/* Aktif sayfa */
.page-numbers.current {
    background: #2563eb; /* mavi */
    color: #fff;
    border-color: #2563eb;
    font-weight: bold;
}

/* Önceki / Sonraki */
.page-numbers.prev,
.page-numbers.next {
    font-weight: bold;
}

.randevu-kutusu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    background-color: #f9f9f9;
    border-left: 4px solid #0073aa;
    padding: 20px;
    margin: 20px 0;
    border-radius: 4px;
    flex-wrap: wrap;
}

.randevu-button {
    background-color: #0073aa;
    color: white !important;
    padding: 12px 25px;
    text-decoration: none !important;
    border-radius: 5px;
    font-weight: bold;
    white-space: nowrap;
    transition: all 0.3s ease;
    display: inline-block;
    border: none;
    cursor: pointer;
}

.randevu-button:hover {
    background-color: #005a87 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.randevu-telefon {
    text-align: center;
}

.randevu-telefon p {
    margin: 0;
}

.telefon-baslik {
    color: #555;
    font-size: 0.9em;
    margin-bottom: 5px !important;
}

.telefon-numara {
    font-size: 1.2em;
    color: #0073aa;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.telefon-numara a {
    color: inherit;
    text-decoration: none;
}

.telefon-numara i {
    font-size: 0.9em;
}

/* Masaüstü görünümü için - tel linkini metin gibi göster */
@media (min-width: 769px) {
    .randevu-telefon a[href^="tel:"] {
        pointer-events: none;
        cursor: default;
    }
}

/* Mobil görünüm için */
@media (max-width: 768px) {
    .randevu-kutusu {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
    
    .randevu-button {
        padding: 10px 20px;
    }
    
    .telefon-numara {
        justify-content: center;
    }
    
    /* Mobilde tel linki tıklanabilir olduğundan, link stillerini düzenleyebiliriz */
    .telefon-numara a {
        color: #0073aa; /* Mobilde de aynı renk kalabilir */
        text-decoration: underline; /* İsteğe bağlı: alt çizgi ekleyebiliriz */
    }
}

/* Randevu tarihi input'unu ismiyle hedefle */
input[name="randevu-tarihi"] {
    width: 500px !important; /* İstediğiniz genişliği buraya yazın */
    max-width: 100%; /* Mobil uyumluluk için */
}

/* Randevu tarihi alanının yüksekliğini ve iç boşluğunu ayarlama */
input[name="randevu-tarihi"] {
    height: 60px;             /* Kutunun toplam yüksekliğini 50 piksel yap */
    padding-top: 10px;        /* Yazının üstündeki iç boşluk */
    padding-bottom: 10px;     /* Yazının altındaki iç boşluk */
    box-sizing: border-box;   /* Bu çok önemli! Padding'in, belirlediğin yüksekliğe dahil edilmesini sağlar. */
    font-size: 16px;          /* Yüksekliği artırdıysan, yazı boyutunu da büyütmek iyi görünür. */
}

/* İletişim Kartı */
.contact-card {
      max-width: 500px;
      background: #1f1e17;
      padding: 15px 20px;
      border-radius: 10px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      font-family: Arial, sans-serif;
    }
    .contact-card h3 {
      color: #ffffff;
      margin-bottom: 10px;
      border-bottom: 2px solid #f37021;
      display: inline-block;
      padding-bottom: 3px;
    }
    .contact-card ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .contact-card li {
      margin: 10px 0;
      font-size: 14px;
      line-height: 1.4;
    }
    .contact-card .icon {
      margin-right: 8px;
      color: #f37021;
      font-size: 16px;
    }
    .contact-card a {
      color: #003366;
      text-decoration: none;
    }
    .contact-card a:hover {
      text-decoration: underline;
    }

#diger-alani {
  margin-top: 10px;
}