/* CloneJersey home desktop text alignment fix 2026-10-29 r1
   Restores CMS home rhythm broken by modern-ui centering. Desktop-first.
   Rollback: remove from default.xml */
@media (min-width: 768px) {
  .cms-index-index .cj-home,
  .cj-home {
    text-align: left;
  }

  /* Section titles: title left, subtitle right, baseline aligned */
  .cj-home .cj-heading {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    gap: 16px 28px !important;
    margin: 0 0 28px !important;
    text-align: left !important;
  }
  .cj-home .cj-heading > div {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left !important;
  }
  .cj-home .cj-heading .cj-eyebrow {
    display: block !important;
    text-align: left !important;
    margin: 0 0 10px !important;
  }
  .cj-home .cj-heading h1,
  .cj-home .cj-heading h2 {
    text-align: left !important;
    margin: 0 !important;
  }
  .cj-home .cj-heading > p {
    flex: 0 1 260px;
    max-width: 280px;
    margin: 0 !important;
    padding: 0 0 2px !important;
    text-align: right !important;
    color: #69727b !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
    align-self: flex-end !important;
  }

  /* League cards: stacked block, label row left/right — not centered cluster */
  .cj-home .cj-leagues > a {
    display: block !important;
    text-align: left !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-direction: column !important;
    min-height: 0 !important;
    gap: 0 !important;
    padding: 16px 16px 18px !important;
  }
  .cj-home .cj-leagues > a .cj-league-logo,
  .cj-home .cj-leagues > a picture {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .cj-home .cj-leagues > a img {
    display: block !important;
    width: 100% !important;
    max-height: 150px !important;
    height: 150px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 !important;
  }
  .cj-home .cj-leagues > a > div {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 14px !important;
    gap: 8px !important;
    text-align: left !important;
  }
  .cj-home .cj-leagues > a strong {
    display: block;
    text-align: left !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0f1b2d !important;
  }
  .cj-home .cj-leagues > a span {
    display: block;
    text-align: right !important;
    font-size: 11px !important;
    color: #626b75 !important;
    white-space: nowrap;
  }

  /* Product cards: left-aligned copy, price pinned bottom */
  .cj-home .cj-products {
    align-items: stretch;
  }
  .cj-home .cj-product {
    text-align: left !important;
  }
  .cj-home .cj-product > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    text-align: left !important;
    height: 100% !important;
    padding: 0 !important;
    color: inherit !important;
  }
  .cj-home .cj-product-image {
    text-align: center;
  }
  .cj-home .cj-product-league {
    text-align: left !important;
    padding: 12px 14px 0 !important;
    margin: 0 !important;
  }
  .cj-home .cj-product h3 {
    text-align: left !important;
    margin: 0 !important;
    padding: 8px 14px 0 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 650 !important;
    min-height: 3.9em;
  }
  .cj-home .cj-price {
    text-align: left !important;
    margin-top: auto !important;
    padding: 10px 14px 16px !important;
  }
  .cj-home .cj-price span {
    font-size: 12px;
    font-weight: 600;
    color: #69727b;
    margin-left: 4px;
  }

  /* Fit / CTA band copy left-aligned */
  .cj-home .cj-fit {
    text-align: left !important;
  }
  .cj-home .cj-fit .cj-heading,
  .cj-home .cj-fit h2,
  .cj-home .cj-fit p {
    text-align: left !important;
  }
}

/* Keep mobile stacked headings readable (left) */
@media (max-width: 767px) {
  .cj-home .cj-heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    text-align: left !important;
  }
  .cj-home .cj-heading > p {
    text-align: left !important;
    max-width: none !important;
  }
}