/* Style opcji "Miele kawy" (wtyczka Opcja mielenia kawy dla WooCommerce) */

/* form.cart w Betheme jest flexboksem z ilością i przyciskiem w jednym rzędzie.
   Układ zmieniamy TYLKO w formularzach, które zawierają opcję mielenia
   (nie ruszamy innych produktów, np. z wariantami):
   blok mielenia zajmuje cały wiersz u góry, a ilość i przycisk lądują pod nim, obok siebie.
   Selektor jest zapisany dwa razy: nowoczesny (:has) oraz zapasowy z klasą dodawaną
   przez skrypt - gdyby przeglądarka nie obsługiwała :has, jedna z reguł i tak zadziała. */
form.cart:has(.wom-opcja-mielenia) {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

form.cart.wom-ma-mielenie {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

form.cart .wom-opcja-mielenia {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    order: -1 !important;
    margin: 0 0 15px 0 !important;
}

form.cart:has(.wom-opcja-mielenia) .quantity {
    order: 1 !important;
    flex: 0 0 auto !important;
    width: auto !important;
}

form.cart.wom-ma-mielenie .quantity {
    order: 1 !important;
    flex: 0 0 auto !important;
    width: auto !important;
}

form.cart:has(.wom-opcja-mielenia) .single_add_to_cart_button {
    order: 2 !important;
    flex: 1 1 auto !important;
    width: auto !important;
}

form.cart.wom-ma-mielenie .single_add_to_cart_button {
    order: 2 !important;
    flex: 1 1 auto !important;
    width: auto !important;
}

.wom-opcja-mielenia .wom-tytul {
    display: block;
    margin: 0 0 8px 0;
}

/* Opis małym drukiem pod nagłówkiem listy */
.wom-opcja-mielenia .wom-opis {
    display: block;
    margin: 0 0 10px 0;
    font-size: 0.8em;
    line-height: 1.5;
    color: #666;
}

.wom-opcja-mielenia .wom-select {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
}

/* Oświadczenie o braku prawa odstąpienia (widoczne po wybraniu mielenia) */
.wom-opcja-mielenia .wom-zgoda {
    margin: 10px 0 0 0;
    font-size: 0.85em;
    line-height: 1.5;
    color: #555;
}

.wom-opcja-mielenia .wom-zgoda[hidden] {
    display: none !important;
}