/* ==========================================================================
   HIZIRBEY PUBLIC APPLICATION STYLES

   Dosya:
   themes/default/assets/css/core/app.css

   Amaç:
   Ortak taban (body, topbar) ve public sayfa ızgarası (page-wrapper,
   content, sidebar). Header / footer / site kabı kendi kabuk
   dosyalarındadır (headers/, footers/, layouts/layout_site_shell.css).
   18.10.2026 · T2.9: eski V1 header, arama kutusu, footer ve site kabı
   kuralları kaldırıldı (V2 kurallarınca eziliyordu / markup'ı yoktu).

   Not:
   AdminCP stilleri bu dosyada bulunmaz.
   AdminCP kendi CSS mimarisini kullanır.
========================================================================== */

/* ==========================================================================
   ---> GLOBAL BASE STYLES
========================================================================== */

body {
  margin: 0;

  background: #dfe5e8;
  color: #222222;

  font-family: Arial, sans-serif;
}

/*
 * Belge modu tabanı (20.10.2026 · DOCTYPE eklendi): sayfalar yıllarca
 * quirks modunda çizildi; tarayıcının o moddaki varsayılanları burada
 * açıkça korunur, görünüm değişmez. Tablolar dış yazı boyutunu/satır
 * yüksekliğini almaz; metin alanları border-box; formun altında 1em boşluk.
 */
table {
  font-size: medium;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
  text-align: start;
  white-space: normal;
}

input:not([type="image" i]),
textarea {
  box-sizing: border-box;
}

/* Satır içi metin alanı tabanının altında yazı satırı boşluğu kalmasın. */
textarea {
  vertical-align: top;
}

form {
  margin-block-end: 1em;
}

/* <--- GLOBAL BASE STYLES */

/* ==========================================================================
   ---> PUBLIC TOPBAR
========================================================================== */

.topbar {
  padding: 8px 20px;

  background: #263b4a;
  color: #ffffff;

  text-align: right;
  font-size: 14px;
}

/* <--- PUBLIC TOPBAR */

/* ==========================================================================
   ---> PUBLIC PAGE LAYOUT
========================================================================== */

.page-wrapper {
  display: grid;
  grid-template-columns:
    220px
    minmax(0, 1fr)
    220px;
  gap: 20px;

  padding: 20px;
}

.page-wrapper--left-only {
  grid-template-columns:
    220px
    minmax(0, 1fr);
}

.page-wrapper--right-only {
  grid-template-columns:
    minmax(0, 1fr)
    260px;
}

.page-wrapper--full-width {
  grid-template-columns: minmax(0, 1fr);
}

.content {
  min-width: 0;
  padding: 15px;

  border: 1px solid #dddddd;

  background: #ffffff;
}

.left-sidebar,
.right-sidebar {
  min-width: 0;
  padding: 0;

  border: 0;

  background: transparent;
}

.left-sidebar h3,
.right-sidebar h3 {
  margin-top: 0;
  padding-bottom: 5px;

  border-bottom: 2px solid #222222;
}

/* <--- PUBLIC PAGE LAYOUT */
/* ==========================================================================
   ---> PUBLIC RESPONSIVE
========================================================================== */

@media (max-width: 1023.98px) {
  .page-wrapper {
    grid-template-columns:
      180px
      minmax(0, 1fr);
  }

  .right-sidebar {
    grid-column: 1 / -1;
  }

  .page-wrapper--right-only,
  .page-wrapper--full-width {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 639.98px) {
  .page-wrapper {
    grid-template-columns: 1fr;

    padding: 12px;
  }

  .left-sidebar,
  .right-sidebar,
  .content {
    grid-column: auto;
  }
}

/* <--- PUBLIC RESPONSIVE */