/*
 * Computer footer styles.
 * Extracted from module/computer/layout/footer.phtml during audit Step 6a.
 *
 * PHP-interpolated brand colour migrated to token:
 *   $secondColor -> var(--lb-brand-alt)  (used for bullet markers, top border, link hover)
 */

.footer-categorias td{
    font-size: 10px;
    font-weight: 300;
    padding: 10px 15px;
    color: #FFF;
}

.footer-categorias td a{
    color: #FFF;
}

.brands-categorias td{
    text-align: center;
}

.brands-categorias td a{
    font-size: 14px;
}

.footer-categorias td a:hover{
    text-decoration: underline;
    color: #9fd1ff;
}

#footer-categorias td{
    font-size: 10px;
    font-weight: 300;
    padding: 10px 15px;
    color: white;
}

#footer-categorias td a{
    color: white;
}

#footer-categorias td a:hover{
    text-decoration: underline;
    color: #9fd1ff;
}

div#footer table h3{
    font-weight: 500;
    font-size: 18px;
}

div#footer ul li{
    line-height: 30px;
    font-size: 14px;
}

div#footer ul li:before{
    content: "\f192";
    font-size: 15px;
    margin-right: 0.9em;
    vertical-align: baseline;
    color: var(--lb-brand-alt);
}

.footer-categorias td{
    line-height: 18px;
}

div#footer {
    border-top: 8px solid var(--lb-brand-alt);
}

/*
 * Pin footer chrome to the storefront default 14px font-size.
 * Without this, the cart/checkout body-level override
 * (`body[data-module="/cart/"] { font-size: 16px }` in tokens.css —
 * intentional WCAG 16px baseline for cart/checkout content) cascades
 * into the footer and grows everything. The footer is shared chrome,
 * not cart/checkout primary content, so it should stay consistent
 * across all pages.
 */
#paymentMethodsContainer,
#footerTop,
#footerBottom,
#copyrightContainer {
    font-size: 14px;
}

div#footer ul li a:hover{
    color: var(--lb-brand-alt) !important;
    text-decoration: underline;
}

#footerTop{
    color: #FFF;
}

#footerTop h3{
    font-weight: 500;
    font-size: 17px;
}

#footerTop ul{
    font-size: 13px;
    padding-left: 0;
    margin-top: 14px;
}

#footerTop ul li{
    list-style: none;
    line-height: 25px;
}

#footerTop ul li a,
#footerTop a{
    color: #FFF;
    text-decoration: none;
}

#footerTop ul li a:hover,
#footerTop a:hover{
    text-decoration: underline;
    cursor: pointer;
}

#footerTop #socialIcons a .fab,
#footerTop #socialIcons a .fas{
    font-size: 30px;
    color: #FFF;
}

#footerTop #socialIcons a .fab:hover,
#footerTop #socialIcons a .fas:hover{
    color: #777 !important;
}

#footerBottom a{
    color: #FFF;
    text-decoration: none;
}

#footerBottom a:hover{
    text-decoration: underline;
    cursor: pointer;
}

#copyrightContainer a{
    text-decoration: none;
    color: #777;
}

#copyrightContainer a:hover{
    cursor: pointer;
    text-decoration: underline;
}

/* ============================================================ */
/* REFRESH 2026-05 — payment methods strip.                       */
/* ============================================================ */
/*
 * Compact single-line trust strip. The previous design was a 205px
 * tall hero-style band (mt-5 + py-5rem * 2 + content) that showed
 * on every page including /cart/ + /checkout/* where it duplicated
 * the .cart-trust-strip / .checkout-summary-trust signals.
 *
 * To revert: restore git history of this block + the matching block
 * in module/computer/layout/footer.phtml.
 */
#paymentMethodsContainer.payment-methods-strip {
    width: 100%;
    background: var(--lb-surface);
    padding: 20px 0;
    margin-top: 30px;
}
.payment-methods-strip-inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    font-size: 14px;
    color: var(--lb-text);
}
.payment-methods-lock {
    color: var(--lb-text-success);
    font-size: 14px;
}
.payment-methods-label {
    font-weight: 500;
    color: var(--lb-text-muted);
}
.payment-methods-sibs {
    height: 16px;
    width: auto;
    vertical-align: middle;
}
.payment-methods-divider {
    width: 1px;
    height: 18px;
    background: var(--lb-border);
    margin: 0 6px;
}
.payment-methods-image {
    height: 24px;
    width: auto;
    opacity: 0.92;
}

/* Hide on cart + checkout — redundant with the contextual trust strips
   already present in the cart-summary / checkout-summary sidebars on
   those pages. Keep visible everywhere else (homepage, listings, PDP,
   account, blog, institutional pages) where there's no other payment
   trust signal. */
body[data-module="/cart/"] #paymentMethodsContainer,
body[data-module="/checkout/"] #paymentMethodsContainer {
    display: none;
}
/* ============================================================ */
/* END REFRESH 2026-05                                            */
/* ============================================================ */