/* Tüm body içeriğine ortak yazı tipi*/
 body { 
    font-family: 'Poppins', sans-serif; 
}

 /*Navbar stil ayarları*/
.navbar-brand { 
    font-weight: 600; letter-spacing: 1px; 
}  
.navbar {
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
    }
    
/* 1. Carousel Yüksekliği ve Görsel Ayarları */
#carouselExampleAutoplaying {
    height: 600px; 
    position: relative;
    overflow: hidden; /* İçerik taşmasını engeller */
}
.carousel-inner, .carousel-item {
    height: 100%; /* Yüksekliği kapsayıcıya yayar */
}
.carousel-item img {
    height: 90%;
    object-fit: cover; /* Görselin bozulmadan alanı kaplamasını sağlar */
    filter: brightness(0.5) blur(1px); /* Görseli hafif karartma ve blurlaştırma */
}
#carouselExampleAutoplaying {
    position: relative; /* yazının yerini belirlemesi için referans noktası*/
    height: 600px;
}
.hero-cta-overlay {
    position: absolute; /* yazıyı Resmin üzerine çıkarır */
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    /* İçeriği dikey ve yatayda ortalama */
    display: flex;
    flex-direction: column;
    justify-content: center; 
    align-items: center;    
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: center;
    color: white; 
    z-index: 10; /* Yazının resmin üzerinde görünmesini sağlar */
}
.hero-cta-overlay {
    /* Allow clicks to pass through overlay where there is no interactive element */
    pointer-events: none;
}
.hero-cta-overlay * {
    /* Re-enable pointer events for interactive children (buttons, links) */
    pointer-events: auto;
}

/* Ensure carousel controls sit above the overlay so they remain clickable */
.carousel-control-prev,
.carousel-control-next {
    z-index: 30;
}
.hero-cta-overlay p{
    font-size: 1.5rem;  
    margin-bottom: 20px;
    font-weight: 500;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

/* Buton renkleri ve değişimleri */
.btn-vurgu-1{
    color:white;
    background-color:#f27c7c;
}
.btn-vurgu-1:hover{
    background-color:#d17c7c;
}
.btn-vurgu-1:active{
    background-color:#935d5d;
}
.btn-vurgu-2{
    color:white;
    background-color:#4ddddd;
}
.btn-vurgu-2:hover{ 
    background-color:#84cfcf;
}
.btn-vurgu-2:active{
    background-color:#488b8b;
}

/* Tanıtım videosu ayarları*/
.videom {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 80px 0;
  padding-top: 0%;
}
.videom iframe {
  width: 70%;
  max-width: 1100px;
  aspect-ratio: 16 / 9; /* oranı korur */
  height: auto;
  border-radius: 16px; /* Kenarlık yuvarlaklığı */
  box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

/* Özel pasta kartları ayarları*/
.ozel-pastalar{
    padding-bottom: 20px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.ozel-pastalar p{
    font-family: Georgia, 'Times New Roman', Times, serif;
}
.ozel-pastalar > .d-flex {
    
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 sütun on desktop */
    gap: 1.1rem;
    justify-items: center;
    align-items: start; /* Kartların üstlerini hizalar */
}
.ozel-pastalar .card {
    width: 70%;
    max-width: 360px; /* Çok büyük ekranlarda kartların boyutunu sınırlar */
}

/* Hakkımızda sayfası stilleri */
      .hakkimizda-banner  {
         position: relative;
         background-image: url('resimler/pastane.png');
         background-size: cover;
         background-position: center;
         height: 330px;
         display: flex;
         align-items: center;
         justify-content: center;
         text-align: center;
      }
      .hakkimizda-banner::after {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: rgba(24, 23, 23, 0.6); /* Koyu bir kaplama ekler */
         z-index: 1;
      }
      .banner-overlay {
         position: relative;
         z-index: 2;
         background: none;
         padding: 30px 50px;
         border-radius: 10px; /* Kenarlık yuvarlaklığı */
      }
      .banner-overlay h2 {
         font-size: 2.5em;
         margin-bottom: 15px;
         color: #f9f7f7;
         font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
      }
      .banner-overlay p {
         font-size: 1.2em;
         color: #ecdddd;
         font-family: Georgia, 'Times New Roman', Times, serif;          }
    
/* Hakkımızda kalite kartları olan kısımın stil  ayarları*/        
     .hakkımızda-icerik {
         max-width: 1000px;
         margin: 80px auto;
         padding: 0 20px;
         font-size: 1.1em;
         line-height: 1.6;
         color: #171616;
     }
     .hakkımızda-icerik p:first-of-type {
         margin-bottom: 20px;
     }
     .sayfa-baslik {
         text-align: center;
         margin-bottom: 10px;
         color: #444;
         font-size: 2.2em;
         margin-top: 30px;
         font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
     }
     .alt-baslik {
         text-align: center;    
         margin-bottom: 30px;
         color: #666;
         font-size: 1.5em;
         margin-top: 0px;
         font-family: Georgia, 'Times New Roman', Times, serif;

     }
     .ozellikler-kapsayici{
         display: flex;
         gap: 40px;
         margin-bottom: 70px;
         color: #555;
         margin-left: 15px;
         margin-right: 15px;
     }
     .ozellik{
         flex: 1;
         background-color: #f9f9f9;
         padding: 25px;
         border: 1px solid #eee;
         border-radius: 12px;
         box-shadow: 0 8px 16px rgba(0,0,0,0.1);
         transition: transform 0.3s ease
     }
     .ozellik:hover{
         transform: translateY(-5px);
     }
     .ozellik h3{
         font-size: 1.5em;
         border-bottom: 2px solid #ddd;
         padding-bottom: 10px;
         margin-top: 0;
         margin-bottom: 10px;
         color: #333;
         font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

     }
     .ozellik p{
         font-family: Georgia, 'Times New Roman', Times, serif;
     }
    
/* --- FOOTER SİSTEMİ (Senin Stil Kodlarınla Uyumlu) --- */

.pastane-footer {
    background-color: #fcf8f7; /* Hafif sıcak beyaz/krem */
    color: #c87373; 
    padding: 80px 0 20px 0;
    border-top: 5px solid #eec1c1; /* Senin btn-vurgu-1 renginle uyumlu şerit */
}

.footer-container {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 40px;
    padding: 0 20px;
}

/* Başlıklar: Senin 'Franklin Gothic Medium' stilinle aynı */
.footer-column h3 {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #333;
    font-size: 1.4rem;
    margin-bottom: 25px;
    position: relative;
}

/* Başlıkların altına şık bir çizgi */
.footer-column h3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 40px;
    height: 3px;
    background-color: #4ddddd; /* Senin btn-vurgu-2 rengin */
}

/* Paragraflar: Senin Georgia stilinle aynı */
.footer-column p, .footer-column li {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 1rem;
    line-height: 1.6;
    color: #666;
}

.footer-column ul {
    list-style: none;
    padding: 0;
}

.footer-column ul li {
    margin-bottom: 12px;
}

.footer-column ul li a {
    color: #666;
    text-decoration: none;
    transition: all 0.3s ease;
}

.footer-column ul li a:hover {
    color: #777373; /* Hoverda mercan rengi */
    padding-left: 8px;
}

.footer-logo {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 1.8rem;
    color: #f27c7c;
    margin-bottom: 15px;
}

.social-icons {
    margin-top: 20px;
    display: flex;
    gap: 15px;
}

.social-icons a {
    background: #4ddddd;
    color: white;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 0.9rem;
    transition: 0.3s;
}

.social-icons a:hover {
    background: #f27c7c;
    transform: translateY(-3px);
}

.footer-bottom {
    text-align: center;
    margin-top: 60px;
    padding: 20px;
    border-top: 1px solid #eee;
    font-family: 'Poppins', sans-serif;
    font-size: 0.85rem;
    color: #999;
}

/* Kartı ortalamak için */
.order-info-wrapper {
  display: flex;
  justify-content: center;
  margin: 40px 0;
}

/* Kart tasarımı */
.order-info-card {
  width: 100%;
  max-width: 480px;   /* PC için ideal genişlik */
  border-radius: 16px;
  border: 2px solid #f1c40f; /* soft sarı */
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

/* Header daha şık olsun */
.order-info-card .card-header {
  background-color: #fff6d6;
  font-weight: 600;
  font-size: 1.1rem;
  text-align: center;
}

/* İçerik biraz daha ferah */
.order-info-card .card-body {
  padding: 24px;
}

/* Başlık */
.order-info-card .card-title {
  font-size: 1.2rem;
  margin-bottom: 12px;
}


@media (max-width: 768px) {
    .pastane-footer {
        padding: 50px 0 20px 0;
        text-align: center;
    }
    
    .footer-column h3::after {
        left: 50%;
        transform: translateX(-50%);
    }

    .social-icons {
        justify-content: center;
    }
}


    @media (max-width: 768px) {
  
    #carouselExampleAutoplaying {
        width: auto !important;
        height: 300px !important; 
        min-height: 300px;
        overflow: visible;
        padding-bottom: 25px;
    }
    .carousel-inner,
    .carousel-item {
        height: 100%; 
    }
    .carousel-item img {
        height: 100% !important; 
        object-fit: cover; 
    }
   .hero-cta-overlay .btn {
        font-size: 0.9rem !important; /* Yazı boyutunu küçült */
        padding: 10px 20px !important; /* Butonun iç dolgusunu azalt */
        margin: 5px; /* Butonlar birbirine yapışmasın */
    }

    /* Butonların yan yana düzgün durması için kapsayıcı ayarı */
    .cta-buttons {
        display: flex;
        flex-direction: row; /* Yan yana diz */
        justify-content: center;
        gap: 10px; /* Aralarına boşluk koy */
    }
   .navbar-collapse .d-flex {
        width: 100%;              
        justify-content: flex-end; 
        flex-wrap: wrap;          
        gap: 10px;                
    }

    /* Buton ayarı */
    .navbar-collapse .d-flex .btn {
        width: auto !important;    /* Butonun tam ekran genişlemesini engelle */
        flex: none;                /*  kendi boyutunda kalsın */
        margin-left: auto;        
    }
    
    .hero-cta-overlay h2 {
        font-size: 1.5rem;
        padding: 0 10px; 
    }

    .hakkimizda-banner {
        height: 300px; /* Mobil cihazlarda yüksekliği biraz kısalt*/
    }

    .banner-overlay {
        padding: 20px 30px;
        max-width: 90%; 
    }

    .banner-overlay h2 {
        font-size: 1.6em;

    }

    .banner-overlay p {
        font-size: 1em;
        text-align: center;
    }

    .ozellikler-kapsayici {
        flex-direction: column; 
        gap: 20px; 
    }
    .sayfa-baslik {
        font-size: 1.8em;
    }
    .videom {
        padding: 30px 0;
        padding-top: 15px;
    }

    .videom iframe {
        width: 80%;
        border-radius: 10px;
    }

    .card{
        height: auto;
        padding-top: 0;
    }

    .ozel-pastalar > .d-flex {
        display: grid ;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        justify-items: center;
        align-items: start;
        padding: 0 10px;
    }
   
    .ozel-pastalar .card-img-top {
        height: 280px; /* Resimler çok uzun olmasın, sabit yükseklik */
        object-fit: cover; /* Resim bozulmadan kesilsin */
    }

    /* Yazıları ve İç Boşlukları Küçült  */
    .ozel-pastalar .card-body {
        padding: 8px;
    }

    .ozel-pastalar .card-title {
        font-size: 1.2rem;
        font-weight: bold;
        margin-bottom: 4px;
    }

    .ozel-pastalar .card-text {
        font-size: 1.0rem;
        line-height: 1.2;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .order-info-card {
    max-width: 92%;
  }
}