.ab_logo { padding-top:15px; padding-bottom:5px; }
.menubg { background-color:#024b64 !important; padding:0 !important }
.menucont { max-height:80px !important; }
.mnufont { font-family:arial !important }

.loginbosluk { padding-right: 20px;}
.loginvedil { position: absolute; top: 105px; width: 100%;}
.enbtn{ border-left: 2px solid cornflowerblue; padding: 5px; color: #233F1C;}
.enbtn:hover{ color: gray;}
.logntxt { font-size: 1.2rem;}
.logmn { font-size: 1.2rem;}

/* ---------------------------------------------------------------------
   Mobil: giris + dil seridi lacivert menu bandina tasinir.

   .loginvedil, ust kabuktaki (AB logosunu saran) position:relative div'in
   icinde mutlak konumlanir. top:100% = o kapsayicinin ALT kenari; kapsayici
   ile .menubg bitisik kardes oldugu icin bu, lacivert bandin UST kenaridir.

   Onceden bu kirilimda `position: relative` veriliyordu; top:105px yine
   etkili oldugundan blok akista 42px yer kaplayip (AB bayraginin ustundeki
   bosluk) icerigi 105px asagi, bayragin uzerine kayiyordu. Mutlak konum
   ikisini birden cozer: akistan cikar, bosluk kalkar.

   Yatayda hamburger (x 39..69) acikta kalsin diye soldan 76px baslar;
   genislik icerik kadardir, yoksa tum bandi kaplayip hamburger tiklamasini
   engellerdi.
   --------------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
  .loginvedil {
    position: absolute;
    top: 100%;
    left: 76px;
    right: auto;
    width: auto;
    /* Yukseklik #kt_header ile ayni olmali (.menubg degil): #kt_header 65px
       ve 80px'lik bandin USTUNE yasli duruyor, hamburger de onun icinde
       ortalaniyor. Burada 80px kullanilinca blok bandin ortasina, yani
       hamburgerden 8px asagiya dusuyordu. */
    height: 65px;
    z-index: 2;
  }

  .logindiv {
    height: 100%;
    align-items: center;
    justify-content: flex-start !important;
  }

  .loginbosluk { padding-right: 0; }

  /* Hamburger md'den itibaren 30px yerine 40px (w-md-40px) */
  @media only screen and (min-width: 768px) {
    .loginvedil { left: 88px; }
  }

  /* Tetikleyicinin yatay dolgusu Metronic'te 24px (1.5rem+1px); etiketin
     kendisi yalnizca 56px oldugu icin seridin genisligini asil bu belirliyor.
     Dar ekranda logoya yer acmak adina kisaltiliyor.
     !important sart: kuralin kaynagi
     .btn:not(.btn-outline):not(.btn-dashed)...:not(.btn-icon) zinciri ve
     yedi :not() yuzunden ozgullugu (0,8,0); .loginvedil .btn (0,2,0) onu
     ezemiyor. */
  .loginvedil .btn { padding-left: 8px !important; padding-right: 8px !important; }

  /* Lacivert (#024b64) zemin uzerinde beyaz yazi */
  .loginvedil,
  .loginvedil a,
  .loginvedil .menu-link,
  .loginvedil .menu-title,
  .loginvedil .logntxt,
  .loginvedil .ki-duotone { color: #fff !important; }

  .loginvedil .logntxt { font-size: 13px; white-space: nowrap; }

  /* ------------------------------------------------------------------
     Mobil renk kartelasi — koyu turuncu zemin / beyaz yazi.

     Masaustunde tetikleyici beyaz zemindedir, bu yuzden Metronic'in acik
     temasi (.userbox #d8eef5, btn-active-light-primary #f1faff) sorunsuz
     calisir. Mobilde serit lacivert bandin uzerinde oldugundan yazi beyaza
     cekiliyor; ayni acik zeminler kalirsa beyaz yazi beyaza yakin zeminde
     okunmuyor.

     Zemin rengi ORTKA logosundan turetildi: logodaki baskin turuncu
     #f8b040 (H 36deg). Ayni renk ailesinde koyu ton olarak #8a4b10
     (H 33deg) secildi — beyazla kontrasti 6.79:1 (WCAG AA). Lacivert
     #024b64 kullanilmiyordu cunku acilir menu bandin kendisiyle ayni
     renk olunca sinir kaybolup ic ice giriyordu.
     ------------------------------------------------------------------ */
  .loginvedil {
    --ortka-mb-zemin: #8a4b10;  /* logodaki #f8b040 turuncusunun koyu tonu */
    /* Acilir menudeki satir hover'i: turuncu zemini KOYULASTIRIR.
       Beyaz bindirme (%16) zemini rgb(157,104,54)'e acip beyaz yazinin
       kontrastini 4.72'ye dusuruyordu; siyah bindirme 8.54 veriyor ve
       satir ayrimi da daha belirgin. */
    --ortka-mb-vurgu: rgba(0, 0, 0, .16);
    --ortka-mb-cizgi: rgba(255, 255, 255, .22);
    --ortka-mb-sonuk: rgba(255, 255, 255, .78);
  }

  /* Tetikleyici: hover, odak ve ACIK (.show) durumu.

     Uzun secici zinciri zorunlu: Metronic'in
     .btn.btn-active-light-primary:hover:not(.btn-active) kurali (0,4,0)
     ozgullukte ve !important tasiyor. Daha kisa yazilinca (0,3,0) kalip
     eziliyordu; hover'da zemin acik maviye donup beyaz yazi okunmuyordu. */
  .loginvedil .logindiv .loginbosluk .btn.btn-custom:hover,
  .loginvedil .logindiv .loginbosluk .btn.btn-custom:focus,
  .loginvedil .logindiv .loginbosluk .btn.btn-custom:active,
  .loginvedil .logindiv .loginbosluk .btn.btn-custom.show,
  .loginvedil .logindiv .loginbosluk .btn.btn-custom.menu-dropdown {
    background-color: var(--ortka-mb-zemin) !important;
    color: #fff !important;
  }

  /* Acilir kutu — tetikleyiciyle ayni turuncu, tek yuzey gibi okunsun */
  .loginvedil .menu-sub,
  .loginvedil .menu-sub.userbox {
    background-color: var(--ortka-mb-zemin) !important;
    border: 1px solid var(--ortka-mb-cizgi);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .35);
  }

  .loginvedil .menu-sub,
  .loginvedil .menu-sub a,
  .loginvedil .menu-sub .menu-link,
  .loginvedil .menu-sub .menu-title,
  .loginvedil .menu-sub .ki-duotone,
  .loginvedil .menu-sub .text-gray-900 { color: #fff !important; }

  /* Ikincil metinler (e-posta, "DIL SECIMI" basligi) */
  .loginvedil .menu-sub .text-muted,
  .loginvedil .menu-sub .menu-content { color: var(--ortka-mb-sonuk) !important; }

  .loginvedil .menu-sub .menu-item .menu-link:hover,
  .loginvedil .menu-sub .menu-item .menu-link.active {
    background-color: var(--ortka-mb-vurgu) !important;
    color: #fff !important;
  }

  .loginvedil .menu-sub .separator { border-color: var(--ortka-mb-cizgi) !important; }

  /* Serit ile logo arasindaki mesafe sabit: logonun sol kenari her zaman
     ekranin sag kenarindan 161px iceride. Serit bu sinira dayandiginda once
     etiket kuculur, iyice dar ekranda tamamen gizlenir; ikon tiklanabilir
     kalir ve title metni bilgiyi tasir.
     NOT: bu kurallar blogun sonunda olmali, yukaridaki 13px kurali ayni
     ozgullukte oldugu icin daha once yazilsa onu ezemezdi. */
  @media only screen and (max-width: 413.98px) {
    .loginvedil .logntxt { font-size: 12px; }
    .loginvedil .btn { padding-left: 6px !important; padding-right: 6px !important; }
  }
  @media only screen and (max-width: 374.98px) {
    .loginvedil .logntxt { display: none; }
  }
}

  /* menü blok */
  .ustblok{
    display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  }
  .headerLeftColumn {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    flex: 0 0 80%;
    flex-grow: 1;
    max-width: 80%;
  }

  .headerRightColumn {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    /*flex: 0 0 44%;
    max-width: 570px;*/
    flex: 0 0 20%;
    flex-grow: 1;
    max-width: 20%;
  }

  .footerrenk { background-color: #333333;}
  .footfontrenk {color: white !important;}  
  .otlink { font-size: 1.8rem !important; text-align: center !important; padding-right: 15px;}

  .baslikzemin {background-color: #FFAF00 !important; min-height: 50px;}
  .syftxt { padding-top: 15px; font-size: 1rem !important;}
  .anabsalik { font-size: 1.9rem; padding-top: 15px; font-family: 'sitefont'; font-weight: bold;}
  .sayfaicerik {font-size: 1.3rem; font-family: 'sitefont3'; padding-bottom: 15px;}
/* footer logo */
  .footerlogobg {background-color: #eeeeee;}
  .footerlogo {margin-bottom: 10px; margin-top: 10px;}
  .footerlogo .ilk {padding-top: 15px;}
  .footerlogo .orta {text-align: center; padding-right: 230px !important; padding-bottom: 3px;}
  .footerlogo .orta img {height: 100px;}
  .footerlogo .son {text-align: end; padding-top: 2px; padding-right: 20px;}
  .footerlogo .son img {height: 90px;}
  .footerlogo img {}
  .dakametin {border-left: 1px solid white;}

  @media only screen and (max-width: 766px) {
    .footerlogo .orta {text-align: center; padding-bottom: 3px; padding-right: 50px !important;  }
  }
  @media only screen and (max-width: 573px) {
    .dakametin {border-left: 1px solid white; margin-top: 14px;}
  }
  @media only screen and (max-width: 556px) {
    .footerlogo .orta {text-align: center; padding-bottom: 3px; padding-left: 50px;}
    .footerlogo .son {padding-right: 0px; padding-top: 10px;}
  }

  @media only screen and (max-width: 516px) {
  .footerlogo{ flex-direction: column !important ;}
  .footerlogo .orta, .footerlogo .ilk, .footerlogo .son  {text-align: center !important; padding-bottom: 3px; padding-top: 2px;}
  }

  @media only screen and (max-width: 395px) {
    .footerlogo .ilk img {height: 60px !important;}
  }

  .sitelogo {position:relative;}
  .sitelogoabs{position: absolute; left: -200px; z-index: 9 !important; top: -0.5px;}
  .sitelogoabs img {}
  .footersosmedya{justify-content: center !important;}
  @media only screen and (max-width: 629px) {
    .sitelogoabs img {height: 125px !important;}
    /* left ofseti gorselin genisligi kadar olmali: masaustunde gorsel 200px
       oldugu icin -200px sag kenara hizaliyor. Bu kirilimda gorsel 146px'e
       dusuyor, -200px kaldiginda sagda 54px olu bosluk kalip logo gereksiz
       yere sola kayiyor ve menu bandindaki dil secicisinin ustune biniyordu. */
    .sitelogoabs{top: 0px; left: -146px;}
    .otlink{ text-align: center; border-bottom: 1px solid #585858;}
    .footersosmedya{ justify-content: center !important;  }
  }

  .abyazi{padding:20px; border-top: 1px solid #7f7f7f; text-align: center; margin-top: 15px;}

  .footer_cizgi {border-left: 1px solid white;}
  .footer_yazi{padding-top: 10px; padding-left: 15px; flex-direction: row !important;}
  

  @media only screen and (max-width: 340px) {
    .footer_yazi{padding-top: 10px; padding-left: 15px; flex-direction:column !important;}
    .footersosmedya{ justify-content: center !important;}
    .otlink{ text-align: center; padding-bottom: 15px; margin-bottom: 5px; border-bottom: 1px solid #585858;}
  }

  /* slider altı */
  .slide_alt { background-color:#024b64 !important; padding:0 !important }

  /* icon link */
.oiblok {
  padding-top: 15px;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.oi {
  position: relative;
  text-align: left;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 50%;
  border-left: 1px solid rgba(255, 255, 255, 0.17);
  flex: 0 0 31%;
  max-width: 98% !important;
  padding-top: 10px;
}
.oi .icon {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  min-height: 80px;
}
.oi .icon:before {
  content: "";
  width: 48px;
  height: 48px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: rgba(0, 17, 29, 0.11);
  position: absolute;
  top: 0;
  left: -27px;
}
.oi:nth-child(-n+3) {
  /*border-bottom: 1px solid rgba(255, 255, 255, 0.17);*/
  padding-top: 0;
}
.oi:nth-child(3n+1) {
  border-left: none;
}
.oi:nth-child(2) {
  flex: 0 0 38%;
}
.oi:nth-child(5) {
  flex: 0 0 38%;
}
.oi a {
  color: white !important;
  font-family: 'Montserrat';
}
.oi a:hover {
  color: #f9ae42 !important;
  font-family: 'Montserrat';
}
.oi a:hover .icon:before {
  background-color: rgba(255, 213, 164, 0.22) !important;
}
.oi .icbaslik{
  font-family: 'sitefont1';
  font-size: 2rem;
  line-height:2.1rem;
}
.oi .textleft {
  padding-left: 16px;
}
.oideger {
  font-size: 28.2px;
  font-family: 'GilroyBlack';
  color: #ffffff;
  letter-spacing: -1px;
  margin-bottom: 10px;
}
.oival {
  font-family: 'GilroyMedium';
  color: #ffffff;
  font-size: 11.53px;
}
.oibaslik {
  font-family: 'GilroyBlack';
  color: #ffffff;
  font-size: 11.53px;
}
.icinmetin { text-align: left; font-size: 0.9rem; padding-top: 5px;}
.arabosluk { margin-left: 25px;}
.menuaralik { padding: 0px !important; margin: 0px !important;}
.bbaslik { color: #ffffff !important;}

@media only screen and (max-width: 1398px) {
/* .bboyut {font-size: 1.9rem !important;} */
.oi .icbaslik{
  font-size: 1.9rem !important;
}
}
@media only screen and (max-width: 1190px) {
  .oi .icbaslik{
    font-size: 1.7rem !important;
  }
  }
@media only screen and (max-width: 998px) {
    .alingflex{ align-self: center !important;}
  }
@media only screen and (max-width: 767px) {
    .alingflex{ }
  }

/* x icon */
.xicon {
  background-image: url("data:image/svg+xml,%3Csvg width='1200' height='1227' viewBox='0 0 1200 1227' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z' fill='white'/%3E%3C/svg%3E");
}
.xiconz {
  background-image: url('data:image/svg+xml,<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="white"/></svg>');

}
.fillclaa { fill: #f8ad42 !important; color: #f8ad42 !important;}
.svg_gift{  
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" /></svg>');
  background-repeat: no-repeat;
  background-position: center;
}
.svg_xso{
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 512 509.64"><rect width="512" height="509.64" rx="115.61" ry="115.61"/><path fill="#fff" fill-rule="nonzero" d="M323.74 148.35h36.12l-78.91 90.2 92.83 122.73h-72.69l-56.93-74.43-65.15 74.43h-36.14l84.4-96.47-89.05-116.46h74.53l51.46 68.04 59.53-68.04zm-12.68 191.31h20.02l-129.2-170.82H180.4l130.66 170.82z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}
/* sosyal icon */
.sosyalicon {margin-right: 11px !important; text-align: center;}
.sosyalicon.son{margin-right: 2px !important;}
.sosyalicon i  {color:#FFAF00 !important;}
.sosxicon svg {
  width: 25px !important;
  height: 25px !important;
  fill: #f8ad42;
}
.sosxicon .byk{
  width: 27px !important;
  height: 27px !important;
}
.sosxicon svg:hover {
  fill:#008bba;
}

/* metin */
.metincart { border-radius: 0px !important;}
.metin-baslik { min-height: 60px !important; background-color: #f3f3f3 !important; border-radius: 0px !important;}
.metinimg { float: left; padding: 10px 10px; height: 180px;}
.duyuruzmn { 
  background-image: url("../img/metin_zemin4.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.metin-text {font-size: 1.11rem;}

.userbox { background-color: #d8eef5 !important;}

/* duyuru icon */
.panelbyt {}
.duyblok {
  padding-top: 15px !important;
  /* padding-top: 15px;
  margin-top: 15px !important;
  margin-bottom: 15px !important; */
}
.duy {
  position: relative;
  text-align: left;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 50%;
  border-left: 1px solid rgba(255, 255, 255, 0.17);
  flex: 0 0 31%;
  max-width: 98% !important;
  
}
.duy .icon {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  min-height: 15px;
}
.duy .icon:before {
  content: "";
  width: 35px;
  height: 35px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: rgba(249, 174, 56, 0.15);
  position: absolute;
  top: 0;
  left: -17px;
  top: -20px;
}
.icnboyut { font-size: 2.7rem !important;}
.duy:nth-child(-n+3) {
  /*border-bottom: 1px solid rgba(255, 255, 255, 0.17);*/
  padding-top: 0;
}
.duy:nth-child(3n+1) {
  border-left: none;
}
.duy:nth-child(2) {
  flex: 0 0 38%;
}
.duy:nth-child(5) {
  flex: 0 0 38%;
}
.duy .hoverle {
  color: #024b64 !important;
  font-family: 'Montserrat';
}
.duy .hoverle:hover {
  color: #f9ae42 !important;
  font-family: 'Montserrat';
}
.duy .hoverle:hover .icon:before {
  background-color: rgba(249, 174, 56, 0.50) !important;
}
.duy .icbaslik{
  font-family: 'sitefont1';
  font-size: 1.7rem;
  line-height:2rem;
}
.duy .textleft {
  padding-left: 16px;
}
.duydeger {
  font-size: 28.2px;
  font-family: 'GilroyBlack';
  color: #ffffff;
  letter-spacing: -1px;
  margin-bottom: 10px;
}
.duyval {
  font-family: 'GilroyMedium';
  color: #ffffff;
  font-size: 11.53px;
}
.duybaslik {
  font-family: 'GilroyBlack';
  color: #ffffff;
  font-size: 11.53px;
}
/* .kayityok { text-align: center; padding: 10px; margin: 5px; line-height: 2rem; } */
.kayityok { flex-direction: row; }

.icinde { padding: 15px; }

/* duyuru list */
.card_list {}
.card_list .sagciz { border-right: 3px solid #909090 !important; padding-right: 15px;}
.card_list .tarih { padding: 0; margin: 0; font-family: 'sitefont'; font-size: 1.5rem; line-height: 1.5rem; color: #909090;}
.card_list .soldan { padding-left: 10px; font-family: 'sitefont1'; font-size: 1.3rem; line-height: 1.5rem;  text-overflow: ellipsis;}
.card_list .acik {background-color: rgba(219, 219, 219, 0.5); padding: 9px; color: #333333; margin-bottom: 10px;}
.card_list .acik:hover{background-color: rgba(238, 238, 238, 0.5); color:#024b64;  }
/* haberler */
.haberler{ padding-top: 15px; padding-bottom: 15px; }
.haberler .icbaslik { font-size: 2rem; padding-top: 7px; padding-bottom: 5px;}
/* sayfa haritası */
.breadcrumb a { color: #333333 !important;}
.breadcrumb a:hover { color:cornsilk !important;}
.breadcrumb .breadcrumb-item {color: rgb(115, 69, 1) !important;}




/* ---------------------------------------------------------------------
   Header üye menüsündeki profil resmi (cek/hesapmenu.php)
   --------------------------------------------------------------------- */
.uye-avatar-mini,
.uye-avatar-orta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 auto;
  overflow: hidden;
}
.uye-avatar-mini { width: 26px; height: 26px; }
.uye-avatar-orta { width: 44px; height: 44px; }

.uye-avatar-harf {
  background: #009ef7;
  color: #fff;
  font-weight: 700;
  line-height: 1;
}
.uye-avatar-mini.uye-avatar-harf { font-size: .68rem; }
.uye-avatar-orta.uye-avatar-harf { font-size: 1rem; }

/* Başlık bandındaki breadcrumb — hem panel hem halka açık sayfalar kullanır.
   (Önce panel.css içindeydi; part/siteheader.php ile ortaklaştı.) */
/* .baslikzemin (sarı şerit) içinde; .syftxt yerine geçer. */

.pnl-kirilim {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    min-height: 50px;
    padding: 12px 0;
    font-size: 1rem;
    line-height: 1.4;
}
.pnl-kirilim a {
    color: #5c3d00;
    text-decoration: none;
    transition: color .15s;
}
.pnl-kirilim a:hover,
.pnl-kirilim a:focus { color: #1a1300; text-decoration: underline; }
.pnl-kirilim .ayrac { color: rgba(0, 0, 0, .38); font-size: 1.05rem; line-height: 1; }
.pnl-kirilim .aktif {
    color: #1a1300;
    font-weight: 600;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 575.98px) {
    .pnl-kirilim { font-size: .88rem; gap: .3rem; padding: 10px 0; }
    .pnl-kirilim .aktif { max-width: 100%; }
}

/* ---------------------------------------------------------------------
   ANA SAYFA — metin bloğu + duyuru/etkinlik bloğu (page/home.php)

   Üç düzeltme:
   1) Duyuru satırlarındaki tarih şeridi sabit genişlikte; tarihi olmayan
      kayıtta (megafon ikonu) da aynı hizada durur.
   2) Masaüstünde sol metin kartı ile sağdaki duyuru bloğu aynı tabanda
      biter; "Tüm duyurular" bağlantısı sütunun en altına yapışır.
   3) "Tüm duyurular" düz bağlantı değil, zemine uyan ikonlu bir düğme.
   --------------------------------------------------------------------- */

/* --- 1) Duyuru satırları: tarih şeridi hizası --- */

/* DİKKAT: .acik'e align-items:center VERİLMEZ. Verilirse tarih şeridi
   içerik boyuna küçülür ve sağındaki dikey çizgi satırı boydan boya
   kesmez. Varsayılan "stretch" korunur; ortalama şeridin İÇİNDE yapılır. */

.card_list .sagciz {
  /* Sabit genişlik: "06 Ocak" iki satır, megafon tek satır — ikisi de
     aynı x konumunda başlasın diye içerik genişliğine bırakılmıyor.
     flex-column olduğu için justify-content dikey, align-items yataydır.

     Genişlik en uzun ay adına göre seçildi: 'sitefont' 19,5px'te
     Temmuz 67px, Ağustos 65px, Haziran 62px yer kaplıyor. 58px'te bunlar
     ayırıcı çizginin dışına taşıyordu; kutu 76px'e çıkarıldı ve ay satırı
     15px'e düşürüldü (Temmuz ≈ 52px), böylece en uzun ay bile sığıyor. */
  flex: 0 0 76px;
  width: 76px;
  min-height: 44px;
  justify-content: center;
  align-items: center;
}

/* Ay satırı (gün numarasından sonraki ikinci .tarih). Bitişik kardeş
   seçicisi kullanıldı: tarihsiz kayıtta tek .tarih (megafon) var, ona
   dokunmuyor. */
.card_list .sagciz .tarih + .tarih {
  font-size: 15px;
  line-height: 17px;
}

.card_list .sagciz .tarih {
  white-space: nowrap;
}

.card_list .sagciz .tarih {
  width: 100%;
}

/* Tarihi olmayan kayıttaki megafon, tarih yazısıyla aynı optik ağırlıkta */
.card_list .sagciz .tarih .bi {
  font-size: 1.35rem;
  line-height: 1.5rem;
  opacity: .75;
}

.card_list .soldan {
  align-items: center;
  min-height: 44px;
}

/* --- 2) İki blok aynı tabanda bitsin (yalnızca masaüstü) --- */

@media (min-width: 768px) {
  .duyuruzmn .row {
    align-items: stretch;
  }

  .duyuruzmn > .container > .row > [class*="col-md-"] {
    display: flex;
    flex-direction: column;
  }

  /* Sol kart sütunu doldursun; sütun yüksekliğini sağdaki blok belirler */
  .duyuruzmn .metincart {
    flex: 1 1 auto;
  }

  /* Sağ blok: sekme içeriği kalan yüksekliği alsın */
  .duyuruzmn .tab-content,
  .duyuruzmn .tab-pane.active {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
  }

  /* "Tüm duyurular" en alta yapışır; listeyle arasındaki boşluk esner */
  .duyuruzmn .tumduyuru {
    margin-top: auto;
  }
}

/* --- 3) "Tüm duyurular" bağlantısı --- */

.tumduyuru {
  display: flex;
  justify-content: flex-end;
  padding-top: 12px;
}

.tumduyuru a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  font-family: 'sitefont1';
  font-size: 1.05rem;
  line-height: 1.4rem;
  color: #024b64;
  background-color: rgba(255, 255, 255, .65);
  border: 1px solid rgba(2, 75, 100, .3);
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.tumduyuru a:hover,
.tumduyuru a:focus {
  background-color: #024b64;
  border-color: #024b64;
  color: #ffffff;
}

.tumduyuru a .bi {
  font-size: 1.15rem;
  line-height: 1;
  transition: transform .2s ease;
}

.tumduyuru a:hover .bi {
  transform: translateX(3px);
}