/* FINAL-POLISH REFACTOR V1 — PAGES */

/* Flash Sales local font */
/* Same local font as New Arrivals */

/* Navigation */
body.toyseasy-flash-sales-page
.whb-header .wd-nav .nav-link-text,

/* Hero secondary text */
body.toyseasy-flash-sales-page :is(
    .tfs-kicker,
    .tfs-sale-count,
    .tfs-time-number,
    .tfs-time-label,
    .tfs-breadcrumb,
    .tfs-breadcrumb a,
    .tfs-featured-label,
    .tfs-featured-name,
    .tfs-featured-name a,
    .tfs-featured-price,
    .tfs-featured-price del,
    .tfs-featured-price ins,
    .tfs-featured-discount
),

/* Product listing */
body.toyseasy-flash-sales-page :is(
    .tfs-found,
    .tfs-sort-wrap,
    .tfs-sort,
    .tfs-sort option,
    .tfs-badge,
    .tfs-stock,
    .tfs-product-name,
    .tfs-product-name a,
    .tfs-price-label,
    .tfs-price,
    .tfs-price span,
    .tfs-price del,
    .tfs-price ins,
    .tfs-more,
    .tfs-empty
) {
    font-family:
        "ToysEasy Local UI Lato",
        Arial,
        sans-serif !important;
}

/*
 * Hero H1 unchanged.
 * Font sizes and weights unchanged.
 * Cart icons and layout unchanged.
 */

/* After Sales / Pre-Orders Instructions fonts */
@font-face {
    font-family: "ToysEasy Inner Poppins";
    src: url("/wp-content/uploads/toyseasy-fonts/Poppins-600-latin.woff2")
         format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: block;
}

/* Navigation text: same local Lato as shop pages */

html body:is(
    .toyseasy-aftersales-page,
    .toyseasy-preorders-policy-page
) .whb-header .wd-nav .nav-link-text,

html body:is(
    .toyseasy-aftersales-page,
    .toyseasy-preorders-policy-page
) .whb-header .wd-tools-text {
    font-family:
        "ToysEasy Local UI Lato",
        Arial, sans-serif !important;
}

/* After Sales ordinary text */

html body.toyseasy-aftersales-page
.tas-page :is(
    p, li, label, input, textarea,
    select, option, button, a, small
),

/* Pre-Orders Instructions ordinary text */

html body.toyseasy-preorders-policy-page
.tpp-page :is(
    p, li, label, input, textarea,
    select, option, button, a, small
) {
    font-family:
        "ToysEasy Local UI Lato",
        Arial, sans-serif !important;
}

/* Content section headings only - Hero H1 excluded */

html body.toyseasy-aftersales-page
.tas-page :is(h2, h3),

html body.toyseasy-preorders-policy-page
.tpp-page :is(h2, h3) {
    font-family:
        "ToysEasy Inner Poppins",
        Arial, sans-serif !important;
}

/* END TOYSEASY TWO INNER PAGE FONTS V1 */

/* =========================================================
   CONTACT / FAQ FONT ALIASES
   ========================================================= */
@font-face {
  font-family: "ToysEasy FAQ Poppins";
  src: url("/wp-content/uploads/toyseasy-fonts/Poppins-600-latin.woff2") format("woff2");
  font-style: normal; font-weight: 600; font-display: block;
}
@font-face {
  font-family: "ToysEasy UI Poppins";
  src: url("/wp-content/uploads/toyseasy-fonts/Poppins-600-latin.woff2") format("woff2");
  font-style: normal; font-weight: 600; font-display: block;
}
html body.toyseasy-contact-page .tc-faq > h2 {
  font-family: "ToysEasy FAQ Poppins", Arial, sans-serif !important;
}
html body.toyseasy-contact-page .tc-faq summary,
html body.toyseasy-contact-page .tc-faq .tc-faq-answer {
  font-family: "ToysEasy Local UI Lato", Arial, sans-serif !important;
}
body.toyseasy-contact-page .tc-contact-card h2,
body.toyseasy-contact-page .tc-form-card h2,
body.toyseasy-contact-page .tc-form-card h3 {
  font-family: "ToysEasy UI Poppins", Arial, sans-serif !important;
}

/* Inner-page hero polish */
/* =========================================================
   PRE-ORDERS INSTRUCTIONS
   Center the large PRE-ORDERS POLICY title
   ========================================================= */

body.toyseasy-preorders-policy-page .tpp-hero h1 {
width: 100% !important;

margin-left: 0 !important;
margin-right: 0 !important;

text-align: center !important;
}


/* If the hero has an inner wrapper, make sure the title
   can use the whole available width. */
body.toyseasy-preorders-policy-page .tpp-hero-inner {
width: 100% !important;
max-width: none !important;

margin-left: auto !important;
margin-right: auto !important;

text-align: center !important;
}


/* =========================================================
   FLASH SALES
   Remove decorative vertical divider lines
   ========================================================= */

/*
 * The original Flash Sales hero uses ::before to draw
 * thin vertical decorative rules.
 * Remove those rules completely.
 */
body.toyseasy-flash-sales-page .tfs-hero::before {
background: none !important;
}


/* Extra protection in case another style adds borders */
body.toyseasy-flash-sales-page .tfs-hero,
body.toyseasy-flash-sales-page .tfs-hero-inner,
body.toyseasy-flash-sales-page .tfs-featured,
body.toyseasy-flash-sales-page .tfs-featured-info {
border-left: 0 !important;
border-right: 0 !important;
}


/* Do not change the hero width or height here */
body.toyseasy-flash-sales-page .tfs-hero {
box-shadow: none !important;
}






/* TOYSEASY MATCH HOME NEW ARRIVALS FONT V1 */

html body.toyseasy-aftersales-page .tas-hero h1,
html body.toyseasy-preorders-policy-page .tpp-hero h1,
html body.toyseasy-flash-sales-page .tfs-hero h1,
html body.toyseasy-contact-page .tc-hero h1 {

    font-family: "Bahnschrift Condensed",
"Arial Narrow",
"Liberation Sans Narrow",
Arial,
sans-serif !important;
    font-weight: 800 !important;
    font-stretch: condensed !important;
    font-synthesis: weight !important;
}


/* TOYSEASY FOUR HERO SIZE V1 */

html body.toyseasy-aftersales-page .tas-hero h1,
html body.toyseasy-preorders-policy-page .tpp-hero h1,
html body.toyseasy-flash-sales-page .tfs-hero h1,
html body.toyseasy-contact-page .tc-hero h1 {
    font-size: clamp(42px, 5vw, 74px) !important;
}

/* END TOYSEASY FOUR HERO SIZE V1 */

/* END TOYSEASY MATCH HOME NEW ARRIVALS FONT V1 */


/* =========================================================
   CONTACT CARDS — DEFAULT + HOVER
   migrated from toyseasy-contact-card-hover.php
   ========================================================= */

/* =========================================================
   CONTACT CARDS - DEFAULT
   Both cards use the same clean light appearance
   ========================================================= */

body.toyseasy-contact-page .tc-contact-card,
body.toyseasy-contact-page .tc-contact-card-light,
body.toyseasy-contact-page .tc-contact-card-dark {
position: relative !important;

background: #f5f5f5 !important;
color: #171717 !important;

border: 1px solid transparent !important;

cursor: default !important;

transition:
background-color .22s ease,
color .22s ease,
border-color .22s ease,
transform .22s ease,
box-shadow .22s ease !important;
}


/* Titles */
body.toyseasy-contact-page .tc-contact-card h2 {
color: #171717 !important;

transition:
color .22s ease !important;
}


/* Description / email */
body.toyseasy-contact-page .tc-contact-card p,
body.toyseasy-contact-page .tc-contact-card a {
color: #444 !important;

transition:
color .22s ease !important;
}


/* Envelope icon */
body.toyseasy-contact-page .tc-contact-card::after {
color: #777 !important;
opacity: .22 !important;

transition:
color .22s ease,
opacity .22s ease,
transform .22s ease !important;
}


/* =========================================================
   HOVER / KEYBOARD FOCUS
   ========================================================= */

body.toyseasy-contact-page .tc-contact-card:hover,
body.toyseasy-contact-page .tc-contact-card:focus-within {
background: #1c1f25 !important;
color: #fff !important;

border-color: #1c1f25 !important;

transform: translateY(-2px) !important;

box-shadow:
0 10px 24px rgba(0,0,0,.10) !important;
}


/* Hover title */
body.toyseasy-contact-page .tc-contact-card:hover h2,
body.toyseasy-contact-page .tc-contact-card:focus-within h2 {
color: #fff !important;
}


/* Hover description / links */
body.toyseasy-contact-page .tc-contact-card:hover p,
body.toyseasy-contact-page .tc-contact-card:hover a,
body.toyseasy-contact-page .tc-contact-card:focus-within p,
body.toyseasy-contact-page .tc-contact-card:focus-within a {
color: #fff !important;
}


/* Hover email/link itself */
body.toyseasy-contact-page .tc-contact-card:hover a:hover {
color: #FFC700 !important;
}


/* Envelope becomes visible */
body.toyseasy-contact-page .tc-contact-card:hover::after,
body.toyseasy-contact-page .tc-contact-card:focus-within::after {
color: #fff !important;
opacity: .65 !important;

transform: translateX(-2px) !important;
}


/* =========================================================
   MOBILE
   No floating movement on touch devices
   ========================================================= */

@media (max-width: 767px) {

body.toyseasy-contact-page .tc-contact-card:hover,
body.toyseasy-contact-page .tc-contact-card:focus-within {
transform: none !important;
}

}


/* TOYSEASY CONTACT LEFT DEFAULT V1 */

/*
 * The left card is selected by default.
 * When the right card is hovered or focused,
 * the existing hover CSS takes over.
 */

body.toyseasy-contact-page
.tc-contact-cards:not(:has(
    .tc-contact-card-dark:hover,
    .tc-contact-card-dark:focus-within
)) > .tc-contact-card-light {
    background: #1c1f25 !important;
    color: #ffffff !important;
    border-color: #1c1f25 !important;
}

/* White heading, description and link */
body.toyseasy-contact-page
.tc-contact-cards:not(:has(
    .tc-contact-card-dark:hover,
    .tc-contact-card-dark:focus-within
)) > .tc-contact-card-light h2,

body.toyseasy-contact-page
.tc-contact-cards:not(:has(
    .tc-contact-card-dark:hover,
    .tc-contact-card-dark:focus-within
)) > .tc-contact-card-light p,

body.toyseasy-contact-page
.tc-contact-cards:not(:has(
    .tc-contact-card-dark:hover,
    .tc-contact-card-dark:focus-within
)) > .tc-contact-card-light a {
    color: #ffffff !important;
}

/* White envelope icon */
body.toyseasy-contact-page
.tc-contact-cards:not(:has(
    .tc-contact-card-dark:hover,
    .tc-contact-card-dark:focus-within
)) > .tc-contact-card-light::after {
    color: #ffffff !important;
    opacity: .65 !important;
}

/* END TOYSEASY CONTACT LEFT DEFAULT V1 */

/* TOYSEASY CONTACT LINK HIGHLIGHT V1 */

body.toyseasy-contact-page
.tc-contact-cards:not(:has(
    .tc-contact-card-dark:hover,
    .tc-contact-card-dark:focus-within
)) > .tc-contact-card-light a:is(:hover, :focus-visible) {
    color: #FFC700 !important;
}

/* END TOYSEASY CONTACT LINK HIGHLIGHT V1 */


/* END CONTACT CARDS */


/* =========================================================
   AFTER SALES — LAYOUT
   migrated from toyseasy-aftersales-layout-fix.php
   ========================================================= */

/* =========================================================
   AFTER SALES ONLY
   ========================================================= */


/* 1. Remove WoodMart right sidebar completely */
body.toyseasy-aftersales-page .sidebar-container,
body.toyseasy-aftersales-page aside.sidebar-container,
body.toyseasy-aftersales-page .widget-area {
display: none !important;
}


/* 2. Main content must use full width */
body.toyseasy-aftersales-page .content-layout-wrapper {
display: block !important;
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}

body.toyseasy-aftersales-page .site-content,
body.toyseasy-aftersales-page .shop-content-area,
body.toyseasy-aftersales-page .content-area {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;

padding-left: 0 !important;
padding-right: 0 !important;
}


/* 3. Remove WoodMart outer container restriction */
body.toyseasy-aftersales-page .main-page-wrapper > .container {
width: 100% !important;
max-width: 100% !important;

padding-left: 0 !important;
padding-right: 0 !important;
}


/* 4. No unwanted top/bottom spacing around page content */
body.toyseasy-aftersales-page .main-page-wrapper {
padding-top: 0 !important;
}

body.toyseasy-aftersales-page .site-content {
margin-top: 0 !important;
}


/* =========================================================
   HERO
   ========================================================= */

body.toyseasy-aftersales-page .tas-hero {
width: 100% !important;
max-width: none !important;

margin-left: 0 !important;
margin-right: 0 !important;

min-height: 220px !important;

display: flex !important;
align-items: center !important;
justify-content: center !important;
}


/* =========================================================
   MAIN AFTER-SALES CONTENT
   ========================================================= */

body.toyseasy-aftersales-page .tas-page {
width: 100% !important;
max-width: 1180px !important;

margin-left: auto !important;
margin-right: auto !important;

padding-left: 24px !important;
padding-right: 24px !important;
}


/* Form follows Bombusbee-style centered width */
body.toyseasy-aftersales-page .tas-form-card {
width: 100% !important;
max-width: 980px !important;

margin-left: auto !important;
margin-right: auto !important;
}


/* Policy follows same alignment */
body.toyseasy-aftersales-page .tas-policy {
width: 100% !important;
max-width: 980px !important;

margin-left: auto !important;
margin-right: auto !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

body.toyseasy-aftersales-page .tas-page {
padding-left: 14px !important;
padding-right: 14px !important;
}

}



/* =========================================================
   AFTER SALES — POLICY
   migrated from toyseasy-aftersales-policy-style.php
   ========================================================= */

body.toyseasy-aftersales-page .tas-policy > h2 {
padding-bottom: 16px !important;
margin-bottom: 30px !important;
border-bottom: 1px solid #e5e5e5 !important;
}

body.toyseasy-aftersales-page .tas-policy-section {
margin-bottom: 32px !important;
}

body.toyseasy-aftersales-page .tas-policy-section h3 {
position: relative;
padding-left: 13px !important;
margin-bottom: 12px !important;

font-size: 17px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
}

body.toyseasy-aftersales-page .tas-policy-section h3::before {
content: "";
position: absolute;

left: 0;
top: .18em;
bottom: .18em;

width: 3px;

background: #FFC700;
}

body.toyseasy-aftersales-page .tas-policy-section p {
margin-bottom: 10px !important;
}

body.toyseasy-aftersales-page .tas-policy-section li {
margin-bottom: 7px !important;
}

body.toyseasy-aftersales-page .tas-policy-section strong {
color: #222 !important;
}


/* END AFTER SALES */


/* =========================================================
   INNER PAGES — FULL WIDTH LAYOUT
   migrated from toyseasy-inner-hero-fullwidth.php
   ========================================================= */

/* =========================================================
   1. MAIN WOODMART CONTAINER
   ========================================================= */

body.toyseasy-preorders-policy-page .main-page-wrapper > .container,
body.toyseasy-flash-sales-page .main-page-wrapper > .container,
body.toyseasy-contact-page .main-page-wrapper > .container {
width: 100% !important;
max-width: none !important;

margin-left: 0 !important;
margin-right: 0 !important;

padding-left: 0 !important;
padding-right: 0 !important;
}


/* =========================================================
   2. BOOTSTRAP ROW
   Remove gutter / negative margins
   ========================================================= */

body.toyseasy-preorders-policy-page .content-layout-wrapper,
body.toyseasy-flash-sales-page .content-layout-wrapper,
body.toyseasy-contact-page .content-layout-wrapper {
display: block !important;

width: 100% !important;
max-width: none !important;

margin-left: 0 !important;
margin-right: 0 !important;

padding-left: 0 !important;
padding-right: 0 !important;
}


/* =========================================================
   3. THIS IS THE IMPORTANT FIX
   WoodMart gives this div:
   site-content col-lg-9 col-12 col-md-9

   Force it back to a real 12/12 column.
   ========================================================= */

body.toyseasy-preorders-policy-page .site-content.col-lg-9,
body.toyseasy-preorders-policy-page .site-content.col-md-9,

body.toyseasy-flash-sales-page .site-content.col-lg-9,
body.toyseasy-flash-sales-page .site-content.col-md-9,

body.toyseasy-contact-page .site-content.col-lg-9,
body.toyseasy-contact-page .site-content.col-md-9 {
flex: 0 0 100% !important;

width: 100% !important;
max-width: 100% !important;

margin: 0 !important;

padding-left: 0 !important;
padding-right: 0 !important;
}


/* Generic fallback */
body.toyseasy-preorders-policy-page .site-content,
body.toyseasy-flash-sales-page .site-content,
body.toyseasy-contact-page .site-content {
flex: 0 0 100% !important;

width: 100% !important;
max-width: 100% !important;

margin: 0 !important;
padding: 0 !important;
}


/* =========================================================
   4. ARTICLE / ENTRY CONTENT
   No hidden page padding
   ========================================================= */

body.toyseasy-preorders-policy-page article.hentry,
body.toyseasy-flash-sales-page article.hentry,
body.toyseasy-contact-page article.hentry,

body.toyseasy-preorders-policy-page .entry-content,
body.toyseasy-flash-sales-page .entry-content,
body.toyseasy-contact-page .entry-content {
width: 100% !important;
max-width: none !important;

margin-left: 0 !important;
margin-right: 0 !important;

padding-left: 0 !important;
padding-right: 0 !important;
}


/* =========================================================
   5. HERO
   Now the parent is truly full-width,
   so the hero only needs width:100%.
   ========================================================= */

body.toyseasy-preorders-policy-page .tpp-hero,
body.toyseasy-flash-sales-page .tfs-hero,
body.toyseasy-contact-page .tc-hero {
position: relative !important;

left: auto !important;
right: auto !important;

width: 100% !important;
max-width: none !important;

margin-left: 0 !important;
margin-right: 0 !important;

box-sizing: border-box !important;
}


/* Prevent accidental horizontal scrollbar */
body.toyseasy-preorders-policy-page,
body.toyseasy-flash-sales-page,
body.toyseasy-contact-page {
overflow-x: hidden !important;
}



/* =========================================================
   INNER PAGES — HERO HEIGHT
   migrated from toyseasy-inner-hero-height.php
   ========================================================= */

/* =========================================================
   UNIFIED DESKTOP HERO
   ========================================================= */

body.toyseasy-aftersales-page .tas-hero,
body.toyseasy-preorders-policy-page .tpp-hero,
body.toyseasy-contact-page .tc-hero {
height: 250px !important;
min-height: 250px !important;

display: flex !important;
align-items: center !important;
justify-content: center !important;

box-sizing: border-box !important;
}


/* Titles use the same visual alignment */
body.toyseasy-aftersales-page .tas-hero h1,
body.toyseasy-preorders-policy-page .tpp-hero h1,
body.toyseasy-contact-page .tc-hero h1 {
margin: 0 !important;

width: 100% !important;

text-align: center !important;

line-height: 1.1 !important;
}


/* =========================================================
   TABLET / MOBILE
   ========================================================= */

@media (max-width: 767px) {

body.toyseasy-aftersales-page .tas-hero,
body.toyseasy-preorders-policy-page .tpp-hero,
body.toyseasy-contact-page .tc-hero {
height: 180px !important;
min-height: 180px !important;
}

}



/* =========================================================
   INNER PAGES — HEADER / HERO 1PX SEAM
   migrated from toyseasy-inner-hero-1px-seam.php
   ========================================================= */

/*
 * Do NOT change wrapper spacing.
 * Just cover the 1px seam between header and hero.
 */

body.toyseasy-aftersales-page .tas-hero,
body.toyseasy-preorders-policy-page .tpp-hero,
body.toyseasy-flash-sales-page .tfs-hero,
body.toyseasy-contact-page .tc-hero {
margin-top: -1px !important;
border-top: 0 !important;
}


/* Remove possible 1px WoodMart header border only */
body.toyseasy-aftersales-page .whb-general-header,
body.toyseasy-preorders-policy-page .whb-general-header,
body.toyseasy-flash-sales-page .whb-general-header,
body.toyseasy-contact-page .whb-general-header {
border-bottom: 0 !important;
box-shadow: none !important;
}


/* END INNER PAGE HERO MIGRATION */


/* =========================================================
   FLASH SALES — CART / CARD ALIGNMENT
   migrated from toyseasy-flash-sales-cart-align-fix.php
   ========================================================= */

/* =========================================================
   1. ALL CARDS IN EACH ROW HAVE THE SAME HEIGHT
   ========================================================= */

body.toyseasy-flash-sales-page .tfs-grid {
align-items: stretch !important;
}

body.toyseasy-flash-sales-page .tfs-card {
display: flex !important;
flex-direction: column !important;

height: 100% !important;
min-height: 100% !important;
}


/* Product image stays at the top */
body.toyseasy-flash-sales-page .tfs-card-image {
flex: 0 0 auto !important;
}


/* =========================================================
   2. CARD BODY USES FLEX
   This is what keeps price + cart controls aligned.
   ========================================================= */

body.toyseasy-flash-sales-page .tfs-card-body {
position: relative !important;

display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;

height: auto !important;
min-height: 235px !important;

padding:
15px
13px
68px !important;
}


/* Stock label stays at top */
body.toyseasy-flash-sales-page .tfs-stock {
align-self: flex-start !important;
flex: 0 0 auto !important;
}


/* =========================================================
   3. PRODUCT TITLES
   Same maximum visual area
   ========================================================= */

body.toyseasy-flash-sales-page .tfs-product-name {
flex: 0 0 auto !important;

min-height: 4.35em !important;
margin-bottom: 12px !important;

line-height: 1.45 !important;

display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}


/* =========================================================
   4. PUSH PRICE TO THE BOTTOM
   ========================================================= */

body.toyseasy-flash-sales-page .tfs-price-label {
margin-top: auto !important;
margin-bottom: 4px !important;
}

body.toyseasy-flash-sales-page .tfs-price {
margin: 0 !important;
padding: 0 !important;

line-height: 1.3 !important;
}


/* =========================================================
   5. CART BUTTON
   Exact same bottom-right position on every card
   ========================================================= */

body.toyseasy-flash-sales-page .tfs-card-action {
position: absolute !important;

right: 13px !important;
bottom: 13px !important;
top: auto !important;
left: auto !important;

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

margin: 0 !important;
padding: 0 !important;

display: flex !important;
align-items: center !important;
justify-content: center !important;

border: 0 !important;
border-radius: 50% !important;

background: #FFC700 !important;
color: #111 !important;

box-shadow: none !important;

line-height: 1 !important;
font-size: 0 !important;

transition:
background-color .18s ease,
color .18s ease,
transform .18s ease !important;
}


/* Cart icon perfectly centered */
body.toyseasy-flash-sales-page .tfs-card-action svg {
display: block !important;

width: 19px !important;
height: 19px !important;

margin: 0 !important;

fill: none !important;
stroke: currentColor !important;
stroke-width: 1.8 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
}


/* Hover */
body.toyseasy-flash-sales-page .tfs-card-action:hover {
background: #111 !important;
color: #FFC700 !important;

transform: scale(1.07) !important;
}


/* AJAX loading */
body.toyseasy-flash-sales-page .tfs-card-action.loading {
opacity: .55 !important;
pointer-events: none !important;
}


/* Added successfully */
body.toyseasy-flash-sales-page .tfs-card-action.added {
background: #111 !important;
color: #FFC700 !important;
}


/* =========================================================
   6. VIEW CART AFTER AJAX ADD
   ========================================================= */

body.toyseasy-flash-sales-page
.tfs-card-body > .added_to_cart.wc-forward {
position: absolute !important;

right: 62px !important;
bottom: 26px !important;

margin: 0 !important;
padding: 0 !important;

background: transparent !important;
color: #111 !important;

font-size: 11px !important;
font-weight: 600 !important;
line-height: 1 !important;
text-decoration: none !important;
}

body.toyseasy-flash-sales-page
.tfs-card-body > .added_to_cart.wc-forward:hover {
color: #FFC700 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

body.toyseasy-flash-sales-page .tfs-card-body {
min-height: 215px !important;

padding:
12px
10px
62px !important;
}

body.toyseasy-flash-sales-page .tfs-card-action {
right: 10px !important;
bottom: 10px !important;

width: 36px !important;
height: 36px !important;
min-width: 36px !important;
min-height: 36px !important;
}

body.toyseasy-flash-sales-page .tfs-product-name {
min-height: 4.2em !important;
}

}



/* =========================================================
   FLASH SALES — HERO COUNT / SPACING
   migrated from toyseasy-flash-sales-hide-count.php
   ========================================================= */

/* Hide the unnecessary product-count sentence in hero */
body.toyseasy-flash-sales-page .tfs-sale-count {
display: none !important;
}

/* Keep clean space between title and countdown */
body.toyseasy-flash-sales-page .tfs-hero h1 {
margin-bottom: 30px !important;
}

/* Move HOME > FLASH SALES slightly lower */
body.toyseasy-flash-sales-page .tfs-breadcrumb {
margin-top: 18px !important;

	transform: translateY(75px) !important;
}



/* =========================================================
   FLASH SALES — SORT UI
   migrated from toyseasy-flash-sales-sort-polish.php
   ========================================================= */

/* Sort area: force everything onto ONE horizontal line */
body.toyseasy-flash-sales-page .tfs-sort-wrap {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-end !important;

gap: 12px !important;

width: auto !important;
min-width: 330px !important;

white-space: nowrap !important;
}


/* Bombusbee-style /// decoration */
body.toyseasy-flash-sales-page .tfs-sort-wrap::before {
content: "///";

display: inline-block;

color: #c8c8c8;

font-size: 22px !important;
font-weight: 700 !important;
font-style: italic !important;

letter-spacing: -2px !important;
line-height: 1 !important;

margin-right: 3px !important;
}


/* Sort by: */
body.toyseasy-flash-sales-page .tfs-sort-wrap > span {
display: inline-block !important;

margin: 0 !important;

color: #222 !important;

font-size: 15px !important;
font-weight: 500 !important;
line-height: 1 !important;

white-space: nowrap !important;
}


/* Selected sorting option */
body.toyseasy-flash-sales-page .tfs-sort {
display: inline-block !important;

width: 205px !important;
min-width: 205px !important;
height: 42px !important;

margin: 0 !important;
padding:
0
34px
0
4px !important;

border: 0 !important;
border-bottom: 1px solid #d2d2d2 !important;
border-radius: 0 !important;

background-color: transparent !important;

color: #111 !important;

font-family: inherit !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 42px !important;

white-space: nowrap !important;

cursor: pointer !important;

box-shadow: none !important;
}


/* Options */
body.toyseasy-flash-sales-page .tfs-sort option {
color: #111 !important;
background: #fff !important;

font-size: 14px !important;
font-weight: 500 !important;
}


/* Keep toolbar vertically centered */
body.toyseasy-flash-sales-page .tfs-toolbar {
align-items: center !important;
}


/* Tablet */
@media (max-width: 900px) {

body.toyseasy-flash-sales-page .tfs-sort-wrap {
min-width: 290px !important;
}

body.toyseasy-flash-sales-page .tfs-sort {
width: 180px !important;
min-width: 180px !important;
}

}


/* Mobile */
@media (max-width: 767px) {

body.toyseasy-flash-sales-page .tfs-sort-wrap {
justify-content: flex-start !important;

width: 100% !important;
min-width: 0 !important;
}

body.toyseasy-flash-sales-page .tfs-sort {
width: 190px !important;
min-width: 190px !important;
}

body.toyseasy-flash-sales-page .tfs-sort-wrap::before {
font-size: 18px !important;
}

}


/* END FLASH SALES LEGACY CSS MIGRATION */