/* Make EVERYTHING in Steakquette sections use Lato font - FORCE IT */
#BingoPizzaTheme,
#BingoPizzaTheme *,
#BingoPizzaTheme .label-title,
#BingoPizzaTheme h2,
#BingoPizzaTheme h2.font-alt,
#BingoPizzaTheme p,
#BingoPizzaTheme span,
#BingoPizzaTheme div {
    font-family: 'Lato', sans-serif !important;
}

/* Steakquette Brand Pillars Section */
#SteakquettePillars,
#SteakquettePillars *,
#SteakquettePillars h1,
#SteakquettePillars h2,
#SteakquettePillars h3,
#SteakquettePillars p,
#SteakquettePillars span,
#SteakquettePillars div {
    font-family: 'Lato', sans-serif !important;
}

/* Reservation Section */
#res,
#res *,
#res .label-title,
#res h1,
#res h2,
#res .font-alt,
#res p,
#res .lead,
#res .form-label,
#res button,
#res span,
#res div {
    font-family: 'Lato', sans-serif !important;
}

/* Specials Section */
#special,
#special *,
#special .label-title,
#special h1,
#special h2,
#special .font-alt,
#special h3,
#special p,
#special .lead,
#special a,
#special span,
#special div {
    font-family: 'Lato', sans-serif !important;
}

/* Motto Section */
#motto,
#motto *,
#motto h4,
#motto .font-alt,
#motto p,
#motto span,
#motto div {
    font-family: 'Lato', sans-serif !important;
}

/* Menu Section */
#menu,
#menu *,
#menu .label-title,
#menu h1,
#menu h2,
#menu .font-alt,
#menu .nav-menu-tabs a,
#menu h6,
#menu p,
#menu .lead,
#menu .menu-price,
#menu span,
#menu div {
    font-family: 'Lato', sans-serif !important;
}

/* Override font-alt class in ALL these sections */
#BingoPizzaTheme .font-alt,
#SteakquettePillars .font-alt,
#res .font-alt,
#special .font-alt,
#motto .font-alt,
#menu .font-alt {
    font-family: 'Lato', sans-serif !important;
}
/* Target reservation section without ID in Steakquette page */
section.no-gutters,
section.no-gutters *,
section.no-gutters .label-title,
section.no-gutters h1,
section.no-gutters h2,
section.no-gutters .font-alt,
section.no-gutters p,
section.no-gutters .lead,
section.no-gutters .form-label,
section.no-gutters button,
section.no-gutters span,
section.no-gutters div {
    font-family: 'Lato', sans-serif !important;
}

/* Also target the flip card specifically */
.flip-card-container,
.flip-card-container *,
.flip-card,
.flip-card *,
.flip-card-front,
.flip-card-front *,
.flip-card-back,
.flip-card-back *,
.reservation-card,
.reservation-card * {
    font-family: 'Lato', sans-serif !important;
}

/* Override font-alt in reservation section */
section.no-gutters .font-alt,
.flip-card-container .font-alt,
.reservation-card .font-alt {
    font-family: 'Lato', sans-serif !important;
}



/* ====================================================================
   STEAKQUETTE SPECIALS SECTION - Match Bingo Pizza exactly
   ==================================================================== */

/* Ensure Lato font for the specials section */
#special,
#special *,
#special .label-title,
#special h1,
#special h2,
#special .font-alt,
#special h3,
#special p,
#special .lead,
#special a,
#special span,
#special div {
  font-family: "Lato", sans-serif !important;
}









/* In your some-steak.css OR create new steak-specials.css file */

/* 1. FORCE SAME FONT AS BINGO PIZZA */
#special * {
  font-family: "Lato", sans-serif !important;
}

/* Override any other font classes */
#special .font-alt,
#special h1,
#special h2,
#special h3,
#special p,
#special span,
#special a {
  font-family: "Lato", sans-serif !important;
}

/* 2. SAME MOBILE STACKING BEHAVIOR */
@media (max-width: 767.98px) {
  /* Exact same stacking behavior */
  #special .row.no-gutters.text-center.shadow-lg {
    flex-direction: column !important;
  }
  
  #special .col-12.col-lg-6 {
    width: 100% !important;
    flex: 0 0 100% !important;
  }
  
  /* Stack text above image - SAME AS BINGO */
  #special .special .row,
  #special .special .row.flex-md-row-reverse {
    flex-direction: column !important;
  }
  
  /* Full width columns when stacked */
  #special .special .col-12.col-md-6 {
    width: 100% !important;
    flex: 0 0 100% !important;
  }
  
  /* SAME TEXT PADDING AS BINGO */
  #special .special-inner {
    padding: 30px 20px !important;
  }
  
  /* SAME FONT SIZES AS BINGO */
  #special .special-inner h3 {
    font-size: 1.1rem !important;
    margin-bottom: 15px !important;
  }
  
  #special .special-inner p {
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    margin-bottom: 15px !important;
  }
  
  #special .special-inner a {
    font-size: 0.71875rem !important;
  }
  
  /* SAME IMAGE HEIGHT AS BINGO */
  #special .special-media {
    min-height: 250px !important;
    height: 250px !important;
  }
}

/* 3. SAME DESKTOP EQUAL HEIGHTS */
@media (min-width: 768px) {
  #special .row.no-gutters.text-center.shadow-lg {
    display: flex;
    align-items: stretch;
  }
  
  #special .col-12.col-lg-6 {
    display: flex;
    flex-direction: column;
  }
  
  #special .special {
    flex: 0 0 50%;
    min-height: 50%;
  }
}

/* 4. SAME BREAKPOINTS AS BINGO */
@media (max-width: 480px) {
  #special .special-inner {
    padding: 25px 15px !important;
  }
  
  #special .special-media {
    min-height: 220px !important;
  }
  
  #special .special-inner h3 {
    font-size: 1rem !important;
  }
}

@media (max-width: 400px) {
  #special .special-media {
    min-height: 200px !important;
  }
  
  #special .special-inner {
    padding: 20px 12px !important;
  }
}

@media (max-width: 320px) {
  #special .special-media {
    min-height: 180px !important;
  }
  
  #special .special-inner {
    padding: 18px 10px !important;
  }
}

/* 5. SAME PARAGRAPH SIZING */
#special p {
  font-size: 1.2rem !important;
  line-height: 1.7 !important;
}

/* 6. SAME SPACING */
#special.consistent-spacing {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}