/* ========================================================
   iskelet2.css UYUM KATMANI (2026-10-03, PageSpeed Aşama 3b)
   Yeni tasarımlı sayfalarda (kendi *-yeni.css içerik dosyasını yükleyenler) 75-82 KB'lık
   eski iskelet2.css yerine bu dosya gelir; seçimi genel/footer.php'deki YK süzgeci yapar.
   Eski şablonlu sayfalar iskelet2.css'i aynen almaya devam eder.
   Buradaki kurallar, yeni sayfalarda iskelet2'den gerçekten eşleşen kuralların BİREBİR
   kopyasıdır (tarayıcıda kural-öğe eşleştirmesiyle çıkarıldı). Dil farkları :where() ile
   ayrıldı; :where() özgüllük eklemez, yani kuralların ağırlığı iskelet2'dekiyle aynıdır.
   ======================================================== */

/* yazı tipi + yön (tr/en/fr: Poppins; ar: Cairo ve tüm öğelerde rtl) */
:where(html:not([lang="ar"])),
:where(html:not([lang="ar"])) * {
  font-family: "Poppins", sans-serif;
}
:where(html[lang="ar"]),
:where(html[lang="ar"]) * {
  font-family: "Cairo", sans-serif;
  direction: rtl;
}

body {
  margin: 0px;
  padding: 0px;
  background: #f8f8f8 !important;
}
:where(html[lang="ar"]) body {
  padding: 0px !important;
}

.full-width {
  width: 100%;
  height: auto;
}

header {
  background: url(/images/ustbg.jpg) repeat;
}

#vakifkudus,
#faaliyetrapor {
  margin-bottom: 30px;
}
#faaliyetrapor {
  width: 100%;
  height: auto;
  float: left;
  margin-bottom: 10px;
}

/* eski tam ekran arama katmanı (#fullscreen-search, header.php; açma/kapama footer.php) */
.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 110, 113, 0.94);
  overflow-y: hidden;
  transition: 0.8s;
  z-index: 10;
}
:where(html[lang="ar"]) .overlay {
  z-index: 999999;
}
.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #29bdc0;
  display: block;
  transition: 0.3s;
}
.overlay a:hover,
.overlay a:focus {
  color: #ff0000;
}
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}
.overlay-content input[type="search"] {
  text-align: center;
  border: none;
  font-size: 29px;
  font-weight: 500;
  color: #fff;
  border-bottom: 1px solid #55babb;
  width: 100%;
  padding: 10px;
  background: transparent;
}
.overlay-content input[type="search"]:focus {
  outline: 0 !important;
}
.overlay-content input[type="search"]::placeholder {
  color: #55babb;
}
.overlay-content .aciklamalar {
  font-size: 12pt;
  color: #58babb;
  font-weight: 400;
  margin-top: 10px;
  font-style: italic;
}
@media screen and (max-height: 450px) {
  .overlay { overflow-y: auto; }
  .overlay a { font-size: 20px; }
  .overlay .closebtn { font-size: 40px; top: 15px; right: 35px; }
}
@media only screen and (max-width: 479px) {
  .overlay-content input[type="search"] { font-size: 17px; }
  .overlay-content .aciklamalar { font-size: 9pt; }
}

/* yalnız ar/iskelet2.css'te olan kurallar */
:where(html[lang="ar"]) .iti * {
  direction: ltr !important;
}
:where(html[lang="ar"]) .iti {
  direction: ltr !important;
  width: 100%;
}
:where(html[lang="ar"]) .iti__flag-container {
  direction: ltr !important;
}
:where(html[lang="ar"]) .modal-dialog .input-group .form-control {
  z-index: 1;
}
:where(html[lang="ar"]) .modal-body label {
  float: right;
  text-align: right;
  padding-top: 5px;
}
:where(html[lang="ar"]) .modal-body .col-sm-9 {
  float: right;
}
:where(html[lang="ar"]) .modal-dialog .iti--separate-dial-code .iti__selected-dial-code {
  margin-right: 6px;
  direction: ltr !important;
  color: #000;
}
@media (min-width: 300px) and (max-width: 1450px) {
  :where(html[lang="ar"]) main {
    overflow: hidden;
    width: 100%;
    float: left;
  }
}
:where(html[lang="ar"]) .floating-wpp .floating-wpp-popup.active {
  left: 0px !important;
  right: unset !important;
}
:where(html[lang="ar"]) .floating-wpp {
  left: 15px !important;
  right: unset !important;
}
:where(html[lang="ar"]) .floating-wpp .floating-wpp-btn-send {
  margin-right: 15px !important;
  margin-left: 0px !important;
  transform: rotate(180deg);
}