/********************************************************
    One-Page Checkout Styles - REJAS ZM (VERSIÓN FINAL)
********************************************************/

#order-opc { line-height: 20px; }
#order-opc .box { padding-bottom: 20px; }
#order-opc .cart_navigation { margin-bottom: 53px; }

/* --- FORMULARIO UNIFICADO (DNI, NOMBRE, PROVINCIA, ETC.) --- */    
#order-opc .form-group .form-control,
#order-opc .form-group .selector,
#order-opc .form-group .selector select,
#new_account_form select.form-control {
  max-width: 400px !important; /* TODOS A 400px */
  width: 100% !important;
  display: block !important;
  background-image: none !important; 
  background-color: #ffffff !important; 
  border: 1px solid #ccc !important;
  height: 45px !important; /* ALTURA PROFESIONAL */
  line-height: 45px !important;
  box-sizing: border-box !important;
}

/* LIMPIEZA DE SELECTORES (PROVINCIA) */
#order-opc .form-group .selector {
  background: none !important; /* QUITA EL DIBUJO RARO */
  padding: 0 !important;
}
#order-opc .form-group .selector span {
  display: none !important; /* QUITA EL TEXTO FANTASMA */
}
#order-opc .form-group .selector select {
  opacity: 1 !important;
  position: relative !important;
}

/* MOSTRAR CAMPOS OCULTOS */
#new_account_form .id_state, #new_account_form .dni, #new_account_form .postcode,
.id_state, .dni, .postcode {
  display: block !important; 
  visibility: visible !important;
}

/* --- BOTONES DE PAGO (REDSYS, TRANSFERENCIA, CONTRAREEMBOLSO) --- */
#order-opc #HOOK_PAYMENT .payment_module,
#order-opc #HOOK_PAYMENT .cash_on_delivery,
#order-opc #HOOK_PAYMENT div[class*="col-"] {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  display: block !important;
  padding: 0 !important;
  margin-bottom: 10px !important;
}

#order-opc #HOOK_PAYMENT .payment_module a {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 60px !important;
  background-color: #f2f2f2 !important;
  background-image: none !important;
  border: 1px solid #ddd !important;
  border-radius: 6px !important;
  padding: 10px 20px !important;
  text-decoration: none !important;
}

#order-opc #HOOK_PAYMENT .payment_module a::after { display: none !important; }

#order-opc #HOOK_PAYMENT .payment_module.cash_on_delivery a::before {
  content: "🚚" !important;
  font-size: 30px !important;
  margin-right: 20px !important;
}

#order-opc #HOOK_PAYMENT .payment_module a img {
  max-height: 30px !important;
  width: auto !important;
  margin-right: 20px !important;
}

#order-opc #HOOK_PAYMENT .payment_module a:hover {
  background-color: #e8e8e8 !important;
  border-color: #25b9d7 !important; /* Azul PrestaShop 8 */
}

/* --- LOGO TRANSPORTISTA --- */
#order-opc td.delivery_option_logo { width: 90px !important; padding: 5px !important; }
#order-opc img.order_carrier_logo { max-width: 80px !important; max-height: 70px !important; }
#order-opc .delivery_option label > table { height: 60px !important; }






/* --- BLINDAJE DE VISIBILIDAD: FUERZA QUE EL FORMULARIO NO SE ESCONDA --- */
#new_account_form, 
#opc_account_form, 
#opc_new_account {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
}

/* MARGEN EXTRA PARA QUE NO SE PEGUE AL SIGUIENTE PASO */
#new_account_form {
    margin-bottom: 30px !important;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 20px;
}





/* MARGEN PROFESIONAL REJAS ZM: Para que el texto no toque los bordes */
body.content_only #columns, 
body.content_only #center_column,
#cms #columns {
    padding: 40px !important; /* El "aire" que le falta a los lados */
    background-color: #ffffff !important;
    max-width: 1000px !important; /* Estrecha el texto para que no sea infinito */
    margin: 0 auto !important;
    line-height: 1.8 !important; /* Hace el texto más legible */
    box-sizing: border-box !important;
}

/* Limpieza de fondo para que el blanco sea puro */
body#cms {
    background-color: #ffffff !important;
}