html, body{
       height: 100%;
      margin: 0;
    }
  
    body {
      background-color: #f8f9fa;
      font-family: Arial, sans-serif;
       display: flex;
      flex-direction: column;
      min-height: 100vh;
      text-align: justify;
      
    }

    .content{
      flex: 1;
      padding: 10px;
    }
    a {
    text-decoration: none; /* Alt çizgiyi kaldırır */
    color: inherit; /* Yazı rengini bulunduğu yere göre alır (opsiyonel) */
      }

    /* Yorum Formu */
    .yorum-form {
      background: #28a745; /* Açık yeşil */
      color: white;
      padding: 15px;
      border-radius: 6px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.08);
      
      margin: 0 auto;
      max-width: 400px;
      font-size: 0.9rem;
    }
    .yorum-form h4 {
      font-size: 1rem;
      margin-bottom: 12px;
    }
    .yorum-form label {
      font-size: 0.85rem;
    }
    .yorum-form input,
    .yorum-form textarea {
      font-size: 0.85rem;
    }
    .char-counter {
      font-size: 0.75rem;
      color: white;
      text-align: right;
    }
    
    
    .social-icons {
  text-align: center;
  margin-top: 25px;
}

.social-icons a {
  font-size: 32px;
  color: #333;
  margin: 0 12px;
  transition: color 0.3s ease;
}

.social-icons a:hover {
  color: #1da1f2; /* X rengi */
}

.social-icons a.instagram:hover {
  color: #e1306c; /* Instagram rengi */
}

.social-icons a.facebook:hover {
  color: #1877f2; /* Facebook rengi */
}
    
       
    
     input,
textarea,
select {
    font-size: 16px !important; /* Mobil zoom engelleme */
    -webkit-text-size-adjust: 100%; /* iOS otomatik font büyütmesini kapatır */
}