/*
 * =========================================================
 * SADY OBLEKOV — karta v listingu
 * =========================================================
 *
 * Problém:
 * Rodičovský produkt sady je v Shoptete bežný "Tovar" bez variantov,
 * takže Shoptet mu v listingu vykreslí plnohodnotný formulár do košíka.
 * Zákazník tak vie kúpiť oblek bez toho, aby vybral veľkosť saka
 * a nohavíc — tie sa vyberajú až na detaile v bloku Mix & Match.
 *
 * Riešenie:
 * Produkt dostane príznak "Sada" (id 59). Shoptet ho vykreslí
 * SERVEROVO ako <span class="flag flag-sada">, takže tlačidlo vieme
 * schovať čistým CSS — nevznikne okno, počas ktorého by sa dalo kliknúť.
 *
 * Ako pridať novú sadu:
 * v karte produktu zaškrtnúť príznak "Sada". Nič iné netreba.
 * =========================================================
 */


/* ---------------------------------------------------------
 * 1. Formulár do košíka preč
 * ---------------------------------------------------------
 * .flag-sada        — serverový príznak, hlavný a spoľahlivý signál
 * .mm-listing-...   — trieda, ktorú dopĺňa skript šablóny podľa názvu
 *                     produktu; poistka, keby niekto zabudol príznak
 */

.product:has(.flag-sada) form[action*="addCartItem"],
.product.mm-listing-parent-product form[action*="addCartItem"] {
    display: none !important;
}


/* ---------------------------------------------------------
 * 2. Náhradný odkaz "Detail"
 * ---------------------------------------------------------
 * Vkladá ho fmg-sada.js. Vzhľad zodpovedá bežnému tlačidlu
 * "Detail" pri produktoch s veľkosťami.
 */

.fmg-sada-detail {
    display: inline-block;
    box-sizing: border-box;

    padding: 9px 22px;

    border: 0;
    border-radius: 999px;
    background: #111;

    color: #fff !important;
    text-decoration: none !important;

    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;

    cursor: pointer;
    transition: background-color .2s ease;
}

.fmg-sada-detail:hover,
.fmg-sada-detail:focus {
    background: #333;
    color: #fff !important;
    text-decoration: none !important;
}


/* ---------------------------------------------------------
 * 3. Štítok "Sada" na karte
 * ---------------------------------------------------------
 * Necháme ho viditeľný — zákazníkovi hovorí, že ide o komplet.
 * Ak ho klient nechce, odkomentovať blok nižšie. Element musí
 * v DOM zostať, inak prestane fungovať selektor :has() vyššie,
 * preto display:none a nie odstránenie.
 */

/*
.product .flag.flag-sada {
    display: none !important;
}
*/