/**
 * RR Audiocar — Argentina Edition 2026
 * Capa final visual: celeste + blanco + sol dorado.
 * Sin JS, sin MutationObserver, sin impacto fuerte en performance.
 */
:root,
html,
body {
  --rr-arg-sky: #75AADB !important;
  --rr-arg-sky-2: #5C9ED1 !important;
  --rr-arg-sky-3: #3F8FCB !important;
  --rr-arg-navy: #0A2342 !important;
  --rr-arg-ink: #132238 !important;
  --rr-arg-gold: #F6C343 !important;
  --rr-arg-gold-soft: rgba(246, 195, 67, .18) !important;
  --rr-arg-soft: #EEF8FF !important;
  --rr-arg-soft-2: #F5FBFF !important;
  --rr-arg-border: rgba(117, 170, 219, .22) !important;
  --rr-arg-shadow: 0 12px 32px rgba(63, 143, 203, .16) !important;
  --rr-arg-shadow-strong: 0 14px 36px rgba(63, 143, 203, .25) !important;

  --minimog-color-primary: #75AADB !important;
  --minimog-color-primary-rgb: 117, 170, 219 !important;
  --swiper-theme-color: #75AADB !important;
  --swiper-pagination-color: #75AADB !important;
  --swiper-navigation-color: #75AADB !important;
  --wp--preset--color--vivid-red: #75AADB !important;
  --wp--preset--color--luminous-vivid-orange: #F6C343 !important;
  --yith-wcan-filters_colors_accent: #75AADB !important;
  --yith-wcan-filters_colors_accent_r: 117 !important;
  --yith-wcan-filters_colors_accent_g: 170 !important;
  --yith-wcan-filters_colors_accent_b: 219 !important;
  --yith-wcan-labels_style_background_hover: #75AADB !important;
  --yith-wcan-labels_style_background_active: #75AADB !important;
  --yith-wcan-anchors_style_text_hover: #75AADB !important;
  --yith-wcan-anchors_style_text_active: #75AADB !important;
}

html body {
  background:
    radial-gradient(circle at 12% 0%, rgba(117,170,219,.13), transparent 32%),
    radial-gradient(circle at 90% 12%, rgba(246,195,67,.10), transparent 28%),
    linear-gradient(180deg, #F7FBFF 0%, #F3F7FA 100%) !important;
  color: var(--rr-arg-ink) !important;
}

/* =========================
   Header / navegación
   ========================= */
html body .ml-header,
html body .page-header,
html body #page-header,
html body .page-header-inner {
  background: rgba(255,255,255,.96) !important;
  color: var(--rr-arg-ink) !important;
}

html body .ml-header {
  box-shadow: 0 8px 26px rgba(10,35,66,.06) !important;
  border-bottom: 1px solid rgba(117,170,219,.16) !important;
}

html body .ml-top {
  background: #fff !important;
  border-top: 4px solid var(--rr-arg-sky) !important;
}

html body .ml-bottom {
  background:
    linear-gradient(90deg, rgba(117,170,219,.08), rgba(255,255,255,.98) 28%, rgba(246,195,67,.08) 100%) !important;
  border-top: 1px solid rgba(117,170,219,.15) !important;
  border-bottom: 1px solid rgba(117,170,219,.12) !important;
}

html body .ml-search form,
html body .ml-search input,
html body .ml-mobile-search-form,
html body .ml-mobile-search-input,
html body input[type="search"] {
  border-color: rgba(117,170,219,.26) !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(63,143,203,.08) !important;
}

html body input:focus,
html body select:focus,
html body textarea:focus,
html body .ml-search input:focus,
html body .ml-mobile-search-input:focus {
  border-color: var(--rr-arg-sky) !important;
  box-shadow: 0 0 0 4px rgba(117,170,219,.15) !important;
  outline-color: var(--rr-arg-sky) !important;
}

html body .ml-links a,
html body .ml-action-link,
html body .menu--primary a,
html body .page-mobile-main-menu a,
html body .header-icon .text {
  color: #36445A !important;
}

html body a:hover,
html body .ml-links a:hover,
html body .ml-action-link:hover,
html body .menu--primary a:hover,
html body .current-menu-item > a,
html body .current_page_item > a,
html body .active > a,
html body .is-active > a {
  color: var(--rr-arg-sky-3) !important;
}

html body .is-offers,
html body .rr-mob-zip-link--offer,
html body a[href*="oferta"],
html body a[href*="ofertas"] {
  color: var(--rr-arg-sky-3) !important;
  font-weight: 800 !important;
}

html body .rr-offers-icon {
  display: inline-block !important;
  width: 9px !important;
  height: 9px !important;
  margin-right: 8px !important;
  border-radius: 999px !important;
  background: var(--rr-arg-gold) !important;
  box-shadow: 0 0 0 4px var(--rr-arg-gold-soft), 0 0 16px rgba(246,195,67,.38) !important;
  vertical-align: middle !important;
}

html body .ml-ship,
html body .rr-ra-card__ship,
html body .rrac-ic-card small,
html body [class*="ship"] {
  color: #07815C !important;
}

html body .ml-cart-count,
html body .ml-mob-cart-count,
html body .cart-count,
html body .mini-cart-count,
html body .wishlist-count,
html body .compare-count,
html body .header-icon .count,
html body .header-icon .badge {
  background: var(--rr-arg-sky) !important;
  background-color: var(--rr-arg-sky) !important;
  color: #fff !important;
  border-color: #fff !important;
  box-shadow: 0 6px 14px rgba(63,143,203,.26) !important;
}

/* Logo: solo afecta rojos dentro del PNG/SVG sin tocar demasiado negros/blancos */
html body .ml-logo img,
html body .ml-mobile-logo img,
html body .rr-mob-zip-logoimg,
html body .branding__logo img {
  filter: hue-rotate(188deg) saturate(1.15) brightness(1.02) !important;
}

/* =========================
   Cards / productos / home
   ========================= */
html body .rr-ra-card,
html body .rrac-ic-card,
html body .ml-card,
html body .product,
html body li.product,
html body .woocommerce ul.products li.product,
html body .rr-ml-card,
html body .rr-cart-item,
html body .rr-thank-card,
html body .rr-login-card,
html body .rr-register-card,
html body .rr-step,
html body .rr-sp .rr-card {
  border-color: rgba(117,170,219,.18) !important;
  box-shadow: 0 12px 28px rgba(10,35,66,.07) !important;
}

html body .rr-ra-card:hover,
html body .rrac-ic-card:hover,
html body .rr-ml-card:hover,
html body li.product:hover {
  border-color: rgba(117,170,219,.34) !important;
  box-shadow: var(--rr-arg-shadow) !important;
}

html body .rrac-ic-icon,
html body .rrac-ic-icon__circle,
html body .rr-info-card__icon,
html body .rr-menu-card-icon,
html body .rr-card-icon,
html body .elementor-icon,
html body .elementor-icon-box-icon .elementor-icon,
html body .ml-card-icon,
html body .ml-info-icon,
html body .rr-login-dot,
html body .rr-register-dot {
  background: linear-gradient(135deg, rgba(117,170,219,.16), rgba(246,195,67,.10)) !important;
  background-color: var(--rr-arg-soft) !important;
  color: var(--rr-arg-sky-3) !important;
  border-color: rgba(117,170,219,.24) !important;
}

html body .rrac-ic-icon svg,
html body .rrac-ic-icon svg *,
html body .rr-info-card__icon svg,
html body .rr-info-card__icon svg *,
html body .rr-menu-card-icon svg,
html body .rr-menu-card-icon svg *,
html body .rr-card-icon svg,
html body .rr-card-icon svg *,
html body .elementor-icon svg,
html body .elementor-icon svg *,
html body .rr-ra-card__btn svg,
html body .rr-ra-card__btn svg *,
html body .ml-cart-ico,
html body .ml-mobile-ico--cart,
html body svg[fill="#75AADB"],
html body svg[stroke="#75AADB"] {
  fill: var(--rr-arg-sky) !important;
  stroke: var(--rr-arg-sky) !important;
  color: var(--rr-arg-sky) !important;
}

/* =========================
   Badges / ofertas / precios
   ========================= */
html body .rr-ra-card__badge,
html body .onsale,
html body .badge-sale,
html body .product-badge,
html body .product-badges .onsale,
html body .woocommerce span.onsale,
html body .ml-offer-badge,
html body .ml-badge,
html body .ml-discount,
html body .ml-sale,
html body [class*="discount-badge"],
html body [class*="sale-badge"] {
  background: linear-gradient(135deg, var(--rr-arg-sky) 0%, var(--rr-arg-sky-2) 100%) !important;
  background-color: var(--rr-arg-sky) !important;
  background-image: linear-gradient(135deg, var(--rr-arg-sky) 0%, var(--rr-arg-sky-2) 100%) !important;
  color: #fff !important;
  border-color: var(--rr-arg-sky) !important;
  box-shadow: 0 8px 18px rgba(63,143,203,.24) !important;
}

html body .rr-ra-card__new,
html body .ml-new,
html body .ml-tag,
html body .product-new,
html body [class*="new-badge"] {
  background: #fff !important;
  border-color: var(--rr-arg-sky) !important;
  color: var(--rr-arg-sky-3) !important;
}

html body .price,
html body .price *,
html body ins,
html body ins *,
html body .amount,
html body .woocommerce-Price-amount,
html body .woocommerce-Price-currencySymbol,
html body .rr-ra-card__price,
html body .rr-ra-card__price *,
html body .ml-price,
html body .ml-price *,
html body .product-price,
html body .product-subtotal,
html body .cart-subtotal,
html body .order-total {
  color: var(--rr-arg-sky-3) !important;
}

html body del,
html body del *,
html body .rr-ra-card__old,
html body .rr-ra-card__old * {
  color: #9AA7B6 !important;
  text-decoration-color: #9AA7B6 !important;
}

/* =========================
   Botones / CTAs
   ========================= */
html body .button.alt,
html body .button.checkout,
html body .checkout-button,
html body .single_add_to_cart_button,
html body .add_to_cart_button,
html body .ajax_add_to_cart,
html body .wc-forward,
html body .woocommerce-button,
html body .woocommerce-Button,
html body input[type="submit"],
html body button[type="submit"],
html body .elementor-button,
html body .rr-ra-card__btn,
html body .rr-cart-checkout,
html body .rr-cart-drawer .checkout-button,
html body .rr-cart-drawer .button,
html body .rr-cart-drawer button,
html body .rr-btn-primary,
html body .rrac-btn-primary,
html body .rr-login-btn--primary,
html body .rr-register-submit,
html body #mbbxProductBtn:hover {
  background: linear-gradient(135deg, var(--rr-arg-sky) 0%, var(--rr-arg-sky-2) 100%) !important;
  background-color: var(--rr-arg-sky) !important;
  border-color: var(--rr-arg-sky) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(63,143,203,.23), inset 0 1px 0 rgba(255,255,255,.20) !important;
}

html body .button.alt:hover,
html body .button.checkout:hover,
html body .checkout-button:hover,
html body .single_add_to_cart_button:hover,
html body .add_to_cart_button:hover,
html body .ajax_add_to_cart:hover,
html body .wc-forward:hover,
html body .woocommerce-button:hover,
html body .woocommerce-Button:hover,
html body input[type="submit"]:hover,
html body button[type="submit"]:hover,
html body .elementor-button:hover,
html body .rr-ra-card__btn:hover,
html body .rr-cart-checkout:hover,
html body .rr-cart-drawer .checkout-button:hover,
html body .rr-btn-primary:hover,
html body .rrac-btn-primary:hover,
html body .rr-login-btn--primary:hover,
html body .rr-register-submit:hover {
  background: linear-gradient(135deg, var(--rr-arg-sky-2) 0%, var(--rr-arg-sky-3) 100%) !important;
  border-color: var(--rr-arg-sky-2) !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(63,143,203,.30) !important;
}

html body .rrac-ic-btn,
html body #mbbxProductBtn,
html body .button-outline,
html body .rr-login-btn--ghost,
html body .rr-mob-btn-outline,
html body a.button:not(.add_to_cart_button):not(.checkout-button) {
  border-color: var(--rr-arg-sky) !important;
  color: var(--rr-arg-sky-3) !important;
  background: #fff !important;
}

html body .rrac-ic-btn:hover,
html body #mbbxProductBtn:hover,
html body .button-outline:hover,
html body .rr-login-btn--ghost:hover,
html body .rr-mob-btn-outline:hover,
html body a.button:not(.add_to_cart_button):not(.checkout-button):hover {
  background: var(--rr-arg-soft) !important;
  color: var(--rr-arg-sky-3) !important;
  border-color: var(--rr-arg-sky-2) !important;
}

/* =========================
   Carruseles / dots / flechas
   ========================= */
html body .swiper-pagination-bullet,
html body .slick-dots li button,
html body .slick-dots li button::before,
html body .owl-dot span,
html body .ml-dot,
html body .rr-dot {
  background: rgba(117,170,219,.22) !important;
  border-color: rgba(117,170,219,.22) !important;
  color: rgba(117,170,219,.22) !important;
}

html body .swiper-pagination-bullet-active,
html body .swiper-pagination .swiper-pagination-bullet-active,
html body .slick-dots li.slick-active button,
html body .slick-dots li.slick-active button::before,
html body .owl-dot.active span,
html body .ml-dot.active,
html body .ml-dot.is-active,
html body .rr-dot.active,
html body .rr-dot.is-active {
  background: var(--rr-arg-sky) !important;
  border-color: var(--rr-arg-sky) !important;
  color: var(--rr-arg-sky) !important;
  box-shadow: 0 0 0 4px rgba(117,170,219,.13) !important;
}

html body .swiper-button-next,
html body .swiper-button-prev,
html body .ml-arrow {
  border-color: rgba(117,170,219,.18) !important;
}

html body .swiper-button-next:hover,
html body .swiper-button-prev:hover,
html body .ml-arrow:hover {
  border-color: var(--rr-arg-sky) !important;
  box-shadow: 0 8px 18px rgba(63,143,203,.20) !important;
}

html body .swiper-button-next:hover::after,
html body .swiper-button-prev:hover::after,
html body .ml-arrow:hover::after {
  color: var(--rr-arg-sky-3) !important;
}

/* =========================
   Mobile drawer / carrito / checkout
   ========================= */
html body .rr-mob-drawer,
html body .page-mobile-main-menu,
html body .rr-cart-drawer,
html body .rr-cart-panel {
  background: linear-gradient(180deg, #fff 0%, #F7FBFF 100%) !important;
}

html body .rr-mob-zip-link--offer,
html body .rr-mob-zip-rootlist li.current-menu-item > a,
html body .rr-mob-zip-rootlist li.active > a {
  background: rgba(117,170,219,.10) !important;
  color: var(--rr-arg-sky-3) !important;
}

html body .rr-cart-drawer__title svg,
html body .rr-cart-drawer__title svg *,
html body .rr-cart-drawer .cart-icon,
html body .rr-cart-drawer .cart-icon * {
  fill: var(--rr-arg-sky) !important;
  stroke: var(--rr-arg-sky) !important;
  color: var(--rr-arg-sky) !important;
}

html body .rr-checkout-step.is-active,
html body .cp-step.is-active,
html body .rr-step.is-active .rr-step-header {
  background: var(--rr-arg-sky) !important;
  color: #fff !important;
}

html body .rr-checkout-choice.is-selected,
html body .rr-ship.is-active,
html body .rr-payment-card.is-selected,
html body .wc_payment_method input:checked + label {
  border-color: var(--rr-arg-sky) !important;
  background: var(--rr-arg-soft-2) !important;
  box-shadow: 0 0 0 4px rgba(117,170,219,.12) !important;
}

/* =========================
   Filtros / categorías / Mega menú
   ========================= */
html body .header-categories-nav a:hover,
html body .header-categories-nav .active > a,
html body .rr-menu-brands a:hover,
html body .ml-cat-sub a:hover,
html body .ml-cat-sub .active > a,
html body .yith-wcan-filters .filter-item.active > a,
html body .yith-wcan-filters .filter-item > a:hover,
html body .yith-wcan-filters .yith-wcan-label:hover,
html body .yith-wcan-filters .yith-wcan-label.active,
html body .yith-wcan-filters .chosen,
html body .yith-wcan-filters .chosen a {
  color: var(--rr-arg-sky-3) !important;
  border-color: var(--rr-arg-sky) !important;
}

html body input[type="checkbox"]:checked,
html body input[type="radio"]:checked,
html body .irs--round .irs-bar,
html body .irs--round .irs-from,
html body .irs--round .irs-to,
html body .irs--round .irs-single,
html body .irs--flat .irs-bar,
html body .irs--flat .irs-from,
html body .irs--flat .irs-to,
html body .irs--flat .irs-single {
  background: var(--rr-arg-sky) !important;
  background-color: var(--rr-arg-sky) !important;
  border-color: var(--rr-arg-sky) !important;
}
html body .irs--round .irs-handle,
html body .irs--flat .irs-handle { border-color: var(--rr-arg-sky) !important; }

/* =========================
   Footer Argentina
   ========================= */
html body footer,
html body .site-footer,
html body .page-footer,
html body .footer,
html body .rr-footer,
html body .elementor-location-footer {
  background:
    radial-gradient(circle at 10% 0%, rgba(255,255,255,.22), transparent 24%),
    radial-gradient(circle at 88% 12%, rgba(246,195,67,.22), transparent 24%),
    linear-gradient(135deg, #75AADB 0%, #5C9ED1 52%, #3F8FCB 100%) !important;
  color: #fff !important;
}
html body footer *,
html body .site-footer *,
html body .page-footer *,
html body .footer *,
html body .rr-footer *,
html body .elementor-location-footer * { border-color: rgba(255,255,255,.22) !important; }
html body footer a,
html body .site-footer a,
html body .page-footer a,
html body .footer a,
html body .rr-footer a,
html body .elementor-location-footer a { color: #fff !important; }
html body footer input,
html body .site-footer input,
html body .rr-footer input {
  background: #fff !important;
  color: var(--rr-arg-navy) !important;
  border-color: rgba(255,255,255,.55) !important;
}
html body footer button,
html body footer input[type="submit"],
html body .site-footer button,
html body .site-footer input[type="submit"],
html body .rr-footer button,
html body .rr-footer input[type="submit"] {
  background: #fff !important;
  color: var(--rr-arg-sky-3) !important;
  border-color: #fff !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.14) !important;
}

/* =========================
   Inline styles / Elementor leftovers / gradients
   ========================= */
html body [style*="#75AADB" i],
html body [style*="rgb(117, 170, 219)" i],
html body [style*="rgba(117, 170, 219" i] {
  border-color: var(--rr-arg-sky) !important;
  outline-color: var(--rr-arg-sky) !important;
  text-decoration-color: var(--rr-arg-sky) !important;
}

/* Selección */
html body ::selection { background: var(--rr-arg-sky) !important; color: #fff !important; }

@media (max-width: 782px) {
  html body .ml-top { border-top-width: 3px !important; }
  html body .ml-mobile-bar { background: #fff !important; border-bottom: 1px solid rgba(117,170,219,.14) !important; }
  html body .rr-ra-card,
  html body .rrac-ic-card,
  html body .rr-ml-card { box-shadow: 0 8px 20px rgba(10,35,66,.06) !important; }
}