/* Vadi Dernek Modern - bağımsız ve responsive tasarım katmanı */
:root {
  --akd-red: #8f1d24;
  --akd-red-dark: #6f141a;
  --akd-text: #25282c;
  --akd-muted: #687078;
  --akd-line: #e4e7eb;
  --akd-surface: #ffffff;
  --akd-bg: #f5f6f8;
  --akd-radius: 12px;
  --akd-shadow: 0 8px 28px rgba(24, 30, 36, .08);
}

html { scroll-behavior: smooth; }

body {
  background: var(--akd-bg);
  color: var(--akd-text);
  overflow-x: hidden;
}

.wrap {
  width: min(1180px, calc(100% - 40px));
  max-width: none;
  padding: 0;
}

#head {
  position: relative;
  z-index: 20;
  background: rgba(255,255,255,.97);
  border-bottom: 1px solid var(--akd-line);
}

.site-head { min-height: 104px; }

#logo {
  padding: 16px 0;
  display: flex;
  align-items: center;
  min-height: 104px;
}

#logo img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 72px;
}

#topmenu ul { padding-top: 40px; }
#topmenu li a { font-size: 14px; color: #43484d; }

#navmenu {
  position: relative;
  z-index: 19;
  background: var(--akd-surface);
  border-bottom: 1px solid var(--akd-line);
  box-shadow: 0 4px 16px rgba(20,25,30,.05);
}

#anamenu {
  display: flex;
  align-items: center;
  min-height: 58px;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
}

#anamenu li { padding: 17px 13px; }
#anamenu a { font-size: 16px; font-weight: 600; }
#anamenu > li:hover > a { color: var(--akd-red); }

/* Slider: resim daima oranını korur, asla sündürülmez. */
#slideralani {
  position: relative;
  top: 0;
  width: min(1140px, calc(100% - 32px));
  height: auto;
  aspect-ratio: 1280 / 500;
  margin: 0 auto;
  overflow: hidden;
  background: #dfe3e7;
}

#slideralani .anaslide,
#slideralani .slick-list,
#slideralani .slick-track,
#slideralani .slick-slide,
#slideralani .slide-item,
#slideralani .slide-item a {
  height: 100%;
}

#slideralani .slide-item img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center 48% !important;
}

/* SiteOrigin slider: sabit piksel genişliğini ve yatay taşmayı iptal eder. */
body .sow-slider-base,
body .sow-slider-base .sow-slider-images,
body .sow-slider-base ul.sow-slider-images,
body .sow-slider-base .sow-slider-image-wrapper,
body .sow-slider-base .sow-slider-image-container {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body .sow-slider-base ul.sow-slider-images li.sow-slider-image {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  aspect-ratio: 1280 / 500 !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

body .sow-slider-base img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

#anasayfa_content { padding: 48px 0 64px; }

.widget_baslik,
.pb_title,
.yankapsa {
  margin-bottom: 22px;
  border-bottom: 1px solid var(--akd-line);
}

.widget_baslik h2,
.pb_title .widget_h2,
.yankapsa .yanbaslik {
  padding-bottom: 14px;
  font-weight: 700;
  letter-spacing: -.3px;
}

.widget_baslik h2:after,
.pb_title .widget_h2:after,
.yankapsa .yanbaslik:after {
  bottom: -1px;
  height: 3px;
  background: var(--akd-red) !important;
}

.normalpost {
  padding: 14px;
  margin-bottom: 14px;
  background: var(--akd-surface);
  border: 1px solid var(--akd-line);
  border-radius: var(--akd-radius);
  box-shadow: 0 3px 14px rgba(25,30,35,.04);
}

.normalpost .post-img {
  border-radius: 9px;
  overflow: hidden;
}

.normalpost .post-img img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.normalpost .post_title h2 {
  white-space: normal;
  line-height: 1.4;
}

.normalpost .postmeta { color: var(--akd-muted); }

.temayan,
.yankapsa,
#sidebar .widget,
.foowidget {
  border-radius: var(--akd-radius);
}

.page_bread {
  height: 190px;
  margin-top: 0;
  background-position: center;
  background-size: cover;
}

.navi { padding: 58px 0 20px; }
.navi ol { margin-top: 34px; }

.page_title {
  padding: 24px 0 12px;
  background: #f0f1f3;
  border-bottom: 1px solid var(--akd-line);
}

.page_title h1 {
  color: var(--akd-red);
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1.25;
}

#yazi_content,
#sayfa_content { padding: 42px 0 64px; }

#yazi_content > .wrap,
#sayfa_content > .wrap {
  background: var(--akd-surface);
  border: 1px solid var(--akd-line);
  border-radius: var(--akd-radius);
  box-shadow: var(--akd-shadow);
  padding: 34px;
}

.yazi_icerik { font-size: 16px; line-height: 1.75; }
.yazi_icerik p { line-height: 1.75; }
.yazi_icerik img { border-radius: 8px; }

/* Burs duyurusu kendi içinde zaten başlık taşıyor. */
body:has(.akd-burs-duyuru) .page_title,
body:has(.akd-burs-duyuru) #sidebar { display: none !important; }

body:has(.akd-burs-duyuru) #yazi_content .content {
  float: none;
  width: 100%;
  margin: 0;
}

body:has(.akd-burs-duyuru) .akd-burs-duyuru {
  max-width: 1040px !important;
  width: 100%;
  margin: 0 auto !important;
}

#footer .altkisim { padding: 46px 0; }
#footer .copyright { padding: 18px 0; }

@media only screen and (max-width: 900px) {
  .wrap { width: min(100% - 32px, 760px); }
  #topmenu { display: none; }
  #logo { width: 75%; }
  #yazi_content .content,
  #sidebar { width: 100%; margin-left: 0; }
  #sidebar { margin-top: 28px; }
}

@media only screen and (max-width: 768px) {
  .wrap { width: calc(100% - 32px); }

  .site-head { min-height: 82px; }
  #logo {
    width: 72%;
    min-height: 82px;
    padding: 10px 0;
    margin: 0;
  }
  #logo img { max-height: 62px; }

  #navmenu { height: 0; border: 0; box-shadow: none; }
  #anamenu { display: none; }

  a.mobnav_bar {
    display: block !important;
    top: 25px;
    right: 0;
    font-size: 30px !important;
  }

  #slideralani {
    width: 100%;
    height: auto;
    aspect-ratio: 1280 / 500;
  }
  #slideralani .slide-item img { object-position: center center !important; }

  body .sow-slider-base,
  body .sow-slider-base .sow-slider-images,
  body .sow-slider-base ul.sow-slider-images,
  body .sow-slider-base ul.sow-slider-images li.sow-slider-image {
    left: 0 !important;
    right: auto !important;
  }

  #anasayfa_content { padding: 30px 0 44px; }

  .widget_baslik h2,
  .pb_title .widget_h2,
  .yankapsa .yanbaslik { font-size: 22px; }

  .normalpost { padding: 12px; }
  .normalpost .post-img {
    width: 100%;
    margin: 0 0 12px;
  }
  .normalpost .post_text { width: 100%; padding: 0; }
  .normalpost .post_title h2 { font-size: 17px; }

  .page_bread { height: 138px; }
  .navi { padding: 22px 0 12px; }
  .navi ol {
    margin-top: 25px;
    font-size: 13px;
    line-height: 19px;
  }

  .page_title { padding: 18px 0 7px; }
  .page_title h1 { font-size: 25px; line-height: 1.3; }

  #yazi_content,
  #sayfa_content { padding: 22px 0 42px; }

  #yazi_content > .wrap,
  #sayfa_content > .wrap {
    width: calc(100% - 24px);
    padding: 20px 16px;
    border-radius: 10px;
  }

  .yazi_icerik { font-size: 16px; line-height: 1.65; }

  body:has(.akd-burs-duyuru) #yazi_content > .wrap { padding: 14px 16px 26px; }
  body:has(.akd-burs-duyuru) .akd-burs-duyuru { padding: 10px 0 !important; }
  body:has(.akd-burs-duyuru) .akd-burs-duyuru h2 {
    font-size: 24px !important;
    line-height: 1.25;
  }
  body:has(.akd-burs-duyuru) .akd-burs-duyuru h3 {
    font-size: 19px !important;
    line-height: 1.35;
  }

  .foowidget,
  .foowidget.sosyal_profil { width: 100%; margin: 0 0 24px; }
}

@media only screen and (max-width: 420px) {
  #slideralani {
    height: auto;
    aspect-ratio: 1280 / 500;
  }
  #slideralani .slide-item img { object-position: center center !important; }
  #logo { width: 76%; }
  #logo img { max-height: 56px; }
  a.mobnav_bar { top: 23px; right: 2px; }
}