/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

div.quantity input[type="number"] {
    width: 50px;
}




/* =============================== START OF GLOBAL ===============================*/

/* Kill the page title */
.wd-page-title {
    display: none;
}



/* ================================ END OF GLOBAL ================================*/



/* =============================== START OF HEADER ===============================*/

/* Search form in middle row - left section */
.whb-general-header-inner>.whb-column.whb-col-left {
    align-items: center;
}

/* Buttons in middle row - right section */
.whb-general-header-inner>.whb-column.whb-col-right {
    align-items: flex-end;
}

.announcement-cta.primary {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.3);
    min-height: 34px;
    line-height: 1;
}

.announcement-cta.primary:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}

.announcement-cta.secondary {
    background: white;
    color: #16a085;
    border: 1px solid white;
    min-height: 34px;
    line-height: 1;
}

.announcement-cta.secondary:hover {
    background: #f8f9fa;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    color: #138f75;
}

.announcement-icon {
    padding-right: 15px;
}

.announcement-text {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.3px;
    color: #fff;
}

.wd-search-form>form {
    max-width: 418px;
}

/* ================================ END OF HEADER ================================*/






/* ---- HOMEPAGE ---- */
/* ---- END OF HOMEPAGE ---- */














/* ---- SINGLE PRODUCT ---- */

.single-product .stock {
    display: none;
}

.product-label {
    margin-right: 10px;
}

.product-label.original {
    background-color: green;
}

.woocommerce-tabs>.wd-accordion-item {
    max-height: 400px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.woocommerce-tabs>.wd-accordion-item~.wd-accordion-item {
    max-height: unset !important;
    overflow-y: auto !important;
}

.single-product .woocommerce-product-attributes-item--weight,
.single-product .woocommerce-product-attributes-item--dimensions {
    display: none;
}

.single-product h1 {
    margin-bottom: 10px;
}

.single-product .product_meta .sku_wrapper {
    display: none !important;
}

.product_meta.product_meta_under_title {
    padding-top: 0;
    border-top: 0 !important;
    margin-bottom: 25px;
    font-size: 16px;
}

.single-product .price {
    flex-wrap: wrap;
    flex-direction: row !important;
}


.product-tabs-wrapper .woocommerce-tabs {
    max-width: 1000px;
    margin: 0 auto;
}


.summary-inner>.price,
.product-wrapper .price {
    font-size: inherit;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.product-wrapper .price {
    font-size: 90%;
    margin-top: unset !important;
}


.single-product table.woocommerce-product-attributes {
    max-width: 100% !important;
}

.single-product #tab-wd_additional_tab .e-loop-nothing-found-message {
    padding-block-start: 0;
}

.single-product #tab-title-description a span::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgVHJhbnNmb3JtZWQgYnk6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoKPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4KCjxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoKPGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPiA8cGF0aCBkPSJNMTIgMTdWMTEiIHN0cm9rZT0iIzE2YTA4NSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPiA8Y2lyY2xlIGN4PSIxIiBjeT0iMSIgcj0iMSIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMTEgOSkiIGZpbGw9IiMxNmEwODUiLz4gPHBhdGggZD0iTTIgMTJDMiA3LjI4NTk1IDIgNC45Mjg5MyAzLjQ2NDQ3IDMuNDY0NDdDNC45Mjg5MyAyIDcuMjg1OTUgMiAxMiAyQzE2LjcxNCAyIDE5LjA3MTEgMiAyMC41MzU1IDMuNDY0NDdDMjIgNC45Mjg5MyAyMiA3LjI4NTk1IDIyIDEyQzIyIDE2LjcxNCAyMiAxOS4wNzExIDIwLjUzNTUgMjAuNTM1NUMxOS4wNzExIDIyIDE2LjcxNCAyMiAxMiAyMkM3LjI4NTk1IDIyIDQuOTI4OTMgMjIgMy40NjQ0NyAyMC41MzU1QzIgMTkuMDcxMSAyIDE2LjcxNCAyIDEyWiIgc3Ryb2tlPSIjMTZhMDg1IiBzdHJva2Utd2lkdGg9IjEuNSIvPiA8L2c+Cgo8L3N2Zz4=");
    background-size: contain;
}

.single-product #tab-title-additional_information a span::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgVHJhbnNmb3JtZWQgYnk6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoKPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4KCjxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoKPGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPiA8cGF0aCBkPSJNMiA1LjVMMy4yMTQyOSA3TDcuNSAzIiBzdHJva2U9IiMxNmEwODUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTIgMTIuNUwzLjIxNDI5IDE0TDcuNSAxMCIgc3Ryb2tlPSIjMTZhMDg1IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik0yIDE5LjVMMy4yMTQyOSAyMUw3LjUgMTciIHN0cm9rZT0iIzE2YTA4NSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMjIgMTlMMTIgMTkiIHN0cm9rZT0iIzE2YTA4NSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPiA8cGF0aCBkPSJNMjIgMTJMMTIgMTIiIHN0cm9rZT0iIzE2YTA4NSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPiA8cGF0aCBkPSJNMjIgNUwxMiA1IiBzdHJva2U9IiMxNmEwODUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4gPC9nPgoKPC9zdmc+");
    background-size: contain;
}

.single-product #tab-title-wd_additional_tab a span::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgVHJhbnNmb3JtZWQgYnk6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoKPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4KCjxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoKPGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPiA8cGF0aCBkPSJNMiAzTDIuMjY0OTEgMy4wODgzQzMuNTg0OTUgMy41MjgzMiA0LjI0NDk3IDMuNzQ4MzIgNC42MjI0OCA0LjI3MjFDNSA0Ljc5NTg3IDUgNS40OTE1OSA1IDYuODgzMDRWOS41QzUgMTIuMzI4NCA1IDEzLjc0MjYgNS44Nzg2OCAxNC42MjEzQzYuNzU3MzYgMTUuNSA4LjE3MTU3IDE1LjUgMTEgMTUuNUgxOSIgc3Ryb2tlPSIjMTZhMDg1IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+IDxwYXRoIGQ9Ik03LjUgMThDOC4zMjg0MyAxOCA5IDE4LjY3MTYgOSAxOS41QzkgMjAuMzI4NCA4LjMyODQzIDIxIDcuNSAyMUM2LjY3MTU3IDIxIDYgMjAuMzI4NCA2IDE5LjVDNiAxOC42NzE2IDYuNjcxNTcgMTggNy41IDE4WiIgc3Ryb2tlPSIjMTZhMDg1IiBzdHJva2Utd2lkdGg9IjEuNSIvPiA8cGF0aCBkPSJNMTYuNSAxOC4wMDAxQzE3LjMyODQgMTguMDAwMSAxOCAxOC42NzE2IDE4IDE5LjUwMDFDMTggMjAuMzI4NSAxNy4zMjg0IDIxLjAwMDEgMTYuNSAyMS4wMDAxQzE1LjY3MTYgMjEuMDAwMSAxNSAyMC4zMjg1IDE1IDE5LjUwMDFDMTUgMTguNjcxNiAxNS42NzE2IDE4LjAwMDEgMTYuNSAxOC4wMDAxWiIgc3Ryb2tlPSIjMTZhMDg1IiBzdHJva2Utd2lkdGg9IjEuNSIvPiA8cGF0aCBkPSJNNSA2SDE2LjQ1MDRDMTguNTA1NCA2IDE5LjUzMjggNiAxOS45Nzc1IDYuNjc0MjZDMjAuNDIyMSA3LjM0ODUzIDIwLjAxNzMgOC4yOTI5NCAxOS4yMDc4IDEwLjE4MThMMTguNzc5MiAxMS4xODE4QzE4LjQwMTMgMTIuMDYzNiAxOC4yMTIzIDEyLjUwNDUgMTcuODM2NiAxMi43NTIzQzE3LjQ2MDkgMTMgMTYuOTgxMiAxMyAxNi4wMjE4IDEzSDUiIHN0cm9rZT0iIzE2YTA4NSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4gPC9nPgoKPC9zdmc+");
    background-size: contain;
}

.single-product .wd-nav-tabs a.wd-nav-link span {
    display: flex;
    gap: 10px;
}

.single-product .wd-nav-tabs a.wd-nav-link span::before {
    margin-top: -2px;
}

.ad-product-form-below-excerpt {
    align-self: flex-start;
    display: flex;
}

.wd-gallery-thumb .wd-carousel-item {
    height: 110px !important;
    overflow: hidden;
}

.wd-gallery-thumb .wd-carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* ---- END OF SINGLE PRODUCT ---- */



/* Hide original EPO select but keep it accessible for the form */
.ad-epo-pigment-select-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
}

/* EPO pigment swatches: make the value cell behave like WD's variations form */
.ad-epo-pigment-selection-section .tc-epo-element-variations td.value.cell.with-swatches {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/* Remove extra bottom gap under the swatches in this context */
.ad-epo-pigment-selection-section .tc-epo-element-variations td.value.cell.with-swatches .wd-swatches-product {
    margin-bottom: 0;
}

/* Push Clear to the right edge, same as native WD */
.ad-epo-pigment-selection-section .tc-epo-element-variations td.value.cell.with-swatches .wd-reset-var {
    margin-left: auto;
    white-space: nowrap;
    width: unset !important;
}

/* Line wrapper matches WD's flex behavior */
.wd-swatch-line {
    display: flex;
    align-items: center;
    width: 100%;
}

/* EPO quirk: Child product title had to be enabled for pigment swatches to render. So, hide that title */
.ad-epo-pigment-selection-section .tc-epo-element-product-container-cart .product-title {
    display: none;
}

/* Push Clear fully to the right */
.wd-swatch-line .wd-reset-var {
    margin-left: auto;
    white-space: nowrap;
}



/* Keep shipping/package labels readable even when method labels include long product names */
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals>th {
    width: 220px;
    min-width: 220px;
    white-space: normal;
    font-size: 14px;
}

/* Let long content wrap in the right cell instead of squeezing the left label */
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals>td {
    overflow-wrap: anywhere;
    word-break: break-word;
}

@media (max-width: 1024px) {
    #tm-extra-product-options-fields .wd-reset-var {
        position: unset;
        margin-top: 15px;
        margin-left: 0;
        margin-right: auto;
    }

    .wd-swatch-line {
        flex-direction: column;
    }
	.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals>th {
    width: auto;
    min-width: auto;
    white-space: normal;
    font-size: 14px;
	}
}







/* Mobile-only: show swatch name under each tile (EPO + stock WoodMart swatches) */
@media (max-width: 768px) {

    



  /* Make the summary a simple vertical stack (needed for ordering) */
  .single-product .summary-inner {
    display: flex;
    flex-direction: column;
  }

  /* Keep the brand logo behaving (it breaks when .summary-inner becomes flex) */
  .single-product .summary-inner .wd-product-brands {
        position: absolute;
        right: 15px;
        margin-top: 44px;
  }

  /* Preserve the normal order for the rest */
  .single-product .summary-inner .single-breadcrumbs-wrapper { order: 5; }
  .single-product .summary-inner .product_title             { order: 10; }
  .single-product .summary-inner .price                     { order: 20; }


 .single-product .summary-inner .wd-wishlist-btn { order: 65; }
 .single-product .summary-inner .product_meta { order: 75; }
.single-product .summary-inner .wd-social-icons { order: 85; }

  /* The swap: form first, short description after */
  .single-product .summary-inner form.variations_form,
  .single-product .summary-inner form.cart {
    order: 40;
  }

  .single-product .summary-inner .woocommerce-product-details__short-description {
    order: 50;
  }








    .tc-epo-element-variable-product-attribute {
        display: flex !important;
        flex-direction: column;
    }

    .ad-epo-pigment-selection-section,
    form.variations_form {
        --ad-swatch-tile: var(--wd-swatch-h);
        --ad-swatch-gap: 6px;
        --ad-label-lines: 2;
        --ad-label-lh: 12px;
        --ad-label-fs: 12px;
        --ad-swatch-width: 90px;
    }

    form.variations_form {
        display: block;
    }

    /* Swatch becomes vertical stack with reserved label space */
    .ad-epo-pigment-selection-section .wd-swatches-product .wd-swatch,
    form.variations_form .wd-swatches-product .wd-swatch {
        /* Remove the tile border from the wrapper */
        --wd-swatch-brd-color: transparent !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        height: calc(var(--ad-swatch-tile) + var(--ad-swatch-gap) + (var(--ad-label-lines) * var(--ad-label-lh))) !important;
    }

    /* Lock the visual tile height */
    .ad-epo-pigment-selection-section .wd-swatches-product .wd-swatch .wd-swatch-bg,
    form.variations_form .wd-swatches-product .wd-swatch .wd-swatch-bg {
        /* Put the border on the square instead */
        border: 1px solid var(--brdcolor-gray-200) !important;
        height: var(--ad-swatch-tile) !important;
        width: 100%;
        margin-bottom: var(--ad-swatch-gap) !important;
        flex: 0 0 auto !important;
        display: block;
    }



    /* Force label visible + reserve height for 2 lines */
    .ad-epo-pigment-selection-section .wd-swatches-product .wd-swatch .wd-swatch-text,
    form.variations_form .wd-swatches-product .wd-swatch .wd-swatch-text {
        display: block !important;
        position: static !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        font-size: var(--ad-label-fs) !important;
        line-height: var(--ad-label-lh) !important;
        text-align: center !important;
        white-space: normal !important;
        max-width: var(--ad-swatch-width) !important;
        height: calc(var(--ad-label-lines) * var(--ad-label-lh)) !important;
        overflow: hidden !important;
    }

    /* Kill tooltips on mobile */
    .ad-epo-pigment-selection-section .wd-swatches-product .wd-swatch.wd-tooltip::before,
    .ad-epo-pigment-selection-section .wd-swatches-product .wd-swatch.wd-tooltip::after,
    form.variations_form .wd-swatches-product .wd-swatch.wd-tooltip::before,
    form.variations_form .wd-swatches-product .wd-swatch.wd-tooltip::after {
        display: none !important;
    }
}