/* codigo para casos puntuales de 768 */
@media (max-width: 768px) and (min-width: 768px) {

/* Mostramos el Order ID y lo destacamos */

	
	body.page-id-150 .woocommerce table.shop_table {
    max-width: 620px;
    width: 100%!important;
    margin-left: auto!important;
    margin-right: auto!important;
}
	
	body.page-id-150 .woocommerce-order-details__title {
    margin-left: 5px!important;

}
	
	body.page-id-150 .woocommerce-order-details {
		max-width: 620px;
    width: 100%!important;
    margin-left: auto!important;
    margin-right: auto!important;
	}
	
	body.page-id-150 .woocommerce-customer-details {
		max-width: 620px;
    width: 100%!important;
    margin-left: auto!important;
    margin-right: auto!important;
	}
	
	
   body.page-id-150  .woocommerce-orders-table__cell-order-number {
        display: block !important;
        background-color: #bb9c39;
        color: black;
        font-weight: normal!important;
        padding: 12px 14px;
        font-size: 14px;
        border-bottom: 1px solid rgba(0,0,0,0.0);
        order: -1;
        position: relative;
        border-right: 1px solid #bb9c39;
    }


/* Insertamos "Order ID:" delante del número usando data-title */
body.page-id-150 .woocommerce-orders-table__cell-order-number::before {
    content: attr(data-title) ": ";
    color: white; /* Order ID en blanco */
	font-weight: bold!important;
	margin-right:2px;
}


/* Hacemos que cada fila sea columna y se vea como tarjeta */
body.page-id-150 .woocommerce-orders-table__row {
    display: flex;
    flex-direction: column;
    border: 1px solid #eee;
    position: relative;
}

/* Opcional: ajustar el resto de celdas para que se vean más limpias */
body.page-id-150 .woocommerce-orders-table__cell {
    padding: 10px 14px;
    display: block;
}
/* Centrar el botón dentro del td de acciones */
body.page-id-150 .woocommerce-orders-table__cell-order-actions, .woocommerce-orders-table__cell-order-total, .woocommerce-orders-table__cell-order-date {
    display: flex !important;      /* forzamos flex */
    justify-content: center !important; /* centrado horizontal */
    align-items: center;           /* opcional: centrado vertical */
}

	
	
/* Opcional: estilo “luxury” del botón */
body.page-id-150 .woocommerce-orders-table__cell-order-actions .woocommerce-button {
    background-color: #bb9c39; /* dorado */
    color: white;
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
}
	
body.page-id-150 .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
    display:none;
}	
	
	
body.page-id-150 .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
    text-align: left!important;
}	
body.page-id-150 table, body.page-id-150 td, body.page-id-150 th {
    border: 0px solid #e3e3e3!important;
}
	
	
	
/* caso de la basket para ipad 768 */
	/* Mantener la tabla, pero controlar anchos */
 body:is(.page-id-146) .woocommerce-cart-form__cart-item td {
    display: inline-block;
    vertical-align: top;
  }

  /* ❌ REMOVE */
 body:is(.page-id-146) .woocommerce-cart-form__cart-item td.product-remove {
    width: 20%;
    text-align: center;
  }

 body:is(.page-id-146) .woocommerce-cart-form__cart-item td.product-remove a.remove {
    font-size: 24px;
    line-height: 1;
    display: inline-block;
  }

  /* 🖼 PRODUCTO (imagen + nombre) */
 body:is(.page-id-146) .woocommerce-cart-form__cart-item td.product-thumbnail-name {
    width: 80% !important;
    padding: 0 10px !important;
    text-align: center;
  }

  /* Imagen */
 body:is(.page-id-146) .woocommerce-cart-form__cart-item td.product-thumbnail-name img {
    height: auto;
    display: block;
    margin: 10px auto;
	 max-width: 200px !important;
  }

  /* Nombre debajo */
 body:is(.page-id-146) .woocommerce-cart-form__cart-item td.product-thumbnail-name div {
    margin-top: 8px;
    font-weight: bold;
    text-align: center;
  }

  /* Descripción debajo ocupando todo */
 body:is(.page-id-146) .woocommerce-cart-form__cart-item td.product-description {
    display: block;
    width: 100%;
  }


body:is(.page-id-146) .woocommerce table.shop_table_responsive tr, body:is(.page-id-146) .woocommerce-page table.shop_table_responsive tr {
    display: flex!important;
    /*flex-direction: row-reverse!important; al final solo de 400px a 767px*/
    flex-wrap: wrap!important;
    align-content: space-around!important;
    justify-content: space-between!important;
    
}
	body:is(.page-id-146) .total-row {
    display: flex;
    flex-direction: row-reverse!important;
}

body:is(.page-id-146) td.product-remove a.remove {
	margin-left:50px;
}	

	body:is(.page-id-146) td.product-price span {
		display:none!important;
	}
	
body:is(.page-id-146) td.product-quantity {
		display:none!important;
	}
	
	.woocommerce-cart .cart-collaterals .cart_totals tr, .woocommerce-cart .cart-collaterals .cart_totals tr {
    border-top: 2px solid hsla(0,0%,100%,.2)!important;
}
	.woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th {
    border-top: 0px solid hsla(0,0%,100%,.2)!important;
}

    body:is(.page-id-146) .woocommerce-cart-form .product-description {
        border-top: 0px!important;
    }

	
	/* mensages tamano correcto */
	.cariera-popup .zoom-anim-dialog {
    opacity: 0;
    transform: scale(.95)!important;
    transition: all .2s ease-in-out;
}

    .cariera-private-messages {
        height: unset!important;

    }

	.cariera-private-messages .messages-wrapper .body-container {
    height: 400px!important;
}

    .cariera-private-messages .messages-wrapper .chat-box {
        background: #eae0bd !important;
    }

	
	
}