/* ==========================================================================
   PEDIDO
   Componente .woocommerce-order-details y página de
   confirmación. Se usa en checkout Y en Mi Cuenta.
   Tema Porta — realporta.es
   ========================================================================== */

/* ═══ PÁGINA DE PEDIDO CONFIRMADO ═══════════════════════════ */

.woocommerce-order {
max-width: 720px !important;
margin: 0 auto !important;
padding: 60px 24px 100px !important;
}

/* Mensaje de gracias */
.woocommerce-thankyou-order-received {
font-family: 'Bebas Neue', sans-serif !important;
font-size: 44px !important;
line-height: 1.05 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
color: #f0ece4 !important;
background: transparent !important;
border: none !important;
padding: 0 !important;
margin: 0 0 8px !important;
}

.woocommerce-thankyou-order-received::before {
display: none !important;
}

/* Resumen: rejilla, sin viñetas */
ul.woocommerce-order-overview,
ul.woocommerce-thankyou-order-details {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
gap: 1px !important;
list-style: none !important;
margin: 32px 0 56px !important;
padding: 0 !important;
background: rgba(240,236,228,.1) !important;
border: 1px solid rgba(240,236,228,.1) !important;
}

ul.woocommerce-order-overview li {
list-style: none !important;
margin: 0 !important;
padding: 18px 16px !important;
background: #141414 !important;
border: none !important;
font-family: 'DM Mono', monospace !important;
font-size: 9px !important;
letter-spacing: .2em !important;
text-transform: uppercase !important;
color: #6b6560 !important;
}

ul.woocommerce-order-overview li strong {
display: block !important;
margin-top: 8px !important;
font-size: 13px !important;
letter-spacing: .04em !important;
text-transform: none !important;
color: #f0ece4 !important;
font-weight: 400 !important;
word-break: break-word !important;
}

/* Títulos de sección */
.woocommerce-order h2,
.woocommerce-order-details__title,
.woocommerce-column__title {
font-family: 'Bebas Neue', sans-serif !important;
font-size: 26px !important;
letter-spacing: .06em !important;
text-transform: uppercase !important;
color: #f0ece4 !important;
margin: 0 0 20px !important;
padding-bottom: 14px !important;
border-bottom: 1px solid rgba(240,236,228,.12) !important;
font-weight: 400 !important;
}

/* Tabla de detalles */
.woocommerce-table--order-details {
width: 100% !important;
border-collapse: collapse !important;
border: 1px solid rgba(240,236,228,.1) !important;
margin-bottom: 56px !important;
background: transparent !important;
}

.woocommerce-table--order-details thead th {
background: #141414 !important;
border: none !important;
border-bottom: 1px solid rgba(240,236,228,.12) !important;
padding: 14px 18px !important;
text-align: left !important;
font-family: 'DM Mono', monospace !important;
font-size: 9px !important;
letter-spacing: .22em !important;
text-transform: uppercase !important;
color: #6b6560 !important;
font-weight: 400 !important;
}

.woocommerce-table--order-details tbody td,
.woocommerce-table--order-details tfoot td,
.woocommerce-table--order-details tfoot th {
background: transparent !important;
border: none !important;
border-bottom: 1px solid rgba(240,236,228,.08) !important;
padding: 16px 18px !important;
font-family: 'DM Mono', monospace !important;
font-size: 13px !important;
color: #f0ece4 !important;
text-align: left !important;
vertical-align: top !important;
}

.woocommerce-table--order-details tfoot th {
font-size: 9px !important;
letter-spacing: .22em !important;
text-transform: uppercase !important;
color: #6b6560 !important;
font-weight: 400 !important;
}

.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-table--order-details tfoot tr:last-child td {
border-bottom: none !important;
border-top: 1px solid rgba(240,236,228,.18) !important;
color: #f0ece4 !important;
}

.woocommerce-table--order-details tfoot tr:last-child td {
font-size: 17px !important;
}

.woocommerce-table--order-details .woocommerce-table__product-name a {
color: #f0ece4 !important;
text-decoration: none !important;
border-bottom: 1px solid rgba(192,57,43,.6) !important;
padding-bottom: 2px !important;
}

.woocommerce-table--order-details .woocommerce-table__product-name a:hover {
border-bottom-color: #c0392b !important;
}

.woocommerce-table--order-details .product-quantity {
color: #6b6560 !important;
}

/* Datos del cliente — fuera la cursiva serif */
.woocommerce-customer-details address {
font-family: 'DM Mono', monospace !important;
font-style: normal !important;
font-size: 13px !important;
line-height: 2 !important;
color: rgba(240,236,228,.75) !important;
background: #141414 !important;
border: 1px solid rgba(240,236,228,.1) !important;
border-radius: 0 !important;
padding: 24px !important;
}

.woocommerce-customer-details .woocommerce-columns {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 32px !important;
}

/* Acciones */
.porta-thankyou-actions {
display: flex !important;
align-items: center !important;
gap: 28px !important;
margin-top: 56px !important;
padding-top: 32px !important;
border-top: 1px solid rgba(240,236,228,.12) !important;
flex-wrap: wrap !important;
}

.porta-thankyou-btn {
display: inline-block !important;
background: #c0392b !important;
color: #f0ece4 !important;
text-decoration: none !important;
font-family: 'DM Mono', monospace !important;
font-size: 11px !important;
letter-spacing: .25em !important;
text-transform: uppercase !important;
padding: 16px 38px !important;
border: none !important;
transition: background .2s !important;
}

.porta-thankyou-btn:hover {
background: #a5301f !important;
}

.porta-thankyou-link {
font-family: 'DM Mono', monospace !important;
font-size: 11px !important;
letter-spacing: .18em !important;
text-transform: uppercase !important;
color: #6b6560 !important;
text-decoration: none !important;
transition: color .2s !important;
}

.porta-thankyou-link:hover {
color: #f0ece4 !important;
}

@media (max-width: 768px) {
.woocommerce-thankyou-order-received { font-size: 32px !important; }
.woocommerce-order { padding: 40px 20px 70px !important; }
ul.woocommerce-order-overview { grid-template-columns: 1fr 1fr !important; }
}


/* ═══ REFINADO: PEDIDO CONFIRMADO ══════════════════════════ */

/* Centrar de verdad: el padre venía desplazado */
.woocommerce-order-received #page,
.woocommerce-order-received .site-main,
.woocommerce-order-received .entry-content,
.woocommerce-order-received .entry-header,
.woocommerce-order-received .wp-block-post-content {
max-width: 100% !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}

.woocommerce-order {
max-width: 680px !important;
margin: 0 auto !important;
}

/* Filete rojo bajo el titular */
.woocommerce-thankyou-order-received {
font-size: 40px !important;
padding-bottom: 22px !important;
border-bottom: 2px solid #c0392b !important;
margin-bottom: 0 !important;
}

/* ── Resumen: filas, no rejilla ── */
ul.woocommerce-order-overview,
ul.woocommerce-thankyou-order-details {
display: block !important;
grid-template-columns: none !important;
background: transparent !important;
border: none !important;
border-bottom: 1px solid rgba(240,236,228,.1) !important;
margin: 0 0 64px !important;
}

ul.woocommerce-order-overview li {
display: flex !important;
align-items: baseline !important;
justify-content: space-between !important;
gap: 24px !important;
padding: 15px 0 !important;
background: transparent !important;
border-bottom: 1px solid rgba(240,236,228,.08) !important;
}

ul.woocommerce-order-overview li:last-child {
border-bottom: none !important;
}

ul.woocommerce-order-overview li strong {
display: block !important;
margin: 0 !important;
text-align: right !important;
font-size: 13px !important;
overflow-wrap: anywhere !important;
}

/* ── Tabla ── */
.woocommerce-table--order-details tfoot th {
background: transparent !important;
width: 40% !important;
}

.woocommerce-table--order-details tbody td,
.woocommerce-table--order-details tfoot td,
.woocommerce-table--order-details tfoot th {
padding: 13px 18px !important;
}

/* El énfasis va en el TOTAL, no en la última fila */
.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-table--order-details tfoot tr:last-child td {
border-top: none !important;
}

.woocommerce-table--order-details tfoot tr.order-total th,
.woocommerce-table--order-details tfoot tr.order-total td {
border-top: 1px solid rgba(240,236,228,.18) !important;
border-bottom: 1px solid rgba(240,236,228,.18) !important;
}

.woocommerce-table--order-details tfoot tr.order-total td {
font-size: 18px !important;
color: #c0392b !important;
}

.woocommerce-table--order-details tfoot tr.order-total th {
color: #f0ece4 !important;
}

/* Cantidad en línea con el producto */
.woocommerce-table--order-details .product-quantity {
display: inline !important;
white-space: nowrap !important;
margin-left: 6px !important;
}

.woocommerce-table--order-details .woocommerce-table__product-name {
line-height: 1.6 !important;
}

/* Método de pago: misma tipografía que el resto */
.woocommerce-table--order-details tfoot tr:last-child td {
font-family: 'DM Mono', monospace !important;
font-size: 13px !important;
color: rgba(240,236,228,.75) !important;
overflow-wrap: anywhere !important;
}

/* ── Jerarquía de títulos ── */
.woocommerce-order h2,
.woocommerce-order-details__title,
.woocommerce-column__title {
font-size: 22px !important;
letter-spacing: .1em !important;
border-bottom-color: rgba(240,236,228,.1) !important;
margin-bottom: 18px !important;
}

.woocommerce-order-details,
.woocommerce-customer-details {
margin-bottom: 56px !important;
}

.woocommerce-customer-details address {
padding: 22px 24px !important;
line-height: 1.9 !important;
}


/* ═══ QUÉ PASA AHORA ════════════════════════════════════════ */

.porta-next-steps {
margin: 0 0 8px !important;
padding: 32px !important;
background: #141414 !important;
border: 1px solid rgba(240,236,228,.1) !important;
border-left: 3px solid #c0392b !important;
}

.porta-next-steps__title {
font-family: 'Bebas Neue', sans-serif !important;
font-size: 22px !important;
letter-spacing: .1em !important;
text-transform: uppercase !important;
color: #f0ece4 !important;
margin: 0 0 24px !important;
padding: 0 !important;
border: none !important;
font-weight: 400 !important;
}

.porta-next-steps__list {
counter-reset: porta-step !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}

.porta-next-steps__list li {
counter-increment: porta-step !important;
list-style: none !important;
position: relative !important;
margin: 0 0 22px !important;
padding: 0 0 0 42px !important;
}

.porta-next-steps__list li:last-child {
margin-bottom: 0 !important;
}

.porta-next-steps__list li::before {
content: counter(porta-step, decimal-leading-zero) !important;
position: absolute !important;
left: 0 !important;
top: 1px !important;
font-family: 'DM Mono', monospace !important;
font-size: 11px !important;
letter-spacing: .1em !important;
color: #c0392b !important;
}

.porta-step-label {
display: block !important;
font-family: 'DM Mono', monospace !important;
font-size: 10px !important;
letter-spacing: .22em !important;
text-transform: uppercase !important;
color: #6b6560 !important;
margin-bottom: 6px !important;
}

.porta-next-steps__list p {
margin: 0 !important;
font-family: 'DM Mono', monospace !important;
font-size: 13px !important;
line-height: 1.8 !important;
color: rgba(240,236,228,.8) !important;
}

.porta-next-steps__list strong {
color: #f0ece4 !important;
font-weight: 400 !important;
overflow-wrap: anywhere !important;
}

.porta-thankyou-actions {
margin-top: 32px !important;
}

@media (max-width: 768px) {
.porta-next-steps { padding: 24px 20px !important; }
.porta-next-steps__list li { padding-left: 34px !important; }
}


/* ═══ FIX: tamaños del pie de tabla ════════════════════════ */

/* Todas las etiquetas del pie, mismo tamaño (incluida la última fila) */
table.woocommerce-table--order-details tfoot th,
table.woocommerce-table--order-details tfoot tr:last-child th {
font-family: 'DM Mono', monospace !important;
font-size: 9px !important;
line-height: 1.6 !important;
letter-spacing: .22em !important;
text-transform: uppercase !important;
font-weight: 400 !important;
color: #6b6560 !important;
background: transparent !important;
width: 38% !important;
vertical-align: top !important;
}

/* La del total, algo más viva */
table.woocommerce-table--order-details tfoot tr.order-total th {
color: #f0ece4 !important;
}

/* Sin fondos heredados en ninguna celda del cuerpo o el pie */
table.woocommerce-table--order-details tbody th,
table.woocommerce-table--order-details tbody td,
table.woocommerce-table--order-details tfoot td {
background: transparent !important;
}


/* ═══ FIX FINAL: pie de la tabla de pedido ═════════════════ */

/* Fondos heredados: barrido completo salvo la cabecera */
table.woocommerce-table--order-details tbody tr,
table.woocommerce-table--order-details tbody th,
table.woocommerce-table--order-details tbody td,
table.woocommerce-table--order-details tfoot,
table.woocommerce-table--order-details tfoot tr,
table.woocommerce-table--order-details tfoot th,
table.woocommerce-table--order-details tfoot td {
background-color: transparent !important;
background-image: none !important;
}

/* La plantilla no pone clases en las filas del pie:
   el método de pago es la última, el total la anterior. */
table.woocommerce-table--order-details tfoot tr:nth-last-child(2) th,
table.woocommerce-table--order-details tfoot tr:nth-last-child(2) td {
border-top: 1px solid rgba(240,236,228,.18) !important;
border-bottom: 1px solid rgba(240,236,228,.18) !important;
}

table.woocommerce-table--order-details tfoot tr:nth-last-child(2) th {
color: #f0ece4 !important;
}

table.woocommerce-table--order-details tfoot tr:nth-last-child(2) td {
font-size: 18px !important;
color: #c0392b !important;
}

/* La última fila (método de pago) recupera su discreción */
table.woocommerce-table--order-details tfoot tr:last-child td {
font-size: 13px !important;
color: rgba(240,236,228,.75) !important;
}


/* ═══ MISMO COMPONENTE DENTRO DE MI CUENTA ═════════════════ */

.woocommerce-account .woocommerce-order-details,
.woocommerce-account .woocommerce-customer-details {
max-width: 760px !important;
margin-bottom: 48px !important;
}

/* El intro «El pedido #X se realizó el…» */
.woocommerce-account .woocommerce-order-details + p,
.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type {
font-family: 'DM Mono', monospace !important;
font-size: 13px !important;
line-height: 1.9 !important;
color: rgba(240,236,228,.75) !important;
margin-bottom: 36px !important;
}

.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type mark,
.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type strong {
background: transparent !important;
color: #f0ece4 !important;
font-weight: 400 !important;
}

/* Aquí el ancho lo manda el contenedor, no la pantalla */
.woocommerce-account table.woocommerce-table--order-details {
width: 100% !important;
max-width: 760px !important;
}

.woocommerce-account .woocommerce-customer-details address {
max-width: 760px !important;
}