/* ── Transportadora Preferida – checkout.css v2.1 ── */

/* ═══════════════════════════════════════════════════════
   1. CARD PREFERIDA — sempre laranja, independente do radio selecionado
   ═══════════════════════════════════════════════════════ */
li.tp-shipping-preferida {
    background: linear-gradient(135deg, #E8650A 0%, #F5920A 60%, #FFAD2B 100%) !important;
    border-radius: 10px !important;
    padding: 16px 18px !important;
    margin-bottom: 0 !important;
    border: none !important;
    border-top: none !important;
    box-shadow: 0 3px 12px rgba(232, 101, 10, 0.35) !important;
    overflow: hidden;
}

li.tp-shipping-preferida::before,
li.tp-shipping-preferida::after {
    display: none !important;
}

/* Linha principal flex */
li.tp-shipping-preferida .wfacp_single_shipping {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

li.tp-shipping-preferida .wfacp_shipping_radio {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 1 !important;
}

/* Radio branco */
li.tp-shipping-preferida input[type="radio"] {
    accent-color: #fff;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
}

/* Nome + badge inline */
li.tp-shipping-preferida .wfacp_shipping_radio label {
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    white-space: nowrap;
}

li.tp-shipping-preferida .wfacp_shipping_radio label::after {
    content: 'Recomendada';
    display: inline-flex;
    align-items: center;
    background: rgba(255,255,255,0.25);
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.07em;
    padding: 2px 9px;
    border-radius: 20px;
    text-transform: uppercase;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Preço */
li.tp-shipping-preferida .wfacp_shipping_price {
    flex-shrink: 0 !important;
    text-align: right !important;
}

li.tp-shipping-preferida .wfacp_shipping_price .woocommerce-Price-amount,
li.tp-shipping-preferida .wfacp_shipping_price bdi,
li.tp-shipping-preferida .wfacp_shipping_price .woocommerce-Price-currencySymbol {
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

/* Prazo */
li.tp-shipping-preferida p,
li.tp-shipping-preferida p small {
    color: rgba(255,255,255,0.88) !important;
    font-size: 12px !important;
    margin: 4px 0 0 26px !important;
    padding: 0 !important;
}

/* ═══════════════════════════════════════════════════════
   2. SEPARADOR "OUTRAS OPÇÕES"
   ═══════════════════════════════════════════════════════ */
li.tp-outros-header {
    font-size: 11px !important;
    color: #aaa !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 10px 0 6px !important;
    margin: 0 !important;
    background: none !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    list-style: none !important;
    text-align: center;
    background-image: linear-gradient(#ddd, #ddd), linear-gradient(#ddd, #ddd) !important;
    background-size: 34% 1px, 34% 1px !important;
    background-position: left center, right center !important;
    background-repeat: no-repeat !important;
    box-shadow: none !important;
}

li.tp-outros-header::before,
li.tp-outros-header::after {
    display: none !important;
}

/* Remove borda que o FunnelKit coloca no primeiro <li> após o separador */
#shipping_calculator_field #shipping_method li.tp-outros-header + li,
#shipping_calculator_field #shipping_method li.tp-outros-header + li.wfacp_single_shipping_method {
    border-top: 0 none transparent !important;
    border-top-width: 0 !important;
    border-top-style: none !important;
    border-top-color: transparent !important;
}

/* ═══════════════════════════════════════════════════════
   3. NEUTRALIZA BORDAS DO CONTAINER FUNNELKIT
   ═══════════════════════════════════════════════════════ */
.wfacp_shipping_table,
.wfacp_shipping_table td,
.wfacp_shipping_table tr,
.wfacp_shipping_table tbody {
    border: none !important;
}

#shipping_calculator_field .border {
    border: none !important;
    box-shadow: none !important;
}

#shipping_method {
    border: none !important;
    padding: 0 !important;
}

/* ── Loading: esconde skeleton nativo do FunnelKit ── */
#shipping_method.tp-loading li {
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: none !important;
}

#shipping_method.tp-loading {
    min-height: 90px;
    position: relative;
}

#shipping_method.tp-loading::before {
    content: '';
    display: block;
    width: 100%;
    height: 72px;
    border-radius: 10px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e4e4e4 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: tp-shimmer 1.4s ease-in-out infinite;
    position: absolute;
    top: 0; left: 0;
}

#shipping_method.tp-loading::after {
    content: 'Calculando frete...';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    color: #bbb;
    letter-spacing: 0.03em;
    pointer-events: none;
    white-space: nowrap;
}

@keyframes tp-shimmer {
    0%   { background-position:  200% 0; }
    100% { background-position: -200% 0; }
}

/* ═══════════════════════════════════════════════════════
   4. Senderzz visual recovery — apenas a preferida fica laranja
   REMOVIDO: li:has(input[type="radio"]:checked) que causava
   o laranja "seguir" qualquer opção selecionada pelo usuário
   ═══════════════════════════════════════════════════════ */
#shipping_method li.tp-shipping-preferida {
    background: linear-gradient(135deg, #E8650A 0%, #F5920A 60%, #FFAD2B 100%) !important;
    border-radius: 10px !important;
    padding: 16px 18px !important;
    border: none !important;
    box-shadow: 0 3px 12px rgba(232,101,10,.35) !important;
}
#shipping_method li.tp-shipping-preferida label,
#shipping_method li.tp-shipping-preferida p,
#shipping_method li.tp-shipping-preferida small {
    color:#fff !important;
}
#shipping_method li.tp-shipping-preferida .woocommerce-Price-amount,
#shipping_method li.tp-shipping-preferida bdi,
#shipping_method li.tp-shipping-preferida .woocommerce-Price-currencySymbol {
    color:#fff !important;
    font-weight:800 !important;
}

.wc_payment_method.payment_method_cod,
li.payment_method_cod,
#wfacp_payment_method_cod,
.payment_method_pay_after_delivery,
.payment_method_after_delivery {
    display:none !important;
}

/* ═══════════════════════════════════════════════════════
   5. Oculta seção "Forma de Pagamento" — título + separador
   ═══════════════════════════════════════════════════════ */
h2.wfacp_section_heading.wfacp_section_title,
.wfacp_section_heading_wrap:has(h2.wfacp_section_heading.wfacp_section_title) {
    display: none !important;
}

/* ═══════════════════════════════════════════════════════
   Senderzz hotfix checkout 2026-04-24
   - SOMENTE recomendado fica laranja
   - recomendado sempre no topo via JS
   - remove headline Forma de Pagamento
   ═══════════════════════════════════════════════════════ */
#shipping_method li.tp-shipping-normal,
ul.woocommerce-shipping-methods li.tp-shipping-normal,
.woocommerce-shipping-methods li.tp-shipping-normal,
#shipping_method li.wfacp_single_shipping_method:not(.tp-shipping-preferida),
ul.woocommerce-shipping-methods li:not(.tp-shipping-preferida):not(.tp-outros-header),
.woocommerce-shipping-methods li:not(.tp-shipping-preferida):not(.tp-outros-header) {
    background: #fff !important;
    background-image: none !important;
    color: #111 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

#shipping_method li.tp-shipping-normal label,
#shipping_method li.tp-shipping-normal p,
#shipping_method li.tp-shipping-normal small,
#shipping_method li.tp-shipping-normal span,
ul.woocommerce-shipping-methods li:not(.tp-shipping-preferida) label,
ul.woocommerce-shipping-methods li:not(.tp-shipping-preferida) p,
ul.woocommerce-shipping-methods li:not(.tp-shipping-preferida) small,
ul.woocommerce-shipping-methods li:not(.tp-shipping-preferida) span {
    color: #111 !important;
}

#shipping_method li.tp-shipping-normal .woocommerce-Price-amount,
#shipping_method li.tp-shipping-normal bdi,
#shipping_method li.tp-shipping-normal .woocommerce-Price-currencySymbol,
ul.woocommerce-shipping-methods li:not(.tp-shipping-preferida) .woocommerce-Price-amount,
ul.woocommerce-shipping-methods li:not(.tp-shipping-preferida) bdi,
ul.woocommerce-shipping-methods li:not(.tp-shipping-preferida) .woocommerce-Price-currencySymbol {
    color: #111 !important;
    font-weight: 400 !important;
}

/* A recomendada ganha até se FunnelKit/Woo marcar outra como selected/checked */
#shipping_method li.tp-shipping-preferida,
ul.woocommerce-shipping-methods li.tp-shipping-preferida,
.woocommerce-shipping-methods li.tp-shipping-preferida {
    background: linear-gradient(135deg, #E8650A 0%, #F5920A 60%, #FFAD2B 100%) !important;
    background-image: linear-gradient(135deg, #E8650A 0%, #F5920A 60%, #FFAD2B 100%) !important;
    color: #fff !important;
    border-radius: 10px !important;
    padding: 16px 18px !important;
    margin: 0 0 10px 0 !important;
    border: none !important;
    box-shadow: 0 3px 12px rgba(232, 101, 10, 0.35) !important;
    list-style: none !important;
}

#shipping_method li.tp-shipping-preferida *,
ul.woocommerce-shipping-methods li.tp-shipping-preferida *,
.woocommerce-shipping-methods li.tp-shipping-preferida * {
    color: #fff !important;
}

#shipping_method li.tp-shipping-preferida .woocommerce-Price-amount,
#shipping_method li.tp-shipping-preferida bdi,
#shipping_method li.tp-shipping-preferida .woocommerce-Price-currencySymbol,
ul.woocommerce-shipping-methods li.tp-shipping-preferida .woocommerce-Price-amount,
ul.woocommerce-shipping-methods li.tp-shipping-preferida bdi,
ul.woocommerce-shipping-methods li.tp-shipping-preferida .woocommerce-Price-currencySymbol {
    color: #fff !important;
    font-weight: 800 !important;
}

.senderzz-hide-payment-headline,
h1.senderzz-hide-payment-headline,
h2.senderzz-hide-payment-headline,
h3.senderzz-hide-payment-headline,
h4.senderzz-hide-payment-headline,
.wfacp_section_heading_wrap.senderzz-hide-payment-headline,
.wfacp-section-heading.senderzz-hide-payment-headline,
.wfacp-heading-row.senderzz-hide-payment-headline {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* ═══════════════════════════════════════════════════════
   Senderzz anti-flash final 2026-04-24
   Durante recálculo do frete: some tudo e só volta pronto.
   Sem skeleton cinza, sem shimmer, sem render parcial.
   ═══════════════════════════════════════════════════════ */
body.senderzz-checkout-updating-shipping #shipping_method,
body.senderzz-checkout-updating-shipping ul.woocommerce-shipping-methods,
body.senderzz-checkout-updating-shipping .woocommerce-shipping-methods,
.senderzz-shipping-is-updating #shipping_method,
.senderzz-shipping-is-updating ul.woocommerce-shipping-methods,
.senderzz-shipping-is-updating .woocommerce-shipping-methods,
#shipping_method.senderzz-hard-hide-shipping,
ul.woocommerce-shipping-methods.senderzz-hard-hide-shipping,
.woocommerce-shipping-methods.senderzz-hard-hide-shipping {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: none !important;
}

body.senderzz-checkout-updating-shipping #shipping_method::before,
body.senderzz-checkout-updating-shipping #shipping_method::after,
#shipping_method.senderzz-hard-hide-shipping::before,
#shipping_method.senderzz-hard-hide-shipping::after,
ul.woocommerce-shipping-methods.senderzz-hard-hide-shipping::before,
ul.woocommerce-shipping-methods.senderzz-hard-hide-shipping::after,
.woocommerce-shipping-methods.senderzz-hard-hide-shipping::before,
.woocommerce-shipping-methods.senderzz-hard-hide-shipping::after,
.senderzz-shipping-is-updating .blockUI,
.senderzz-shipping-is-updating .blockOverlay {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    animation: none !important;
}

/* ═══════════════════════════════════════════════════════
   Senderzz anti-flash HARD 2026-04-24
   Esconde 100% das modalidades durante qualquer recálculo.
   Sem shimmer, sem skeleton, sem texto cinza parcial.
   ═══════════════════════════════════════════════════════ */
body.senderzz-shipping-hard-blank #shipping_method,
body.senderzz-shipping-hard-blank ul.woocommerce-shipping-methods,
body.senderzz-shipping-hard-blank .woocommerce-shipping-methods,
body.senderzz-checkout-updating-shipping #shipping_method,
body.senderzz-checkout-updating-shipping ul.woocommerce-shipping-methods,
body.senderzz-checkout-updating-shipping .woocommerce-shipping-methods,
#shipping_method.senderzz-hard-hide-shipping,
ul.woocommerce-shipping-methods.senderzz-hard-hide-shipping,
.woocommerce-shipping-methods.senderzz-hard-hide-shipping {
    display: block !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
    transition: none !important;
    animation: none !important;
}

body.senderzz-shipping-hard-blank #shipping_method *,
body.senderzz-shipping-hard-blank ul.woocommerce-shipping-methods *,
body.senderzz-shipping-hard-blank .woocommerce-shipping-methods *,
body.senderzz-checkout-updating-shipping #shipping_method *,
body.senderzz-checkout-updating-shipping ul.woocommerce-shipping-methods *,
body.senderzz-checkout-updating-shipping .woocommerce-shipping-methods *,
#shipping_method.senderzz-hard-hide-shipping *,
ul.woocommerce-shipping-methods.senderzz-hard-hide-shipping *,
.woocommerce-shipping-methods.senderzz-hard-hide-shipping * {
    opacity: 0 !important;
    visibility: hidden !important;
    color: transparent !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important;
    animation: none !important;
    transition: none !important;
}

body.senderzz-shipping-hard-blank #shipping_method::before,
body.senderzz-shipping-hard-blank #shipping_method::after,
body.senderzz-shipping-hard-blank ul.woocommerce-shipping-methods::before,
body.senderzz-shipping-hard-blank ul.woocommerce-shipping-methods::after,
body.senderzz-shipping-hard-blank .woocommerce-shipping-methods::before,
body.senderzz-shipping-hard-blank .woocommerce-shipping-methods::after,
body.senderzz-checkout-updating-shipping #shipping_method::before,
body.senderzz-checkout-updating-shipping #shipping_method::after,
body.senderzz-checkout-updating-shipping ul.woocommerce-shipping-methods::before,
body.senderzz-checkout-updating-shipping ul.woocommerce-shipping-methods::after,
body.senderzz-checkout-updating-shipping .woocommerce-shipping-methods::before,
body.senderzz-checkout-updating-shipping .woocommerce-shipping-methods::after,
#shipping_method.senderzz-hard-hide-shipping::before,
#shipping_method.senderzz-hard-hide-shipping::after,
ul.woocommerce-shipping-methods.senderzz-hard-hide-shipping::before,
ul.woocommerce-shipping-methods.senderzz-hard-hide-shipping::after,
.woocommerce-shipping-methods.senderzz-hard-hide-shipping::before,
.woocommerce-shipping-methods.senderzz-hard-hide-shipping::after,
.senderzz-shipping-is-updating .blockUI,
.senderzz-shipping-is-updating .blockOverlay,
.senderzz-shipping-is-updating .wfacp_anim_wrap,
.senderzz-shipping-is-updating .wfacp_skeleton,
.senderzz-shipping-is-updating .skeleton,
.senderzz-shipping-is-updating .loading-placeholder {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    animation: none !important;
}
ul.wc_payment_methods {
    display: none !important;
}
a.woocommerce-privacy-policy-link {
    display: none !important;
}
.wc_payment_methods,
ul.payment_methods,
a.woocommerce-privacy-policy-link {
    display: none !important;
}
/* Senderzz 2.2.5 — seleção respeitada + sem reload ao trocar modalidade */
#shipping_method li.senderzz-user-selected:not(.tp-shipping-preferida),
ul.woocommerce-shipping-methods li.senderzz-user-selected:not(.tp-shipping-preferida),
.woocommerce-shipping-methods li.senderzz-user-selected:not(.tp-shipping-preferida) {
    background: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #111 !important;
}

body:not(.senderzz-checkout-updating-shipping):not(.senderzz-shipping-hard-blank) #shipping_method,
body:not(.senderzz-checkout-updating-shipping):not(.senderzz-shipping-hard-blank) ul.woocommerce-shipping-methods,
body:not(.senderzz-checkout-updating-shipping):not(.senderzz-shipping-hard-blank) .woocommerce-shipping-methods {
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}
