/* ==========================================
   SHOPPING TYPOGRAPHY V1
   Eén visuele hiërarchie voor alle blokken
   ========================================== */


/* ------------------------------------------
   BLOKTITELS

   Bewust NIET de grote paginatitel
   "Boodschappen".
   ------------------------------------------ */

.shopping-v1-page
.shopping-v1-recipe-sources-title strong,

.shopping-v1-page
.shopping-v1-pantry-toggle-main strong,

.shopping-v1-page
.shopping-v1-add-card h2,

.shopping-v1-page
.shopping-v1-section-head h2,

.shopping-v1-page
.shopping-v1-pantry-manage h3 {
  margin: 0 !important;

  font-size: 20px !important;
  font-weight: 850 !important;

  line-height: 1.25 !important;
  letter-spacing: 0 !important;

  color: var(--text) !important;
}


/* ------------------------------------------
   ONDERTITELS / UITLEG

   Zelfde formaat als:
   "Ingrediënten zijn automatisch
   samengevoegd."
   ------------------------------------------ */

.shopping-v1-page
.shopping-v1-recipe-sources-title small,

.shopping-v1-page
.shopping-v1-add-card > p,

.shopping-v1-page
.shopping-v1-pantry-intro,

.shopping-v1-page
.shopping-v1-pantry-manage > p {
  margin-top: 6px !important;

  font-size: 14px !important;
  font-weight: 400 !important;

  line-height: 1.45 !important;

  color: var(--muted) !important;
}


/* ------------------------------------------
   RECEPTENHEADER
   ------------------------------------------ */

.shopping-v1-recipe-sources-title > div {
  gap: 9px !important;
}


/* ------------------------------------------
   BASISVOORRAADHEADER

   Zelfde verticale maat als receptenheader.
   ------------------------------------------ */

.shopping-v1-pantry-toggle-main {
  gap: 9px !important;
}


/* ------------------------------------------
   HANDMATIG TOEVOEGEN

   Oude grotere headingruimte compacter.
   ------------------------------------------ */

.shopping-v1-add-card h2 {
  margin-bottom: 0 !important;
}

.shopping-v1-add-card > p {
  margin-bottom: 18px !important;
}


/* ------------------------------------------
   NOG HALEN
   ------------------------------------------ */

.shopping-v1-section-head {
  align-items: center !important;
}

.shopping-v1-section-head h2 {
  margin: 0 !important;
}


/* ==========================================
   MOBILE

   Zelfde hiërarchie behouden; dus niet
   ineens kleinere koppen per onderdeel.
   ========================================== */

@media (max-width: 650px) {

  .shopping-v1-page
  .shopping-v1-recipe-sources-title strong,

  .shopping-v1-page
  .shopping-v1-pantry-toggle-main strong,

  .shopping-v1-page
  .shopping-v1-add-card h2,

  .shopping-v1-page
  .shopping-v1-section-head h2,

  .shopping-v1-page
  .shopping-v1-pantry-manage h3 {
    font-size: 19px !important;
  }


  .shopping-v1-page
  .shopping-v1-recipe-sources-title small,

  .shopping-v1-page
  .shopping-v1-add-card > p,

  .shopping-v1-page
  .shopping-v1-pantry-intro,

  .shopping-v1-page
  .shopping-v1-pantry-manage > p {
    font-size: 14px !important;
  }
}