

/* FINAL-POLISH REFACTOR V1 — SHOP */

/* Grid pagination */
/* Remove yellow background from entire pagination area */
body.te-archive-home-cards
:is(
    .woocommerce-pagination,
    .wd-pagination,
    .woocommerce-pagination ul.page-numbers,
    .wd-pagination ul.page-numbers,
    .woocommerce-pagination li,
    .wd-pagination li
) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Prevent entire pagination row highlighting */
body.te-archive-home-cards
:is(
    .woocommerce-pagination,
    .wd-pagination,
    .woocommerce-pagination li,
    .wd-pagination li
):hover {
    background: transparent !important;
    background-color: transparent !important;
}

/* All page numbers neutral by default */
body.te-archive-home-cards
:is(.woocommerce-pagination, .wd-pagination)
:is(a.page-numbers, span.page-numbers) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 35px !important;
    min-height: 35px !important;

    padding: 6px 9px !important;
    margin: 0 2px !important;

    background: transparent !important;
    background-color: transparent !important;

    color: #111318 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    transition: background-color .15s ease !important;
}

/* Highlight only the hovered page number */
body.te-archive-home-cards
:is(.woocommerce-pagination, .wd-pagination)
a.page-numbers:hover,

body.te-archive-home-cards
:is(.woocommerce-pagination, .wd-pagination)
a.page-numbers:focus-visible {
    background: #FFC700 !important;
    background-color: #FFC700 !important;
    color: #111318 !important;
    box-shadow: none !important;
}

/* Current page: underline instead of filled background */
body.te-archive-home-cards
:is(.woocommerce-pagination, .wd-pagination)
.page-numbers.current {
    background: transparent !important;
    background-color: transparent !important;
    color: #111318 !important;
    border-bottom: 2px solid #FFC700 !important;
    font-weight: 700 !important;
}

/* Per-page controls */
body.te-archive-home-cards
.wd-products-per-page a:hover {
    color: #D3A000 !important;
}

/* Archive cards */
/* Five cards per row, matching homepage */
body.te-archive-home-cards
.main-page-wrapper .wd-products,
body.te-archive-home-cards
.main-page-wrapper ul.products {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 18px !important;
    align-items: stretch !important;
}

body.te-archive-home-cards
.main-page-wrapper .wd-products > .wd-product,
body.te-archive-home-cards
.main-page-wrapper .wd-products > .product-grid-item,
body.te-archive-home-cards
.main-page-wrapper ul.products > li.product {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* White product cards */
body.te-archive-home-cards
.main-page-wrapper .wd-products > .wd-product .product-wrapper,
body.te-archive-home-cards
.main-page-wrapper .wd-products > .product-grid-item .product-wrapper,
body.te-archive-home-cards
.main-page-wrapper ul.products > li.product {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    background: #fff !important;
    border: 1px solid #ececec !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}

/* Uniform 4:5 product image */
body.te-archive-home-cards
.main-page-wrapper .product-element-top {
    width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    flex: none !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: #f4f4f4 !important;
}

body.te-archive-home-cards
.main-page-wrapper .product-element-top img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform .28s ease !important;
}

body.te-archive-home-cards
.main-page-wrapper .wd-product:hover
.product-element-top img {
    transform: scale(1.025);
}

/* Product information */
body.te-archive-home-cards
.main-page-wrapper .product-information {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 166px !important;
    padding: 13px 12px 12px !important;
    background: #fff !important;
    text-align: left !important;
}

body.te-archive-home-cards
.main-page-wrapper .wd-entities-title,
body.te-archive-home-cards
.main-page-wrapper .woocommerce-loop-product__title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
    margin: 0 !important;
    color: #151515 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: left !important;
}

body.te-archive-home-cards
.main-page-wrapper .wd-entities-title a {
    color: #151515 !important;
    text-decoration: none !important;
}

body.te-archive-home-cards
.main-page-wrapper .wd-entities-title a:hover {
    color: #c99f00 !important;
}

/* Remove redundant categories and ratings */
body.te-archive-home-cards
.main-page-wrapper .wd-product-cats,
body.te-archive-home-cards
.main-page-wrapper .wd-product .star-rating {
    display: none !important;
}

/* Price and cart footer */
body.te-archive-home-cards
.main-page-wrapper .te-card-home-bottom {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-top: auto !important;
    padding-top: 16px !important;
}

body.te-archive-home-cards
.main-page-wrapper .te-card-home-bottom .price {
    margin: 0 !important;
    color: #111 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: left !important;
}

body.te-archive-home-cards
.main-page-wrapper .te-card-home-bottom .price del {
    color: #aaa !important;
    font-size: 11px !important;
    font-weight: 400 !important;
}

body.te-archive-home-cards
.main-page-wrapper .te-card-home-bottom .price ins {
    color: #111 !important;
    text-decoration: none !important;
}

/* Round yellow cart button */
body.te-archive-home-cards
.main-page-wrapper .te-card-home-bottom .wd-add-btn {
    display: block !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body.te-archive-home-cards
.main-page-wrapper .te-card-action,
body.te-archive-home-cards
.main-page-wrapper .te-card-fallback {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #FFC700 !important;
    background-image: none !important;
    color: #111318 !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

body.te-archive-home-cards
.main-page-wrapper .te-card-action:hover,
body.te-archive-home-cards
.main-page-wrapper .te-card-fallback:hover {
    background: #FFC700 !important;
    color: #111318 !important;
    box-shadow: none !important;
    transform: scale(1.05) !important;
}

body.te-archive-home-cards
.main-page-wrapper .te-card-action::before,
body.te-archive-home-cards
.main-page-wrapper .te-card-action::after {
    display: none !important;
    content: none !important;
}

body.te-archive-home-cards
.main-page-wrapper .te-card-action > svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
}

body.te-archive-home-cards
.main-page-wrapper .te-card-fallback {
    font-size: 22px !important;
}

body.te-archive-home-cards
.main-page-wrapper .te-card-action:focus-visible,
body.te-archive-home-cards
.main-page-wrapper .te-card-fallback:focus-visible {
    outline: 2px solid #111 !important;
    outline-offset: 2px !important;
}

/* Homepage-style red discount label */
body.te-archive-home-cards
.main-page-wrapper .product-label.onsale {
    background: #e94d3d !important;
    color: #fff !important;
    border-radius: 0 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

/* Hide extra hover actions, keep native add-to-cart */
body.te-archive-home-cards
.main-page-wrapper .te-card-home-ready
:is(.wd-quick-view-btn, .wd-wishlist-btn, .wd-compare-btn) {
    display: none !important;
}

/* Tablet */
@media (max-width: 1100px) {
    body.te-archive-home-cards
    .main-page-wrapper .wd-products,
    body.te-archive-home-cards
    .main-page-wrapper ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    body.te-archive-home-cards
    .main-page-wrapper .wd-products,
    body.te-archive-home-cards
    .main-page-wrapper ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    body.te-archive-home-cards
    .main-page-wrapper .product-information {
        padding: 10px 9px !important;
        min-height: 170px !important;
    }
}

/* Latest/New Arrivals cart hover */
/*
 * New Arrivals product cards only.
 * Remove yellow hover background.
 * Preserve cart icon hover animation.
 */

body.toyseasy-latest-page
.product-grid-item .wd-add-btn:hover,

body.toyseasy-latest-page
.product-grid-item .wd-add-btn:focus-within {

    background: transparent !important;
    box-shadow: none !important;
}

/* Cart button hover */

body.toyseasy-latest-page
.product-grid-item .wd-add-btn > a:hover,

body.toyseasy-latest-page
.product-grid-item .wd-add-btn > a:focus-visible,

body.toyseasy-latest-page
.product-grid-item .wd-bottom-actions
a.add-to-cart-loop:hover {

    background: transparent !important;
    background-image: none !important;

    color: #111318 !important;

    box-shadow: none !important;
    border-color: transparent !important;
}

/* Remove highlight on animated text layer */

body.toyseasy-latest-page
.product-grid-item .wd-add-btn > a:hover
span:not(.wd-tooltip-label) {

    background: transparent !important;
}

/* Keep the hover cart icon dark */

body.toyseasy-latest-page
.product-grid-item .wd-add-btn > a:hover::before,

body.toyseasy-latest-page
.product-grid-item .wd-add-btn > a:focus-visible::before,

body.toyseasy-latest-page
.product-grid-item .wd-bottom-actions
a.add-to-cart-loop:hover::before {

    color: #111318 !important;
    -webkit-text-fill-color: #111318 !important;
}

/*
 * Do not change:
 * icon content
 * text transform animation
 * button dimensions
 * add-to-cart functionality
 */

/* Three shop font */
/* Main navigation text */
html body.te-shop-font-three
.whb-header .wd-nav .nav-link-text,

/* Product listing titles and text */
html body.te-shop-font-three
.main-page-wrapper :is(
    .wd-entities-title,
    .wd-product-title,
    .woocommerce-loop-product__title,
    .wd-product-cats,
    .wd-product-brands,
    .wd-product-price,
    .woocommerce-Price-amount,
    .price,
    .wd-product-stock-status,
    .wd-product-label
),

/* Shop filters, sorting and breadcrumbs */
html body.te-shop-font-three
.main-page-wrapper :is(
    .widget-title,
    .wd-widget-title,
    .wd-widget a,
    .woocommerce-result-count,
    .woocommerce-ordering,
    .woocommerce-ordering select,
    .woocommerce-breadcrumb,
    .wd-breadcrumbs,
    .wd-shop-result-count,
    .wd-products-per-page a,
    .wd-products-shop-view a,
    .wd-shop-tools .wd-tools-text
) {
    font-family:
        "ToysEasy Local UI Lato",
        Arial,
        sans-serif !important;
}

/*
 * Keep existing font-size and font-weight.
 * Keep Hero headings and icon fonts untouched.
 */

/* END TOYSEASY THREE SHOP FONT V1 */


/* =========================================================
   PRE-ORDER / IN-STOCK — HEADER / PAGE SEAM
   migrated from toyseasy-preorder-instock-seam.php
   ========================================================= */

/* =========================================================
   Remove WoodMart spacing above banner
   ========================================================= */

body.toyseasy-preorder-page .main-page-wrapper,
body.toyseasy-instock-page .main-page-wrapper {
padding-top: 0 !important;
}


/* =========================================================
   Remove the visible 1px header/bannner seam
   Keep dimensions unchanged.
   ========================================================= */

body.toyseasy-preorder-page .whb-general-header,
body.toyseasy-preorder-page .whb-general-header-inner,
body.toyseasy-instock-page .whb-general-header,
body.toyseasy-instock-page .whb-general-header-inner {
border-bottom-color: transparent !important;
box-shadow: none !important;
}


/* =========================================================
   Banner itself must not produce a top line
   ========================================================= */

body.toyseasy-preorder-page .page-title.page-title-default,
body.toyseasy-instock-page .page-title.page-title-default {
margin-top: 0 !important;
border-top: 0 !important;
box-shadow: none !important;
}


/* END PRE-ORDER / IN-STOCK SEAM */

/* =========================================================
   LATEST / NEW ARRIVALS — REMOVE WOODMART TOP SPACING
   migrated from toyseasy-latest-gap-fix.php
   ========================================================= */

body.toyseasy-latest-page .main-page-wrapper {
    padding-top: 0 !important;
}

/* =========================================================
   LATEST / NEW ARRIVALS — HEADER / BANNER SEAM
   migrated from toyseasy-latest-gap-fix.php
   ========================================================= */

body.toyseasy-latest-page .whb-general-header,
body.toyseasy-latest-page .whb-general-header-inner {
    border-bottom-color: transparent !important;
    box-shadow: none !important;
}

/* =========================================================
   LATEST / NEW ARRIVALS — BANNER TOP SEAM
   migrated from toyseasy-latest-gap-fix.php
   ========================================================= */

body.toyseasy-latest-page .page-title.page-title-default {
    margin-top: 0 !important;
    border-top: 0 !important;
    box-shadow: none !important;
}

/* END LATEST / NEW ARRIVALS GAP */
