/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');
 
body {
  font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;
  background-color: #ffffff;
  color: #222;
  font-size: 15px;
  line-height: 1.6;
}

.ets_cookie_banber_block {
  position: absolute;
  bottom: 20px;
  left: 20px;
  padding: 15px;
}

.ets-cb-btn-not-ok {
  margin: 5px 0;
}

a {
  color: #3354A0;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.btn, .button {
  background-color: #3354A0;
  color: white;
  border: none;
  padding: 10px 16px;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.btn:hover, .button:hover {
  background-color: #617EBD;
}

.header, .footer {
  background-color: #f8f9fa;
  color: #333;
}

#header .header-top {
  padding: 0;
}

#header .header-top .position-static {
  display: flex;
  flex-direction: column;
  align-items: end;
  float: right;
}

#header .header-top>.container>.row:first-of-type {
  align-items: end;
}

.top-menu a[data-depth="0"] {
  font-size: 0.75rem;
}

#header .logo {
  padding: 5px;
}

#search_widget {
  align-self: center;
  margin-top: 10px;
}

@media only screen and (min-width: 768px) {
  #search_widget {
    align-self: end;
    margin-bottom: 30px;
  }
}

#custom-text {
  padding: 0;
  background: inherit;
}

.card-img-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
}

.product-thumbnail img {
  max-width: 100%;
  height: auto;
  background: #fff;
  padding: 8px;
  border: 1px solid #eee;
}

.card, .product {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 16px;
  background-color: #fff;
  box-shadow: none;
}

.carousel .carousel-item .caption {
  position: absolute;
  bottom: 120px;
  left: 90px;
  max-width: 500px;
  color: #fff;
  background-color: #617EBD8C;
  padding: 15px;
}

#header .top-menu a[data-depth="0"]:hover, a:hover {
  color: #3354A0;
}

#header a:hover {
  color: #3354A0;
}

.top-menu .sub-menu ul[data-depth="1"]>li {
  width: 250px;
  margin: 10px 0 0 0;
  border-bottom: 1px dotted #617EBD;
}

.block-category {
  min-height: 0; 
}

#subcategories ul li .subcategory-name:hover, .block-categories .arrows .arrow-down:hover, .block-categories .arrows .arrow-right:hover, .block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover, .cart-grid-body a.label:hover {
  color: #617EBD;
}

.product-flags li.product-flag {
  background: #3354A0;
}

.product-price {
  color: #3354A0;
}
.subcategory-image {
  display: none;
}

.services-section {
  max-width: 740px;
  margin: 0 auto 40px;
  font-family: 'Roboto', sans-serif;
  background-color: #fff;
  padding: 24px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  color: #333;
  text-align: left;
}

.services-section h1,
.services-section h2 {
  color: #2445a2;
  border-bottom: 2px solid #f0f0f0;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.services-section h1 {
  font-size: 32px;
}

.services-section h2 {
  font-size: 22px;
  margin-top: 30px;
}

.services-section p {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 16px;
}

.services-section ul {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 24px;
  padding-left: 20px;
}

.services-section ul ul {
  margin-top: 5px;
  margin-bottom: 10px;
  padding-left: 20px;
}

.services-section li {
  margin-bottom: 6px;
  list-style: none;
  position: relative;
  padding-left: 24px;
}

.services-section li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0.1em;
  font-size: 14px;
  color: #2445a2;
}

/* Iconos personalizados por tipo de lista */
.services-section ul li:nth-child(1)::before { content: "\f084"; } /* llave */
.services-section ul li:nth-child(2)::before { content: "\f15c"; } /* archivo */
.services-section ul li:nth-child(3)::before { content: "\f2db"; } /* microchip */
.services-section ul li:nth-child(4)::before { content: "\f0ad"; } /* wrench */
.services-section ul li:nth-child(5)::before { content: "\f0ad"; } /* wrench */

/* Sublista de bombines */
.services-section ul ul li:nth-child(1)::before { content: "\f1b9"; } /* coche */
.services-section ul ul li:nth-child(2)::before { content: "\f52e"; } /* puerta */
.services-section ul ul li:nth-child(3)::before { content: "\f07b"; } /* box */
.services-section ul ul li:nth-child(4)::before { content: "\f52f"; } /* fuel */
.services-section ul ul li:nth-child(5)::before { content: "\f07c"; } /* folder */

/* Lista final de opciones (sin icono especial) */
.services-section .ul_seccion {
  list-style: none;
  padding-left: 0;
}
.services-section .ul_seccion li {
  padding-left: 0;
  margin-bottom: 10px;
}

.product-container .product-reference {
  text-align: left;
}

.product-reference {
  text-align: center;
  color: #3354A0;
  font-weight: bold;
}

.social-sharing {
  display: none;
}

.product-features {
  display: none;
}

.product-information .product-description{
  white-space: pre-line;
}

section.facet[data-type="weight"] {
  display: none !important;
}

.btn-touchspin {
  color: #3354A0;
}

#subcategories {
  display: none;
}

.searchbar-autocomplete .ui-menu-item a {
  font-size: 11px; /* reducir un poco el texto */
}

.searchbar-autocomplete .autocomplete-thumbnail {
  width: 32px;   /* más pequeño que el default (suelen ser ~45px) */
  height: auto;  /* mantiene proporción */
  margin-right: 6px;
  vertical-align: middle;
}
.searchbar-autocomplete .ui-menu-item a {
  display: flex;
  align-items: center;
  gap: 8px;
}

#header .header-nav .cart-preview.active {
    background: none;
}
#header .header-nav .blockcart.active a:hover, #header .header-nav .cart-preview.active a, #header .header-nav .cart-preview.active i{
    color: black;
}

/* Mensaje de login requerido para añadir al carrito */
.product-add-to-cart .alert-warning {
  background-color: #fff3cd;
  border: 1px solid #ffc107;
  color: #856404;
  padding: 20px;
  border-radius: 4px;
  margin: 20px 0;
}

.product-add-to-cart .alert-warning .alert-text {
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: 500;
}

.product-add-to-cart .alert-warning .btn-primary {
  background-color: #3354A0;
  border-color: #3354A0;
  color: white;
  padding: 10px 25px;
  text-decoration: none;
  display: inline-block;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.product-add-to-cart .alert-warning .btn-primary:hover {
  background-color: #617EBD;
  border-color: #617EBD;
  text-decoration: none;
}

section.facet[data-type="price"] {
    display: none !important;
}

#cookieNoticeContent {
    display: none!important;
}

/* fondo general de la pagina */

#wrapper {
  background: none !important;
}


/* hover links MI CUENTA */
/* Especificidad máxima para los iconos de Material Icons */
div.links a.col-lg-4#identity-link:hover span.link-item i.material-icons,
div.links a.col-lg-4#addresses-link:hover span.link-item i.material-icons,
div.links a.col-lg-4#history-link:hover span.link-item i.material-icons,
div.links a.col-lg-4#order-slips-link:hover span.link-item i.material-icons,
div.links a.col-lg-4#wishlist-link:hover span.link-item i.material-icons,
div.links a.col-lg-4#psgdpr-link:hover span.link-item i.material-icons {
    color: #3354a1 !important;
}

/* Para el texto del span */
div.links a.col-lg-4#identity-link:hover span.link-item,
div.links a.col-lg-4#addresses-link:hover span.link-item,
div.links a.col-lg-4#history-link:hover span.link-item,
div.links a.col-lg-4#order-slips-link:hover span.link-item,
div.links a.col-lg-4#wishlist-link:hover span.link-item,
div.links a.col-lg-4#psgdpr-link:hover span.link-item {
    color: #3354a1 !important;
}

/* Para el enlace completo */
div.links a.col-lg-4#identity-link:hover,
div.links a.col-lg-4#addresses-link:hover,
div.links a.col-lg-4#history-link:hover,
div.links a.col-lg-4#order-slips-link:hover,
div.links a.col-lg-4#wishlist-link:hover,
div.links a.col-lg-4#psgdpr-link:hover {
    color: #3354a1 !important;
}


/* border pagina mi cuenta */

.page-my-account #content .links a:not(.lgcookieslaw-account-button) span.link-item {
    border: solid 1px #3354a1 !important;
}