/*
 * TIQERP marka renkleri ve yazi tipleri.
 * Burada yalnizca sablonun kendi CSS degiskenleri yeniden tanimlanir;
 * sablonun markup'i ve sinif adlari degistirilmemistir.
 */

:root {
  --default-font: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --heading-font: "Raleway", sans-serif;
  --nav-font: "Raleway", sans-serif;
}

:root {
  --background-color: #ffffff;
  --default-color: #3d4a4a;
  --heading-color: #0F1728;
  --accent-color: #459D94;
  --surface-color: #ffffff;
  --contrast-color: #ffffff;
}

:root {
  --nav-color: #0F1728;
  --nav-hover-color: #459D94;
  --nav-mobile-background-color: #ffffff;
  --nav-dropdown-background-color: #ffffff;
  --nav-dropdown-color: #0F1728;
  --nav-dropdown-hover-color: #459D94;
}

/* Koyu zeminli bolumler (call-to-action, footer) */
.dark-background {
  --background-color: #213A3E;
  --default-color: #e6efee;
  --heading-color: #ffffff;
  --surface-color: #3A797D;
  --contrast-color: #ffffff;
}

.light-background {
  --background-color: #f4f8f8;
  --surface-color: #ffffff;
}

.footer {
  --background-color: #0F1728;
  --default-color: #c9d4d3;
  --heading-color: #ffffff;
}

/*
 * Sablonun kendi kurallarinin uzerine yazan marka duzeltmeleri.
 * Yeni bilesen tanimlanmaz; yalnizca mevcut siniflarin olculeri ayarlanir.
 */

/* Logo sablonda 40px ile sinirliydi */
.header .top-row .logo img {
  max-height: 84px;
}

@media (max-width: 991px) {
  .header .top-row .logo img {
    max-height: 52px;
  }
}

.footer .footer-brand .logo img {
  max-height: 64px;
}

/* Ust satirdaki demo butonu sablonda yalnizca hero icinde tanimliydi */
.header .top-row .btn-cta {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border: 0;
  border-radius: 50px;
  padding: 11px 26px;
  font-family: var(--nav-font);
  font-weight: 600;
  font-size: 15px;
  white-space: nowrap;
  transition: 0.3s;
}

.header .top-row .btn-cta:hover {
  background-color: color-mix(in srgb, var(--accent-color), #000 12%);
  color: var(--contrast-color);
}

@media (max-width: 575px) {
  .header .top-row .btn-cta {
    padding: 9px 16px;
    font-size: 14px;
  }
}

/* Gorseller her zaman ayni oranda dursun, yanlarinda bosluk kalmasin */
.service-details .service-main-image img,
.about .showcase .showcase-main img,
.features .intro-panel .preview-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 3 / 2;
}

/* Ekran goruntusu kartlari: gorsel kutusu sablondaki 4/3 oraninda kalir,
   ust kenardan hizalanir ki yazi degil ekranin kendisi gorunsun */
.portfolio .image-container img {
  object-position: top center;
}

/* Kart basligi ve aciklamasi tasmasin */
.portfolio .portfolio-card .content h3 {
  font-size: 18px;
}

.call-to-action .visual-section .image-container .main-visual {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 3 / 2;
}