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

   Proje:
   HIZIRBEY Portal

   Paket:
   HIZIRBEY Design System

   Bileşen:
   Card

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

   Açıklama:
   HDS Card bileşeninin temel görünümünü, varyantlarını, iç boşluklarını ve köşe biçimlerini yönetir.

   Yazar:
   Mehmet Kalli

   Güncellendi:
   12.08.2026

   Sürüm:
   2.0.0

   Ownership:
   Public HDS Card component presentation; legacy AdminCP excluded

   Contract:
   Root: .hds-card
   Children: header, title, subtitle, content, footer
   Modifiers: variant, padding, shape
========================================================================== */

/* =========================================================================
 * >>> HDS Card Base
 * ========================================================================= */

.hds-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;

    border: 1px solid #d0d5dd;
    border-radius: 12px;

    background: #ffffff;
    color: #1d2939;

    box-shadow:
        0 1px 2px rgba(16, 24, 40, 0.05),
        0 1px 3px rgba(16, 24, 40, 0.08);
}

/* <<< HDS Card Base */


/* =========================================================================
 * >>> HDS Card Header
 * ========================================================================= */

.hds-card__header {
    padding: 20px;
    border-bottom: 1px solid #eaecf0;
}

.hds-card__title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    color: inherit;
}

.hds-card__subtitle {
    margin: 6px 0 0;
    font-size: 14px;
    line-height: 1.5;
    color: #667085;
}

/* <<< HDS Card Header */


/* =========================================================================
 * >>> HDS Card Content
 * ========================================================================= */

.hds-card__content {
    flex: 1;
    font-size: 14px;
    line-height: 1.65;
}

/* <<< HDS Card Content */


/* =========================================================================
 * >>> HDS Card Footer
 * ========================================================================= */

.hds-card__footer {
    padding: 16px 20px;
    border-top: 1px solid #eaecf0;
    background: #f9fafb;
    font-size: 13px;
    color: #667085;
}

/* <<< HDS Card Footer */


/* =========================================================================
 * >>> HDS Card Variants
 * ========================================================================= */

.hds-card.default {
    border-color: #d0d5dd;
}

.hds-card.primary {
    border-color: #0f5f73;
}

.hds-card.primary .hds-card__header {
    background: #eef8fb;
}

.hds-card.success {
    border-color: #16875b;
}

.hds-card.success .hds-card__header {
    background: #ecfdf3;
}

.hds-card.warning {
    border-color: #f4b740;
}

.hds-card.warning .hds-card__header {
    background: #fffaeb;
}

.hds-card.danger {
    border-color: #c73535;
}

.hds-card.danger .hds-card__header {
    background: #fef3f2;
}

.hds-card.info {
    border-color: #2878b8;
}

.hds-card.info .hds-card__header {
    background: #eff8ff;
}

/* <<< HDS Card Variants */


/* =========================================================================
 * >>> HDS Card Padding
 * ========================================================================= */

.hds-card.padding-none .hds-card__content {
    padding: 0;
}

.hds-card.padding-sm .hds-card__content {
    padding: 12px;
}

.hds-card.padding-md .hds-card__content {
    padding: 20px;
}

.hds-card.padding-lg .hds-card__content {
    padding: 28px;
}

/* <<< HDS Card Padding */


/* =========================================================================
 * >>> HDS Card Shapes
 * ========================================================================= */

.hds-card.square {
    border-radius: 0;
}

.hds-card.rounded {
    border-radius: 12px;
}

.hds-card.pill {
    border-radius: 28px;
}

/* <<< HDS Card Shapes */