/**
 * MYT GROUP CLASSES WIDGET - v1 (BunnyCDN)
 * Replaces the "GC Section Widget" block in the Posts Template head <style>.
 *
 * Load on the Posts Template, Inside <head>:
 *   <link rel="stylesheet" href="https://css.myyogateacher.com/webflow/gc-widget-v1.css">
 *
 * Base layout and colours stay as Designer classes (.gc-section, .gc-card, etc.).
 * These overrides use !important because the widget is moved inside
 * .article-body-content, whose rich-text heading styles would otherwise win.
 */

/* Hide the whole widget when the Collection List is empty */
.gc-section:has(.w-dyn-empty) {
  display: none !important;
}

.gc-section .gc-class-heading {
  font-size: 26px !important;
  line-height: 32px !important;
}

.gc-section .gc-card-title {
  font-size: 16px !important;
  line-height: 24px !important;
}

/* Reset rich-text image margins on the widget's icons */
.gc-section .gc-card-icon {
  margin: 0 !important;
}

@media screen and (max-width: 767px) {
  .gc-section .gc-class-heading {
    font-size: 20px !important;
    line-height: 24px !important;
  }

  .gc-section .gc-card-title {
    font-size: 15px !important;
    line-height: 18px !important;
  }
}