/*****
 * SHOPPING CART & CHECKOUT
 * 
 * Elementos específicos del carrito de compras y proceso de checkout
 *****/

/* Estructura de la tabla del carrito */
.view-commerce-cart-form table tr td {
  width: 12%;
}

.view-commerce-cart-form .views-field-purchased-entity {
  width: 30%;
}

.view-commerce-cart-form .views-field-field-dni {
  width: 20%;
}

/* Botón de eliminar items del carrito */
button.delete-order-item {
  background: none;
  color: #C00
}

/* Acciones del carrito */
.views-form #edit-actions,
.views-form #edit-actions--2,
.views-form #edit-actions--3,
.views-form #edit-actions--4,
.layout-region-checkout-footer #edit-actions {
  text-align: center;
  padding: 20px 0;
}

/* Ocultación de botones submit */
.views-form #edit-actions #edit-submit,
.views-form #edit-actions--2 #edit-submit--2,
.views-form #edit-actions--3 #edit-submit--3,
.views-form #edit-actions--4 #edit-submit--4 {
  display: none;
}

/* Botones de checkout */
.views-form #edit-actions #edit-checkout,
.views-form #edit-actions--2 #edit-checkout--2,
.views-form #edit-actions--3 #edit-checkout--3,
.views-form #edit-actions--4 #edit-checkout--4,
#edit-actions-next,
.button--add-to-cart {
  font-size: 1.2em;
  background-color: var(--verde-medio);
  color: white;
  border: 0;
  min-width: 200px;
  white-space: normal;
  word-wrap: break-word;
  text-align: center;
}

.views-form #edit-actions #edit-checkout:hover,
.views-form #edit-actions--2 #edit-checkout--2:hover,
.views-form #edit-actions--3 #edit-checkout--3:hover,
.views-form #edit-actions--4 #edit-checkout--4:hover,
#edit-actions-next:hover,
.button--add-to-cart:hover {
  background-color: var(--verde-oscuro);
}

/* Ocultación de información de envío */
#edit-shipping-information-shipping-profile,
#edit-review-shipping-information,
#edit-payment-information-billing-information {
  display: none;
}

/* Bloque de carrito */
#block-cart {
  position: absolute;
  right: 18px;
  width: 65px;
}

/* Enlace del carrito en el header */
#block-cart a {
  background-color: var(--verde-medio);
  display: inline-block;
  padding: 5px 10px;
  border-radius: 10px;
  color: white;
  font-weight: normal;
}

#block-cart a:hover {
  background-color: black;
  color: white;
  text-decoration: none;
}

#block-cart a.cart-block--link__expand i {
  margin-right: 5px;
}

/* Corrección tabla resumen pedido */
#edit-order-summary-summary table.sticky-header thead{ 
  position: relative;
  top: 0;
}

@media screen and (max-width: 768px) {
  #block-cart {
    right: 8px;
  } 

  #navbar.sticky #block-femecv-account-menu,
  #navbar.sticky #block-cart {
    display: none;
  }

  .views-field-purchased-entity {
    min-width: 160px;
  }

  button.delete-order-item {
    font-size: .9em;
  }
}