/**
 * MageWorx Countdown Timer - Theme customizations
 * Toneart/default - Product page & Category page
 *
 * Uses theme variables from styles.css:
 *   --black-color, --white-color, --text-strong-color, --text-color,
 *   --secondary-background-color, --third-bg, --text-grey-color, --border-color
 *
 * Note: Avoid templates #5-#12 (flip_single/flip_double) - they cause
 * mobile menu blink on iOS due to 3D transforms. Use #1-#4, #13-#22 instead.
 */

/* ==========================================================================
   Theme colors (from styles.css variables)
   ========================================================================== */
   .mw-cd__title,
   .mw-cd__suffix {
       color: var(--text-strong-color, #fff) !important;
   }
   
   .mw-cd__label {
       color: var(--text-grey-color, #cfcfcf) !important;
   }
   
   
   /* ==========================================================================
      Product page – countdown on PDP
      ========================================================================== */
   .catalog-product-view .mw-cd__title,
   .catalog-product-view .mw-cd__suffix {
       color: var(--text-strong-color, #fff) !important;
   }
   
   /* ==========================================================================
      Category page – countdown in product list
      ========================================================================== */
   .catalog-category-view .product-list-timer {
       margin: 10px 0 25px !important;
       word-wrap: break-word !important;
   }
   
   .catalog-category-view .product-list-timer .mw-cd__title,
   .catalog-category-view .product-list-timer .mw-cd__suffix {
       text-align: left !important;
       color: var(--text-strong-color, #fff) !important;
   }
   .mw-cd, .mw-cd *, .mw-cd ::after, .mw-cd ::before, .mw-cd::after, .mw-cd::before {
       font-family: 'Toneart', 'Syne', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
   }
   .mw-cd--theme-roll .mw-cd__timer {
       margin: 20px 0 !important;
   }
   .catalog-product-view #mw-ct, .catalog-product-view .mw-cd {
       margin: 10px 0 !important;
   }
   .mw-cd--theme-roll .mw-cd__divider {
       color: var(--text-strong-color) !important;
   }
   .catalog-category-view .product-list-timer {
       margin: 10px auto !important;
       display: inline-block !important;
   }
   .catalog-category-view .product-list-timer .mw-cd__title, .catalog-category-view .product-list-timer .mw-cd__suffix {
       margin: 15px auto !important;
       text-align: center !important;
       font-weight: 400 !important;
   }
   @media (max-width: 430px) {
       .catalog-category-view .product-list-timer {
           display: none !important;
       }
   }
   .mw-cd__text {
    color: var(--text-strong-color) !important;
}