/**
 * ============================================================
 *
 *  Upravy CSS
 *  Verze: 1.2.0
 *
 * ============================================================
 *  ZHOTOVITEL
 * ============================================================
 *
 *   Firma:    TvujBrand.cz
 *   Kontakt:  Radim Stehlík
 *   E-mail:   jsem@radimstehlik.cz
 *   Telefon:  +420 774 211 582
 *
 * ============================================================
 *  CHANGELOG
 * ============================================================
 *
 *  [2026-03-20] v1.2.0
 *  -----------------------------------------------------------
 *  - Oprava přetečení šířky li (margin nahrazen gap na ul)
 *  - Reset justify-content: space-between z originálního CSS
 *  - Border: 2px transparent (rezervuje místo, bez layout skoku)
 *  - Aktivní položka: border 2px solid #333, padding kompenzován
 *
 *  [2026-03-20] v1.1.0
 *  -----------------------------------------------------------
 *  - Desktop: položky vedle sebe (flex-direction: row)
 *  - Mobile (<768px): položky pod sebou (flex-direction: column)
 *  - Border na li nastaven na 0px (border odstraněn)
 *  - Aktivní položka zvýrazněna border #333
 *
 *  [2026-03-20] v1.0.0
 *  -----------------------------------------------------------
 *  - Počáteční verze — oprava layoutu free-gift ul/li
 *  - Flex column místo row pro 1–2 dárky
 *  - Oprava border splývání položek
 *  - Responzivní chování (mobile-first override)
 *
 * ============================================================
 */

/* === FREE GIFT OVERRIDE === */

/* Selektor omezuje šírku  */
#cart-wrapper div.extras-col.discount {  }

html body.id--9 .free-gifts-wrapper { max-width: none; border: 0px; background-color: transparent; }

/* Desktop: vedle sebe pomocí gap (žádné marginy na li) */
.ordering-process.id--9 [class~=free-gifts-wrapper] ul,
.content-window.cart-window [class~=free-gifts-wrapper] ul {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 10px !important;
    border: 0px;
}

/* Zrušení ghost flex elementu z originálního CSS */
.ordering-process.id--9 [class~=free-gifts-wrapper] ul:after,
.content-window.cart-window [class~=free-gifts-wrapper] ul:after {
    content: none !important;
    flex: none !important;
}

/* Každý dárek */
.ordering-process.id--9 [class~=free-gifts-wrapper] ul li,
.content-window.cart-window [class~=free-gifts-wrapper] ul li {
    width: 100%;
    margin: 0 !important;
    display: flex !important;
    align-items: center;
    padding: 8px !important;
    border: 2px solid transparent !important;
    box-sizing: border-box;
    cursor: pointer !important;
    background-color: #f5f7ed;
    border: 1px solid #333;
}

/* Aktivní — border viditelný, stejná tloušťka = bez skoku layoutu */
.ordering-process.id--9 [class~=free-gifts-wrapper] ul li.active,
.content-window.cart-window [class~=free-gifts-wrapper] ul li.active {
    border: 2px solid #333 !important;
    padding: 8px !important;
}

/* Reset původního nth-child(3n) pravidla z originálního CSS */
.ordering-process.id--9 [class~=free-gifts-wrapper] ul li:nth-child(3n),
.content-window.cart-window [class~=free-gifts-wrapper] ul li:nth-child(3n) {
    margin-right: 0 !important;
}

/* Obrázek vlevo, text vpravo */
.ordering-process.id--9 [class~=free-gifts-wrapper] ul li label,
.content-window.cart-window [class~=free-gifts-wrapper] ul li label {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    cursor: pointer;
}

/* Mobile: pod sebou */
@media (max-width: 767px) {
    .ordering-process.id--9 [class~=free-gifts-wrapper] ul,
    .content-window.cart-window [class~=free-gifts-wrapper] ul {
        flex-direction: column !important;
        gap: 0 !important;
    }

    .ordering-process.id--9 [class~=free-gifts-wrapper] ul li,
    .content-window.cart-window [class~=free-gifts-wrapper] ul li {
        width: 100% !important;
        margin: 0 0 10px 0 !important;
    }
}