.navbar-arka-renk{
    background-color: #7286D3;
}
body{
  background-color: #E5E0FF;
}
a:link {
    text-decoration: none;
    color: #fdfdff;
    }

a:visited {
        text-decoration: none;
        color: rgb(255, 253, 253);
      }   

a:hover {
        text-decoration: none;
        color: #ffffff;
        
      }
      
a:active {
        text-decoration: none;
        color: #ffffff;
      }

      .banner-yazi{
    background-color: #8EA7E9;
    border: solid 3px #7286D3;
    border-radius: 10px;
    margin: 5px;
    padding: 5px;
    color: white;
}
.sliderimg {
      background-color: #8EA7E9;
      border: 3px solid #7286D3;
      border-radius: 10px;
      margin: 5px;
      padding: 5px;
      height: 500px;
      width: 100%;}
.dropdown-menu.dersler {
  background-color: #7286D3 !important; 
}
.footer-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}
.footer-icons img {
  width: 30px;
  height: auto;
}
.footer-title{
  display: flex;
  justify-content: center;
  margin: 0;
  font-size: 20px;
  letter-spacing: 0.5px;
  font-weight: 700;
}
.footer-line a{
  color: #7286D3 !important;
  text-decoration: none;
  cursor: pointer;
  font-size: 20px;
  font-weight: 500;
}
.footer-line{
  text-align: center;
}
.footer-subline {
    margin-top: 6px;
    font-size: 13px;
    color: #7286D3;
    letter-spacing: 0.4px;
}
.footer-subline{
  text-align: center;
  width: 100%;
  display: block;
  font-weight: 500;
}
.hakkimda-kart{
  background-color: #FFF2F2 !important;
  border-radius: 15px;
  overflow: hidden;
}
.hobi-liste-kapsayici{
  background-color: #FFF2F2 !important;
  border: 15px;
}
.hobi-liste-baslik{
  color:#7286D3 !important;
  font-weight: 700;
  margin-bottom: 20px;
  border-bottom: 2px solid #8EA7E9;
  display: inline-block;
}
.hobi-kalpli-liste{
  list-style: none;
  padding-left: 0;
}
.hobi-kalpli-liste li:before {
  content:"♡";
  font-size: 14px;
  margin-right: 12px;
}
.film-dizi-kutu {
 background-color: #E5E0FF; 
 border-radius: 25px;     
 padding: 30px 20px;
 text-align: center;
 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); 
 transition: all 0.3s ease-in-out;          
 border: 1px solid rgba(0,0,0,0.05);
}
.film-dizi-kutu:hover {
 cursor: pointer;
 transform: translateY(-10px);
 box-shadow: 0 10px 25px rgba(114, 134, 211, 0.15); 
}
.film-kutu-baslik {
 color: #1a1a1a;
 font-weight: 700;
 margin-bottom: 10px;
}
.film-kutu-metin {
 color: #548fc2;
 font-size: 0.9rem;
 line-height: 1.4;
 margin-bottom: 0;
}
.film-sayfa-baslik {
 color: #7286D3;
 font-weight: 800;
 margin-bottom: 40px;
 text-align: center;
}
.film-kart {
 background-color: #ffffff;
 border-radius: 20px;
 overflow: hidden;
 margin-bottom: 30px;
 border: 1px solid rgba(0,0,0,0.05);
}
.film-afis {
 width: 100%;
 height: 100%;
 object-fit: cover;
 min-height: 250px;
}
.film-adi {
 font-weight: 700;
 color: #1a1a1a;
 margin-bottom: 5px;
}
.film-tur-yonetmen {
 font-size: 0.8rem;
 letter-spacing: 1px;
 color: #8EA7E9; 
 font-weight: 600;
}
.izlendi-etiket {
 background-color: #e8f5e9;
 color: #2e7d32;
 padding: 5px 15px;
 border-radius: 20px;
 font-size: 0.75rem;
 font-weight: 600;
}
.film-alinti {
 border-left: 4px solid #7286D3; 
 padding-left: 20px;
 font-style: italic;
 color: #555;
 line-height: 1.8;
 position: relative;
 margin-top: 15px;
 font-size: 0.95rem;
}
.iletisim-kutu {
 background-color: #7286D3; 
 padding: 40px;
 border-radius: 30px; 
 max-width: 600px;
 margin: 50px auto;
 box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
 color: white;
 text-align: center;
}
.iletisim-kutu h2 {
 font-size: 2.5rem;
 font-weight: 700;
 margin-bottom: 10px;
}
.iletisim-kutu p {
    font-size: 1rem;
    margin-bottom: 30px;
    opacity: 0.9;
}
.form-grup {
    text-align: left; 
    margin-bottom: 20px;
}
.form-grup label {
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 1.1rem;
}
.form-grup input, 
.form-grup textarea {
    width: 100%;
    padding: 12px 15px;
    border-radius: 10px; 
    border: none;
    outline: none;
    font-size: 1rem;
}
button {
 width: 100%;
 padding: 12px;
 border: none;
 border-radius: 12px;
 background: linear-gradient(135deg, #7286D3, #8EA7E9);
 color: white;
 font-weight: bold;
 cursor: pointer;
 transition: 0.3s;
}
button[type="submit"]:hover {
    background-color: #000000; 
    transform: translateY(-2px); 
    box-shadow: 0 10px 20px rgba(255, 255, 255, 0.6), 
                0 0 15px rgba(119, 0, 255, 0.6);
}
.galeri-ana-baslik {
    color: #7286D3 !important;
    font-weight: 800;
    text-align: center;
    margin-bottom: 40px;
}
.galeri-kutu {
    height: 300px; 
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    background-color: #f8f9fa;
}
.galeri-kutu img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    transition: transform 0.4s ease; 
}
.galeri-kutu:hover img {
    transform: scale(1.1);
}
.link-kutu {
 background-color: #8EA7E9; 
 padding: 40px 20px;
 border-radius: 30px; 
 text-align: center;
 max-width: 900px;
 margin: 50px auto;
 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.link-baslik {
 color: #E5E0FF; 
 font-weight: 800;
 font-size: 2.2rem;
 margin-bottom: 30px;
}
.linkler {
 display: flex;
 justify-content: center;
 gap: 15px; 
 flex-wrap: wrap; 
}
.linkler a {
 background-color: #7286D3; 
 color: white !important;
 text-decoration: none !important;
 padding: 12px 35px;
 border-radius: 15px; 
 font-weight: 700;
 font-size: 1.1rem;
 transition: all 0.3s ease-in-out; 
 display: inline-block;
}
.linkler a:hover {
 background-color: #628be9;
 transform: translateY(-5px); 
    
    box-shadow: 0 0 20px rgba(138, 43, 226, 0.8), 
                0 0 40px rgba(138, 43, 226, 0.4);
}
/* 1. Kartları yan yana dizen ana kapsayıcı */
.card-group {
    display: flex !important; /* Yan yana gelmeyi zorunlu kılar */
    flex-direction: row; 
    flex-wrap: nowrap; /* Kartların alt alta kaçmasını engeller */
    justify-content: space-between;
    gap: 0; /* Kartların birleşik durması için */
    margin: 20px auto;
    max-width: 1200px; /* Sayfada çok yayılmaması için */
}

/* 2. Tekil Kart Ayarları */
.card {
    background-color: #ffffff !important;
    border: 1px solid #ddd !important;
    flex: 1; /* Her kartın eşit genişlikte olmasını sağlar */
    display: flex;
    flex-direction: column;
    min-width: 0; /* Bootstrap çakışmasını önler */
    border-radius: 0 !important; /* Keskin köşeler */
}

/* Kartlar arasındaki çift çizgiyi önlemek için */
.card:not(:last-child) {
    border-right: none !important;
}

/* 3. Başlık ve Metin Alanı (card-body) */
.card-body {
    padding: 30px 20px !important;
    text-align: left;
    flex-grow: 1; /* İçerik az olsa da footer'ı alta iter */
}

.card-title {
    font-size: 24px !important;
    font-weight: bold !important;
    color: #333 !important;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.card-text h5 {
    font-size: 16px !important;
    color: #666;
    font-weight: normal;
    line-height: 1.5;
}

/* 4. Alt Kısım ve Yeşil Buton */
.card-footer {
    background-color: transparent !important;
    border-top: none !important;
    padding: 15px !important;
}

/* Butonun tam istediğin yeşil renkte ve düzgün durması için */
.btn.kapatt {
    background-color: #4d7c54 !important; /* Hedeflediğin yeşil tonu */
    color: white !important;
    border: none !important;
    border-radius: 4px !important;
    width: 100%; /* Kartı kaplar */
    padding: 12px;
    font-size: 14px;
    cursor: pointer;
    transition: 0.3s;
}

.btn.kapatt:hover {
    background-color: #3e6343 !important;
}
/* Sitenin genelini değil, sadece kartların olduğu bölümü kapsar */
.card-group.container {
    gap: 20px; 
    padding: 40px 0;
    /* Eğer kartların arkasında özel bir renk istersen buraya ekleyebilirsin */
}

/* KARTLARIN ANA TASARIMI */
.card-group .card {
    background-color: #ffffff !important;
    border: none !important; 
    border-radius: 20px !important; 
    box-shadow: 0 10px 30px rgba(114, 134, 211, 0.15); 
    transition: all 0.4s ease;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Hover Efekti */
.card-group .card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(114, 134, 211, 0.25);
}

/* BAŞLIK (7286D3) */
.card-title {
    color: #7286D3 !important;
    font-size: 1.6rem !important;
    font-weight: 800 !important;
    margin-bottom: 15px;
}

/* KART İÇERİĞİ VE GEÇİŞLİ RENK (E5E0FF) */
.card-body {
    padding: 30px 20px !important;
    /* Sadece kartın içine hafif bir renk geçişi verir */
    background: linear-gradient(180deg, #ffffff 0%, #E5E0FF 100%) !important;
    flex-grow: 1;
}

/* BUTON TASARIMI (8EA7E9) */
.btn-kapatt-ozel {
    background-color: #8EA7E9 !important;
    color: white !important;
    border: none !important;
    padding: 12px 20px;
    width: 85%;
    margin: 0 auto 20px;
    display: block;
    border-radius: 50px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
}

.btn-kapatt-ozel:hover {
    background-color: #7286D3 !important;
    transform: scale(1.03);
}

/* FOOTER (Alt kısım) */
.card-footer {
    background-color: #E5E0FF !important; /* Kartın en altını lila yapar */
    border: none !important;
    padding: 0 10px 10px 10px !important;
}