/*
 Theme Name: Astra Child
 Template: astra
 Description: Child theme para Astra (checkout mínimo y elegante).
 Author: Diamanto
 Version: 1.0.0
 Text Domain: astra-child
*/

/* DIAMANTO — Checkout (mínimo y elegante)
 * Solo estilos para la página de Checkout.
 * Seguro con Astra + WooCommerce.
 */

/* ===== Variables básicas ===== */
:root{
  --color-bg-header: #FFFFFFB3;      /* referencia si la usas en otro lado */
  --color-rosa: #ff80d5;
  --color-turquesa: #00d1c7;
  --color-titulos: #334155;
  --shadow-soft: 0 4px 12px rgba(0,0,0,.08);
  --radius-sm: 10px;
  --radius-md: 15px;
  --radius-lg: 30px;

  /* Botón principal checkout */
  --btn-grad-a: #ff80d5; /* rosa */
  --btn-grad-b: #00d1c7; /* turquesa */
  --btn-radius: 30px;
  --btn-pad-y: 12px;
  --btn-pad-x: 24px;
  --btn-font-w: 700;

  /* Sistema único de botones global */
  --btn-shadow-click: 0 0 20px rgba(255,128,213,.6), 0 0 40px rgba(34,211,238,.4);
}

/* ===== Contenedores principales del checkout ===== */
body.woocommerce-checkout form.checkout,
body.woocommerce-checkout #order_review{
  background: rgba(255,255,255,.70);
  border-radius: 18px;
  padding: 20px;
  box-shadow: var(--shadow-soft);
}

/* ===== Títulos dentro del checkout ===== */
body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout .woocommerce-shipping-fields h3,
body.woocommerce-checkout #order_review_heading {
  color: var(--color-titulos);
  font-weight: 700;
}

/* ===== Campos de formulario ===== */
body.woocommerce-checkout .woocommerce-billing-fields input.input-text,
body.woocommerce-checkout .woocommerce-billing-fields select,
body.woocommerce-checkout .woocommerce-shipping-fields input.input-text,
body.woocommerce-checkout .woocommerce-shipping-fields select,
body.woocommerce-checkout .select2-container .select2-selection--single {
  border: 1.5px solid #d1d5db;
  border-radius: 12px;
  padding: 10px 12px;
  min-height: 44px;
  background: #fff;
  box-shadow: none;
}

body.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered{
  line-height: 44px;
}
body.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow{
  height: 44px;
}

/* Focus amigable */
body.woocommerce-checkout input.input-text:focus,
body.woocommerce-checkout select:focus,
body.woocommerce-checkout .select2-container--default .select2-selection--single:focus {
  outline: none;
  border-color: var(--color-rosa);
  box-shadow: 0 0 0 3px rgba(255,128,213,.25);
}

/* Etiquetas */
body.woocommerce-checkout .woocommerce-billing-fields label,
body.woocommerce-checkout .woocommerce-shipping-fields label{
  font-weight: 600;
  color: var(--color-titulos);
}

/* Mensajes / validaciones (no ocultamos notices) */
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-message{
  border-radius: var(--radius-sm);
}

/* ===== Tabla de pedido ===== */
body.woocommerce-checkout #order_review table.shop_table{
  border-radius: var(--radius-sm);
  overflow: hidden;
}
body.woocommerce-checkout #order_review table.shop_table th,
body.woocommerce-checkout #order_review table.shop_table td{
  padding: 12px 14px;
}

/* ===== Botón principal “Realizar pedido” ===== */
body.woocommerce-checkout #place_order{
  position: relative;
  display: inline-block;
  overflow: hidden;
  background: linear-gradient(135deg, var(--btn-grad-a), var(--btn-grad-b)) !important;
  color: #fff !important;
  font-weight: var(--btn-font-w);
  border: none !important;
  border-radius: var(--btn-radius) !important;
  padding: var(--btn-pad-y) var(--btn-pad-x) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  line-height: 1.2;
  transition: filter .25s ease, transform .15s ease, box-shadow .15s ease;
  box-shadow: none !important;
  font-size: 18px;
}

/* brillo diagonal */
body.woocommerce-checkout #place_order::after{
  content: "";
  position: absolute;
  top: -50%; left: -50%;
  width: 200%; height: 200%;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.6) 50%, transparent 100%);
  transform: translateX(-100%) rotate(25deg);
  transition: transform .7s ease;
  pointer-events: none;
  z-index: 1;
}
body.woocommerce-checkout #place_order:hover::after{
  transform: translateX(100%) rotate(25deg);
}

body.woocommerce-checkout #place_order:hover{
  filter: brightness(1.03);
}
body.woocommerce-checkout #place_order:active{
  transform: scale(0.96);
  box-shadow: var(--btn-shadow-click);
}

/* ===== Botones secundarios dentro del checkout (si aparecen) ===== */
body.woocommerce-checkout .button.alt,
body.woocommerce-checkout .button{
  border-radius: var(--btn-radius);
}

/* ===== Responsive checkout ===== */
@media (max-width: 920px){
  body.woocommerce-checkout form.checkout,
  body.woocommerce-checkout #order_review{
    padding: 16px;
    border-radius: 14px;
  }
}

/* =========================================
   DIAMANTO – Sistema Único de Botones (sin brillo hover)
   ========================================= */

/* Targetear TODAS las variantes comunes de botones */
:where(
  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button,
  .woocommerce #respond input#submit,
  .woocommerce .button.alt,
  .woocommerce .added_to_cart,
  .woocommerce a.add_to_cart_button,
  .woocommerce a.ajax_add_to_cart,
  .woocommerce a.added_to_cart,
  .woocommerce .single_add_to_cart_button,
  .woocommerce .wc-forward,
  .woocommerce .woocommerce-mini-cart__buttons a.button,
  .wp-block-button__link,
  .wp-element-button,
  .wp-block-search__button,
  .elementor-button,
  .elementor-button-link,
  .uagb-button__link,
  .ast-button,
  .ast-custom-button,
  .wc-block-components-button,
  .wc-block-cart__submit-button
){
  position:relative;
  display:inline-block;
  overflow:hidden;
  background:linear-gradient(135deg,var(--btn-grad-a),var(--btn-grad-b)) !important;
  color:#fff !important;
  font-weight:var(--btn-font-w) !important;
  border:none !important;
  border-radius:var(--btn-radius) !important;
  padding:var(--btn-pad-y) var(--btn-pad-x) !important;
  text-transform:none !important;
  letter-spacing:normal !important;
  line-height:1.2 !important;
  transition:filter .25s ease, transform .15s ease, box-shadow .15s ease !important;
  box-shadow:none !important;
  z-index:1;
  -webkit-appearance:none;
}

/* Hover (ya sin brillo) */
:where(
  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button,
  .woocommerce #respond input#submit,
  .woocommerce .button.alt,
  .woocommerce .added_to_cart,
  .woocommerce a.add_to_cart_button,
  .woocommerce a.ajax_add_to_cart,
  .woocommerce a.added_to_cart,
  .woocommerce .single_add_to_cart_button,
  .woocommerce .wc-forward,
  .woocommerce .woocommerce-mini-cart__buttons a.button,
  .wp-block-button__link,
  .wp-element-button,
  .wp-block-search__button,
  .elementor-button,
  .elementor-button-link,
  .uagb-button__link,
  .ast-button,
  .ast-custom-button,
  .wc-block-components-button,
  .wc-block-cart__submit-button
):hover{
  filter: brightness(1.03);
}

/* Click */
:where(
  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button,
  .woocommerce #respond input#submit,
  .woocommerce .button.alt,
  .woocommerce .added_to_cart,
  .woocommerce a.add_to_cart_button,
  .woocommerce a.ajax_add_to_cart,
  .woocommerce a.added_to_cart,
  .woocommerce .single_add_to_cart_button,
  .woocommerce .wc-forward,
  .woocommerce .woocommerce-mini-cart__buttons a.button,
  .wp-block-button__link,
  .wp-element-button,
  .wp-block-search__button,
  .elementor-button,
  .elementor-button-link,
  .uagb-button__link,
  .ast-button,
  .ast-custom-button,
  .wc-block-components-button,
  .wc-block-cart__submit-button
):active{
  transform: scale(0.96);
  box-shadow: var(--btn-shadow-click);
}

/* ===== DIAMANTO – Resultados de búsqueda en rejilla ===== */

.search-results .dia-search-products-wrapper {
  width: 100%;
}

.search-results .dia-search-products-wrapper ul.products {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  margin: 2.5rem 0 3rem;
  padding: 0;
  list-style: none;
}

.search-results .dia-search-products-wrapper ul.products li.product {
  margin: 0 !important;
  padding: 0 !important;
  width: calc(33.333% - 22px) !important;
  float: none !important;
  clear: none !important;
}

@media (max-width: 1024px) {
  .search-results .dia-search-products-wrapper ul.products li.product {
    width: calc(50% - 20px) !important;
  }
}

@media (max-width: 640px) {
  .search-results .dia-search-products-wrapper ul.products li.product {
    width: 100% !important;
  }
}

/* DIAMANTO — Botón volver a todos los productos (estilo igual a Añadir al carrito) */
.dia-search-reset-wrap{
  margin: 1.5rem 0 2rem;
  text-align: center;
}

.dia-search-reset-btn{
  display: inline-block;
  padding: 0.9rem 2.2rem;
  border-radius: 999px;
  background: linear-gradient(90deg, #e28bff, #ff7ac4, #27e3da); /* mismo estilo */
  color: #ffffff;
  font-weight: 600;
  font-size: 1.1rem;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
  transition: all .25s ease;
}

.dia-search-reset-btn:hover{
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 6px 18px rgba(0,0,0,.20);
}