/*
Theme Name: uOttawa En ligne
Theme URI: https://enligne.uottawa.ca
Author: uOttawa Online
Description: French companion to the uOttawa Online theme. Same design and templates; the copy is in French.
Version: 1.13.4
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: uottawa-online-fr
*/

/*
The real styles are split across assets/css/ and loaded from functions.php
in this order: tokens -> base -> components -> sections -> mobile.
This file only carries the theme header WordPress reads.
*/

/* ==========================================================================
   French-only overrides
   This file is enqueued last, so anything here wins over assets/css/.
   Keep it to the places French copy genuinely needs different treatment.
   ========================================================================== */

/* The header holds a menu, a language switch and two buttons, and the French
   labels run about 150px longer than the English ones. Rather than collapse
   the whole row early, tighten the space between the menu items first: the
   design's 65px gap is generous, and 40px keeps the row readable while
   buying back the width. With that it holds together to about 1450px.

   A 1920 screen at 125% display scaling reports 1536 CSS pixels, which is
   where this was being hit. */
@media (max-width:1700px){
  .nav ul{ gap:clamp(20px, 2.2vw, 40px); }
}

@media (max-width:1450px){
  .site-header .container{ flex-wrap:wrap; }

  .nav,
  .header-actions,
  .header-lang{ display:none; }
  .nav-toggle{ display:flex; margin-left:auto; }

  .site-header.is-open .nav,
  .site-header.is-open .header-actions,
  .site-header.is-open .header-lang{
    display:flex;
    flex-basis:100%;
  }
  .site-header.is-open .nav{ order:2; margin-left:0; padding-top:16px; }
  .site-header.is-open .nav ul{ flex-direction:column; gap:14px; }
  .site-header.is-open .header-actions{ order:3; padding-top:16px; }
  .site-header.is-open .header-lang{ order:4; margin-left:0; padding:14px 0 16px; }
}