/* 
=============================================
  Common Styles for GravityStack Tweaks Plugin
=============================================
  This file contains global styles that can be used 
  across all client sites. 

  Each section is clearly labeled so that new styles 
  can be added in an organized manner.
*/


/* 
=============================================
  RESPONSIVE LINE BREAK CONTROL
=============================================
  These styles allow controlled line breaks in headlines or text 
  using spans, ensuring different breakpoints for mobile and desktop.

  Usage Example:
  --------------------------------------------
  <h1>
      This is a<span class="line-break-mobile"> controlled</span> title.
  </h1>
  <h2>
      Another example<span class="line-break-desktop"> with different</span> behavior.
  </h2>
*/

/* Creates a line break on mobile screens (≤ 768px) */
/* Creates a line break on mobile screens (≤ 768px) */
@media (max-width: 768px) { 
    .line-break-mobile {
        display: block;
    }
}

/* Creates a line break on desktop screens (≥ 769px) */
@media (min-width: 769px) {
    .line-break-desktop {
        display: block;
    }
}



/* 
=============================================
  [Future Feature Name]
=============================================
  (Add new styles here in a similar format)
*/