/*
Theme Name: Inspiro T3X2R Child
Description: Child theme de Inspiro para T3X2R.
Author: T3X2R
Template: inspiro
Version: 1.0.0
Text Domain: inspiro-t3x2r-child
*/

/* ==========================================================
   WOOCOMMERCE: AVISOS Y MENSAJES
   ========================================================== */

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  border-top-color: #50a5f6;
}

.woocommerce-error {
  background: #d5d5d5;
  color: #4a4a4a;
}

.woocommerce-info {
  background-color: #636363;
  color: #d5d5d5;
}

.woocommerce-message {
  background-color: #222222;
  color: #f5f5f5;
}

/* Ocultar temporalmente el aviso de tienda.
   Los colores quedan preservados para cuando vuelva a mostrarse. */
.woocommerce-store-notice.demo_store {
  display: none !important;
  background-color: #aa00aa;
  color: #ffffff;
  font-weight: bold;
}

/* ==========================================================
   CATÁLOGO Y PRODUCTOS
   ========================================================== */

/* Add to cart en catálogo/listados: estado normal.
   Sustituye intencionalmente el borde verde #76ba1b. */
body a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  color: #d5d5d5;
  border-color: #4a4a4a;
}

/* Add to cart en catálogo/listados: foco y clic */
body a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:focus,
body a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:focus-visible,
body a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:active {
  color: #d5d5d5;
  border-color: #4a4a4a;
  border-bottom-color: #9da4a2;
  outline-color: #4a4a4a;
}

/* Add to cart en catálogo/listados: hover */
body a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
  color: #50a5f6;
  border-color: #50a5f6;
}

/* Add to cart en página individual */
body.colors-dark.woocommerce #content div.product form.cart .button {
  color: #a8a8a8;
}

body.colors-dark.woocommerce-page #content div.product form.cart .button {
  background-color: #4a4a4a;
  color: #ffffff;
}

body.colors-dark.woocommerce #content div.product form.cart .button:hover {
  color: #50a5f6;
  border-color: #50a5f6;
  background-color: #636363;
}

.woocommerce a.added_to_cart {
  color: #50a5f6;
}

.woocommerce span.onsale {
  background-color: #aa00aa;
  color: #ffffff;
}

bdi {
  color: #50a5f6;
}

.woocommerce-price-suffix {
  color: #d5d5d5;
}

.star-rating {
  color: #bedefc;
}

/* ==========================================================
   BOTONES WOOCOMMERCE
   ========================================================== */

body.colors-dark.woocommerce-page button.button {
  background-color: #636363;
  color: #ffffff;
}

body.colors-dark.woocommerce-page button.button:hover,
body.colors-dark.woocommerce-page button.button.alt:hover {
  color: #50a5f6;
  border-color: #50a5f6;
}

body.colors-dark.woocommerce-page #main a.button:hover {
  color: #50a5f6;
  border-color: #50a5f6;
  border-width: 1px;
}

body.colors-dark.woocommerce-page a.button {
  background: #636363;
  border-color: #d5d5d5;
}

body.colors-dark.woocommerce-page a.button:hover {
  background: #636363;
}

body.colors-dark.woocommerce-page input.button:hover {
  background: #f650db;
}

.woocommerce button.button:disabled[disabled]:hover {
  color: #50a5f6;
  border-color: #50a5f6;
  background: #636363;
}

.woocommerce-page table.cart td.actions .coupon .button,
.checkout-button.button.alt.wc-forward.wp-element-button,
a.button.wc-forward.wp-element-button {
  background-color: #4a4a4a;
}

/* Botones de producto en la tienda */
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .added_to_cart.wc-forward {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-width: 0 !important;
    height: 40px;
    padding: 0 14px !important;
    margin: 8px 0 0 0 !important;
    box-sizing: border-box;
    vertical-align: top;
    float: none !important;
    line-height: 1 !important;
    white-space: nowrap;
    text-decoration: none;
}

/* Separación y ancho del botón principal */
.woocommerce ul.products li.product .add_to_cart_button {
    margin-right: 7px !important;
}

/* View cart como botón secundario */
.woocommerce ul.products li.product .added_to_cart.wc-forward {
    border: 1px solid currentColor !important;
    background: transparent !important;
}

/* ==========================================================
   CARRITO Y CHECKOUT
   ========================================================== */

.woocommerce-page #content table.cart td.actions .input-text {
  width: 200px;
  max-width: 100%;
  box-sizing: border-box;
  background: #4a4a4a;
  border: 1px solid #636363;
}

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
  width: 128px;
  height: auto;
  max-width: 100%;
  box-shadow: none;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  border-color: #50a5f6;
}

.woocommerce-checkout #payment div.payment_box {
  background: #636363;
  color: #ffffff;
}

.GooglePayButton-logo {
  background: #636363;
  color: #d5d5d5;
}



/* ==========================================================
   FORMULARIOS
   ========================================================== */

body.colors-dark input[type="text"] {
  border: 1px solid #636363;
  color: #ffffff;
}

.woocommerce form .form-row input.input-text {
  border-color: #636363;
}

.xoo-aff-group input[type="text"],
.xoo-aff-group input[type="password"],
.xoo-aff-group input[type="email"],
.xoo-aff-group input[type="number"],
.xoo-aff-group select,
.xoo-aff-group select + .select2 {
  border: 1px solid #636363;
}

/* ==========================================================
   SELECT2
   ========================================================== */

.select2-container .select2-selection--single .select2-selection__rendered {
  background-color: #636363;
  color: #ffffff;
}

.select2-results__option[data-selected] {
  background-color: #636363;
}

.select2-container--default
.select2-results__option--highlighted[data-selected] {
  background-color: #50a5f6;
}

/* ==========================================================
   ENLACES
   ========================================================== */

.entry-summary a {
  color: #636363;
}

.entry-summary a:hover {
  color: #50a5f6;
}

.entry-content a {
  color: #50a5f6;
}

.entry-content a:hover {
  color: #aaaaaa;
}

/* Conserva el valor que actualmente prevalece desde CSS adicional. */
body.woocommerce-page .entry-content a {
  color: #d5d5d5;
}

.widget a {
  color: #d5d5d5;
}

.widget a:hover {
  color: #a8a8a8;
}

/* Enlaces de widgets del footer */
#colophon .widget a {
  color: #a8a8a8;
}

#colophon .widget a:hover,
#colophon .widget a:focus-visible {
  color: #3b82f6;
}

/* ==========================================================
   BLOQUES WORDPRESS
   ========================================================== */

.wp-block-button__link {
  color: #d5d5d5;
}

.wp-block-button.is-style-outline a:hover {
  border-color: #50a5f6;
  background-image: url("../../uploads/2022/06/noiStorie_2.1-1.gif");
}

.wp-block-button__link.has-white-color.has-text-color.has-background {
  border-color: #9da2a4;
}

/* ==========================================================
   PAGINACIÓN WOOCOMMERCE
   ========================================================== */

.woocommerce nav.woocommerce-pagination a.page-numbers {
  color: #6f7674 !important;
}

.woocommerce nav.woocommerce-pagination .page-numbers.current {
  color: #9da4a2 !important;
}

.woocommerce nav.woocommerce-pagination a.page-numbers:hover,
.woocommerce nav.woocommerce-pagination a.page-numbers:focus-visible {
  color: #9da4a2 !important;
}

/* ==========================================================
   MI CUENTA
   ========================================================== */

.woocommerce-MyAccount-navigation {
  display: none;
}

.woocommerce-account .woocommerce-MyAccount-content {
  width: 100%;
}

/* Restaurar el ancho de páginas usado por Inspiro Lite 1.7.3 */
.page .entry-header .inner-wrap,
.page .entry-content,
.page:not(.inspiro-front-page) .entry-footer {
  width: 100%;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

/* Formulario de contacto WPForms 6038 */
#wpforms-6038 {
  width: 100%;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}

/* Fondo de campos del formulario de contacto */
#wpforms-6038 input[type="text"],
#wpforms-6038 input[type="email"],
#wpforms-6038 textarea,
#wpforms-6038 select {
  background-color: #767676;
  border-color: #767676;
  color: #ffffff;
}