/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1758147887
Updated: 2025-09-17 22:24:47

*/

/* Keep VAN + SALE on one line in archive cards (mobile) */
@media (max-width: 767px) {
  /* the price row */
  .card-price > .elementor-container {
    display: flex;
    flex-wrap: nowrap;      /* don't wrap to next line */
    align-items: center;    /* vertical align */
    gap: 10px;              /* space between van and sale */
  }

  /* make each column auto-width instead of Elementor's 100% on mobile */
  .card-price .card-van.elementor-column,
  .card-price .card-sale.elementor-column,
  .card-price .card-regular.elementor-column {
    width: auto !important;
    flex: 0 0 auto !important;
    max-width: none !important;
  }

  /* remove default <h2> gaps so baselines align nicely */
  .card-price .elementor-heading-title {
    margin: 0 !important;
    line-height: 1.15;
  }

  .price-wrap > .elementor-container {
    display: flex;
    flex-wrap: nowrap;      /* no wrapping to next line */
    align-items: center;    /* or 'baseline' if you prefer baseline alignment */
    gap: 12px;              /* space between sale block and "van" */
  }

  /* make the columns auto width (Elementor forces 100% on mobile) */
  .price-wrap .elementor-column {
    width: auto !important;
    flex: 0 0 auto !important;
    max-width: none !important;
  }

  /* remove default H2 spacing so heights line up nicely */
  .price-wrap .elementor-heading-title { 
    margin: 0 !important; 
    line-height: 1.15;
  }

  /* keep 'van' and crossed price on one line inside the right column */
  .price-right .elementor-widget-wrap {
    display: flex;
    align-items: center;   /* use 'baseline' if you like */
    gap: 8px;
  }
  .price-right .elementor-widget { margin: 0 !important; }
}