/* ==========================================================================
   Widget FEATURES — faixas de benefícios / selos de confiança.

   IMPORTANTE: no tema wc_ecommerce a APARÊNCIA vem das classes legadas já
   estilizadas em themes/wc_ecommerce/wc_css/wc-custom.css (.shop-features,
   .shop-pdt-trust, .shop-footer-trust, .chip). Este arquivo NÃO deve competir
   com elas — por isso todo o visual de fallback é escopado sob .wc-features--fb,
   marcador que o dispatcher adiciona SOMENTE quando o tema ativo não é o
   wc_ecommerce. Assim, no wc_ecommerce estas regras não casam nada (paridade
   total); em outros temas / placement custom, mantêm um visual apresentável,
   dirigido pela paleta (--wc-widget-accent → --bs-primary).
   ========================================================================== */

.wc-features { --wcf-accent: var(--wc-widget-accent, var(--bs-primary, #0fac81));
    --wcf-accent-rgb: var(--wc-widget-accent-rgb, var(--bs-primary-rgb, 15, 172, 129));
    --wcf-surface: var(--wc-widget-surface, var(--bs-card-bg, #fff));
    --wcf-border: var(--wc-widget-border, var(--bs-border-color, #e5e9f2));
    --wcf-text: var(--bs-body-color, #364a63);
    --wcf-muted: var(--bs-secondary-color, #8094ae);
}
.wc-features-title { font-size: 1.15rem; font-weight: 700; margin: 0 0 .9rem; color: var(--wcf-text); }

/* ---- Fallback: estilo "cards" ---- */
.wc-features--fb .shop-features {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: .85rem; margin-top: 1.5rem;
}
.wc-features--fb .shop-feature {
    display: flex; align-items: center; gap: .9rem; text-decoration: none;
    background: var(--wcf-surface); border: 1px solid var(--wcf-border); border-radius: .9rem;
    padding: 1.1rem 1.2rem; box-shadow: 0 8px 22px rgba(6, 13, 24, .06);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.wc-features--fb .shop-feature:hover {
    transform: translateY(-3px); box-shadow: 0 16px 34px rgba(6, 13, 24, .12);
    border-color: rgba(var(--wcf-accent-rgb), .35);
}
.wc-features--fb .shop-feature-ico {
    flex: 0 0 48px; width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center;
    background: var(--wcf-accent); color: #fff; font-size: 1.4rem;
    box-shadow: 0 10px 22px rgba(var(--wcf-accent-rgb), .38);
}
.wc-features--fb .shop-feature-tt { font-weight: 700; color: var(--wcf-text); font-size: .95rem; line-height: 1.2; }
.wc-features--fb .shop-feature-sb { font-size: .8125rem; color: var(--wcf-muted); margin: .1rem 0 0; }
@media (max-width: 991.98px) { .wc-features--fb .shop-features { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575.98px) { .wc-features--fb .shop-features { grid-template-columns: 1fr; } }

/* ---- Fallback: estilo "compact" ---- */
.wc-features--fb .shop-pdt-trust {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; margin: 1.25rem 0; padding: 1rem 0;
    border-top: 1px solid var(--wcf-border); border-bottom: 1px solid var(--wcf-border);
}
.wc-features--fb .shop-pdt-trust .it {
    display: flex; align-items: center; gap: .55rem; font-size: .8125rem; line-height: 1.3;
    color: var(--wcf-text); text-decoration: none;
}
.wc-features--fb .shop-pdt-trust .it .icon { color: var(--wcf-accent); font-size: 1.35rem; flex: 0 0 auto; }
@media (max-width: 420px) { .wc-features--fb .shop-pdt-trust { grid-template-columns: 1fr; } }

/* ---- Fallback: estilo "bar" ---- */
.wc-features--fb .shop-footer-trust {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; padding: 1.5rem 0;
}
.wc-features--fb .shop-footer-trust .it { display: flex; align-items: center; gap: .7rem; min-width: 0; text-decoration: none; }
.wc-features--fb .shop-footer-trust .it > .icon { font-size: 1.75rem; color: var(--wcf-accent); flex: 0 0 auto; }
.wc-features--fb .shop-footer-trust .it b { display: block; font-size: .84rem; font-weight: 700; line-height: 1.25; color: var(--wcf-text); }
.wc-features--fb .shop-footer-trust .it span { display: block; font-size: .74rem; opacity: .8; line-height: 1.3; color: var(--wcf-muted); }
@media (max-width: 767.98px) { .wc-features--fb .shop-footer-trust { grid-template-columns: repeat(2, 1fr); } }

/* ---- Fallback: estilo "chips" ---- */
.wc-features--fb .shop-pdt-chips { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; margin: .75rem 0; padding: 0; }
.wc-features--fb .shop-pdt-chips .chip {
    display: inline-flex; align-items: center; gap: .4rem; font-size: .8125rem; font-weight: 600;
    padding: .35rem .8rem; border-radius: 2rem; color: var(--wcf-text);
    background: rgba(var(--wcf-accent-rgb), .08); border: 1px solid rgba(var(--wcf-accent-rgb), .25);
}
.wc-features--fb .shop-pdt-chips .chip .icon { color: var(--wcf-accent); }