/* Appollo: ajustes de identidad sobre el tema */
:root {
  --appollo-ink: #0a0a0a;
  --appollo-surface: #141414;
  --appollo-paper: #ffffff;
  --appollo-muted: #b3b3b3;
  --appollo-accent: #e10600;
}
/* el logo es un wordmark, necesita ancho en vez de los 60px del icono anterior */
.logo img, .header-nav .logo img { width: 132px; height: auto; }
@media (max-width: 979px) { .logo img, .header-nav .logo img { width: 118px; } }
.chat-logo { width: 132px; height: auto; }
.footer-logo img, .col-footer img[alt*='Appollo'] { max-width: 240px; height: auto; }
/* aire tipografico: la marca respira */
.header-nav .nav-links .toggle-link { letter-spacing: 0.06em; }
.announcement-text, .announcement-text div { letter-spacing: 0.12em; }
.footer-logo img, .col-footer img[alt*='Apollo'] { max-width: 190px; height: auto; }

/* Apollo es una marca de base negra. El tema original no declaraba fondo y se apoyaba
   en el lienzo blanco del navegador: en un navegador en modo oscuro eso deja texto
   negro sobre negro. Aquí la página lleva su propio fondo y el texto sube a blanco. */
html { color-scheme: dark; }
body { background: #0a0a0a; color: #ffffff; }
.main-content h1, .main-content h2, .main-content h3, .main-content h4,
.main-content h5, .main-content p, .main-content label, .main-content strong,
.main-content li, .main-content span, .main-content a,
.collection-title, .collection-subtitle, .collection-description,
.sort-toolbar, .sort-toolbar *, .filters-container, .filters-container *,
.product-card, .product-card *, .prices, .prices * { color: #ffffff; }
.prices .compare-price, .product-card .tagline { color: #b3b3b3; }
/* lo que vive sobre su propia superficie clara conserva el texto oscuro */
input, select, option, textarea,
.cart-drawer, .cart-drawer *, .pdp-modal, .pdp-modal *, #compare-modal, #compare-modal *,
.modal, .modal *, .btn-continue, .search-results, .search-results * { color: #202020; }
.sort-toolbar select, .filters-container input { color: #202020; }
.new-label, .limited-edition-label, .sale-label, .badge, [class*='-label'] { color: #0a0a0a; }

/* Las fichas venían con mix-blend-mode: multiply para recortar el fondo blanco del
   catálogo original. Sobre lienzo negro eso pinta el producto de negro, y además ya
   no hace falta: las fotos re-pintadas son PNG con transparencia. */
.product-card .img-container { background: #141414 !important; }
.product-card .img-container img, .product-card-img { mix-blend-mode: normal !important; }

/* El cajón del carrito es una superficie clara: su texto vuelve a tinta, y sólo el
   banner VIP y los botones, que van sobre fondo oscuro, se quedan en blanco. */
#dropdown-cart, #dropdown-cart *, #shopify-section-cart-drawer aside,
#shopify-section-cart-drawer aside * { color: #202020; }
#dropdown-cart [class*='vip-banner'], #dropdown-cart [class*='vip-banner'] *,
#dropdown-cart .selkirk-red-btn, #dropdown-cart .btn-checkout,
#dropdown-cart button.selkirk-red-btn * { color: #ffffff; }
/* el hueco que dejó la venta cruzada retirada */
#cart-sidebar-upsell-container { display: none; }