/* assets/css/accessibility.css - Fixes for CLS & Accessibility */

/* =============================== */
/* 1. FIX: ASPECT RATIO για εικόνες */
/* =============================== */
.flash-img img {
    aspect-ratio: 120 / 70;
    object-fit: contain;
    width: 100%;
    height: auto;
}

.card-media img {
    aspect-ratio: 1 / 1;
    object-fit: contain;
    width: 100%;
    height: auto;
}

.hero-media-main img {
    aspect-ratio: 1 / 1;
    object-fit: contain;
    max-height: 260px;
    width: auto;
}

.hero-image-left .image-left-media img {
    aspect-ratio: 1 / 1;
    object-fit: contain;
    max-height: 240px;
    width: auto;
}

/* =============================== */
/* 2. FIX: Σταθερό ύψος για flash-strip */
/* =============================== */
.flash-strip {
    min-height: 160px;
}

.flash-item {
    flex: 0 0 130px;
    height: 160px;
}

.flash-img {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* =============================== */
/* 3. FIX: Σταθερό ύψος για cards */
/* =============================== */
.card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.card-media-wrap {
    min-height: 180px;
    background: var(--bg-soft);
}

.card-media {
    min-height: 150px;
}

.card-body {
    flex: 1;
}

/* =============================== */
/* 4. FIX: Σταθερό ύψος για hero */
/* =============================== */
.hero-media-main {
    min-height: 200px;
    background: var(--bg-soft);
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-media-main img {
    aspect-ratio: 1 / 1;
    object-fit: contain;
    max-height: 240px;
    width: auto;
    max-width: 100%;
}

/* =============================== */
/* 5. FIX: Accessibility - labels */
/* =============================== */
.qty-wrap label {
    font-size: 11px;
    color: var(--ink-soft);
    cursor: pointer;
}

/* =============================== */
/* 6. FIX: CLS για logo */
/* =============================== */
.brand-logo-wrap img {
    width: 120px !important;
    height: auto !important;
    aspect-ratio: 120 / auto;
}