/*---------------------------------------------
  CUSTOM RESPONSIVE OVERRIDES
  Bu dosya responsive.css’den sonra yüklenecek.
---------------------------------------------*/
@media (max-width: 767px) {

  /* 1) .inner-container’ın otomatik padding-right’i sıfırla */
  .banner-style-three .inner-container {
    padding: 0 15px 40px !important;
    max-width: 100% !important;
  }

  /* 2) .inner-box’u dikey flex konteyner yap */
  .banner-style-three .inner-container .inner-box {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  /* 3) content-box & image-box’u %100, float:none */
  .banner-style-three .inner-box .content-box,
  .banner-style-three .inner-box .image-box {
    width: 100% !important;
    float: none !important;
    margin-bottom: 20px !important;
  }

  /* 4) content-box iç padding’ini küçült */
  .banner-style-three .content-box {
    padding: 20px 15px !important;
  }

  /* 5) görselin tam genişlik kaplamasını sağla */
  .banner-style-three .image-box .image img {
    width: 100% !important;
    height: auto !important;
  }
}
/* ———————————————— */
/* Özelleştirilmiş Çerez Banner */
/* ———————————————— */

.cookie-banner {
  position: fixed;
  bottom: 0; left: 0;
  width: 100%;
  background: rgba(30,36,42,0.98); /* site heading-color #1e242a’ya yakın */
  color: #f1f1f1;
  font-family: "Open Sans", sans-serif;
  z-index: 9999;
  display: flex;
  justify-content: center;
  padding: 1.5rem 1rem;
  box-shadow: 0 -3px 10px rgba(0,0,0,0.4);
}

.cookie-content {
  max-width: 960px;
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  align-items: start;
}

.cookie-header {
  grid-column: 1 / span 2;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.cookie-icon {
  font-size: 1.8rem;
}

.cookie-header h3 {
  margin: 0;
  font-size: 1.25rem;
  color: var(--theme-color);
}

.cookie-text {
  grid-column: 1 / span 2;
  line-height: 1.5;
  font-size: 0.95rem;
}

.cookie-text a {
  color: var(--secondary-color);
  text-decoration: underline;
}

.cookie-actions {
  grid-column: 2 / span 1;
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.btn-cookie {
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 0.25rem;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.1s, opacity 0.2s;
}

.btn-cookie:hover {
  transform: translateY(-2px);
  opacity: 0.9;
}

/* Ayarlar butonu: gövde renk, metin beyaz */
.btn-settings {
  background: transparent;
  border: 1px solid #ccc;
  color: #ccc;
}

/* Reddet butonu: temiz, kontrastlı */
.btn-decline {
  background: #555;
  color: #fff;
}

/* Kabul Et butonu: dikkat çeken tema rengi */
.btn-accept {
  background: var(--theme-color);
  color: #fff;
}
/* ———————————————— */
/* Açık Tonlu Çerez Banner */
/* ———————————————— */

.cookie-banner {
  position: fixed;
  bottom: 0; left: 0;
  width: 100%;
  background: rgba(249, 249, 249, 0.95);   /* Açık gri – metin daha rahat okunur */
  color: var(--heading-color);             /* #1e242a – koyu başlık rengi */
  font-family: "Open Sans", sans-serif;
  z-index: 9999;
  display: flex;
  justify-content: center;
  padding: 1.5rem 1rem;
  box-shadow: 0 -2px 6px rgba(0,0,0,0.15);
  border-top: 1px solid var(--border-light); /* #e0e0e0 ile hafif ayırıcı */
}

.cookie-content {
  max-width: 960px;
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  align-items: start;
}

.cookie-header h3 {
  color: var(--theme-color); /* #e22026 */
}

.cookie-text {
  color: var(--text-color);  /* #545151 – normal metin rengi */
}

/* Butonlar */
.btn-settings {
  background: transparent;
  border: 1px solid var(--secondary-color); /* #550401 */
  color: var(--secondary-color);
}

.btn-decline {
  background: #f1f1f1;            /* açık gri ton */
  color: var(--text-color);       /* #545151 */
  border: 1px solid var(--border-light);
}

.btn-accept {
  background: var(--theme-color); /* #e22026 */
  color: #fff;
}
.contact-list li {
  margin-bottom: 8px;
}
.contact-list li a {
  display: inline-flex;
  align-items: center;
}
.contact-list li i {
  margin-right: 6px;
  font-size: 1.2em;
}
.address {
  margin-top: 12px;
  line-height: 1.5;
}
/* Adres paragrafı */
.footer-widget .address {
  margin-bottom: 16px;
  color: #444;
  line-height: 1.5;
}

/* İletişim listesi */
.footer-widget .contact-list li {
  margin-bottom: 12px;
}

/* Linkleri yatay ortala ve ikon-metin arasına boşluk */
.footer-widget .contact-list a {
  display: inline-flex;
  align-items: center;
  color: #333;
  text-decoration: none;
  transition: color .3s;
}
.footer-widget .contact-list a:hover {
  color: #25D366;
}

/* İkon stili */
.contact-icon {
  font-size: 20px;
  margin-right: 8px;
  color: #25D366;
}