/* ===========================
   COMPANIES PAGE
=========================== */

.sponsorship-form-section{
    width:40%;
    max-width:780px;

    margin:50px auto 80px;

    padding:55px;

    background:#0f1d4d;

    border-radius:24px;

    border:1px solid rgba(255,255,255,.08);

    box-shadow:
        0 10px 30px rgba(0,0,0,.25);

}

/* HEADER */

.form-header{
    text-align:center;
    margin-bottom:25px;
}

.form-header h2{
    font-size:2rem;
    color:white;
    margin-bottom:20px;
}

.form-header h2::after{
    content:"";

    display:block;

    width:60px;
    height:3px;

    background:#4d5bf7;

    margin:20px auto 0;

    border-radius:50px;
}

.form-header p{
    color:#d4d4d4;
    font-size:.95rem;
    line-height:1.6;
}

.no-payment-badge{
    display:block;
    margin-top:20px;

    color:#facc15;
}

/* ROWS */

.form-row {
    display: flex;
    gap: 20px;            /* Yan yana duran iki kutunun (input) arasındaki yatay boşluk */
    margin-bottom: 20px;  /* Alt satıra geçişteki dikey boşluk */
}

.form-group{
    flex:1;
    margin-bottom:35px;
}

/* LABELS */

.form-group label{
    display:block;

    color:white;

    font-size:.95rem;
    font-weight:550;

    margin-bottom:11px;
}

/* INPUTS */

.form-group input,
.form-group select,
.form-group textarea{

    width:100%;

    padding:13px 15px;

    background:#1e2a57;

    border:1px solid #334155;

    border-radius:10px;

    color:white;

    font-size:.95rem;

    transition:.25s;
}

.form-group textarea{
    min-height:120px;
    resize:vertical;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{

    outline:none;

    border-color:#4d5bf7;

    box-shadow:
    0 0 0 3px rgba(77,91,247,.15);
}

/* SELECT OPTIONS */

select option{
    background:#0f172a;
    color:white;
}

/* BUTTON */

.submit-sponsor-btn{

    display:block;

    margin:25px auto 0;

    padding:14px 32px;

    background:#ff7849;

    color:white;

    border:none;

    border-radius:10px;

    font-size:.95rem;
    font-weight:700;

    cursor:pointer;

    transition:.25s;
}

.submit-sponsor-btn:hover{

    transform:translateY(-2px);

    background:#ff6231;
}
.form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    width:100%;
}
.form-group{
    width:100%;
}

.form-group input,
.form-group select,
.form-group textarea{
    width:100%;
    box-sizing:border-box;
}

/* MOBILE */

@media(max-width:768px){

    .sponsorship-form-section{
        width:95%;
        padding:25px;
    }

    .form-row{
        flex-direction:column;
        gap:0;
    }

    .form-header h2{
        font-size:1.7rem;
    }

    .submit-sponsor-btn{
        width:100%;
    }
}



/* ==========================================================================
   7. SPONSORLUK BÖLÜMÜ (Sponsorship Grid)
   ========================================================================== */
.sponsorship-section {
    padding: 60px 20px;
    text-align: center;
}

.sponsors-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 30px;
    max-width: 1100px;
    margin: 40px auto 0 auto;
    align-items: center;
}

.sponsor-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    padding: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
    transition: all 0.3s ease;
}

.sponsor-card img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: grayscale(100%) opacity(60%); /* Şık, kurumsal gri görünüm */
    transition: all 0.3s ease;
}

.sponsor-card:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: var(--primary-color);
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(77, 91, 247, 0.15);
}

.sponsor-card:hover img {
    filter: grayscale(0%) opacity(100%); /* Üzerine gelince renklenir */
}