/* ==========================================================================
   HIZIRBEY DESIGN SYSTEM - IMAGE COMPONENT

   Proje:
   HIZIRBEY Portal

   Paket:
   HIZIRBEY Design System

   Bileşen:
   Image

   Dosya:
   themes/default/assets/css/hds/components/image/base.css

   Açıklama:
   HDS Image bileşeninin genel amaçlı, container'ı taşırmayan responsive
   temel davranışını ve object-fit modifier varyantlarını yönetir.

   Yazar:
   Mehmet Kalli

   Oluşturulma:
   30.09.2026 00:33

   Güncellendi:
   30.09.2026 00:33

   Sürüm:
   1.0.0

   Ownership:
   Public HDS Image component root

   Contract:
   Root: .hds-image
   Modifiers: .hds-image.is-fit-contain|cover|fill|none|scale-down
========================================================================== */

/* =========================================================================
 * >>> Image Container
 *
 * width/height HTML niteliği intrinsic boyut/aspect-ratio korumasını
 * (layout shift önleme) sağlar; max-width/height:auto ise container'ı
 * taşırmadan responsive ölçeklendirir. Modüller kendi maksimum boyut
 * kısıtlarını (örn. admin önizleme) kendi CSS'lerinde tanımlar.
 * ========================================================================= */

.hds-image {
  display: block;

  max-width: 100%;
  height: auto;
}

/* <<< Image Container */

/* =========================================================================
 * >>> Object Fit Modifiers
 * ========================================================================= */

.hds-image.is-fit-contain {
  object-fit: contain;
}

.hds-image.is-fit-cover {
  object-fit: cover;
}

.hds-image.is-fit-fill {
  object-fit: fill;
}

.hds-image.is-fit-none {
  object-fit: none;
}

.hds-image.is-fit-scale-down {
  object-fit: scale-down;
}

/* <<< Object Fit Modifiers */