﻿@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

:root {
  --red: #f9af23;
  /* --red: #ff3131; */
  --color-principal: #f9af23;
  --red2: #ff0f00;
  --red3: #9e0e04;
}

html {
  font-family: "Roboto", sans-serif;
}

div.product-box div.picture-container,
div.product-box div.picture-container img.hover-img,
div.product-box div.picture-container img.main-product-img {
  background-color: #fff;
}

div.product-box div.picture-container img.hover-img,
#app > footer > div.footer-top div.newsletter,
div#HomePageBrands a.category-item div.content {
  display: none;
}

/* BORDERS */
form#contactus-form div.buttons input.btn.contact-us-button,
div.modal-content div.modal-body div.card div.card-footer div.btn-group button.btn.btn-outline-info,
div.modal-content div.modal-body div.card div.card-footer div.btn-group button.btn.btn-info,
div.product-add-to-cart div.input-group-append button.main-button,
div.card-body div.buttons button.btn.order-completed-continue-button,
div#checkout-steps input.btn,
div#shipping-buttons-container input.new-address-next-step-button,
div.checkout-page div.opc-totals,
button#checkout,
div.totals div.totals-inner,
div.product-grid article > div.card-footer > div.btn-group > button.btn.btn-info,
button#sidebar-mobile-button,
.pagination .currentpage.page-item .page-link,
li.page-item.currentpage > a.page-link,
.add-to-cart-button {
  border-color: var(--red) !important;
}

/* TEXT */
div.modal-content div.modal-body div.card div.card-footer div.btn-group button.btn.btn-outline-info,
div.modal-body div.card-body div.form-row div a,
div.card-body div span.text-info,
a.red,
div.page.checkout-page div.opc-header div.card-header button.btn.not-collapsed,
table.shopping-cart.table tbody a,
table.shopping-cart.table td.subtotal p.prod-total,
div#sidebar-cart header.b-sidebar-header a,
div#sidebar-cart div.b-sidebar-body a,
button#sidebar-mobile-button,
h2.qv-title > a,
.actual-price > strong,
.breadcrumb-item a,
.footer-lower a.text-success,
a.viewmode-icon.selected > svg,
li.active > a,
.additional-details a {
  color: var(--red) !important;
}

div.page.checkout-page div.opc-header div.card-header button.btn.collapsed {
  color: var(--red3) !important;
}

/* BACKGROUND */
#novashop-main-menu,
form#contactus-form div.buttons input.btn.contact-us-button,
div.modal-content div.modal-body div.card div.card-footer div.btn-group button.btn.btn-info,
div.product-add-to-cart div.input-group-append button.main-button,
div.card-body div.buttons button.btn.order-completed-continue-button,
div.page.checkout-page div.opc-header div.card-header button.btn.not-collapsed::before,
div.page.checkout-page div.opc-header div.card-header button.btn.not-collapsed::after,
div#checkout-steps input.btn,
div#shipping-buttons-container input.new-address-next-step-button,
td.quantity span.qty-opc,
button#checkout,
div.product-grid article > div.card-footer > div.btn-group > button.btn.btn-info,
li.page-item.currentpage > a.page-link,
.add-to-cart-button,
.bg-info,
.up-btn,
a.nav-link > span.qty-indicator,
.product-details-page .nav-tabs .nav-link.active:before {
  background: var(--red) !important;
}

li.sub-cat-name-container:hover > a,
li.page-item:hover > a.page-link {
  background: var(--red2) !important;
  border-color: var(--red2) !important;
}

/* FILL */
button#sidebar-mobile-button > svg,
a.modal-close:hover > svg,
a.viewmode-icon.selected > svg {
  fill: var(--red);
}

div#header-container > ul.navbar-nav.top-header-items.order-3 > li:first-child {
  display: none;
}

div.product-add-to-cart > span.qty-unit {
  margin-left: 0.25em;
}

div#product-attributes > div.attributes > table.table td span.attribute-name,
div#product-attributes > div.attributes > table.table td span.required {
  display: none;
}

div#product-attributes > div.attributes > table.table td span.text-prompt {
  font-size: 16px;
  font-weight: 600;
  padding-top: 6px;
}

/* Nuevo Template */
@media screen and (min-width: 992px) {
  #header-container,
  #menu-button,
  #mainMenu {
    display: none !important;
  }
}

@media screen and (max-width: 991px) {
  #links-container {
    display: none !important;
  }
}

.quick-view-overview .accordion .btn.collapse-button {
  border-color: #000 !important;
}
.product-add-to-cart .qty-input,
.product-add-to-cart .qty-dropdown {
  background-color: #fff !important;
}

.delivery-date .value,
.other-links a:hover {
  color: var(--red) !important;
}

.left-side-toggler .inner span,
a.viewmode-icon:hover.align-items-center.list .list-icon span,
.viewmode-icon.selected .list-icon span,
.viewmode-icon.selected .list-icon span,
.generalTitle div::before,
.product-details-page .nav-tabs .nav-link.active {
  background-color: var(--red) !important;
}

ul#links-container,
ul#links-container > li.other-links,
ul#links-container > li.other-links > ul {
  width: 100%;
  display: flex;
}

ul#links-container > li.other-links > ul {
  justify-content: space-between;
}

ul#links-container > li.other-links > ul > li,
ul#links-container > li.other-links > ul > li > a,
ul#links-container > li.other-links > ul > li > a > span {
  margin: 0;
  padding: 0;
  font-size: large !important;
}

ul#links-container > li.other-links > ul > li > a > span {
  display: block;
  padding: 10px 0;
}

.gallery-top,
.gallery-thumbs .swiper-slide,
#block-recently-viewed-products > div > div > div > div > a,
#block-recently-viewed-products > div > div > div > div > a > img {
  background-color: #fff !important;
}

#HomePageBrands {
  margin-top: 50px;
  padding-top: 50px;
}

#HomePageBrands .row {
  justify-content: center;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  opacity: 1;
}

.product-details-page .qty-controls,
#app > footer > div.footer-top.section > div > div > div:nth-child(2) > ul > li:nth-child(2) {
  display: none !important;
}

h1.generalTitle {
  margin-top: 50px;
}

#links-container {
  background-color: var(--red);
}

#links-container a:hover,
#links-container a:hover span {
  color: #000;
  text-decoration: underline;
}

div.header-nav-bottom > a > img {
  width: 236px !important;
  max-width: 100% !important;
}

#small-searchterms:hover,
#small-searchterms:hover + .input-group-append .btn,
#small-searchterms + .input-group-append .btn:hover {
  border-color: var(--red) !important;
}

div.left-side-container ul.navbar-nav.top-header-items li.nav-item a:hover span.icons {
  color: var(--red);
}

#shopping-cart-form div.custom-control.custom-checkbox > label > span {
  text-decoration: underline !important;
}

#shopping-cart-form .totals .cart-collaterals {
  display: none !important;
}

#HomePageProducts .product-container::before {
  position: absolute;
  content: "";
  background: url("/assets/images/starred-product.png") no-repeat;
  background-size: cover;
  pointer-events: none;
  width: 60%;
  aspect-ratio: 1/1;
  z-index: 3;
}

#HomePageProducts div.card-footer > a.add-to-cart-button {
  z-index: 4;
}

.float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 80px;
  right: 40px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}

.my-float {
  margin-top: 16px;
  color: #fff;
  font-size: 30px !important;
}

/* Esto de abajo se debe borrar a la hora de la implementación definitiva */
.qvb-container,
#app > div.main-container.container-fluid > div > div.left-side-container.toggled > div.container.px-0 > div.header-nav-bottom > ul.navbar-nav.top-header-items > li:nth-child(1),
#app > div.main-container.container-fluid > div > div.left-side-container.toggled > div.container.px-0 > div.header-nav-bottom > ul.navbar-nav.top-header-items > li:nth-child(3),
#app > div.main-container.container-fluid > div > div.left-side-container.toggled > div.container.px-0 > div.header-nav-bottom > ul.navbar-nav.top-header-items > li:nth-child(4) {
  display: none;
}

/* Fin Nuevo Template */
