/*
 * Electrica Online — American Industrial B2B color theme
 * Color-only override. Load after every existing site stylesheet.
 * No layout, spacing, typography, or responsive structure is changed here.
 */

:root {
  --eo-navy-950: #071a33;
  --eo-navy-900: #0b2345;
  --eo-navy-800: #123967;
  --eo-blue-700: #1554a3;
  --eo-blue-600: #1f6fd1;
  --eo-blue-500: #2e83e6;
  --eo-blue-100: #eaf3ff;
  --eo-red-700: #a91628;
  --eo-red-600: #c62837;
  --eo-red-500: #d93b48;
  --eo-red-100: #fff0f2;
  --eo-white: #ffffff;
  --eo-surface: #f4f7fb;
  --eo-surface-2: #eaf0f7;
  --eo-border: #d5dee9;
  --eo-border-strong: #aebdce;
  --eo-text: #172033;
  --eo-muted: #657286;
  --eo-success: #147a43;
  --eo-warning: #a66300;
  --eo-error: #b4232f;
  --eo-focus: #69aaf3;
}

html,
body {
  background-color: var(--eo-surface) !important;
  color: var(--eo-text) !important;
}

::selection {
  background-color: var(--eo-blue-600);
  color: var(--eo-white);
}

a,
.content_scene_cat a {
  color: var(--eo-blue-700) !important;
}

a:hover,
a:focus,
.content_scene_cat a:hover,
.content_scene_cat a:focus {
  color: var(--eo-red-600) !important;
}

/* Header and utility bar */
.header-container,
header#header,
#header_logo,
#cabecera_stick {
  background-color: var(--eo-white) !important;
}

header#header {
  border-top-color: var(--eo-red-600) !important;
}

#header .nav {
  background-color: var(--eo-navy-950) !important;
  color: var(--eo-white) !important;
}

#header .nav a,
#header .nav strong,
#header .nav .current,
#header .shop-phone,
#header .shop-phone a.num-tele,
#header span.shop-phone i,
#header span.shop-phone strong {
  color: var(--eo-white) !important;
}

.header_user_info a:hover,
.header_user_info a.active,
#languages-block-top div.current:hover,
#languages-block-top div.current.active,
#currencies-block-top div.current:hover,
#currencies-block-top div.current.active {
  background-color: var(--eo-red-600) !important;
  color: var(--eo-white) !important;
}

#languages-block-top ul,
#currencies-block-top ul {
  background-color: var(--eo-white) !important;
  border-color: var(--eo-border) !important;
}

#languages-block-top ul li a,
#currencies-block-top ul li a,
#languages-block-top ul li span,
#currencies-block-top ul li span {
  color: var(--eo-text) !important;
}

#languages-block-top ul li.selected,
#languages-block-top ul li:hover a,
#languages-block-top ul li.selected span,
#currencies-block-top ul li.selected,
#currencies-block-top ul li:hover a,
#currencies-block-top ul li.selected a {
  background-color: var(--eo-blue-700) !important;
  color: var(--eo-white) !important;
}

/* Search and header call to action */
#search_block_top #search_query_top,
#search_block_top .form-control {
  background-color: var(--eo-white) !important;
  border-color: var(--eo-border-strong) !important;
  color: var(--eo-text) !important;
}

#search_block_top #search_query_top:focus,
#search_block_top .form-control:focus {
  border-color: var(--eo-blue-600) !important;
  box-shadow: 0 0 0 3px rgba(31, 111, 209, 0.18) !important;
}

#search_block_top .btn.button-search {
  background-color: var(--eo-blue-600) !important;
  color: var(--eo-white) !important;
}

#search_block_top .btn.button-search:hover,
#search_block_top .btn.button-search:focus {
  background-color: var(--eo-red-600) !important;
  color: var(--eo-white) !important;
}

.shopping_cart > a:first-child,
#header .shopping_cart > a:first-child {
  background-color: var(--eo-red-600) !important;
  border-color: var(--eo-red-700) !important;
  color: var(--eo-white) !important;
}

.shopping_cart > a:first-child:hover,
#header .shopping_cart > a:first-child:hover {
  background-color: var(--eo-red-700) !important;
}

/* Main navigation */
.jetmenu,
.jetmenu > li.showhide {
  background-color: var(--eo-navy-900) !important;
  border-color: var(--eo-red-600) !important;
}

.jetmenu > li > a {
  background-color: var(--eo-navy-900) !important;
  color: var(--eo-white) !important;
}

.jetmenu > li > a:hover,
.jetmenu > li.active > a,
.jetmenu > li:hover > a {
  background-color: var(--eo-white) !important;
  color: var(--eo-red-600) !important;
}

.jetmenu .megamenu,
.jetmenu .dropdown,
.jetmenu ul.dropdown {
  background-color: var(--eo-white) !important;
  border-color: var(--eo-border) !important;
  box-shadow: 0 10px 28px rgba(7, 26, 51, 0.14) !important;
}

.jetmenu .megamenu h3,
.jetmenu .megamenu h3 a,
.jetmenu .megamenu .col1 > h3 > a,
.jetmenu > li > .megamenu.categorias_etim .row [class*="col"] {
  color: var(--eo-navy-900) !important;
}

.jetmenu .megamenu a:hover,
.jetmenu .dropdown a:hover {
  color: var(--eo-red-600) !important;
}

/* Breadcrumbs, page headings, panels */
.breadcrumb,
.breadcrumb a,
.store-detailed-description,
.box,
.block .block_content,
.product-container,
.box-info-product,
.content_sortPagiBar,
.top-pagination-content,
.bottom-pagination-content {
  background-color: var(--eo-white) !important;
  border-color: var(--eo-border) !important;
  color: var(--eo-text) !important;
}

.breadcrumb a,
.breadcrumb .home {
  color: var(--eo-blue-700) !important;
}

.breadcrumb .navigation_page,
.breadcrumb .navigation-pipe {
  color: var(--eo-muted) !important;
}

h1,
h2,
h3,
.page-heading,
.page-subheading,
.content_scene_cat span.category-name,
.block .title_block,
.block h4 {
  color: var(--eo-navy-900) !important;
  border-color: var(--eo-red-600) !important;
}

.store-detailed-description p,
.store-detailed-description [style*="color: #555"],
.store-detailed-description [style*="color:#555"] {
  color: var(--eo-muted) !important;
}

.store-detailed-description [style*="color: #bc0009"],
.store-detailed-description [style*="color:#bc0009"] {
  color: var(--eo-red-600) !important;
}

/* Controls */
.form-control,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="search"],
select,
textarea {
  background-color: var(--eo-white) !important;
  border-color: var(--eo-border-strong) !important;
  color: var(--eo-text) !important;
}

.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus {
  border-color: var(--eo-blue-600) !important;
  box-shadow: 0 0 0 3px rgba(31, 111, 209, 0.18) !important;
  outline-color: var(--eo-focus) !important;
}

.btn-primary,
.button.button-medium,
.button.ajax_add_to_cart_button,
.exclusive,
button.exclusive {
  background-color: var(--eo-blue-600) !important;
  border-color: var(--eo-blue-700) !important;
  color: var(--eo-white) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.button.button-medium:hover,
.button.ajax_add_to_cart_button:hover,
.exclusive:hover,
.exclusive:focus,
button.exclusive:hover,
button.exclusive:focus {
  background-color: var(--eo-navy-900) !important;
  border-color: var(--eo-navy-950) !important;
  color: var(--eo-white) !important;
}

.btn-default,
.button.lnk_view,
.button-small,
.button-minus,
.button-plus {
  background-color: var(--eo-white) !important;
  border-color: var(--eo-blue-600) !important;
  color: var(--eo-blue-700) !important;
}

.btn-default:hover,
.btn-default:focus,
.button.lnk_view:hover,
.button.lnk_view:focus,
.button-small:hover,
.button-small:focus,
.button-minus:hover,
.button-plus:hover {
  background-color: var(--eo-blue-100) !important;
  border-color: var(--eo-blue-700) !important;
  color: var(--eo-navy-900) !important;
}

.category-cart-btn,
.btn-solicitar-presupuesto,
.rfq-button,
.request-quote-button {
  background-color: var(--eo-red-600) !important;
  border-color: var(--eo-red-700) !important;
  color: var(--eo-white) !important;
}

.category-cart-btn:hover,
.category-cart-btn:focus,
.btn-solicitar-presupuesto:hover,
.btn-solicitar-presupuesto:focus,
.rfq-button:hover,
.rfq-button:focus,
.request-quote-button:hover,
.request-quote-button:focus {
  background-color: var(--eo-red-700) !important;
  border-color: var(--eo-red-700) !important;
  color: var(--eo-white) !important;
}

#footer .rfq-button,
#footer .rfq-button:hover,
#footer .rfq-button:focus {
  color: var(--eo-white) !important;
}

#confirm_deadline_block button.exclusive {
  background-color: var(--eo-navy-900) !important;
  border-color: var(--eo-navy-950) !important;
  color: var(--eo-white) !important;
}

/* Product/category tables */
.category-products-head,
.table thead th,
.table-data-sheet thead th,
#moreinfo table thead th {
  background-color: var(--eo-navy-900) !important;
  border-color: var(--eo-navy-800) !important;
  color: var(--eo-white) !important;
}

.category-product-row,
.table tbody tr,
.table-data-sheet tbody tr,
#moreinfo table tbody tr {
  background-color: var(--eo-white) !important;
  border-color: var(--eo-border) !important;
  color: var(--eo-text) !important;
}

.category-product-row:hover,
.table tbody tr:hover,
.table-data-sheet tbody tr:hover,
#moreinfo table tbody tr:hover {
  background-color: var(--eo-blue-100) !important;
}

#moreinfo table > tbody > tr > td:nth-child(1),
.table-striped > tbody > tr:nth-child(odd) > td {
  background-color: var(--eo-surface-2) !important;
}

.price,
.price-ean-unit,
.our_price_display,
.content_price,
.special-price {
  color: var(--eo-red-600) !important;
}

.price-on-request,
#price_information,
.product-reference,
.product-condition,
.availability,
.delivery-information {
  color: var(--eo-muted) !important;
}

/* Tabs and pagination */
.nav-tabs,
.nav-tabs > li > a,
.product-tabs,
#more_info_tabs {
  border-color: var(--eo-border) !important;
}

.nav-tabs > li > a,
#more_info_tabs li a {
  background-color: var(--eo-surface-2) !important;
  color: var(--eo-navy-900) !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
#more_info_tabs li a.selected {
  background-color: var(--eo-white) !important;
  border-color: var(--eo-blue-600) !important;
  color: var(--eo-blue-700) !important;
}

.pagination > li > a,
.pagination > li > span {
  background-color: var(--eo-white) !important;
  border-color: var(--eo-border) !important;
  color: var(--eo-blue-700) !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > li > a:hover {
  background-color: var(--eo-red-600) !important;
  border-color: var(--eo-red-700) !important;
  color: var(--eo-white) !important;
}

/* Status states */
.alert-success,
.success,
.success_inline {
  background-color: #eaf7ef !important;
  border-color: #90cdaa !important;
  color: var(--eo-success) !important;
}

.alert-warning,
.warning,
.warning_inline {
  background-color: #fff7e8 !important;
  border-color: #e5bf7b !important;
  color: var(--eo-warning) !important;
}

.alert-danger,
.alert-error,
.error {
  background-color: var(--eo-red-100) !important;
  border-color: #e5a4ab !important;
  color: var(--eo-error) !important;
}

.rating i,
.star.star_on:after,
.star.star_hover:after {
  color: #f4b400 !important;
}

/* Footer */
.footer-container,
.footer-container #footer {
  background-color: var(--eo-navy-950) !important;
  color: #dbe5f1 !important;
}

.footer-container #footer .h4,
.footer-container #footer h4,
.footer-container #footer h4 a,
.footer-container #footer [style*="color: #fff"],
.footer-container #footer [style*="color:#fff"] {
  color: var(--eo-white) !important;
}

.footer-container #footer a,
.footer-container #footer ul li a,
.footer-container #footer #block_contact_infos > div ul li,
.footer-container #footer #block_contact_infos > div ul li > span,
.footer-container #footer #block_contact_infos > div ul li > span a {
  color: #dbe5f1 !important;
}

.footer-container #footer a:hover,
.footer-container #footer a:focus,
.footer-container #footer ul li a:hover,
.footer-container #footer #social_block ul li a:hover {
  color: #7db9ff !important;
}

.footer-container #footer #block_contact_infos,
.footer-container #footer [style*="border-top"] {
  border-color: var(--eo-navy-800) !important;
}

.footer-container #footer #block_contact_infos > div ul li i {
  color: #7db9ff !important;
}

/* Keep the copyright in the footer flow. The legacy theme positioned this
   block absolutely and drew a border on every nested div, which made it
   overlap long pages and produced duplicate horizontal lines on mobile. */
.footer-container #footer .bottom-footer {
  position: static !important;
  inset: auto !important;
  clear: both;
  width: 100%;
  margin: 24px 0 0;
  padding: 18px 0 6px;
  border-top: 1px solid var(--eo-navy-800);
  color: #dbe5f1;
}

.footer-container #footer .bottom-footer p {
  margin: 0;
  padding: 0 15px;
  color: #dbe5f1;
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
}

.footer-container #footer .bottom-footer div {
  padding: 0;
  border: 0;
}

#footer #newsletter_block_left .form-group .form-control {
  background-color: var(--eo-white) !important;
  border-color: var(--eo-border-strong) !important;
  color: var(--eo-text) !important;
}

#footer #newsletter_block_left .form-group .button-small,
#footer #newsletter_block_left .form-group .button-small:hover,
#footer #newsletter_block_left .form-group .button-small:focus {
  background-color: transparent !important;
  border-color: transparent !important;
  color: var(--eo-red-500) !important;
}

/* Accessible focus without changing component geometry */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline-color: var(--eo-focus) !important;
}

@media (prefers-reduced-motion: no-preference) {
  a,
  button,
  input,
  select,
  textarea {
    transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
  }
}

.footer-container #footer a.rfq-button,
.footer-container #footer a.rfq-button:hover,
.footer-container #footer a.rfq-button:focus {
  color: var(--eo-white) !important;
}