/* sanatci-basvuru.css - Sanatçı Başvuru Sayfasına Özel Stiller */

/* --------------------------------
 * Sayfa Giriş Bölümü (.apply-intro)
 * -------------------------------- */
 .apply-intro {
    background: linear-gradient(rgba(28, 37, 65, 0.9), rgba(28, 37, 65, 0.95)), url('assets/images/artist-apply-hero.jpg') no-repeat center center/cover; /* Arka plan görseli ekle */
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-xl);
}

.apply-intro .section-title {
    font-size: clamp(2rem, 5vw, 3.2rem);
}

.apply-intro .section-description {
    font-size: clamp(1rem, 2.5vw, 1.2rem);
    max-width: 800px; /* Giriş metni için daha geniş alan */
}

/* --------------------------------
 * Başvuru Formu Bölümü (.apply-form-section)
 * -------------------------------- */
.application-form {
    max-width: 750px; /* Formun maksimum genişliği */
    margin: 0 auto;
    background-color: var(--color-dark-card);
    padding: var(--spacing-lg);
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.3);
}

.form-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* Yan yana alanlar için */
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-md);
}

.form-group {
    margin-bottom: var(--spacing-md);
}
.form-group:last-of-type {
    margin-bottom: var(--spacing-lg); /* Son grup sonrası daha fazla boşluk */
}

.form-group label {
    display: block;
    margin-bottom: var(--spacing-sm);
    font-weight: 500;
    color: var(--color-text-medium);
    font-size: 0.9rem;
}

.form-group label .required {
    color: var(--color-accent);
    margin-left: var(--spacing-xs);
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="tel"],
.form-group input[type="url"],
.form-group textarea {
    width: 100%;
    padding: 12px 15px;
    border-radius: 5px;
    border: 1px solid var(--color-border);
    background-color: rgba(255, 255, 255, 0.08);
    color: var(--color-text-light);
    font-family: var(--font-primary);
    font-size: 1rem;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.form-group input:focus,
.form-group textarea:focus {
    outline: none;
    border-color: var(--color-accent);
    box-shadow: 0 0 0 2px rgba(255, 111, 97, 0.3); /* Vurgu renginin hafif gölgesi */
}

.form-group textarea {
    min-height: 100px; /* Mesaj alanı için minimum yükseklik */
    resize: vertical;
}

.form-text {
    display: block;
    font-size: 0.8rem;
    color: var(--color-text-medium);
    opacity: 0.8;
    margin-top: var(--spacing-xs);
}

/* Checkbox Stilleri */
.terms-group {
    display: flex;
    align-items: center; /* Checkbox ve label'ı hizala */
    margin-bottom: var(--spacing-lg);
}
.terms-group input[type="checkbox"] {
    width: auto; /* Checkbox'ın genişliğini otomatik yap */
    margin-right: var(--spacing-sm);
    accent-color: var(--color-accent); /* Checkbox işaret rengi */
    transform: scale(1.2); /* Checkbox'ı biraz büyüt */
}
.terms-group .checkbox-label {
    font-size: 0.9rem;
    color: var(--color-text-medium);
    margin-bottom: 0; /* Label altındaki boşluğu kaldır */
}
.terms-group .checkbox-label a {
    color: var(--color-accent);
    text-decoration: underline;
}
.terms-group .checkbox-label a:hover {
    color: var(--color-text-light);
}

/* Form Mesajları (Başarı/Hata) */
.form-messages {
    padding: var(--spacing-md);
    margin-bottom: var(--spacing-lg);
    border-radius: 5px;
    font-size: 0.95rem;
    text-align: center;
}
.form-messages.success {
    background-color: rgba(46, 204, 113, 0.15); /* Yeşil tonu */
    color: #2ecc71;
    border: 1px solid #27ae60;
}
.form-messages.error {
    background-color: rgba(231, 76, 60, 0.15); /* Kırmızı tonu */
    color: #e74c3c;
    border: 1px solid #c0392b;
}


/* --------------------------------
 * Sonraki Adımlar Bölümü (.next-steps-section)
 * -------------------------------- */
.next-steps-section {
    /* dark-bg class'ı zaten arkaplanı ayarlıyor */
}
.next-steps-section .section-description {
    max-width: 700px;
    font-size: 1.05rem;
}

/* --------------------------------
 * Responsive Ayarlamalar (sanatci-basvuru.css)
 * -------------------------------- */
@media (max-width: 768px) {
    .application-form {
        padding: var(--spacing-md);
    }
    .form-grid {
        grid-template-columns: 1fr; /* Mobilde alanlar alt alta */
    }
    .form-group input,
    .form-group textarea {
        font-size: 0.95rem; /* Mobilde input fontları */
    }
    .apply-intro .section-title {
        font-size: clamp(1.8rem, 6vw, 2.5rem);
    }
    .apply-intro .section-description {
        font-size: clamp(0.9rem, 3vw, 1.1rem);
    }
}