/**
 * wam-product-pages.css
 * Styles for: Single Product, My Account, Thank You pages.
 * Design tokens derived from WooLentor Elementor JSON.
 * Loaded via functions.php on relevant pages only.
 */

/* ═══════════════════════════════════════════════════════════════════
   SINGLE PRODUCT
═══════════════════════════════════════════════════════════════════ */

.wam-single-product {
    max-width: 1290px;
    margin: 0 auto;
    padding: 60px 20px 0;
}

/* 2-column wrapper */
.wam-sp-wrap {
    display: flex;
    gap: 60px;
    align-items: flex-start;
}

/* Gallery — left ~38% */
.wam-sp-gallery {
    flex: 0 0 38%;
    min-width: 0;
}

.wam-sp-gallery .woocommerce-product-gallery {
    position: sticky;
    top: 100px;
}

/* Summary — right */
.wam-sp-summary {
    flex: 1;
    min-width: 0;
}

/* Product title */
.wam-sp-summary .product_title.entry-title {
    color: #1E42B5;
    font-family: Roboto, sans-serif;
    font-size: 26px !important;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: -0.5px;
    margin: 0 0 10px;
    line-height: 1.3;
}

/* Price */
.wam-sp-summary .price {
    font-family: Roboto, sans-serif;
    color: #000000;
    font-size: 33px;
    font-weight: 600;
    display: block;
    margin: 10px 0 25px;
}

.wam-sp-summary .price del {
    font-size: 24px;
    font-weight: 400;
    color: #888888;
    margin-right: 8px;
}

.wam-sp-summary .price ins {
    text-decoration: none;
    color: #000000;
}

/* Rating stars */
.wam-sp-summary .star-rating span::before,
.wam-sp-summary .star-rating::before {
    color: #f3c258;
}

/* SKU / meta */
.wam-sp-summary .product_meta {
    font-family: Roboto, sans-serif;
    font-size: 15px;
    letter-spacing: 0.4px;
    color: #000000;
    margin-bottom: 10px;
}

.wam-sp-summary .product_meta span {
    color: #000000;
}

/* Short description */
.wam-sp-summary .woocommerce-product-details__short-description {
    font-family: Roboto, sans-serif;
    font-size: 15px;
    color: #333333;
    margin-bottom: 16px;
}

/* Stock */
.wam-sp-summary .stock {
    color: #4054b2;
    font-family: Roboto, sans-serif;
    font-size: 14px;
}

.wam-sp-summary p.stock.in-stock {
    color: #4054b2;
}

/* Add to Cart area */
.wam-sp-summary form.cart {
    margin-bottom: 20px;
}

/* Add to Cart button */
.wam-sp-summary .single_add_to_cart_button,
.wam-sp-summary .button.single_add_to_cart_button {
    background-color: #FB6701 !important;
    color: #ffffff !important;
    border: 1px solid #d5d5d5 !important;
    border-radius: 26px !important;
    padding: 13px 40px !important;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    cursor: pointer;
    box-shadow: none !important;
}

.wam-sp-summary .single_add_to_cart_button:hover,
.wam-sp-summary .button.single_add_to_cart_button:hover {
    background-color: #ff4136 !important;
    border-color: #ff4136 !important;
    color: #ffffff !important;
}

/* Quantity input */
.wam-sp-summary .quantity .qty {
    border: 1px solid #d5d5d5;
    border-radius: 25px;
    padding: 6px 24px;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    width: 80px;
    text-align: center;
    height: auto;
}

/* Variation selects */
.wam-sp-summary .variations select {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    padding: 8px 12px;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
}

/* Shipping note */
.wam-sp-shipping-note {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #000000;
    margin: 0 0 6px;
}

.wam-sp-shipping-note a {
    color: #1E42B5;
    text-decoration: underline;
}

.wam-sp-shipping-note a:hover {
    color: #0f2870;
}

/* Delivery note */
.wam-sp-delivery-note {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #000000;
    margin: 0 0 20px;
}

/* ── Product Tabs ── */
.woocommerce-tabs.wc-tabs-wrapper {
    max-width: 1290px;
    margin: 40px auto 0;
    padding: 0 20px;
}

.woocommerce-tabs ul.tabs {
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-align: left;
    padding-left: 0;
}

.woocommerce-tabs ul.tabs li a {
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #050505;
}

.woocommerce-tabs .woocommerce-Tabs-panel {
    font-family: Roboto, sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #000000;
    border: 5px solid #e8e8e8;
    border-radius: 15px;
    padding: 24px;
    margin-top: 0;
}

.woocommerce-tabs .woocommerce-Reviews #reviews h2 {
    font-family: Roboto, sans-serif;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #505050;
}

/* ── Related + Upsells ── */
.related.products,
.upsells.products {
    max-width: 1290px;
    margin: 40px auto 0;
    padding: 0 20px;
}

.related.products > h2,
.upsells.products > h2 {
    font-family: Roboto, sans-serif;
    font-size: 29px;
    font-weight: 400;
    margin-bottom: 24px;
    color: #333333;
}

/* ── Responsive — Single Product ── */
@media (max-width: 768px) {
    .wam-sp-wrap {
        flex-direction: column;
        gap: 24px;
    }

    .wam-sp-gallery {
        flex: none;
        width: 100%;
    }

    .wam-sp-summary .product_title.entry-title {
        font-size: 22px !important;
    }

    .wam-sp-summary .price {
        font-size: 24px;
    }

    .wam-single-product {
        padding: 30px 16px 0;
    }
}

/* ═══════════════════════════════════════════════════════════════════
   MY ACCOUNT
═══════════════════════════════════════════════════════════════════ */

.wam-account-wrap {
    max-width: 1290px;
    margin: 100px auto;
    padding: 0 20px;
}

.wam-account-heading {
    font-size: 28px;
    font-weight: 600;
    color: #222222;
    margin-bottom: 32px;
    font-family: Poppins, sans-serif;
}

/* 2-column layout */
.wam-account-layout {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

/* ── Sidebar nav ── */
.wam-account-nav {
    flex: 0 0 220px;
}

.wam-account-nav .woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.wam-account-nav .woocommerce-MyAccount-navigation ul li {
    margin: 0;
}

.wam-account-nav .woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 10px 16px;
    color: #4054B2;
    font-family: Poppins, sans-serif;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 6px;
    transition: color 0.2s ease, background-color 0.2s ease;
    text-transform: capitalize;
}

.wam-account-nav .woocommerce-MyAccount-navigation ul li a:hover,
.wam-account-nav .woocommerce-MyAccount-navigation ul li.is-active a,
.wam-account-nav .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--is-active a {
    color: #25AB59;
    background-color: #f0faf4;
}

/* Dashboard user info area */
.wam-account-nav .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #e74c3c;
}

.wam-account-nav .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    color: #c0392b;
    background-color: #fdf0ef;
}

/* ── Content area ── */
.wam-account-content {
    flex: 1;
    min-width: 0;
}

.wam-account-content .woocommerce-MyAccount-content h2,
.wam-account-content .woocommerce-MyAccount-content h3 {
    font-family: Poppins, sans-serif;
}

/* ── Responsive — My Account ── */
@media (max-width: 768px) {
    .wam-account-layout {
        flex-direction: column;
        gap: 24px;
    }

    .wam-account-nav {
        flex: none;
        width: 100%;
    }

    .wam-account-wrap {
        margin: 40px auto;
    }
}

/* ═══════════════════════════════════════════════════════════════════
   THANK YOU PAGE
═══════════════════════════════════════════════════════════════════ */

.wam-thankyou-wrap {
    max-width: 1290px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding-bottom: 60px;
}

/* ── Hero band: full-width background, white text ── */
.wam-thankyou-hero {
    background-color: #1E42B5;
    background-image: url('https://library.shoplentor.com/wp-content/uploads/2024/01/thank-you-page-bg-one.png'), linear-gradient(135deg, #1E42B5 0%, #0f2870 100%);
    background-size: cover;
    background-position: center;
    padding: 70px 20px;
    text-align: center;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

.wam-thankyou-heading {
    font-family: 'Lexend', Poppins, sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 1.32em;
    color: #ffffff;
    margin: 0 0 12px;
}

.wam-thankyou-subtext {
    font-family: Poppins, sans-serif;
    font-size: 16px;
    color: #ffffff;
    margin: 0;
}

/* ── Order overview strip (790px centred) ── */
.wam-thankyou-container {
    max-width: 790px;
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
}

.wam-order-overview {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 40px;
    list-style: none;
    margin: 0 0 32px;
    padding: 0;
    justify-content: center;
}

.wam-order-overview li {
    font-family: Poppins, sans-serif;
    font-size: 14px;
    color: #555555;
    text-align: center;
}

.wam-order-overview li strong {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    margin-top: 4px;
}

/* ── 2-column details ── */
.wam-thankyou-details-row {
    display: flex;
    gap: 40px;
    padding: 0 20px;
    align-items: flex-start;
    max-width: 1290px;
    margin: 0 auto;
    width: 100%;
}

.wam-thankyou-col {
    flex: 1;
    min-width: 0;
}

.wam-thankyou-section-heading {
    font-family: Poppins, sans-serif;
    font-size: 28px;
    font-weight: 500;
    color: #000000;
    margin: 0 0 20px;
}

/* Order details table */
.wam-thankyou-col--items .woocommerce-table {
    font-family: Poppins, sans-serif;
    font-size: 16px;
    width: 100%;
    border-collapse: collapse;
}

.wam-thankyou-col--items .woocommerce-table th,
.wam-thankyou-col--items .woocommerce-table td {
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e0;
    font-size: 16px;
}

.wam-thankyou-col--items .woocommerce-table tfoot tr:last-child th,
.wam-thankyou-col--items .woocommerce-table tfoot tr:last-child td {
    font-weight: 700;
    font-size: 18px;
    border-bottom: none;
}

/* Customer details */
.wam-thankyou-col--address address {
    font-family: Poppins, sans-serif;
    font-size: 15px;
    line-height: 1.7;
    font-style: normal;
    color: #333333;
}

.wam-thankyou-col--address h3 {
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

/* ── Responsive — Thank You ── */
@media (max-width: 768px) {
    .wam-thankyou-details-row {
        flex-direction: column;
        gap: 32px;
    }

    .wam-thankyou-heading {
        font-size: 26px;
    }

    .wam-order-overview {
        gap: 16px;
    }

    .wam-thankyou-wrap {
        gap: 30px;
    }

    .wam-thankyou-hero {
        padding: 50px 20px;
    }
}