/* ───────────────────────────────
   Dejolyer — Checkout minimal (Askka)
   ─────────────────────────────── */

/* Caja COMPRA EXPRESS */
.dj-express-wrapper {
  border: 1px solid #efefef;
  background: #f7f7f7;
  padding: 14px;
  margin-bottom: 20px;
}

.dj-express-title {
  font-weight: 300;
  letter-spacing: .02em;
  margin-bottom: 10px;
}

/* Mostrar separador WooPayments */
#wcpay-express-checkout-button-separator {
  display: block !important;
  color: #888;
}

/* Inputs minimal */
.woocommerce input.input-text,
.woocommerce select,
.woocommerce textarea {
  border-radius: 0;
  border: 1px solid #D9D4CF;
  padding: 10px 12px;
  width: 100%;
  box-sizing: border-box;
}

/* Botón principal */
#place_order.button {
  border-radius: 0;
  padding: 12px 14px;
  font-weight: 700;
}

/* Caja “¿Tienes un cupón?” */
.woocommerce-form-coupon-toggle .woocommerce-info {
  background: #FFFCFA;
  border: 1px solid #E6E0DB;
  border-radius: 0;
}

/* Caja de facturación */
.woocommerce-billing-fields__field-wrapper {
  border: 1px solid #E6E0DB;
  background: #FFFCFA;
  padding: 26px;
  margin-bottom: 20px;
  border-radius: 0;
  display: grid !important;
  grid-template-columns: 1fr 1fr; /* dos columnas por defecto */
  gap: 12px 16px;
}
.woocommerce-billing-fields__field-wrapper .form-row {
  margin: 0 !important;
  grid-column: span 1 !important;
  width: 100% !important;
  float: none !important;
}

/* Dirección ocupa ancho completo */
#billing_address_1_field.dj-span-2 {
  grid-column: span 2 !important;
}

/* Etiquetas más visibles */
.woocommerce form .form-row label,
#qodef-woo-page.qodef--checkout form.checkout .form-row label {
  font-weight: 600 !important;
  font-size: 15px !important;
  color: #1a1a1a !important;
  letter-spacing: 0.3px;
}

/* Responsive: 1 columna en móvil */
@media (max-width: 768px) {
  .woocommerce-billing-fields__field-wrapper,
  .woocommerce-shipping-fields__field-wrapper {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .woocommerce-billing-fields__field-wrapper .form-row,
  .woocommerce-shipping-fields__field-wrapper .form-row {
    grid-column: span 1 !important;
    margin: 0 0 10px !important;
  }
}

/* Envío: igual en 2 columnas escritorio, 1 en móvil */
.woocommerce-shipping-fields__field-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 16px;
}
.woocommerce-shipping-fields__field-wrapper .form-row {
  margin: 0 !important;
  grid-column: span 1 !important;
}
@media (max-width: 768px) {
  .woocommerce-shipping-fields__field-wrapper {
    grid-template-columns: 1fr !important;
  }
}

/* Ocultar campo personalizado */
#codigo_oficina_field { display: none !important; }

/* Métodos de envío mejor alineados */
#qodef-woo-page.qodef--checkout #shipping_method li {
  align-items: center;
  display: flex;
  flex-wrap: nowrap !important;
}

/* Checkout (Askka) — Facturación en 1 columna sin efectos colaterales */
#qodef-woo-page.qodef--checkout form.checkout .col2-set{
  display:block !important;
  margin:0 !important;
}

/* Cada bloque (billing/shipping) a 100% y en stack */
#qodef-woo-page.qodef--checkout form.checkout .col2-set .col-1,
#qodef-woo-page.qodef--checkout form.checkout .col2-set .col-2{
  width:100% !important;
  float:none !important;
  clear:both !important;
}

/* Campos típicos que el tema pone en 2 columnas: forzamos 1 */
#qodef-woo-page.qodef--checkout form.checkout .woocommerce-billing-fields__field-wrapper .form-row,
#qodef-woo-page.qodef--checkout form.checkout .woocommerce-shipping-fields__field-wrapper .form-row{
  width:100% !important;
  float:none !important;
  display:block !important;
  margin:0 0 12px !important;
}

/* Mata las clases first/last de dos columnas */
#qodef-woo-page.qodef--checkout .form-row-first,
#qodef-woo-page.qodef--checkout .form-row-last{
  width:100% !important;
  margin-right:0 !important;
}

/* Inputs 100% por si el tema limita anchura */
#qodef-woo-page.qodef--checkout .woocommerce-billing-fields__field-wrapper input.input-text,
#qodef-woo-page.qodef--checkout .woocommerce-billing-fields__field-wrapper select,
#qodef-woo-page.qodef--checkout .woocommerce-billing-fields__field-wrapper textarea{
  width:100% !important;
  box-sizing:border-box !important;
}

@media (min-width: 769px){
  #qodef-woo-page.qodef--checkout form.checkout .woocommerce-billing-fields__field-wrapper{
    display:grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 12px 16px !important;
  }
  #qodef-woo-page.qodef--checkout .woocommerce-billing-fields__field-wrapper .form-row{
    grid-column: span 1 !important;
    margin: 0 !important; float: none !important; width: 100% !important;
  }
  /* Dirección ancho completo */
  #billing_address_1_field{ grid-column: 1 / span 2 !important; }
  /* Seguridad: que estos NO ocupen dos */
  #billing_country_field,#billing_postcode_field,#billing_state_field,#billing_city_field{
    grid-column: span 1 !important;
  }
}


/* En móviles quitamos padding lateral */
@media (max-width: 768px) {
  .woocommerce-page div.woocommerce .col2-set > * {
    padding: 0 !important;
  }
}

/* En móvil: todos los fields en una sola columna */
@media (max-width: 768px){
  .woocommerce-billing-fields__field-wrapper,
  .woocommerce-shipping-fields__field-wrapper{
    display: grid !important;
    grid-template-columns: 1fr !important; /* solo 1 columna */
    gap: 12px !important; /* espacio vertical entre fields */
  }

  .woocommerce-billing-fields__field-wrapper .form-row,
  .woocommerce-shipping-fields__field-wrapper .form-row{
    grid-column: 1 !important; /* que ocupen toda la fila */
    margin: 0 0 10px !important;
  }
}

/* —— Caja WooCommerce Payments (métodos de pago) —— */
#payment.woocommerce-checkout-payment {
  border: 1px solid #E6E0DB;   /* mismo borde */
  background: #FFFCFA;         /* mismo fondo */
  padding: 26px;               /* mismo espaciado interno */
  margin-bottom: 20px;         /* separación inferior */
  border-radius: 0;            /* bordes rectos para consistencia */
}

/* Opcional: títulos de métodos más visibles */
#payment .wc_payment_methods label {
  font-weight: 600;
  font-size: 15px;
  color: #1a1a1a;
  letter-spacing: 0.3px;
}

#qodef-woo-page.qodef--checkout .ppcp-messages {
  margin-top: 50px !important;
}



/* ───────────────────────────────
   CARRITO
   ─────────────────────────────── */

/* 0) “Compra Express” en la parte superior del carrito (si los botones existen) */
body.woocommerce-cart .dj-express-wrapper{
    border: 1px solid #E6E0DB;
    background: #FFFCFA;
    padding: 14px;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
  body.woocommerce-cart .dj-express-wrapper {
    margin-top: 20px; /* o el valor que quieras */
  }
}

body.woocommerce-cart .dj-express-title{font-weight:800;letter-spacing:.02em;margin-bottom:8px}





/* 6) Mensajes PayPal / financiación en carrito */
body.woocommerce-checkout .ppcp-messages{margin-top:12px}

/* 7) Ajustes globales de columnas del layout de Woo (padding móvil) */
.woocommerce-page div.woocommerce .col2-set > *{padding:0 65px}
@media (max-width:768px){
  .woocommerce-page div.woocommerce .col2-set > *{padding:0 !important}
}



/* Carrito vacío: oculta cualquier wrapper de Compra Express por seguridad */
/* Nunca mostrar Compra Express dentro del header (normal o sticky) */
#qodef-page-header #dj-cart-express,
.qodef-header-sticky #dj-cart-express {
  display: none !important;
}

/* Mostrarlo en carrito dentro del contenido, si existe */
body.woocommerce-cart #dj-cart-express {
  display: block;
  border: 1px solid #E6E0DB;
  background: #FFFCFA;
  padding: 14px;
  margin-bottom: 20px;
}

/* Forzar inputs sin margen en checkout */
.woocommerce-checkout input[type=date],
.woocommerce-checkout input[type=email],
.woocommerce-checkout input[type=number],
.woocommerce-checkout input[type=password],
.woocommerce-checkout input[type=search],
.woocommerce-checkout input[type=tel],
.woocommerce-checkout input[type=text],
.woocommerce-checkout input[type=url],
.woocommerce-checkout textarea {
  margin: 0 !important;
}

#qodef-woo-page.qodef--checkout .woocommerce-billing-fields__field-wrapper input.input-text, #qodef-woo-page.qodef--checkout .woocommerce-billing-fields__field-wrapper select, #qodef-woo-page.qodef--checkout .woocommerce-billing-fields__field-wrapper textarea {
	background: #ffffffd6 !important;
}