/*
Theme Name: VİP TRANSFER V1
Theme URI:  https://demirmedyaweb.com.tr
Author:      DEMİR MEDYA WEB
Author URI:  https://demirmedyaweb.com.tr
Description: Demir Medya için özel tasarlanmış WordPress teması ile profesyonel web tasarım hizmetlerinizi dijital dünyaya taşıyın. Hızlı, modern ve SEO uyumlu yapısıyla sitenizin Google’da üst sıralarda yer almasını sağlar. Demir Medya Web olarak, kaliteli tasarım, kullanıcı deneyimi ve performansı ön planda tutarak firmanızın online görünürlüğünü arttıracak çözümler sunuyoruz. Temamız; kolay yönetilebilir, mobil uyumlu ve tüm cihazlarda mükemmel çalışan yapısı ile firmanızın imajını güçlendirir. 0544 473 22 15 numaralı telefondan bize ulaşabilir, Demir Medya Web’in uzmanlığıyla fark yaratabilirsiniz.
Version:     1.0
License:     GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: demir-medya
*/

.site-footer a {
    transition: color 0.3s ease;
}

.site-footer a:hover {
    color: #e60000;
}

/* Ana Sayfa Stil Ayarları */
.site-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px;
    font-family: Arial, sans-serif;
    background-color: #f4f4f9;
}

/* Post Container */
.post-container {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-top: 30px;
}

/* Başlık ve Meta Bilgileri */
.post-header {
    margin-bottom: 20px;
}

.post-title {
    font-size: 36px;
    color: #333;
    margin: 0;
}

.post-meta {
    color: #888;
    font-size: 14px;
    margin-top: 5px;
}

/* İçerik */
.post-content {
    font-size: 18px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 30px;
}

/* Footer ve Etiketler */
.post-footer {
    margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
}

.post-categories,
.post-tags {
    font-size: 14px;
    color: #0073aa;
}

.post-categories a,
.post-tags a {
    text-decoration: none;
    color: #0073aa;
}

.post-categories a:hover,
.post-tags a:hover {
    text-decoration: underline;
}

/* Responsive Tasarım */
@media (max-width: 768px) {
    .site-content {
        padding: 15px;
    }

    .post-title {
        font-size: 28px;
    }

    .post-content {
        font-size: 16px;
    }
}


/* Kayan yazı için genel stil */
.kayan-yazi-container {
  background-color: #fff;
  color: #b30000;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  position: relative;
  padding: 10px 0;
}

.kayan-yazi-container span {
  display: inline-block;
  white-space: nowrap;
  animation: kayma 10s linear infinite;
  filter: blur(0);
  transition: filter 0.3s ease-in-out;
}

@keyframes kayma {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}



/* Afiş resmi için stil */
.afis img {
  width: 100%;
  height: auto;
  animation: afisKayma 15s linear infinite;
}

@keyframes afisKayma {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}


/* Ana afiş alanı */
.afis-container {
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 400px; /* Afiş yüksekliği */
    position: relative;
    perspective: 1500px; /* 3D efekt için perspektif */
}

/* Afiş slaytları */
.afis-slide {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 1s ease-in-out;
    transform-style: preserve-3d;
    will-change: transform;
}

/* 3D efekt ve geçiş animasyonu */
.afis-container:hover .afis-slide {
    transform: translateZ(100px) rotateY(10deg); /* 3D hareket efekti */
}

/* Responsive tasarım */
@media (max-width: 768px) {
    .afis-container {
        height: 300px; /* Mobilde biraz daha küçük gösterilebilir */
    }
}

.comments-area {
    max-width: 700px;
    margin: 50px auto;
    font-family: 'Poppins', sans-serif;
    color: #333;
    background: #fdfdfd;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.comments-title {
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 25px;
    border-bottom: 3px solid #d70000;
    padding-bottom: 10px;
}

.comment-list li {
    list-style: none;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    display: flex;
    gap: 15px;
}

.comment-list li:last-child {
    border-bottom: none;
}

.comment-list .comment-author img.avatar {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    object-fit: cover;
}

.comment-content {
    flex: 1;
}

.comment-meta {
    font-size: 12px;
    color: #777;
    margin-bottom: 6px;
}

.comment-text p {
    font-size: 16px;
    line-height: 1.5;
}

.comment-reply-link {
    color: #d70000;
    font-weight: 600;
    text-decoration: none;
}

.comment-reply-link:hover {
    text-decoration: underline;
}

/* Yorum form */
.comment-respond {
    margin-top: 40px;
}

.comment-respond label {
    font-weight: 600;
    margin-bottom: 6px;
    display: block;
    color: #222;
}

.comment-respond textarea {
    width: 100%;
    padding: 12px 15px;
    border-radius: 8px;
    border: 1px solid #ddd;
    font-size: 16px;
    resize: vertical;
    transition: border-color 0.3s ease;
}

.comment-respond textarea:focus {
    border-color: #d70000;
    outline: none;
}

.comment-respond input[type="submit"] {
    background-color: #d70000;
    border: none;
    padding: 14px 28px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-top: 15px;
}

.comment-respond input[type="submit"]:hover {
    background-color: #a30000;
}

.hizli-lokasyonlar {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 40px auto;
  justify-content: center;
  max-width: 1200px;
}

.lokasyon-kutu {
  background: linear-gradient(135deg, #d70000, #ff4d4d);
  color: #fff;
  padding: 25px 30px;
  border-radius: 15px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
  text-align: center;
  width: 220px;
  text-decoration: none;
  transition: transform 0.3s ease;
}

.lokasyon-kutu h3 {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 700;
}

.lokasyon-kutu span {
  display: block;
  margin-top: 10px;
  font-size: 1rem;
  font-weight: 600;
}

.lokasyon-kutu:hover {
  transform: scale(1.05);
}