/*
Theme Name: C&W Real Foodies — Child
Theme URI: https://www.cushmanwakefield.com
Description: Override layer for the Real Foodies theme. Tweaks live here so the parent can be replaced without losing them.
Author: EMEA Bid Design
Template: cw-foodies
Version: 1.0.1
License: Proprietary
Text Domain: cwfoodies-child
*/

/* ==========================================================================
   Overrides load after the parent stylesheet, so equal specificity wins.
   Avoid !important — if a rule isn't taking effect, match the parent's
   selector exactly rather than escalating.
   ========================================================================== */


/* --------------------------------------------------------------------------
   Navigation — mobile
   -------------------------------------------------------------------------- */

@media (max-width: 860px) {

  /* `gap` sets row-gap as well as column-gap. With the menu collapsed the
     second flex line has zero height but its row gap is still reserved, so
     centring the lines lifts the visible row by half the gap. Zeroing the row
     gap costs nothing: the links carry their own border-top and padding for
     separation once the menu opens. */
  .nav {
    align-content: center;
    row-gap: 0;
  }

  /* 999px is right for a 60px pill, but the nav grows past 280px when open,
     at which point that radius draws an ellipse and the links sit outside the
     curve. border-width isn't in the parent's transition list, so this swaps
     cleanly rather than animating through intermediate oval shapes. */
  .nav.is-open {
    border-radius: 20px;
  }
}


/* --------------------------------------------------------------------------
   Your changes below this line
   -------------------------------------------------------------------------- */