/* Vakit Varken - butun bolumlerde ortak sayfa basligi.
   Basvuru, Formlar ve Afrika Dosyasi sayfalari bu dosyayi kullanir.
   Kendi degiskenlerini tanimlar, sayfa paletinden etkilenmez. */

.vv-ust{
  --vv-kirmizi:#E31E24;
  --vv-kagit:#FBF7EE;
  --vv-murekkep:#1F1B16;
  --vv-soluk:#6D6357;
  --vv-cizgi:#E2D8C4;
  background:linear-gradient(180deg,#FFFDF7 0%,var(--vv-kagit) 100%);
  border-bottom:1px solid var(--vv-cizgi);
  box-shadow:0 1px 3px rgba(31,27,22,.045);
  padding:0;
  margin:0;
  position:relative;
}

/* ust kenardaki ince marka seridi */
.vv-ust::before{
  content:"";
  display:block;
  height:3px;
  background:var(--vv-kirmizi);
}

.vv-ic{
  max-width:1180px;
  margin:0 auto;
  padding:22px 24px 20px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:18px 28px;
}

.vv-marka{
  display:flex;
  align-items:center;
  gap:20px;
  min-width:0;
}

.vv-logo{
  display:block;
  flex:none;
  line-height:0;
}

.vv-logo img{
  height:44px;
  width:auto;
  display:block;
}

.vv-ayrac{
  flex:none;
  width:1px;
  align-self:stretch;
  margin:2px 0;
  background:var(--vv-cizgi);
}

.vv-yazi{min-width:0}

.vv-yazi h1{
  margin:0;
  font:700 25px/1.2 "Besley",Georgia,serif;
  letter-spacing:-.015em;
  color:var(--vv-murekkep);
}

.vv-acik{
  margin:6px 0 0;
  font:400 14px/1.5 "Newsreader",Georgia,serif;
  color:var(--vv-soluk);
  max-width:68ch;
}

.vv-baglar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}

.vv-baglar a{
  font:600 13.5px/1.2 "Besley",Georgia,serif;
  padding:9px 15px;
  border:1px solid var(--vv-cizgi);
  border-radius:7px;
  background:#fff;
  color:var(--vv-murekkep);
  text-decoration:none;
  white-space:nowrap;
  transition:border-color .15s,color .15s,background .15s;
}

.vv-baglar a:hover,
.vv-baglar a:focus-visible{
  border-color:var(--vv-kirmizi);
  color:var(--vv-kirmizi);
  outline:none;
}

/* birincil baglanti (ornek: Ana sayfa) */
.vv-baglar a.vv-ana{
  background:var(--vv-murekkep);
  border-color:var(--vv-murekkep);
  color:var(--vv-kagit);
}

.vv-baglar a.vv-ana:hover,
.vv-baglar a.vv-ana:focus-visible{
  background:var(--vv-kirmizi);
  border-color:var(--vv-kirmizi);
  color:#fff;
}

@media(max-width:860px){
  .vv-ic{
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
  }
}

@media(max-width:560px){
  .vv-ic{padding:18px 18px 16px}
  .vv-marka{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }
  .vv-ayrac{display:none}
  .vv-logo img{height:38px}
  .vv-yazi h1{font-size:21px}
  .vv-acik{font-size:13.5px}
  .vv-baglar a{padding:8px 13px;font-size:13px}
}