/* === ShippingRollup: "Další prodejny" toggle odkaz === */
/* "Další prodejny" = podtržený textový odkaz ve stylu Shoptet nativního
   "Vybrat jiný druh dopravy" (.cart-toggle-unselected-options).
   Po kliku rozbalí 3 osobní odběry (Praha/Brno/Ostrava) jako normální položky. */

/* --- Rollup wrapper: bez rámečku, jako lehký toggle (ne box jako ostatní dopravy) --- */
.wt-rollup.radio-wrapper {
    border-color: transparent !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* --- Skrýt fake radio + Shoptet nativní radio kroužek na headeru ---
   Shoptet kreslí kroužek přes label::before pro každý input[type=radio]+label.
   "Další prodejny" není volba dopravy (jen přepínač), takže kroužek potlačíme. */
.wt-rollup .wt-rollup__fake-radio {
    display: none !important;
}
.wt-rollup .wt-rollup__label::before,
.wt-rollup .wt-rollup__label::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
}

/* --- Skrýt cenu ZDARMA na headeru (cena patří konkrétní prodejně, ne přepínači) --- */
.wt-rollup > .payment-shipping-price {
    display: none !important;
}

/* --- Header "Další prodejny" jako podtržený odkaz (barva primary jako Shoptet toggle) --- */
.wt-rollup .wt-rollup__label {
    display: inline-flex !important;
    align-items: center;
    width: auto !important;
    padding: 16px 0 !important;
    margin: 0 !important;
    cursor: pointer;
    user-select: none;
    color: var(--color-primary);
}

.wt-rollup .wt-rollup__label .shipping-billing-name {
    text-decoration: underline;
    text-underline-offset: 3px;
    color: var(--color-primary);
    font-weight: 400;
}

.wt-rollup .wt-rollup__label:hover .shipping-billing-name {
    text-decoration: none;
}

/* --- Šipka (Shoptet ikona \e904) hned za textem, rotuje při rozbalení --- */
.wt-rollup__chevron {
    font-family: ikony;
    font-size: 9px;
    margin-left: 8px;
    line-height: 1;
    color: var(--color-primary);
    transition: transform 200ms ease;
}

.wt-rollup__chevron::before {
    content: '\e904';
}

.wt-rollup--expanded .wt-rollup__chevron {
    transform: rotate(180deg);
}

/* --- Expand panel se 3 zanořenými radii --- */
.wt-rollup__expand {
    width: 100%;
    margin-top: 10px;
    padding: 10px 0 0 20px;
    border-left: 2px solid #e0e0e0;
}

.wt-rollup__expand[hidden] {
    display: none;
}

.wt-rollup__expand .radio-wrapper {
    margin-bottom: 8px;
}

.wt-rollup__expand .radio-wrapper:last-child {
    margin-bottom: 0;
}

/* --- Konflikt s Shoptet cart-hide-unselected-options ---
   Shoptet automaticky přidává .unselected-option radio-wrapperům, které
   nemají checked input[name="shippingId"] jako přímý potomek.
   Naše řešení: CSS :has() vyloučí rollup z auto-hide když má vybraný vnitřní radio. */

.cart-hide-unselected-options .radio-wrapper.wt-rollup:has(input[name="shippingId"]:checked) {
    max-height: 500px !important;
    padding-top: initial !important;
    padding-bottom: initial !important;
    border-bottom-width: initial !important;
    border-top-width: initial !important;
    margin-bottom: initial !important;
    overflow: visible !important;
}

/* Vnitřní 3 radio-wrappery v expand panelu zůstanou viditelné (Shoptet by je auto-hide jinak) */
.cart-hide-unselected-options .wt-rollup__expand .radio-wrapper.unselected-option {
    max-height: 500px !important;
    padding-top: initial !important;
    padding-bottom: initial !important;
    border-bottom-width: initial !important;
    border-top-width: initial !important;
    margin-bottom: initial !important;
    overflow: visible !important;
}