From 1549902f5af67ebcbe2b489e1fe12f389d80a5aa Mon Sep 17 00:00:00 2001
From: Serghei Mihai <smihai@entrouvert.com>
Date: Tue, 17 Oct 2023 14:18:52 +0200
Subject: [PATCH] nancy-en-direct: theme update (#82787)

---
 static/nancy-en-direct/_custom.scss | 63 +++++++++++++----------------
 static/nancy-en-direct/_vars.scss   | 24 ++++++++---
 static/nancy-en-direct/img/logo.svg | 32 +++++----------
 static/nancy-en-direct/style.scss   |  2 +-
 4 files changed, 56 insertions(+), 65 deletions(-)

diff --git a/static/nancy-en-direct/_custom.scss b/static/nancy-en-direct/_custom.scss
index ae4458eb..84c9a93b 100644
--- a/static/nancy-en-direct/_custom.scss
+++ b/static/nancy-en-direct/_custom.scss
@@ -1,7 +1,3 @@
-#header-wrapper, #footer-wrapper {
-	background-color: #333333;
-}
-
 #logo {
 	a {
 		height: 100px;
@@ -18,20 +14,14 @@
 }
 
 div#toplinks {
-	background: $primary-color;
-	height: 100%;
-	border: 0;
-	border-radius: 0;
-	padding: 0 1em;
-	box-shadow: none;
-	display: flex;
-	align-items: center;
-	color: #ffffff;
-	@media screen and ($max-mobile-viewport) {
-		display: none;
+	@media ($max-mobile-viewport) {
+		box-shadow: none;
+		border: 0;
+		padding: 0;
+		font-size: 90%;
 	}
 	a {
-		color: #ffffff;
+		color: $primary-color;
 	}
 }
 
@@ -134,22 +124,6 @@ div.cell.wcsformsofcategorycell {
 	}
 }
 
-div#nav-wrapper {
-	@media screen and ($min-desktop-viewport) {
-		background: #efefef;
-	}
-	div.gru-nav {
-		@media screen and ($min-desktop-viewport) {
-			background: transparent;
-		}
-	}
-	ul {
-		@media screen and ($min-desktop-viewport) {
-			margin-top: 0;
-		}
-	}
-}
-
 div#pwa-navigation {
 	a {
 		background-size: auto $nav-mobile-bottom-bar-height - 35px;
@@ -196,10 +170,6 @@ div.cell.trackingcodeinputcell {
 	}
 }
 
-#footer a {
-	color: #ffffff;
-}
-
 div#content .cell div.wcs-tracking-code-input h2,
 div#tracking-code h3,
 .wcs-steps h2 {
@@ -348,3 +318,24 @@ button.cancel-button, div.cancel-button button {
 div.buttons div.submit-button {
     float: right;
 }
+
+div.gru-nav {
+	.gru-nav-button {
+		margin-left: 0;
+	}
+	@media ($min-desktop-viewport) {
+		li.menu--item {
+			margin: 0 1.5rem;
+		}
+		.menu--link {
+			border-radius: 0;
+			padding-bottom: calc(0.75em - 10px);
+			border-bottom: 10px solid $secondary-color;
+		}
+	}
+	@media ($max-mobile-viewport) {
+		> ul > li a {
+			font-weight: normal;
+		}
+	}
+}
diff --git a/static/nancy-en-direct/_vars.scss b/static/nancy-en-direct/_vars.scss
index 7453c52e..4aa40f63 100644
--- a/static/nancy-en-direct/_vars.scss
+++ b/static/nancy-en-direct/_vars.scss
@@ -1,21 +1,31 @@
 $border-radius: 3px;
 $primary-color: #f15252;
+$secondary-color: #FEBBB8;
 $width: 960px;
-$font-family: Poppins, sans-serif;
+$font-family: 'Open Sans', sans-serif;
 $cell-border: 0;
+$nav-menu-color: #2B2E34;
+
 $nav-mobile-bottom-bar-background: #333333;
 $nav-mobile-bottom-bar-item-hover-background: #000000;
 $nav-mobile-bottom-bar-color: #ffffff;
 $nav-button-background: $nav-mobile-bottom-bar-background;
 $nav-border-color: $nav-mobile-bottom-bar-background;
 $nav-submenu-color: #333333;
-$nav-submenu-background: #efefef;
-$button-background: #6b2327;
+$nav-submenu-background: #EFECEC;
+$nav-item-selected-background: $secondary-color;
+$nav-button-background: #FE6357;
+$nav-button-color: white;
+$nav-border-color: white;
+$nav-mobile-menu-background: white;
+$nav-border-radius: 0;
+$button-background: $secondary-color;
+
 $link-color: #333333;
 
-$title-color: $primary-color;
+$title-color: black;
 $title-font-size: 135%;
-$nav-item-selected-background: $primary-color;
+$title-weight: 800;
 $form-style: light;
 $form-sidebar-position: right;
 $form-sidebar-width: 180px;
@@ -34,3 +44,7 @@ $wcs-step-current-marker-color: black;
 $wcs-step-current-marker-background: $primary-color;
 
 $carrousel-text-position: top right;
+
+$footer-background: #242424;
+$footer-color: white;
+$footer-link-color: white;
diff --git a/static/nancy-en-direct/img/logo.svg b/static/nancy-en-direct/img/logo.svg
index a2f8c4cb..89d8028b 100644
--- a/static/nancy-en-direct/img/logo.svg
+++ b/static/nancy-en-direct/img/logo.svg
@@ -1,29 +1,15 @@
-<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 549.7 208.78">
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 286.88 90.83">
   <defs>
     <style>
       .cls-1 {
-        fill: #fff;
+        fill: #1d1d1b;
       }
     </style>
   </defs>
-  <title>Nancy en direct</title>
-  <g>
-    <g>
-      <path class="cls-1" d="M169.15,232.13h-.37V343.52c0,9.17,3,10.91,11.64,10.91h7.52v3.05H147.76v-3.05h6.38c8.63,0,11.63-1.74,11.63-10.91V226h-18V223h39.43l71,99.73h.37V236.33c0-7.83-1.5-10.32-9.76-10.32H240V223h39.59V226H271.3c-8.27,0-9.76,2.49-9.76,10.32V358.62h-2.45Z" transform="translate(-147.76 -191.29)"/>
-      <path class="cls-1" d="M344.7,347.17c0,3.64.59,8.4,5.63,8.4,4.34,0,6.95-3.64,9.79-7.66l2.06,1.56c-3.58,6.3-8.47,10.31-16.53,10.31-8.83,0-15.21-5.17-16.54-11.87h-.35c-6.4,8.63-14.84,11.87-27.24,11.87-14.63,0-23.47-7.45-23.47-20.45,0-21.41,28-26.74,47.31-26.74H329V289.08c0-9-8.27-11.09-15.42-11.09-5.44,0-18.21,2.11-18.21,9,0,4.59,6.19,2.48,6.19,11.09,0,4.57-3.74,8-8.64,8-5.27,0-8.24-4.2-8.24-10.69,0-9.75,10.13-20.47,28.9-20.47,14.26,0,31.16,7.49,31.16,22.2Zm-19-31.52c-13.69,0-30.79.37-30.79,20.79,0,10.73,1.71,18.77,13.73,18.77,14.08,0,20.29-10.72,20.29-14.56v-25Z" transform="translate(-147.76 -191.29)"/>
-      <path class="cls-1" d="M381.33,282.22H366.49v-3.11h14.84c9,0,12.39,0,15.79-4.2v19.5h.35c4.89-9.16,14.26-19.5,28-19.5,20.1,0,25.75,10.34,25.75,21.62v57.9H466v3.05H420.57v-3.05h14.85v-62.5c0-10.5-5.08-13.94-11.08-13.94-15.78,0-23.86,16-27.22,22.52v53.92h14.25v3.05H366.49v-3.05h14.84Z" transform="translate(-147.76 -191.29)"/>
-      <path class="cls-1" d="M539.42,330.54c-.55,14.52-12.95,29.24-31.54,29.24-24.23,0-39.79-17.6-39.79-39.19,0-25,18.76-45.68,40.91-45.68,13.15,0,27,6,27,17.78a9.2,9.2,0,0,1-9,9.57c-5.81,0-9-4.2-9-8.24,0-7.6,4.69-7.26,4.69-10.11,0-4.2-8.61-5.92-14.06-5.92-18.23,0-22.55,12-22.55,30.18v16.62c0,16.63.76,31.92,21.79,31.92,19,0,27.24-14.53,28.54-26.17Z" transform="translate(-147.76 -191.29)"/>
-      <path class="cls-1" d="M690.32,363c-8.23,18.93-27.6,34.34-48.23,34.9-15.14.37-31.77-9.79-38.06-21.17-9-16.38-9.28-33.57,1.78-54.65L620,289.65c3.92-9,6.19-9.73,14.82-9.73v-3.06H602.09v3.06h6.57c3.21,0,8.45.56,8.45,5,0,2.08-1.12,5.71-3.18,10.48L595.54,338l-23.69-58.09h13.92v-3.06h-43v3.06h10.9l34.16,79.9.08.09,3.26,7.17c10.39,18.81,26.14,33,49.53,33,28.59,0,54.39-25.25,56.73-53.77l0-.92a9.87,9.87,0,0,0-9.59-9.76,9.75,9.75,0,0,0,0,19.49,3.43,3.43,0,0,1,1.73.4c.7.15,1.43,1.08,1.63,2.63a9.46,9.46,0,0,1-.77,4.59Z" transform="translate(-147.76 -191.29)"/>
-    </g>
-    <g>
-      <path class="cls-1" d="M311.45,247.39c-.1,6.86.87,14.6,10,14.6,8.13,0,14.12-5.41,15.48-13.35h1.54c-1.54,8.9-8.12,14.9-17,14.9-11.32,0-19.25-8.7-19.25-21.47,0-9.38,7.55-21.47,18.09-21.47,11.41,0,17.31,12.76,17.31,16.83a.77.77,0,0,1-.87.87H311.45ZM328.28,234c0-6.19-1.65-11.9-8-11.9-6.77,0-8.8,5.71-8.8,11.9v2.71H327.6a.62.62,0,0,0,.68-.68Z" transform="translate(-147.76 -191.29)"/>
-      <path class="cls-1" d="M348.39,224.27h-7.64v-1.55h7.64c4.65,0,6.39,0,8.13-2.12v9.86h.19c2.52-4.64,7.35-9.86,14.41-9.86,10.35,0,13.25,5.22,13.25,10.93v29.3H392v1.55H368.61v-1.55h7.64V229.21c0-5.33-2.61-7.07-5.71-7.07-8.12,0-12.28,8.13-14,11.42v27.27h7.35v1.55H340.75v-1.55h7.64Z" transform="translate(-147.76 -191.29)"/>
-      <path class="cls-1" d="M454.3,255.32h-.19a14.43,14.43,0,0,1-12.67,8.22c-12.09,0-19.93-10.16-19.93-21.47,0-9.48,7.64-21.47,19.25-21.47,7,0,11.61,5.32,13.35,9.86h.19v-35.2h-7.74v-1.55h7.74c3.09,0,6.19-.19,8.13-2.42v69.54h6.67v1.55H454.3Zm0-18.18c0-7.07-5.51-15-13.54-15-8.51,0-10,6.68-10,19.93,0,14.41,1.16,19.92,10.64,19.92a13.14,13.14,0,0,0,12.86-13.54Z" transform="translate(-147.76 -191.29)"/>
-      <path class="cls-1" d="M477.51,224.27h-7.73v-1.55h7.73c3.1,0,6.19-.19,8.13-2.12v40.23h7.74v1.55h-23.6v-1.55h7.73Zm4.07-26a4.94,4.94,0,1,1-4.94,4.94A5,5,0,0,1,481.58,198.25Z" transform="translate(-147.76 -191.29)"/>
-      <path class="cls-1" d="M502.47,224.27h-8.13v-1.55h8.13c3.09,0,6.19-.19,8.12-2.12V232h.2c1.16-4.35,4.54-11.41,12.47-11.41,3.58,0,6.39,2.32,6.39,5.7a4.24,4.24,0,0,1-4.45,4.55c-3.19,0-4.26-1.64-4.26-4.26a4.66,4.66,0,0,1,2.13-4.16,2.17,2.17,0,0,0-1.36-.29c-4,0-11.12,6.29-11.12,18.86v19.83h8.8v1.55H494.34v-1.55h8.13Z" transform="translate(-147.76 -191.29)"/>
-      <path class="cls-1" d="M540.79,247.39c-.09,6.86.87,14.6,10,14.6,8.13,0,14.13-5.41,15.48-13.35h1.55c-1.55,8.9-8.13,14.9-17,14.9-11.31,0-19.24-8.7-19.24-21.47,0-9.38,7.54-21.47,18.08-21.47,11.42,0,17.32,12.76,17.32,16.83a.77.77,0,0,1-.87.87H540.79ZM557.62,234c0-6.19-1.64-11.9-8-11.9-6.77,0-8.8,5.71-8.8,11.9v2.71H557a.61.61,0,0,0,.67-.68Z" transform="translate(-147.76 -191.29)"/>
-      <path class="cls-1" d="M609.27,248.74A15.93,15.93,0,0,1,593,263.54c-12.48,0-20.51-8.9-20.51-19.83,0-12.67,9.67-23.11,21.09-23.11,6.77,0,13.93,3,13.93,9a4.7,4.7,0,0,1-4.65,4.84,4.31,4.31,0,0,1-4.64-4.16c0-3.87,2.42-3.68,2.42-5.13,0-2.13-4.45-3-7.26-3-9.38,0-11.6,6.1-11.6,15.29v8.41c0,8.41.38,16.15,11.22,16.15,9.77,0,14-7.35,14.7-13.25Z" transform="translate(-147.76 -191.29)"/>
-      <path class="cls-1" d="M619.23,224.27h-8.42v-1.55c10.06.2,13.74-4.06,15.38-13.54h1.16v13.54H640.7v1.55H627.35v32.5c0,4,1.65,5.22,4.74,5.22,4.84,0,7-4.45,7.54-6.09l1.45.29c-.67,2.32-3.48,7.35-10.63,7.35-6.77,0-11.22-2.22-11.22-8.61Z" transform="translate(-147.76 -191.29)"/>
-    </g>
-  </g>
-</svg>
\ No newline at end of file
+  <path class="cls-1" d="M11.17,4.7h-.2V61.83c0,4.7,1.57,5.59,6.08,5.59h3.92v1.57H0v-1.57H3.33c4.51,0,6.08-.88,6.08-5.59V1.57H0V0H20.58L57.62,51.15h.2V6.86c0-4.02-.78-5.29-5.1-5.29h-4.6V0h20.68V1.57h-4.31c-4.31,0-5.1,1.27-5.1,5.29v62.71h-1.27L11.17,4.7Z"/>
+  <path class="cls-1" d="M102.79,63.7c0,1.86,.29,4.31,2.94,4.31,2.25,0,3.63-1.86,5.1-3.92l1.08,.78c-1.86,3.23-4.41,5.29-8.62,5.29-4.61,0-7.94-2.65-8.62-6.08h-.2c-3.33,4.41-7.74,6.08-14.21,6.08-7.64,0-12.25-3.82-12.25-10.48,0-10.98,14.6-13.72,24.69-13.72h1.86v-12.05c0-4.61-4.31-5.68-8.04-5.68-2.84,0-9.5,1.08-9.5,4.61,0,2.35,3.23,1.27,3.23,5.68,0,2.35-1.96,4.12-4.51,4.12-2.74,0-4.31-2.16-4.31-5.49,0-5,5.29-10.48,15.09-10.48,7.45,0,16.27,3.82,16.27,11.37v25.67Zm-9.9-16.17c-7.15,0-16.07,.2-16.07,10.68,0,5.49,.88,9.6,7.15,9.6,7.35,0,10.58-5.49,10.58-7.45v-12.84h-1.67Z"/>
+  <path class="cls-1" d="M121.9,30.38h-7.74v-1.57h7.74c4.7,0,6.47,0,8.23-2.16v10h.2c2.55-4.7,7.45-10,14.6-10,10.48,0,13.42,5.29,13.42,11.07v29.69h7.74v1.57h-23.71v-1.57h7.74V35.37c0-5.39-2.65-7.15-5.78-7.15-8.23,0-12.45,8.23-14.21,11.56v27.63h7.45v1.57h-23.42v-1.57h7.74V30.38Z"/>
+  <path class="cls-1" d="M204.41,55.17c-.29,7.45-6.76,14.99-16.46,14.99-12.64,0-20.77-9.01-20.77-20.09,0-12.84,9.8-23.42,21.36-23.42,6.86,0,14.11,3.04,14.11,9.11,0,2.94-2.25,4.9-4.7,4.9-3.04,0-4.7-2.16-4.7-4.21,0-3.92,2.45-3.72,2.45-5.19,0-2.16-4.51-3.04-7.35-3.04-9.51,0-11.76,6.17-11.76,15.48v8.53c0,8.52,.39,16.36,11.37,16.36,9.9,0,14.21-7.45,14.89-13.42h1.57Z"/>
+  <path class="cls-1" d="M283.16,71.81c-4.3,9.7-14.4,17.62-25.16,17.89-7.91,.2-16.59-5-19.87-10.85-4.72-8.39-4.84-17.21,.92-28.02l7.38-16.62c2.06-4.61,3.23-5,7.74-5v-1.57h-17.05v1.57h3.43c1.67,0,4.41,.29,4.41,2.55,0,1.08-.59,2.94-1.67,5.39l-9.6,21.85-12.35-29.79h7.25v-1.57h-22.44v1.57h5.68l17.84,40.96,.05,.05,1.7,3.7c5.41,9.64,13.64,16.9,25.84,16.9,14.93,0,28.4-12.95,29.6-27.57v-.49c.01-2.74-2.34-5-4.98-5s-5,2.25-5,5,2.25,5,5,5c.38,0,.65,.08,.89,.2,.37,.07,.76,.56,.86,1.36-.04,.75,.15,.87-.4,2.34l-.08,.13Z"/>
+</svg>
diff --git a/static/nancy-en-direct/style.scss b/static/nancy-en-direct/style.scss
index cddc594e..8beee2e2 100644
--- a/static/nancy-en-direct/style.scss
+++ b/static/nancy-en-direct/style.scss
@@ -1,6 +1,6 @@
 @charset "UTF-8";
 
 @import 'vars';
-@import '../includes/fonts/poppins';
+@import '../includes/fonts/opensans';
 @import '../includes/publik';
 @import 'custom';