/**
 * Las Palmas — WooCommerce orders, view-order, and thank-you page styles.
 * Oxygen universal.css covers cart/checkout/nav but not these account endpoints.
 */

/* ===== SHARED TABLE STYLES ===== */

.woocommerce-MyAccount-content .woocommerce-orders-table,
.woocommerce-MyAccount-content .woocommerce-table--order-details,
.woocommerce-order .woocommerce-table--order-details,
.woocommerce-order-received .woocommerce-table--order-details {
    background: rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(161, 35, 44, 0.15);
    border-radius: 15px;
    padding: 20px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.woocommerce-MyAccount-content .woocommerce-orders-table thead th,
.woocommerce-MyAccount-content .woocommerce-table--order-details thead th,
.woocommerce-order .woocommerce-table--order-details thead th,
.woocommerce-order-received .woocommerce-table--order-details thead th {
    font-family: 'Anton', sans-serif;
    font-size: 12px;
    letter-spacing: 1.5px;
    color: #4a2a20;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(161, 35, 44, 0.2);
    padding: 12px 10px;
    background: transparent;
    text-align: left;
}

.woocommerce-MyAccount-content .woocommerce-orders-table tbody td,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody th,
.woocommerce-MyAccount-content .woocommerce-table--order-details tbody td,
.woocommerce-MyAccount-content .woocommerce-table--order-details tbody th,
.woocommerce-MyAccount-content .woocommerce-table--order-details tfoot td,
.woocommerce-MyAccount-content .woocommerce-table--order-details tfoot th,
.woocommerce-order .woocommerce-table--order-details tbody td,
.woocommerce-order .woocommerce-table--order-details tbody th,
.woocommerce-order .woocommerce-table--order-details tfoot td,
.woocommerce-order .woocommerce-table--order-details tfoot th,
.woocommerce-order-received .woocommerce-table--order-details tbody td,
.woocommerce-order-received .woocommerce-table--order-details tbody th,
.woocommerce-order-received .woocommerce-table--order-details tfoot td,
.woocommerce-order-received .woocommerce-table--order-details tfoot th {
    font-family: Georgia, serif;
    font-size: 14px;
    color: #4a2a20;
    border-bottom: 1px solid rgba(161, 35, 44, 0.1);
    padding: 12px 10px;
    background: transparent;
    vertical-align: middle;
}

.woocommerce-MyAccount-content .woocommerce-orders-table tbody tr:last-child td,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody tr:last-child th,
.woocommerce-MyAccount-content .woocommerce-table--order-details tbody tr:last-child td,
.woocommerce-MyAccount-content .woocommerce-table--order-details tbody tr:last-child th,
.woocommerce-MyAccount-content .woocommerce-table--order-details tfoot tr:last-child td,
.woocommerce-MyAccount-content .woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-order .woocommerce-table--order-details tbody tr:last-child td,
.woocommerce-order .woocommerce-table--order-details tfoot tr:last-child td,
.woocommerce-order-received .woocommerce-table--order-details tbody tr:last-child td,
.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child td {
    border-bottom: none;
}

.woocommerce-MyAccount-content .woocommerce-table--order-details .order-total td,
.woocommerce-MyAccount-content .woocommerce-table--order-details .order-total th,
.woocommerce-order .woocommerce-table--order-details .order-total td,
.woocommerce-order .woocommerce-table--order-details .order-total th,
.woocommerce-order-received .woocommerce-table--order-details .order-total td,
.woocommerce-order-received .woocommerce-table--order-details .order-total th {
    font-family: 'Anton', sans-serif;
    font-size: 16px;
    color: #a1232c;
    letter-spacing: 1px;
}

.woocommerce-MyAccount-content .woocommerce-orders-table a:not(.button),
.woocommerce-MyAccount-content .woocommerce-table--order-details a:not(.button),
.woocommerce-order .woocommerce-table--order-details a:not(.button) {
    color: #a1232c !important;
    font-weight: 700;
    text-decoration: underline !important;
}

.woocommerce-MyAccount-content .woocommerce-orders-table a:not(.button):hover,
.woocommerce-MyAccount-content .woocommerce-table--order-details a:not(.button):hover {
    color: #861a22 !important;
}

/* ===== ORDERS LIST — ACTION BUTTONS ===== */

.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button,
.woocommerce-MyAccount-content .woocommerce-orders-table .button,
.woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button,
.woocommerce-MyAccount-content .woocommerce-pagination .button {
    background: #a1232c !important;
    color: #f2e8d0 !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 8px 18px !important;
    font-family: 'Anton', sans-serif !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: inline-block;
    line-height: 1.4;
}

.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table .button:hover,
.woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button:hover,
.woocommerce-MyAccount-content .woocommerce-pagination .button:hover {
    background: #861a22 !important;
    color: #f2e8d0 !important;
}

.woocommerce-MyAccount-content .woocommerce-pagination {
    margin-top: 1.5rem;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

/* ===== VIEW ORDER — STATUS BANNER ===== */

.woocommerce-view-order .woocommerce-MyAccount-content > p:first-child {
    background: #a1232c !important;
    color: #f2e8d0 !important;
    border-radius: 10px !important;
    padding: 15px 20px !important;
    font-family: Georgia, serif !important;
    font-size: 14px !important;
    text-transform: none !important;
    text-align: left !important;
    letter-spacing: 0 !important;
    margin-bottom: 1rem !important;
}

.woocommerce-view-order .woocommerce-MyAccount-content > p:first-child mark {
    background: transparent;
    color: #f2a51a;
    font-family: 'Anton', sans-serif;
    letter-spacing: 1px;
}

.woocommerce-view-order .woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-order-details__title {
    font-family: 'Anton', sans-serif !important;
    font-size: 18px !important;
    letter-spacing: 2px !important;
    color: #4a2a20 !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid #a1232c;
    padding-bottom: 10px;
    margin: 2rem 0 0;
}

.woocommerce-view-order .woocommerce-order-details {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    column-gap: 1rem;
}

.woocommerce-view-order .woocommerce-order-details > .pa-check-cards-link {
    grid-column: 2;
    grid-row: 1;
    margin-top: 2rem;
    margin-bottom: 10px;
}

.woocommerce-view-order .woocommerce-order-details > .woocommerce-order-details__title {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 0;
    padding-right: 0;
}

.woocommerce-view-order .woocommerce-order-details > .woocommerce-table--order-details,
.woocommerce-view-order .woocommerce-order-details > h2:not(.woocommerce-order-details__title),
.woocommerce-view-order .woocommerce-order-details > h3,
.woocommerce-view-order .woocommerce-order-details > .gift_card_table,
.woocommerce-view-order .woocommerce-order-details > .pa-giftcard-api-order-id {
    grid-column: 1 / -1;
}

.woocommerce-view-order .pa-check-cards-link {
    background: #a1232c;
    color: #f2e8d0 !important;
    border-radius: 8px;
    padding: 10px 18px;
    font-family: 'Anton', sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none !important;
    white-space: nowrap;
    line-height: 1.4;
}

.woocommerce-view-order .pa-check-cards-link:hover {
    background: #861a22;
    color: #f2e8d0 !important;
}

@media (max-width: 767px) {
    .woocommerce-view-order .woocommerce-order-details {
        display: block;
    }

    .woocommerce-view-order .pa-check-cards-link {
        display: inline-block;
        margin: 1rem 0;
    }
}

.woocommerce-view-order .woocommerce-OrderUpdates,
.woocommerce-view-order .woocommerce-customer-details {
    margin-top: 2rem;
}

.woocommerce-view-order .woocommerce-OrderUpdates h2,
.woocommerce-view-order .woocommerce-customer-details h2 {
    font-family: 'Anton', sans-serif;
    font-size: 16px;
    letter-spacing: 1.5px;
    color: #4a2a20;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.woocommerce-view-order .woocommerce-OrderUpdate,
.woocommerce-view-order .woocommerce-customer-details address {
    background: rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(161, 35, 44, 0.15);
    border-radius: 15px;
    padding: 20px 25px;
    font-family: Georgia, serif;
    font-size: 14px;
    color: #4a2a20;
    font-style: normal;
    line-height: 1.6;
}

/* ===== THANK YOU / ORDER RECEIVED ===== */

.woocommerce-order-received .woocommerce-notice--success,
.woocommerce-order-received .woocommerce-thankyou-order-received {
    font-family: Georgia, serif;
    font-size: 16px;
    color: #4a2a20;
    margin-bottom: 1.5rem;
}

.woocommerce-order-received .woocommerce-order-overview {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
    list-style: none;
    margin: 0 0 2rem;
    padding: 0;
}

.woocommerce-order-received .woocommerce-order-overview li {
    background: #a1232c;
    color: #f2e8d0;
    border-radius: 10px;
    padding: 15px 20px;
    font-family: Georgia, serif;
    font-size: 14px;
    margin: 0;
}

.woocommerce-order-received .woocommerce-order-overview li strong {
    display: block;
    color: #f2a51a;
    font-family: 'Anton', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 6px;
    font-weight: 400;
}

.woocommerce-order-received .woocommerce-order-overview li strong,
.woocommerce-order-received .woocommerce-order-overview li strong .woocommerce-Price-amount,
.woocommerce-order-received .woocommerce-order-overview li strong .woocommerce-Price-amount bdi,
.woocommerce-order-received .woocommerce-order-overview li strong .woocommerce-Price-currencySymbol {
    color: #f2a51a !important;
}

.woocommerce-order-received .woocommerce-order-details {
    margin-top: 1rem;
}

/* ===== GIFT CARD DETAILS TABLES (custom woo-func output) ===== */

.woocommerce-order-details > h2:not(.woocommerce-order-details__title),
.woocommerce-order-details > h3 {
    font-family: 'Anton', sans-serif !important;
    font-size: 18px !important;
    letter-spacing: 2px !important;
    color: #4a2a20 !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid #a1232c;
    padding-bottom: 10px;
    margin: 2rem 0 1rem;
}

.woocommerce-order-details > h3 {
    font-size: 16px !important;
    letter-spacing: 1.5px !important;
    margin-top: 2rem;
}

.woocommerce-order .gift_card_table,
.woocommerce-order-received .gift_card_table,
.woocommerce-view-order .gift_card_table {
    display: table !important;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    background: rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(161, 35, 44, 0.15);
    border-radius: 15px;
    padding: 0;
    margin: 0 0 1.5rem;
    overflow: hidden;
}

.woocommerce-order .gift_card_table thead,
.woocommerce-order-received .gift_card_table thead,
.woocommerce-view-order .gift_card_table thead {
    display: table-header-group !important;
}

.woocommerce-order .gift_card_table tbody,
.woocommerce-order-received .gift_card_table tbody,
.woocommerce-view-order .gift_card_table tbody {
    display: table-row-group !important;
}

.woocommerce-order .gift_card_table tr,
.woocommerce-order-received .gift_card_table tr,
.woocommerce-view-order .gift_card_table tr {
    display: table-row !important;
}

.woocommerce-order .gift_card_table th,
.woocommerce-order .gift_card_table td,
.woocommerce-order-received .gift_card_table th,
.woocommerce-order-received .gift_card_table td,
.woocommerce-view-order .gift_card_table th,
.woocommerce-view-order .gift_card_table td {
    display: table-cell !important;
    font-family: Georgia, serif;
    font-size: 14px;
    color: #4a2a20;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(161, 35, 44, 0.1);
    text-align: left;
    vertical-align: top;
    word-break: break-word;
}

.woocommerce-order .gift_card_table thead th,
.woocommerce-order-received .gift_card_table thead th,
.woocommerce-view-order .gift_card_table thead th {
    font-family: 'Anton', sans-serif !important;
    font-size: 12px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: #4a2a20 !important;
    background: rgba(161, 35, 44, 0.08);
    border-bottom: 1px solid rgba(161, 35, 44, 0.2);
    font-weight: 400 !important;
}

.woocommerce-order .gift_card_table tbody tr:last-child td,
.woocommerce-order-received .gift_card_table tbody tr:last-child td,
.woocommerce-view-order .gift_card_table tbody tr:last-child td {
    border-bottom: none;
}

/* ===== BILLING / SHIPPING ADDRESS ===== */

.woocommerce-order-received .woocommerce-customer-details,
.woocommerce-order .woocommerce-customer-details,
.woocommerce-view-order .woocommerce-customer-details {
    margin-top: 2rem;
}

.woocommerce-order-received .woocommerce-customer-details .woocommerce-column__title,
.woocommerce-order .woocommerce-customer-details .woocommerce-column__title,
.woocommerce-view-order .woocommerce-customer-details .woocommerce-column__title {
    font-family: 'Anton', sans-serif !important;
    font-size: 18px !important;
    letter-spacing: 2px !important;
    color: #4a2a20 !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid #a1232c;
    padding-bottom: 10px;
    margin: 0 0 1rem;
}

.woocommerce-order-received .woocommerce-customer-details address,
.woocommerce-order .woocommerce-customer-details address,
.woocommerce-view-order .woocommerce-customer-details address {
    background: rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(161, 35, 44, 0.15);
    border-radius: 15px;
    padding: 20px 25px;
    font-family: Georgia, serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    color: #4a2a20 !important;
    line-height: 1.7;
    margin: 0;
}

.woocommerce-order-received .woocommerce-customer-details address p,
.woocommerce-order .woocommerce-customer-details address p,
.woocommerce-view-order .woocommerce-customer-details address p {
    font-family: Georgia, serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    color: #4a2a20 !important;
    margin: 8px 0 0 !important;
}

.woocommerce-order-received .woocommerce-customer-details .col2-set,
.woocommerce-order .woocommerce-customer-details .col2-set {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.woocommerce-order-received .woocommerce-customer-details .col2-set::before,
.woocommerce-order-received .woocommerce-customer-details .col2-set::after,
.woocommerce-order .woocommerce-customer-details .col2-set::before,
.woocommerce-order .woocommerce-customer-details .col2-set::after {
    display: none !important;
    content: none !important;
}

/* Gift card meta on order details */
.woocommerce-table--order-details .wc-item-meta,
.woocommerce-table--order-details dl.variation {
    margin: 8px 0 0;
    font-size: 13px;
    color: rgba(74, 42, 32, 0.85);
}

.woocommerce-table--order-details .wc-item-meta li,
.woocommerce-table--order-details dl.variation dt,
.woocommerce-table--order-details dl.variation dd {
    font-family: Georgia, serif;
    margin: 0 0 4px;
}

.woocommerce-table--order-details dl.variation dt {
    font-family: 'Anton', sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #a1232c;
    float: none;
    display: inline;
}

.woocommerce-table--order-details dl.variation dd {
    display: inline;
    margin-left: 6px;
}

.woocommerce-table--order-details dl.variation dd p {
    display: inline;
    margin: 0;
    font-family: Georgia, serif;
    color: #4a2a20;
}

@media (max-width: 768px) {
    .woocommerce-MyAccount-content .woocommerce-orders-table,
    .woocommerce-MyAccount-content .woocommerce-table--order-details,
    .woocommerce-order .woocommerce-table--order-details,
    .woocommerce-order-received .woocommerce-table--order-details {
        padding: 12px;
    }

    .woocommerce-order-received .woocommerce-order-overview {
        grid-template-columns: 1fr;
    }

    .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button,
    .woocommerce-MyAccount-content .woocommerce-orders-table .button {
        width: 100%;
        text-align: center;
    }

    .woocommerce-order-received .woocommerce-customer-details .col2-set,
    .woocommerce-order .woocommerce-customer-details .col2-set {
        grid-template-columns: 1fr;
    }

    /* Keep gift card tables readable on mobile */
    .woocommerce-order .gift_card_table.shop_table_responsive thead,
    .woocommerce-order-received .gift_card_table.shop_table_responsive thead,
    .woocommerce-view-order .gift_card_table.shop_table_responsive thead {
        display: table-header-group !important;
    }

    .woocommerce-order .gift_card_table.shop_table_responsive tr,
    .woocommerce-order-received .gift_card_table.shop_table_responsive tr,
    .woocommerce-view-order .gift_card_table.shop_table_responsive tr {
        display: table-row !important;
    }

    .woocommerce-order .gift_card_table.shop_table_responsive th,
    .woocommerce-order .gift_card_table.shop_table_responsive td,
    .woocommerce-order-received .gift_card_table.shop_table_responsive th,
    .woocommerce-order-received .gift_card_table.shop_table_responsive td,
    .woocommerce-view-order .gift_card_table.shop_table_responsive th,
    .woocommerce-view-order .gift_card_table.shop_table_responsive td {
        display: table-cell !important;
    }

    .woocommerce-order .gift_card_table.shop_table_responsive td::before,
    .woocommerce-order-received .gift_card_table.shop_table_responsive td::before,
    .woocommerce-view-order .gift_card_table.shop_table_responsive td::before {
        display: none !important;
    }
}

/* ===== CHECKOUT — PHONE PREFIX + HIDE EMPTY SHIPPING ===== */

.woocommerce-checkout form .form-row-first,
.woocommerce-checkout form .form-row-last {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    float: none;
}

.woocommerce-checkout form .form-row-last {
    margin-left: 3%;
}

.woocommerce-checkout #billing_phone_prefix_field,
.woocommerce-checkout #billing_phone_field {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

.woocommerce-checkout #billing_phone_field {
    margin-left: 3%;
}

/* Gift cards are virtual — WooCommerce still outputs an empty shipping wrapper */
.woocommerce-checkout .woocommerce-shipping-fields:not(:has(#ship-to-different-address)) {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: none !important;
}

@media (max-width: 767px) {
    .woocommerce-checkout form .form-row-first,
    .woocommerce-checkout form .form-row-last,
    .woocommerce-checkout #billing_phone_prefix_field,
    .woocommerce-checkout #billing_phone_field {
        width: 100%;
        display: block;
        margin-left: 0;
    }
}

/* ===== CART — override Oxygen universal.css legacy checkout button gradient ===== */

.woocommerce .wc-proceed-to-checkout a.checkout-button {
    background-image: none !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background: #f2a51a !important;
    color: #4a2a20 !important;
    border: none !important;
    border-radius: 10px !important;
    font-family: 'Anton', sans-serif !important;
    font-size: 16px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    padding: 16px !important;
    width: 100% !important;
    text-align: center !important;
    display: block !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background: #e09610 !important;
    color: #4a2a20 !important;
    background-image: none !important;
}
.woocommerce-cart-form dl.variation p, .woocommerce-cart-form dl.variation:last-child{margin: 0;}