/*
Theme Name: asticotheme
Theme URI: None
Author: asticoweb.com
Author URI: https://asticoweb.com
Description: Simple wordpress theme made with ❤️ by asticoweb.com | All rights reserved ©
Tags: theme, madewithlove, asticonet, asticoweb, asticoweb.com, asticotheme, coding, spreadthelove, personal, personaluseonly
Version: 5.0
License: License asticoweb.com
License URI: https://asticoweb.com
Text Domain: asticotheme
*/

::selection {
    background: var(--bleu);
    color: white;
    text-shadow: none;
}

::-webkit-selection {
    background: var(--bleu);
    color: white;
    text-shadow: none;
}

::-moz-selection {
    background: var(--bleu);
    color: white;
    text-shadow: none;
}

*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    outline: none !important;
    text-decoration: none;

}

section,
div,
header,
nav,
article,
section,
aside,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul,
li,
figure,
figcaption,
class,
img {

    margin: 0;
    padding: 0;
}


html,
body {

    width: 100%;
    padding: 0;
    margin: 0;
    font-family: 'Farro', sans-serif;
    position: relative;
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: transparent;
}

body {

    overflow-x: hidden;
    overflow-y: overlay;
    background: white;
}

body:not(#tinymce) {

    opacity: 0;
    transition: opacity .5s;
}

main,
body>.elementor,
footer {

    transform: translateY(-100px);
    transition: transform .5s;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    border-left: dashed 1px var(--blanc90);
}

::-webkit-scrollbar-thumb {
    background: var(--navy);
}

::-webkit-scrollbar-button {
    display: none;
}

.page main>section>h1,
br.clear,
a.post-edit-link {

    display: none;
}

input::placeholder,
textarea::placeholder {

    opacity: 1 !important;
}

a {

    color: var(--bleu);
}

input {

    accent-color: var(--bleu);
}


:root {
    --navy: #0B1237;
    --bleu: #6C759B;
    --ciel: #CCD7FF;
    --blanc90: #CFD5E5;
}

.balance {

    text-wrap: balance !important;
}

/*------------------------------------*\
    DARK MODE
\*------------------------------------*/

input[type="search"] {

    background: white;
}

/*------------------------------------*\
    UNDERLINE
\*------------------------------------*/

.underline .elementor-button-text,
.elementor-widget-text-editor a,
#header ul li a span,
#nav ul li a,
#nav a.all,
#footer ul li a,
#footer ul li button {

    position: relative;
}

.elementor-widget-text-editor a {

    display: inline-block;
    line-height: 1 !important;
}

.underline .elementor-button-text:before,
.elementor-widget-text-editor a:before,
#header ul li a span:before,
#nav ul li a:before,
#nav a.all:before,
#footer ul li a:before,
#footer ul li button:before {
    content: '';
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform .5s;
    position: absolute;
    width: 100%;
    height: 2px;
    background: var(--bleu);
    top: 100%;
    left: 0;
    pointer-events: none;
}

.underline .elementor-button-text:before,
.elementor-widget-text-editor a:before,
#header ul li a:hover span:before,
#nav ul li a:hover::before,
#nav a.all:hover::before,
#footer ul li a:hover::before,
#footer ul li button:hover::before {

    transform-origin: 0% 50% !important;
    transform: scale3d(1, 1, 1) !important;
}

.underline a:hover .elementor-button-text:before,
.elementor-widget-text-editor a:hover::before {

    transform-origin: 100% 50% !important;
    transform: scale3d(0, 1, 1) !important;
}

.underline a {

    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    color: var(--navy) !important;
}


/*------------------------------------*\
    OVERLAY
\*------------------------------------*/

.overlay:not(:has(.elementor-background-video-container, .elementor-motion-effects-container))::before,
.overlay:not(:has(.elementor-background-video-container, .elementor-motion-effects-container))::after,
.overlay :is(.elementor-background-video-container, .elementor-motion-effects-container)::before,
.overlay :is(.elementor-background-video-container, .elementor-motion-effects-container)::after {

    content: '' !important;
    position: absolute;
    inset: 0;
    background: var(--navy);
    pointer-events: none;
}

.overlay:before,
.overlay :is(.elementor-background-video-container, .elementor-motion-effects-container)::before {

    mix-blend-mode: color !important;
    z-index: 1;
}

.overlay:after,
.overlay :is(.elementor-background-video-container, .elementor-motion-effects-container)::after {

    opacity: .9;
    z-index: 2;
}

.overlay>* {

    z-index: 3;
}

/*------------------------------------*\
    SWIPER
\*------------------------------------*/

.custom-swiper .swiper {

    overflow: visible !important;
}

.custom-swiper.shadowed .e-loop-item {

    box-shadow: 0px 0px 12.5px 0px rgba(11, 18, 55, 0.333) !important;
    border: solid 1px var(--blanc90) !important;
    border-radius: 7.5px !important;
    background-color: white !important;
    overflow: hidden !important;
    transition: scale .3s, box-shadow .3s;
}

.custom-swiper.shadowed .e-loop-item:hover {

    box-shadow: 0px 0px 18.75px 0px rgba(11, 18, 55, 0.5) !important;
    scale: 1.05 !important;
}

.custom-swiper .elementor-swiper-button {

    width: 58px !important;
    height: 58px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 18px !important;
    color: white !important;
    background-color: var(--navy) !important;
    transform: none !important;
    top: auto !important;
    bottom: calc(100% + 50px) !important;
    left: auto !important;
    border-radius: 7.5px !important;
    transition: background-color .3s !important;
}

.custom-swiper .elementor-swiper-button:hover {

    background-color: var(--bleu) !important;
}

.custom-swiper .swiper-button-disabled {

    opacity: 1 !important;
    background-color: var(--blanc90) !important;
    pointer-events: none;
}

.custom-swiper .swiper-button-lock {

    display: none !important;
}

/*------------------------------------*\
    EXIT
\*------------------------------------*/

#exit {

    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100lvh;
    background-color: rgba(11, 18, 55, 0.5);
    backdrop-filter: blur(5px);
    z-index: 999;
    display: none;
    cursor: pointer;
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/

#header {

    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

#header:before {

    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: white;
    transform: translateY(-100%);
    transition: transform .3s;
    box-shadow: 0px 0px 25px rgba(11, 18, 55, 0.5);
}

.active-header:before {

    transform: translate(0) !important;
}

#header .wrapper {

    max-width: 1680px;
    width: 100%;
    padding: 12.5px 50px;
    margin: 0 auto;
    display: flex;
}

#header .container {

    flex: 1;
    display: flex;
    align-items: center;
}

#header .container:last-child {

    justify-content: flex-end;
}

#header ul {

    list-style: none;
    display: flex;
    align-items: center;
    gap: 25px;
}

#header .left ul {

    gap: 12.5px;
}

#header a {

    color: var(--navy);
    display: flex;
    gap: 6.25px;
    align-items: center;
    transition: color .3s;
}

.home #header a {

    color: white;
}

#header a span {

    margin-bottom: -2.5px;
    line-height: 1;
}

.active-header a {

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

#header a#logo {

    display: flex;
    margin-bottom: -25px;
    transition: margin .3s;
    position: relative;
}

#header a#logo:before {

    content: '';
    position: absolute;
    inset: 0;
    box-shadow: 0px 0px 25px rgba(11, 18, 55, 0.75);
    border-radius: 100%;
    z-index: -2;
}

.active-header a#logo {

    margin-bottom: -50px !important;
}

#header a#logo img {

    height: 175px;
    width: auto;
    transition: height .3s;
}

.active-header a#logo img {

    height: 125px !important;
}

#header form .search-container {

    display: flex;
    background-color: white;
    border-radius: 7.5px;
}

#header form .search-container>* {

    background-color: transparent;
    border-radius: 0;
    padding: 0;
}

#header form .search-container input {

    border: none;
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    padding: 0 15px;
    width: 270px;
}

#header form .search-container button {

    width: 58px;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#header form .search-container button svg {

    stroke: var(--bleu);
    transition: stroke .3s;
}

#header form .search-container button:hover svg {

    stroke: var(--navy);
}

#header svg {

    max-width: 29px;
    height: 29px;
    fill: transparent;
    stroke: var(--bleu);
    stroke-miterlimit: 10;
    stroke-width: 8px;
    stroke-linejoin: round;
    stroke-linecap: round;
    transition: stroke .3s;
}

#header .left ul li:last-child {

    display: none;

}

#header .left ul li button#search {

    padding: 0;
    background-color: transparent;
    border-radius: 0;
    line-height: 0;
}

.home #header svg {

    stroke: var(--ciel);
}

.home .active-header .right svg {

    stroke: var(--bleu) !important;
}

#header .right ul li a .count {

    background: var(--bleu);
    color: white;
    width: 18.75px;
    height: 18.75px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    border-radius: 100%;
}

/*------------------------------------*\
    NAV
\*------------------------------------*/

#nav {

    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9998;
    max-height: calc(100dvh - 100px);
    pointer-events: none;
}

#nav .wrapper {

    display: flex;
    max-width: 1680px;
    width: 100%;
    margin: 0 auto;
}

#nav .container {

    padding: 50px;
    width: 25%;
    background: white;
    box-shadow: 0px 0px 25px rgba(11, 18, 55, 0.5);
    translate: 0 100%;
    transition: translate .5s;
    display: flex;
    flex-direction: column;
    gap: 25px;
    justify-content: space-between;
    align-items: flex-start;
    overflow: hidden;
}

#nav .container:nth-of-type(2) {

    transition-delay: .1s;
}

#nav .container:nth-of-type(3) {

    transition-delay: .2s;
}

#nav .container:nth-of-type(4) {

    transition-delay: .3s;
}

#nav .container.boutique {

    background: var(--ciel);
    padding-right: 0;
    gap: 12.5px;
}

#nav .container.boutique h4 {

    margin-bottom: 12.5px;
}

#nav .container.recette {

    background: var(--navy);
}

#nav .poisson-container {

    position: absolute;
    height: 350px;
    top: auto;
    bottom: -37.5px;
    right: 0;
    translate: 20%;
    aspect-ratio: 1;
    rotate: .25turn;
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image .3s;
    pointer-events: none;
}

#nav .boutique a span,
#nav .poissons ul li a {

    font-size: 20px;
}

#nav li {

    list-style: none;
}

#nav a {

    color: var(--navy);
}

#nav a.all {

    line-height: 1.25em;
    color: var(--bleu);
}

#nav .container.entreprise ul.contact li a {

    color: var(--bleu);
    font-size: 14px;
}

#nav .container.boutique ul {

    display: flex;
    flex-direction: column;
    gap: 12.5px;
    height: 100%;
    width: 100%;
}

#nav .container.boutique ul li {
    flex: 1;
    line-height: 0;
}

#nav .container.boutique ul li a {
    border-radius: 7.5px 0 0 7.5px;
    display: inline-block;
    background: var(--bleu);
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    color: white;
    overflow: hidden;
    transition: background-size .3s;
}

#nav .container.boutique ul li a:hover {

    background-size: 110%;
}

#nav .container.recette .elementor-element-787842e,
#nav .container.boutique ul li a span {

    padding: 12.5px;
    padding-top: 50px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to top, rgba(11, 18, 55, 1) 0%, rgba(11, 18, 55, 0) 100%);
}

#nav .container.boutique ul li:nth-of-type(1) a {

    background-image: url('/wp-content/uploads/produits-de-la-mer.jpg');

}

#nav .container.boutique ul li:nth-of-type(2) a {

    background-image: url('/wp-content/uploads/epicerie-fine.jpg');

}

#nav .container.boutique ul li a:before {

    display: none;
}

#nav .container.poissons,
#nav .container.poissons a.all {

    color: var(--bleu)
}

#nav .container.recette h4,
#nav .container.recette a {

    color: var(--ciel);
}

#nav .container.recette>div {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
}

#nav .container.recette .elementor {

    margin-bottom: 12.5px;
    flex: 1;
}

#nav .container.recette .e-loop-item {

    border-radius: 7.5px;
    overflow: hidden;
}

#nav .container.recette .elementor *:not(.elementor-element-787842e, .elementor-element-787842e *, .elementor-element-7a35aa9, .elementor-element-7a35aa9 *) {

    height: 100%;
}

#nav .container.recette .elementor-element-787842e {

    pointer-events: none;
    flex-direction: column-reverse;
    padding-top: 100px;
}

#nav .container.recette .elementor-element-787842e {

    background: linear-gradient(to top, rgba(204, 215, 255, 1) 0%, rgba(204, 215, 255, 0) 100%);
}

#nav .container.recette .elementor-element-3bc29cb .elementor-heading-title {

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

#nav .container.recette .elementor-element-d8a5d33 .elementor-heading-title {

    font-size: 18px;
}

#nav h4 {

    font-size: 25px;
    color: var(--navy);
    line-height: 1;
    margin-bottom: 25px;
}

.active-nav {

    pointer-events: all !important;
}

.active-nav .container {

    translate: 0 !important;
}

/*------------------------------------*\
    BURGER
\*------------------------------------*/

#menu {

    display: flex;
    align-items: center;
    padding: 15px 20px;
    gap: 6.25px;
    cursor: pointer;
    transition: background-color .3s;
}

#menu:hover {

    background-color: var(--bleu);
}

#menu>span {

    color: white;
    translate: 0 2px;
}

#menu div {

    width: 1.25cap;
    height: .75cap;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#menu div span {

    width: 100%;
    height: 3px;
    background: white;
    position: absolute;
    transition: margin .3s, transform .3s, background-color .3s;
    transform-origin: center;
    margin-bottom: -.125em;
}

#menu div span.a {

    margin-bottom: calc(.75cap - 3px);
}

.active-first-span {

    transform: rotate(45deg) !important;
    margin: 0 !important;
}

#menu div span.b {

    margin-top: calc(.75cap - .125em);
}

.active-last-span {

    transform: rotate(-45deg) !important;
    margin: 0 !important;
}

/*------------------------------------*\
    WOOCOMMERCE
\*------------------------------------*/

div.quantity {

    margin: 0 !important;
    display: flex !important;
}

div.quantity input {

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

div.quantity button {

    cursor: pointer !important;
}

div.quantity:has(input[max="1"]) {

    display: none !important;
}

div.quantity button,
div.quantity input {

    width: 25px !important;
    height: 25px !important;
    border-radius: 3.75px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border: none !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;

    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);

}

div.quantity input[type="number"]::-webkit-outer-spin-button,
div.quantity input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

div.quantity input[type="number"] {
    -moz-appearance: textfield;
}

.e-loop-add-to-cart-form a.button {

    margin: 0 !important;
    width: 50px !important;
    height: 50px !important;
    text-indent: -9999px !important;
    border-radius: 7.5px !important;
    background-color: var(--ciel) !important;

}

.added_to_cart,
.e-loop-add-to-cart-form:before,
.e-loop-add-to-cart-form:after,
.e-loop-add-to-cart-form a.button:after,
.e-loop-add-to-cart-form:not(:has(.add_to_cart_button:not(.product_type_variable))) {

    display: none !important;
}

.product-template-default .woocommerce-notices-wrapper {

    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 10;
}

.product-template-default .woocommerce-notices-wrapper .woocommerce-error,
.product-template-default .woocommerce-notices-wrapper .woocommerce-info,
.product-template-default .woocommerce-notices-wrapper .woocommerce-message {

    border-radius: 7.5px 7.5px 0 0 !important;
    margin: 0 !important;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    padding: 25px !important;
    margin-bottom: 25px !important;
    background-color: var(--navy) !important;
    color: white !important;
    border: none !important;
    border-radius: 7.5px;
    box-shadow: 0px 0px 18.75px rgba(11, 18, 55, 0.5);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12.5px;
}

.woocommerce-error::after,
.woocommerce-error::before,
.woocommerce-info::after,
.woocommerce-info::before,
.woocommerce-message::after,
.woocommerce-message::before {

    display: none !important;
}

.woocommerce-error a.button,
.woocommerce-info a.button,
.woocommerce-message a.button {

    padding: 10px 20px !important;
    border-radius: 7.5px !important;
    color: var(--navy) !important;
    background-color: var(--ciel) !important;
    line-height: 1.75em !important;
    transition: background-color .3s;
}

.woocommerce-error a.button:hover,
.woocommerce-info a.button:hover,
.woocommerce-message a.button:hover {

    background-color: var(--bleu) !important;
    color: var(--navy) !important;
}

.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a {

    color: var(--ciel) !important;
    transition: color .3s;
}

.woocommerce-error a:hover,
.woocommerce-info a:hover,
.woocommerce-message a:hover {

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

/*------------------------------------*\
    FOOTER
\*------------------------------------*/

#footer {

    display: flex;
    flex-direction: column;
    background-color: var(--navy);
    position: relative;
    overflow: hidden;
}

#footer video {

    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
}

#footer .container,
#footer:after {
    z-index: 1;
}

#footer .container.bottom {

    background-color: rgb(255 255 255 / .05);
    backdrop-filter: blur(5px);
}

#footer .wrapper {

    max-width: 1680px;
    width: 100%;
    padding: 100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

#footer .container.bottom .wrapper {

    padding: 25px 50px;
}

#footer .container .wrapper .column {

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 50px;
}

#footer img {

    width: 175px;
    height: auto;
}

#footer li {

    list-style: none;
}

#footer li,
#footer a {

    color: white;
}

#footer p {
    width: 250px;
    color: var(--ciel);
    line-height: 1.75em;
    font-size: 14px;
    text-wrap: balance;
}

#footer h4 {

    font-size: 25px;
    color: var(--ciel);
    line-height: 1;
    margin-bottom: 25px;
}

#footer button {

    cursor: pointer;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
}

#footer a#pro {

    padding: 0 20px;
    height: 58px;
    border-radius: 7.5px;
    background: var(--navy);
    display: flex;
    gap: 6.25px;
    align-items: center;
    transition: background-color .3s;
}

#footer a#pro:hover {

    background-color: var(--bleu);
}

#footer a#pro svg {

    max-width: 29px;
    height: 29px;
    fill: transparent;
    stroke: white;
    stroke-miterlimit: 10;
    stroke-width: 8px;
    stroke-linejoin: round;
    stroke-linecap: round;
    transition: stroke .3s;
}

#footer .container.bottom .wrapper {

    align-items: center;
}

#footer .bottom ul {

    display: flex;
    gap: 12.5px 25px;
}

#footer .bottom li,
#footer .bottom a,
#footer .bottom button {

    font-size: 14px;
    line-height: 1.25;
    color: var(--ciel);
    display: flex;
}

#footer:after {

    content: '';
    display: inline-block;
    width: 100%;
    height: 10px;
    background: linear-gradient(90deg, rgba(0, 38, 84, 1) 0%, rgba(0, 38, 84, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 66%, rgba(206, 17, 38, 1) 66%, rgba(206, 17, 38, 1) 100%);
}

#footer a#asticoweb {

    position: relative;
    display: flex;
    align-items: center;
    transition: color .3s;
}

#footer a#asticoweb:hover {

    color: var(--bleu);
}

#footer a#asticoweb:before {

    content: '';
    display: inline-block;
    width: 22.5px;
    height: 22.5px;
    margin-right: 6.25px;
    background-color: var(--ciel);
    transition: background-color .3s;
    -webkit-mask: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 194.4 200"><path d="M90.5,102.2c-1.2-.2-2.9-.3-4.1-.3-5.9-.4-12.2,1.5-15.3,6.3-5,6.9-3.9,19,3.7,23.8,3.4,2.3,7.8,2.8,13.4,2.2h0c11.7-1,22.3-7.9,28.6-17.6-6.6-7.8-15.9-13.2-26.3-14.4Z"/><path d="M108.3,0C59.7,0,0,59.3,0,109.3s59.7,90.7,108.3,90.7,86.1-40.7,86.1-90.7h0C194.4,59.5,156.9,0,108.3,0ZM137.2,142.2c0,3-2.5,5.4-5.5,5.3-2.9,0-5.3-2.4-5.3-5.3,0-3.1-.4-6.2-1.2-9.1-10,10.4-24.1,16.7-38.5,16.9-7.2.3-14.5-1.2-20.5-5.5-10.6-7.3-14.6-21.3-11.6-33.4,3-12.6,13.9-21.7,26.8-22.3,1.8-.2,3.7-.1,5.5,0,1,.1,3.1.2,4.1.3,11.6,1.5,22.6,7,30.8,15.3.4-1.6.6-3.5.8-5.1.1-1.1.1-2.7.1-3.9-.1-3.6-.8-7.1-2.3-10.4-.5-.9-1.1-2.3-1.7-3.1-8.6-14.2-28.9-16.6-40.3-4.5-9.8,9.5-24-4-14.9-14.3,17.9-18.3,49.2-17.5,65.9,2,6.7,7.5,10.7,17.4,11.1,27.4h0c.5,10.2-2.2,20.5-7.2,29.4,2.7,6.5,4,13.5,3.9,20.3Z"/></svg>') no-repeat;
    mask: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 194.4 200"><path d="M90.5,102.2c-1.2-.2-2.9-.3-4.1-.3-5.9-.4-12.2,1.5-15.3,6.3-5,6.9-3.9,19,3.7,23.8,3.4,2.3,7.8,2.8,13.4,2.2h0c11.7-1,22.3-7.9,28.6-17.6-6.6-7.8-15.9-13.2-26.3-14.4Z"/><path d="M108.3,0C59.7,0,0,59.3,0,109.3s59.7,90.7,108.3,90.7,86.1-40.7,86.1-90.7h0C194.4,59.5,156.9,0,108.3,0ZM137.2,142.2c0,3-2.5,5.4-5.5,5.3-2.9,0-5.3-2.4-5.3-5.3,0-3.1-.4-6.2-1.2-9.1-10,10.4-24.1,16.7-38.5,16.9-7.2.3-14.5-1.2-20.5-5.5-10.6-7.3-14.6-21.3-11.6-33.4,3-12.6,13.9-21.7,26.8-22.3,1.8-.2,3.7-.1,5.5,0,1,.1,3.1.2,4.1.3,11.6,1.5,22.6,7,30.8,15.3.4-1.6.6-3.5.8-5.1.1-1.1.1-2.7.1-3.9-.1-3.6-.8-7.1-2.3-10.4-.5-.9-1.1-2.3-1.7-3.1-8.6-14.2-28.9-16.6-40.3-4.5-9.8,9.5-24-4-14.9-14.3,17.9-18.3,49.2-17.5,65.9,2,6.7,7.5,10.7,17.4,11.1,27.4h0c.5,10.2-2.2,20.5-7.2,29.4,2.7,6.5,4,13.5,3.9,20.3Z"/></svg>') no-repeat;
}

#footer a#asticoweb:hover::before {

    background-color: var(--bleu);
}

/*------------------------------------------------------------------------*\
    RESPONSIVE
\*------------------------------------------------------------------------*/

@media only screen and (max-width:1024px) {

    .home .active-header svg,
    .home .active-header .right svg {

        stroke: var(--navy) !important;
    }

    #header .right ul li a span,
    #header form#search-form {

        display: none;
    }

    #header form {

        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        z-index: -2;
    }

    #header form .search-container {

        border-radius: 0;
    }

    #header form .search-container input {

        width: 100%;
    }

    #header .left ul {

        gap: 6.25px;
    }

    #header .left ul li:last-child {

        display: inherit;
    }

    #header svg {

        stroke: var(--navy);
    }

    #header .right ul {

        gap: 12.5px;
    }

    #header .right ul li a {

        position: relative;
    }

    #header .right ul li a .count {

        background-color: var(--navy);
        position: absolute;
        right: 0;
        bottom: 0;
        translate: 50% 50%;
    }

    #nav {

        width: calc(100% - 100px);
        pointer-events: auto;
        overflow-y: auto;
        transition: translate .75s cubic-bezier(.85, 0, .075, 1), -webkit-translate .75s cubic-bezier(.85, 0, .075, 1);
        translate: -100%;
    }

    #nav::-webkit-scrollbar {
        width: 0;
        height: 0;
        border: none;
    }

    .active-nav {

        translate: 0 !important;
    }

    #nav .wrapper {

        flex-wrap: wrap;
    }

    #nav .container {

        width: 50%;
        translate: 0;
        box-shadow: none;
    }

    #nav .container.entreprise {

        order: 1;
        background: var(--blanc90);
    }

    #nav .container.boutique {

        background-color: white;
    }

    #nav .container.boutique ul li a {

        border-radius: 7.5px;
    }

    #nav .container.recette img {

        aspect-ratio: 16/9;
    }

    /*------------------------------------*\
    FOOTER
\*------------------------------------*/

    #footer {

        text-align: center;
    }

    #footer .wrapper {

        padding: 100px 50px;
        flex-wrap: wrap;
        gap: 50px;
    }

    #footer .container.bottom .wrapper {

        flex-direction: column;
        gap: 12.5px;
    }

    #footer .container .wrapper .column {

        width: calc(50% - 25px);
        align-items: center;
    }

    #footer p {

        width: 100%;
    }

    #footer .bottom ul {

        flex-wrap: wrap;
        justify-content: center;
    }
}

@media only screen and (max-width:650px) {

    .custom-swiper .swiper {

        padding-right: 100px;
    }

    .custom-swiper .elementor-swiper-button {

        display: none !important;
    }

    #header .wrapper {

        padding: 12.5px 25px;
    }

    #menu {

        padding: 0;
        width: 43.5px;
        height: 43.5px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #menu>span {

        display: none;
    }

    .active-header a#logo img,
    #header a#logo img {

        height: 100px !important;
    }

    #header a#logo {

        margin-bottom: 0;
    }

    .active-header a#logo {

        margin-bottom: -37.5px !important;
    }

    #nav .container {

        padding: 37.5px;
    }

    #nav .container.boutique {

        padding: 50px 37.5px 0 37.5px;
    }

    #nav .container.poissons {

        padding-top: 25px;
    }

    #nav {

        max-height: calc(100dvh - 87.5px);
        width: calc(100% - 50px);
    }

    #nav .container {

        width: 100%;
    }


    #nav .container.boutique ul li a {

        height: 125px;
    }

    /*------------------------------------*\
    FOOTER
\*------------------------------------*/

    #footer .wrapper {

        padding: 50px 25px;
    }

    #footer .wrapper,
    #footer .container .wrapper .column {

        gap: 25px;
    }

    #footer .container .wrapper .column {

        width: 100%;
    }

    #footer .container.bottom .wrapper {

        padding: 25px;
    }

    #footer h4 {

        margin-bottom: 12.5px;
    }

    #footer .bottom li,
    #footer .bottom a,
    #footer .bottom button {
        font-size: 12px;
    }

}