@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@700&family=Poppins:ital,wght@0,400;0,700;1,400;1,700&display=swap');
*{font-family: Poppins, sans-serif;}

h2,.modal-title{font-family: Poppins;font-weight: bold!important;}

html{background: #222;}
body{background:#fff}
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle {
  background-color: #222 !important;
  border-color: #222 !important;
}

.usernave{display:flex !important;align-items:center;gap:1em;position: relative;margin:0;justify-self:end;z-index:1101}
.usernave .avatar-capsule svg{width:2.1em;height:2.1em;display:block}
.usernave .avatar-capsule{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.usernave svg{width:1.4em;height:1.4em}
.usernave .login{display:flex;align-items:center;order:3}
.usernave .header-search-toggle{order:1}
.usernave .header-action{order:2}
.usernave .header-action svg{width:1.5em;height:1.5em;display:block}
.usernave.down{display: none!important;;}
.header-search-toggle{display:none;align-items:center;justify-content:center;border:0;background:none;padding:.35em;margin-right:.1em;color:#222;pointer-events:auto;position:relative;z-index:1102}
.header-search-toggle:hover{cursor:pointer}
.header-search-icon{width:1.6em;height:1.6em;display:block;pointer-events:none}
.header-action{display:inline-flex;align-items:center;justify-content:center;color:#222;text-decoration:none}
.header-action:hover{color:#222;opacity:.9}

.overallnav.btn-primary,
.overallnav.btn-primary:hover,
.overallnav.btn-primary:focus,
.overallnav.btn-primary:active,
.overallnav.btn-primary:disabled,
.overallnav.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .overallnav.btn-primary.dropdown-toggle {
    background-color: transparent !important;
    border-color:transparent !important;
}
.recipe.card{position: inherit}
.offcanvas-header .btn-close{color:#222;opacity: 1}
.offcanvas .forgotten a{color:#222}
.btn.btn-primary{width: 100%;padding:1em}
button.hide-important {
    display: none !important;
}
.offcanvas-body{padding:1em 2em!important}
.offcanvas{overflow: auto;}
.loader-container {
    width: 100%;
    height: 0;
    padding-bottom: 75%; /* Pour une image de ratio 4:3 */
    position: relative;
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* Votre code CSS pour le loader ici */
}

.header{display: grid;grid-template-columns: auto 1fr auto;grid-template-rows: auto auto;align-items: center;gap: .5rem;position: relative;padding: .4rem 1.25rem 0;}
.header > *{align-self:center}
.overallnav{position: static;margin:0;z-index: 1000;width: initial !important;padding: .6em .9em!important;}
.header .entete{grid-column: 1 / -1;}
#generation{display: flex;align-items: center;justify-content: center;padding:50vh}
#generation .spinner-border{margin-right: 1em}
.container.text-center{padding-left:1.25em;padding-right:1.25em}
#image-container{position: relative;display:inline-block;z-index: 0}
/* Loader overlay image recette 
#image-container .overlay{display:none;position:absolute;left:0;top:0;width:100%;background:rgba(0,0,0,.4);text-align:center;height:100%;padding-top:50%}
*/
#image-container .spinner-border{position: relative}
.visible{display:block!important}
#recipeimg{width: 100%;position:sticky;top:0;z-index:0}
.recipe-container{margin:2em 2em}
#image-container{flex:1}
.flush{color:#999!important;text-align: center;text-decoration: none;}
.entete{padding:1em 0!important;text-align: center;}
.logo{margin-top: 0;letter-spacing: -2px;}
.logo a{color:#222;text-decoration: none;display: inline-block;text-align: center;font-weight: bold;}
.marquee{clear: both;margin-bottom: .5em;overflow: hidden}
.marquee-img{overflow: hidden;}
.marquee-track{
  display: flex;
  gap: 0.6rem;
  width: max-content;
  animation: marquee-scroll var(--marquee-duration, 40s) linear infinite;
  will-change: transform;
}
.marquee:hover .marquee-track{animation-play-state: paused;}
.marquee-paused .marquee-track{animation-play-state: paused;}
.marquee .jax{width:17vw;min-width:160px;display: inline-block;flex:0 0 auto}
.marquee .jax a{display:block;width:100%}
.marquee .jax .alhover{display:block;width:100%}
.marquee img{width: 100%;border-radius:.25em;}
@keyframes marquee-scroll{
  from{transform: translateX(0);}
  to{transform: translateX(var(--marquee-shift, -50%));}
}
.dimmed{opacity:.25}
.sweep-effect {
  width: 100%;
  height: 2em;
  background: linear-gradient(to bottom, transparent, white, transparent);
  color: white;
  text-align: center;
  line-height: 100%;
  position: relative;
  /* Animation */
  animation: sweep 3s infinite;
  z-index: 1000;
  position: absolute;
  }

  @keyframes sweep {
  0%, 100% {
      top: -2em;
  }
  50% {
      top: 100%; /* Ajustez cette valeur selon la distance de balayage désirée */
  }
  }

.group{margin-top:1em;border:2px solid #333;padding:0 .5em;border-radius:2em;position:relative;}
.group input{border-radius:2em;border: 0 !important;outline: none;outline:none}
.group input:focus{box-shadow: none;}
.group button{border: radius 0 !important;border:none;background:none;}
.group form#search-form{display: flex; align-items: center;}
.bi-camera,.bi-search,.bi-arrow-right-circle{width: 1.5em;height:1.5em;color:#333;margin:.5em;padding-right:1px}
.bi-camera{font-size: 1.25em;width:auto;height: 1.75rem;width:1.75rem}
.bi-search{font-size: .85em}
#search-button{font-size: 1.1em;}
#search-form{margin-bottom: 3em;}
#search-button:hover,.bi-camera{cursor: pointer;}
.tagline{display: flex;justify-content: center}
.tagline #text-container{margin-left: .25em;}
.tagline p{margin-bottom: 0;color: #222;}
.admin-tools{margin:.5em 0 1em;display:flex;align-items:center;gap:.5em;flex-wrap:wrap}
.admin-tools .admin-stats{font-size:.85em;color:#444}

@media screen and (max-width: 600px) {
  #global{
    position: sticky;
    top: 0;
    z-index: 1200;
  }
  .header{
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto auto;
    align-items: center;
    gap: .45rem;
    padding: .35em .9em 0;
  }
  .overallnav{
    position: static;
    margin: 0;
    padding: .45em .7em !important;
    justify-self: start;
  }
  .usernave{
    position: static;
    top: auto;
    right: auto;
    justify-self: end;
    gap: .45rem;
    align-items: center;
  }
  .header-search-toggle{
    display: none;
    padding: .2rem;
    margin-right: .15rem;
  }
  .header-search-icon{
    width: 1.6rem;
    height: 1.6rem;
  }
  .usernave .avatar-capsule svg{
    width: 28px;
    height: 28px;
  }
  .usernave svg{
    width: 28px;
    height: 28px;
  }
  .entete{
    grid-column: 1 / -1;
    padding: 0 !important;
    text-align: center;
  }
  .logo{
    font-size: 1.85em;
    margin-bottom: 0;
    line-height: 1;
  }
  .logo sup{
    top: -.8em;
  }
  .tagline{
    font-size: .78em;
    gap: .15em;
    flex-wrap: nowrap;
    white-space: nowrap;
    justify-content: center;
    text-align: center;
    margin-bottom: .35em;
    grid-column: 1 / -1;
    grid-row: 2;
  }
  body.cms-index:not(.mobile-header-compact) .tagline{
    margin-top: .6em;
    margin-bottom: .75em;
  }
  .tagline p{
    display: inline;
  }
  #search-form{
    margin-bottom: .4em;
  }
  .group{
    margin-top: .15em;
    padding: .05rem .3rem;
  }
  #search-input{
    font-size: .9rem;
    padding: .25rem 0;
  }
  .bi-camera,
  .bi-search,
  .bi-arrow-right-circle{
    width: 1.3em;
    height: 1.3em;
  }
  .header-action svg{
    width: 1.6rem;
    height: 1.6rem;
  }
  body:not(.mobile-search-open) .group{
    display: none;
  }
  body.cms-index:not(.mobile-header-compact) .group{
    display: block;
  }
  body.mobile-header-compact .header-search-toggle{
    display: inline-flex;
  }
  body.mobile-header-compact .logo{
    font-size: 1.2em;
    letter-spacing: -1px;
  }
  body.mobile-header-compact .entete{
    padding: 0 !important;
  }
  body.mobile-header-compact .header{
    gap: .15rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto 1fr;
    padding-left: 0;
    padding-right: 0;
  }
  body.mobile-header-compact .entete{
    position: static;
    left: auto;
    transform: none;
    width: auto;
    display: flex;
  }
  body.mobile-header-compact #global{
    padding-bottom: .2rem;
  }
  body.mobile-header-compact .tagline{
    display: none;
  }
  body.mobile-header-compact .tagline p{
    display: none;
  }
  body.mobile-header-compact .entete{
    display: flex !important;
  }
  body.mobile-header-compact .logo{
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
    position: static;
    left: auto;
    transform: translate(11px, -2px) !important;
  }
  body.mobile-header-compact .tagline{
    grid-column: 1 / -1;
    grid-row: 2;
  }
}

.trending,
.suggestions{
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity 160ms ease, transform 160ms ease;
}
.suggest-visible{
  opacity: 1;
  transform: translateY(0);
}

@media screen and (min-width: 601px) {
  .header-search-toggle{
    display: inline-flex;
  }
}
#search-input::placeholder{color:#333}
#text-container {
    display: inline-block;
    position: relative;
  }
  .cat-intro{text-align: center;margin-top:1rem;margin-bottom:.35rem;font-size: 2em;}
  
#animated-text {
    border-right: 2px solid black;
    white-space: nowrap;
    position: absolute;
  }

@media (max-width: 768px) {
  .header {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto auto;
    align-items: center;
    gap: .35rem;
    padding: .3rem 1rem 0;
  }
  .overallnav {
    position: static;
    margin: 0;
    padding: .35em .6em !important;
    justify-self: start;
  }
  .usernave {
    position: static;
    top: auto;
    right: auto;
    justify-self: end;
    margin-left: 0;
    align-items: center;
    gap: .25rem;
  }
  .usernave .avatar-capsule svg {
    width: 1.6em;
    height: 1.2em;
  }
  .entete {
    grid-column: 1 / -1;
    padding: 0 !important;
    text-align: center;
  }
  .logo {
    font-size: 2em;
    letter-spacing: -1px;
    line-height: 1;
    margin-bottom: 0;
  }
  .tagline {
    flex-wrap: nowrap;
    gap: .25rem;
    font-size: .95em;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    margin-bottom: .5rem;
  }
  .group {
    border-width: 1px;
    padding: .25rem .5rem;
  }
  #search-form {
    gap: .25rem;
  }
  #search-input {
    font-size: 1rem;
    padding: .5rem .25rem;
  }
  .bi-camera,
  .bi-search,
  .bi-arrow-right-circle {
    width: 1.4em;
    height: 1.4em;
  }
  #search-form {
    margin-bottom: 1.5rem;
  }
  .trending {
    max-height: 50vh;
    overflow: auto;
  }
}
  
  @keyframes blink {
    50% {
      border-color: transparent;
    }
  }
  
  #animated-text {
    animation: blink 1s step-end infinite;
  }
  

  
  .custom-popover {

    --bs-popover-border-color: #222;
    --bs-popover-header-bg: #222;

  }
  

@media screen and (max-width: 768px) {
   .logo{font-size: 3.5em}
   .entete{margin-top: 2em}
   .tagline{display: block;margin-top:0;margin-bottom: 0}
   .tagline p{margin-bottom: 0;}
    .tagline span{display: block}
    .bi-camera,.bi-search,.bi-arrow-right-circle{width: 1.5em;height:1.5em}
    #animated-text{position: relative;}
    footer ul.infos{display: flex;justify-content: space-around;margin: 2em auto;}
    body:not(.cms-index) .entete{margin-top: 0;}
    .bi.bi-camera{margin-right: 0.15em}
    .frigo{display: flex;flex-wrap: wrap;padding-top: 0 !important;padding-bottom:0!important}
    .frigo .text{order:2}
.frigo .deco{order:1}
}
.logo{font-weight: 400;}
.miam,.ia{font-family: 'Caveat';}
.logo sup{font-size:.25em;margin-left: .5em;top:-1em}
.user-comment{display: flex;text-align: left;}
.user-comment{gap:1em;border-bottom: 3px solid #eee;padding-bottom: 1em;margin-bottom: 1em;align-items:center}
.user-comment .square{width: 100px;min-width:100px;overflow: hidden;align-self: baseline;}
.user-comment img{width: 100px;}
.title-form{margin-bottom: 1rem;margin-top: 1rem;font-weight: bold;font-size: 2.5em;}
.title-form:first-of-type{margin-top: 0 }
.title-form:nth-of-type(2){color: #222;margin-top: 1em}
.offcanvas-body{padding:0 2em}
.up{position: relative;}
.down{position: relative;margin-top:0}
.up, .down {position: relative;transition: margin-top 0.5s ease; /* Durée et type de transition */}
#search-form,.entete,.logo{transition: margin 0.25s ease;transition: padding 0.25s ease}
.minify{transition: font-size 0.25s ease}
.down{margin-top: 0;margin-bottom:0}
.entete.down{padding-bottom: 1em!important;}
#search-form{margin-bottom:0 !important}
#global{background: #ffffffe2;z-index: 1000;padding-bottom: 1.5em;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);position: sticky;top: 0;}

body:not(.cms-index) #global{
  border-bottom: 1px solid rgba(34, 34, 34, 0.08);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.06);
  margin-bottom: 1.75rem;
}

/* Gestion sticky */
#global.down{top: 0;grid-row: 1;position: sticky;}
body.down{display: grid;grid-template-rows:auto 1fr}
/* Gestion sticky */

@media (min-width: 769px) {
  body.cms-index #global .entete{
    padding-top: .5em !important;
  }
  body.cms-index #global .logo{
    margin-top: .75em;
  }
}

.minify.group{margin-top: 0;margin-bottom: 0!important;}
.minify.group #search-input{background:none}
.entete .minify.logo{font-size: 1.8em!important;}

body.header-compact .header{
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto;
  align-items: center;
  gap: .75rem;
  padding: .4rem 1.1rem;
  min-height: 64px;
}
body.header-compact #global{
  padding: .15rem 0;
  margin-bottom: 0;
}
body.header-compact .overallnav{
  position: static;
  margin: 0;
  padding: .45em .7em !important;
  align-self: center;
  display: inline-flex;
  align-items: center;
  justify-self: start;
}
body.header-compact .usernave{
  justify-self: end;
  align-self: center;
  align-items: center;
  gap: 1em;
}
body.header-compact .entete{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  text-align: center;
  align-self: center;
  grid-column: 2;
  grid-row: 1;
  justify-self: center;
  width: max-content;
  pointer-events: none;
}
body.header-compact .logo{
  justify-self: center;
  margin: 0;
  line-height: 1;
  font-size: 1.8em;
  display: flex;
  align-items: center;
  align-self: center;
  padding: 0;
  transform: translateY(-2px);
}
body.header-compact .logo sup{
  top: -0.5em;
}
body.header-compact #global .logo{
  margin-top: 0;
}
body.header-compact .logo a{
  display: inline-flex;
  align-items: center;
  line-height: 1;
  padding: 0;
  pointer-events: auto;
}
body.header-compact .tagline{
  display: none;
}
body.header-compact .header-search-toggle{
  display: inline-flex;
}
body.header-compact:not(.mobile-search-open):not(.desktop-search-open) #global .container.text-center.flow{
  display: none;
}
body.header-compact.mobile-search-open #global .container.text-center.flow,
body.header-compact.desktop-search-open #global .container.text-center.flow{
  display: block;
}
body.header-compact.mobile-search-open #search-form,
body.header-compact.desktop-search-open #search-form{
  margin-bottom: 0 !important;
}
body.header-compact.mobile-search-open .group,
body.header-compact.desktop-search-open .group{
  margin-bottom: .75rem !important;
}

@media (max-width: 600px) {
  body.header-compact #global{
    padding: .1rem 0;
  }
}

.recipe.card,.recipe.card img{border-radius:.3em;border:none}
.recipe.card{margin-bottom:2em}
.recipe.card a{color:#333;text-decoration: none}
.recipe.card.recipe-reveal{
  opacity: 0;
  transform: translateY(14px) scale(0.985);
  transition: opacity 420ms ease, transform 520ms cubic-bezier(0.22, 0.7, 0.2, 1);
  will-change: opacity, transform;
}
.recipe.card.recipe-reveal.is-visible{
  opacity: 1;
  transform: translateY(0) scale(1);
}
.ratings .average-note{display: block;}
.average-note{display: none;}
.ratingstars{font-size:.9em;line-height:1;letter-spacing:.04em}
.card .rating .ratingstars{font-size:1em}
.recipe-container .rating .ratingstars{font-size:1.1em}
.ratingstars .star,
.ratingstars span{display:inline-block;width:1em;text-align:center;font-variant-numeric:tabular-nums}
.ratingstars .star{color:#f4b400}
.ratingstars .star--empty{opacity:.35}
.rating-count{color:#000;margin-left:.2em;font-size:.8em}
.card-body{padding-top:0.5em!important;}
#related-recipes .card-text{
  text-align: center;
}
body.cms-index #encadrement{display: none;}

footer{background: #222;padding: 1em 0;margin-top: 3em;}
footer .logo{font-size: 1.25em;}
footer a{color:#666}
footer .logo a{color: #fffbfb !important;}
ul.infos{padding-left: 0!important;}
footer hr{border-top: 1px solid #fffbfb;
    width: calc(100% - 1.5em);
    margin-left: auto;
    margin-right: auto;}
.dk{color:#333}

.entete .miam {
    position: relative;
    display: inline-block;
}

.entete .miam::after {
    content: '';
    position: absolute;
    top: 0;
    left: -1000%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.8), transparent);
    animation: reflet 500ms;
}

@keyframes reflet {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

.invisible{visibility: hidden}
.tagline.up{font-size:0;transition : font-size 0.25s ease;opacity:0;transition : opacity 0.25s ease;}
#upload-form{display: none;}
#regen-image{display: none;}
.loading-modal .modal-dialog{max-width:440px}
.loading-modal__content{border-radius:18px;border:1px solid #efe7dd;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.loading-modal__body{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 1.5rem 1.25rem}
.loading-modal__preview{position:relative;border-radius:16px;overflow:hidden;background:linear-gradient(140deg,#f6f1e9,#efe7dd);border:1px solid #eadfce;min-height:180px;display:flex;align-items:center;justify-content:center}
.loading-modal__image{display:none;width:100%;height:100%;object-fit:cover}
.loading-modal__status{display:flex;gap:0.75rem;align-items:center;justify-content:flex-start}
.loading-modal__messages{display:flex;flex-direction:column;gap:0.25rem;font-weight:600;color:#3a3127}
.loading-modal__hint{font-size:.85rem;color:#6b5e50}
.loading-modal__sweep{position:absolute;inset:0;opacity:.35}
.loading-modal .spinner-border{color:#2d2018}

.recipe-container h1{padding-right:1em;margin-bottom: 0;margin-top:0;font-weight: 700;font-size:2.5em;letter-spacing: -1px;word-spacing: 1px;}
.recipe-container h2{margin-bottom: 0.6em;margin-top:1.4em;font-size:1.75em;font-weight: 700;letter-spacing: -.5px;
  word-spacing: .5px;}
.recipe-container ol{padding-left:1em}
.recipe-container ol li{list-style:none;display: flex;margin-bottom: .5em}
.recipe-container ol li::before{content:counter(li);font-weight: 700;margin-right: 1em}
.recipe-container ol li {counter-increment: li}
.recipe-container h1 + .valuation{margin-top:0.75em}
.recipe-container h2{background: linear-gradient(180deg,transparent 60%,#eee 0);padding-left:.25em;padding-bottom:0;}
.recipe-container h2{background:none;padding-left:0;border-bottom: 4px solid;}
.recipe-container .logo{margin:2em 0;font-size: 2em;}
.recipe-container .miam{font-size:1em;text-align: right;}
.recipe-container .logo{text-align: center}
.recipe-container ul{list-style:none;padding-left: 0;}
.recipe-container ul li::before{content: "•"; margin-right:1.25em;margin-left: .25em}
.recipe-container ul li{display: flex;margin-bottom: .25em;list-style-position: inside;margin-left: 1em;}
.wine-pairings{display:flex;flex-direction:column;gap:0.75em}
.wine-pairings__group h3{font-size:1.05em;margin:0 0 .4em 0}
.wine-pairings__list{display:flex;flex-wrap:wrap;gap:.5em}
.wine-pairings__item{display:inline-flex;align-items:center;border:1px solid #222;border-radius:999px;padding:.25em .7em;text-decoration:none;color:#222;font-size:.9em}
.wine-pairings__item:hover{background:#222;color:#fff}
.listing-filters{margin:1.2em auto}
.listing-filters{position:relative;z-index:100}
.listing-filters__chips{display:flex;flex-wrap:wrap;gap:.5em;align-items:center;margin:0 0 .9em;justify-content:center}
.facet-chip{display:inline-flex;align-items:center;gap:.5em;padding:.35em .8em;border-radius:999px;border:1px solid #d5d5d5;background:#f7f7f7;color:#1b1b1b;text-decoration:none;font-size:.9em}
.facet-chip:hover{background:#eeeeee}
.facet-chip__close{display:inline-flex;width:20px;height:20px;border-radius:999px;align-items:center;justify-content:center;background:#e0e0e0;font-size:.9em}
.facet-clear{color:#1b1b1b;text-decoration:underline;font-size:.9em}
.facet-clear:hover{color:#000}
.listing-filters__count{margin-left:.5em;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .4em;border-radius:999px;background:#2d2018;color:#fff;font-size:.75em;line-height:1}
.cat-results-count{margin:.35em 0 1em;color:#5a4a3d;font-size:.95em;text-align:center}
.listing-filters__bar{display:flex;flex-wrap:wrap;gap:.6em;margin-bottom:1em;justify-content:center}
.listing-filters__button{border:1px solid #cfcfcf;background:#fff;color:#1b1b1b;border-radius:999px;padding:.4em 1em;font-size:.85em;text-transform:uppercase;letter-spacing:.05em}
.listing-filters__button:hover{background:#f5f5f5;border-color:#bdbdbd}
.listing-filters__button.is-active{border-color:#111;background:#111;color:#fff}
.listing-filters__dropdowns{position:static;height:0}
.facet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:50;opacity:0;visibility:hidden;transition:opacity 200ms ease, visibility 0s linear 200ms}
.facet-overlay.is-visible{opacity:1;visibility:visible;transition:opacity 200ms ease}
.facet-dropdown{position:absolute;top:0;left:0;min-width:280px;max-width:360px;border:1px solid #ddd;border-radius:6px;padding:16px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:60;opacity:0;visibility:hidden;pointer-events:none;--facet-drag-offset:12px;transform:translateY(var(--facet-drag-offset));transition:opacity 180ms ease, transform 220ms ease}
.facet-dropdown__handle{display:none;width:52px;height:5px;border-radius:999px;background:#d7c8ba;margin:4px auto 12px;touch-action:none}
.facet-dropdown__header{touch-action:none}
.facet-dropdown{font-size:.95em}
.facet-dropdown::before{content:'';position:absolute;top:-7px;left:22px;width:14px;height:14px;background:#fff;border-left:1px solid #ddd;border-top:1px solid #ddd;transform:rotate(45deg)}
.facet-dropdown.is-open{opacity:1;visibility:visible;pointer-events:auto;--facet-drag-offset:0px}
.facet-dropdown.is-closing{opacity:0;visibility:visible;pointer-events:none;--facet-drag-offset:12px}
.facet-dropdown.is-dragging{transition:none}
.facet-dropdown.is-loading{pointer-events:none}
.facet-dropdown.is-loading::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.65);z-index:65}
.facet-dropdown.is-loading::before{content:'';position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border:3px solid #d9d9d9;border-top-color:#111;border-radius:50%;animation:facet-spin .8s linear infinite;z-index:66}
.facet-dropdown__header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:12px;font-weight:700}
.facet-dropdown__reset{background:none;border:0;font-size:.8em;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;color:#444}
.facet-panel__list{display:flex;flex-direction:column;gap:6px;padding:6px 0 2px 0;max-height:280px;overflow:auto;position:relative}
.facet-panel__list.is-loading::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.75);z-index:2}
.facet-panel__list.is-loading::before{content:'';position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border:2px solid #ccc;border-top-color:#111;border-radius:50%;animation:facet-spin .8s linear infinite;z-index:3}
@keyframes facet-spin{to{transform:rotate(360deg)}}
.facet-panel__item{display:grid;grid-template-columns:18px 1fr auto auto;gap:8px;align-items:center;font-size:.95em;color:#222}
.facet-panel__item input{accent-color:#222}
.facet-panel__label{display:block}
.facet-panel__seo{font-size:.8em;color:#666;text-decoration:underline}
.facet-panel__count{font-size:.8em;color:#888}
.facet-panel__actions{display:flex;justify-content:flex-end;padding-top:12px}
.facet-panel__apply{background:#111;color:#fff;border:1px solid #111;border-radius:6px;padding:.45em 1.2em;text-transform:uppercase;font-size:.8em;letter-spacing:.04em}
.facet-panel__apply[disabled]{opacity:.6;cursor:not-allowed}
.facet-panel__loading{opacity:.6;pointer-events:none}

@media (max-width: 860px){
  body.facet-open{overflow:hidden}
  .facet-dropdown::before{display:none}
  .facet-dropdown{position:fixed;left:0;right:0;bottom:0;top:auto;min-width:0;max-width:none;width:100%;border-radius:18px 18px 0 0;padding:14px 18px 24px;max-height:72vh;overflow:auto;box-shadow:0 -10px 30px rgba(0,0,0,.2);z-index:60}
  .facet-dropdown__handle{display:block}
}
body{margin: 0!important;padding: 0!important;}
.recipe-container #image-container img{width: 100vw;height:auto;}
.recipe-container{line-height: 1.6em;}
#recipe-modal .modal-dialog{margin: 0;}
#recipe-modal .modal-content{border-radius: 0;}
#recipe-modal .modal-body{padding: 0;}
#incentivePop {
  z-index: 7000;
}
#incentivePop + .modal-backdrop {
  z-index: 6990;
}
.recipe-container .bookmark{cursor: pointer;}
.recipe-container .preintro{font-size:.8em;text-transform: uppercase;}
.recipe-container .preintro + .directives{margin-top:1em}
.close
{
  position: fixed;
  z-index: 10;
  right: 2em;
  top: 1.5em;
  text-align: center;
  cursor:pointer;
}
.close .btn-close{
  color: #222;
  opacity: 1;
  font-size: 1.25em;
}
.close #close-text
{
  font-size: .75em;
}
.valuation{align-items: center;margin-top: .5em;margin-bottom: 1.5em}
.valuation .rating{margin-right:1em}
.valuation .bookmark{display:flex;align-items: center;justify-content: center;margin-top: 1em;border: 1px solid;
  border-radius: .35em;
  padding-right: 1em;
  padding-left: 1em;
padding-top: .5em;
padding-bottom: .5em;
margin-right: .5em;
}
.valuation .bookmark .bi{margin-right: .5em;}

.infos div{display:flex}
.infos div span{width:50%}

/*
.infos{display: flex;justify-content:space-between;width:50%}
.infos div{text-align: center}
.infos div span{display: block}
*/

.recipe-container .intro{margin-bottom: 1em;margin-top: 0.6em;}
.recipe-container .rating{margin-top: .5em;}
.infos div span{width: 45%}
.infos div span:nth-child(2){width: 10%}

.comments{margin-top: 2em;}
.profile .avatar-capsule.rounded-circle,.comment .avatar-capsule.rounded-circle{margin-left:auto;margin-right:auto;border-radius:50%;width:3em;overflow:hidden;text-align: center;background: #eee;}
.profile .avatar-capsule img,.comment .avatar-capsule img{height: 3em;}
.profile .avatar-capsule.rounded-circle,.profile .avatar-capsule img{height: 6em;width:6em}
.usernave .avatar-capsule,
.offcanvas-body .avatar-capsule,
.profile-hero .avatar-capsule {
  border-radius: 0;
  overflow: hidden;
}
.usernave .avatar-capsule img,
.offcanvas-body .avatar-capsule img,
.profile-hero .avatar-capsule img {
  border-radius: 0;
  object-fit: cover;
}
.profile .avatar-capsule.rounded-circle{margin-top: 2rem;}
.comment{display: flex;align-items:start;border-bottom: 1px solid #eee;padding-bottom: 2em;margin-bottom: 2em;gap:1.5em}
.comment .avatar-capsule {margin-right: 2em}
.commentData{margin-bottom: 1em;}
.commentData .author{font-weight: bold;}
.commentData .ratingstars{display: block;}

#user-header{display: flex;align-items: center;gap:1em;font-weight: bold;border-bottom: 3px solid #eee;margin-bottom: 1em;padding-bottom: 1em;}
#user-header .avatar-capsule{margin-right: 1em;}
#user-header .avatar-capsule img{height: 3em;}
#user-header .avatar-capsule.rounded-circle{width: 3em;height: 3em;}
#user-header .user-name{font-weight: bold;}

.user-menu{list-style: none;padding: 0;margin: 2em 0}
.user-menu li{margin: 0;padding: 0;border-bottom:1px solid #eee}
.user-menu li a{display: block;margin: 1em 0;color:#222;text-decoration: none;}
.marquee-img {
  opacity: 0;
  transition: opacity 250ms;
}

.group .trending{
  text-align: left;
  border: 1px solid #222;
  margin: 0;
  padding: .6em 1.5em .8em;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + .35em);
  background: #fff;
  z-index: 50;
  border-radius: .75em;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
}
.group .trending .entry{display: block;display:flex;justify-content:space-between;padding:.5em;/*! padding-left:1.5em; */cursor:pointer}
.group .trending .annonce{font-weight: 700;padding-left: .5em;/*! margin-bottom: .5em; */padding:.5em;}
.recipe-container .rating{cursor: pointer;}
.offcanvas {
    position: fixed;
    z-index: 1055;
    height: 100vh;
    max-height: 100vh;
    top: 0;
    bottom: 0;
}
.offcanvas-header {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
}
.offcanvas-body {
  max-height: calc(100vh - 3.5rem);
  overflow-y: auto;
}
#offcanvasRight {
  width: 360px;
  max-width: 90vw;
  height: 100vh;
  max-height: 100vh;
}

@media screen and (max-width: 600px) {
  #offcanvasRight {
    width: 100vw;
    max-width: 100vw;
  }
}
.seo-accordion {
  margin-top: 1.5rem;
}
.seo-accordion__item {
  border: 0;
  border-radius: 14px;
  margin-bottom: 0.75rem;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.04);
}
.seo-accordion__button {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.9rem;
  color: #2b261f;
  background: #f6f1e9;
}
.seo-accordion__button:not(.collapsed) {
  color: #1d1914;
  background: #f0e8dc;
}
.seo-accordion__body {
  padding: 1rem;
}
.seo-hub__all {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
  font-weight: 600;
  color: #201c16;
  text-decoration: none;
}
.seo-hub__all::after {
  content: "→";
  font-size: 0.9rem;
}
.seo-mobile {
  display: grid;
  gap: 0.9rem;
}
.seo-mobile__group {
  border: 0;
}
.seo-mobile__group-title {
  font-weight: 700;
  background: #f6f1e9;
  color: #2b261f;
}
.seo-mobile__group-title[href]::after {
  display: none;
}
.seo-mobile__group-title[href] {
  padding-right: 1rem;
}
.seo-mobile__items {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.35rem;
}
.seo-mobile__item {
  text-decoration: none !important;
  color: #4a3e32;
  font-size: 0.9rem;
  line-height: 1.3;
  display: block;
  font-weight: 400 !important;
}
.seo-mobile__item--all {
  font-weight: 600;
  color: #201c16;
}
@media (hover: none) and (pointer: coarse) {
  .offcanvas .seo-mobile__item {
    text-decoration: none !important;
    font-weight: 400 !important;
  }
}
.seo-mobile__item:hover {
  color: #000;
}
.offcanvas,
.offcanvas * {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.offcanvas a,
.offcanvas button,
.offcanvas .accordion-button {
  -webkit-tap-highlight-color: transparent !important;
  -webkit-touch-callout: none;
  touch-action: manipulation;
}
.offcanvas a:active,
.offcanvas button:active,
.offcanvas .accordion-button:active {
  background: inherit;
  color: inherit;
}
@media (hover: none) and (pointer: coarse) {
  .offcanvas a,
  .offcanvas button,
  .offcanvas .accordion-button {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none;
    user-select: none;
  }
}
.offcanvas .accordion-button:focus,
.offcanvas .accordion-button:focus-visible {
  box-shadow: none !important;
  outline: none !important;
}
.offcanvas a:focus,
.offcanvas a:focus-visible,
.offcanvas a:active {
  outline: none !important;
}
.offcanvas {
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-btn-bg: #f6f1e9;
  --bs-accordion-btn-color: #2b261f;
  --bs-accordion-active-bg: #f0e8dc;
  --bs-accordion-active-color: #1d1914;
}
.offcanvas .accordion-button {
  background: transparent !important;
  color: #2b261f !important;
  box-shadow: none !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}
.offcanvas .seo-accordion__button {
  font-weight: 700 !important;
}
.offcanvas .seo-accordion__button:not(.collapsed) {
  font-weight: 700 !important;
}
.offcanvas .seo-mobile__group-title {
  font-weight: 400 !important;
  text-decoration: none !important;
}
.offcanvas .accordion-button:not(.collapsed) {
  background: transparent !important;
  color: #2b261f !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}
@media (hover: none) and (pointer: coarse) {
  .offcanvas .accordion-button:active,
  .offcanvas .accordion-button:not(.collapsed) {
    background: transparent !important;
    color: #2b261f !important;
    font-weight: 400 !important;
    text-decoration: none !important;
  }
}
.offcanvas .accordion-button:focus,
.offcanvas .accordion-button:focus-visible {
  box-shadow: none;
}
.offcanvas .accordion-button:focus-visible,
.offcanvas a:focus-visible {
  outline: 2px solid #2b261f;
  outline-offset: 2px;
}

.mega-menu {
  display: none;
  position: absolute;
  top: 4.5rem;
  left: 0;
  right: 0;
  background: transparent;
  z-index: 5000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 200ms ease, visibility 200ms ease;
}
.mega-menu__inner {
  position: relative;
}
.mega-menu.is-open {
  display: block;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.mega-menu-open {
  overflow: hidden;
}
.mega-menu-open #global {
  position: relative;
  z-index: 6002;
}
.mega-menu-open .mega-menu {
  z-index: 6001;
}
.mega-menu-open #image-container,
.mega-menu-open #recipeimg {
  z-index: -1;
}
.mega-menu__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.25rem 2rem 2rem;
  background: #fff;
  border-radius: 0 0 18px 18px;
  box-shadow: 0 18px 40px rgba(0,0,0,0.12);
  border: 1px solid #eee;
  border-top: 0;
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity 200ms ease, transform 240ms ease;
}
.mega-menu.is-open .mega-menu__inner {
  opacity: 1;
  transform: translateY(0);
}
.mega-menu__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.75rem;
  color: #5c5145;
  border-bottom: 1px solid #eee;
  padding-bottom: 0.6rem;
}
.mega-menu__close {
  border: 0;
  background: transparent;
  font-size: 1.5rem;
  cursor: pointer;
  color: #3a3127;
}
.mega-menu__columns {
  display: grid;
  grid-template-columns: 180px 260px 1fr;
  gap: 2rem;
}
.mega-menu__columns--simple {
  grid-template-columns: 200px 1fr;
}
.mega-menu__col {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.mega-menu__col--cats {
  border-right: 1px solid #f0e8dc;
  padding-right: 1.25rem;
}
.mega-menu__col--groups {
  border-right: 1px solid #f0e8dc;
  padding-right: 1.25rem;
}
.mega-menu__cat,
.mega-menu__group {
  display: block;
  width: 100%;
  border: 0;
  background: transparent;
  padding: 0.55rem 0.75rem;
  text-align: left;
  font-weight: 600;
  color: #3a3127;
  cursor: pointer;
  text-decoration: none;
  border-radius: 8px;
  transition: color 160ms ease, background 160ms ease, border-color 160ms ease, transform 160ms ease;
}
.mega-menu__cat.is-active {
  color: #1d1914;
  background: #f5f5f5;
}
.mega-menu__group.is-active {
  color: #1d1914;
  background: transparent;
}
.mega-menu__group {
  font-weight: 500;
}
.mega-menu__group:hover,
.mega-menu__cat:hover {
  color: #1d1914;
  background: #f5f5f5;
  text-decoration: none;
  transform: translateX(2px);
}
.mega-menu.is-open .mega-menu__cat,
.mega-menu.is-open .mega-menu__group {
  opacity: 0;
  transform: translateY(6px);
  animation: megaMenuItemFade 260ms ease forwards;
}
.mega-menu.is-open .mega-menu__cat:nth-child(1) { animation-delay: 40ms; }
.mega-menu.is-open .mega-menu__cat:nth-child(2) { animation-delay: 80ms; }
.mega-menu.is-open .mega-menu__cat:nth-child(3) { animation-delay: 120ms; }
.mega-menu.is-open .mega-menu__cat:nth-child(4) { animation-delay: 160ms; }
.mega-menu.is-open .mega-menu__cat:nth-child(5) { animation-delay: 200ms; }
.mega-menu.is-open .mega-menu__cat:nth-child(6) { animation-delay: 240ms; }
.mega-menu.is-open .mega-menu__cat:nth-child(7) { animation-delay: 280ms; }
.mega-menu.is-open .mega-menu__cat:nth-child(8) { animation-delay: 320ms; }
.mega-menu.is-open .mega-menu__group:nth-child(1) { animation-delay: 60ms; }
.mega-menu.is-open .mega-menu__group:nth-child(2) { animation-delay: 90ms; }
.mega-menu.is-open .mega-menu__group:nth-child(3) { animation-delay: 120ms; }
.mega-menu.is-open .mega-menu__group:nth-child(4) { animation-delay: 150ms; }
.mega-menu.is-open .mega-menu__group:nth-child(5) { animation-delay: 180ms; }
.mega-menu.is-open .mega-menu__group:nth-child(6) { animation-delay: 210ms; }
.mega-menu.is-open .mega-menu__group:nth-child(7) { animation-delay: 240ms; }
.mega-menu.is-open .mega-menu__group:nth-child(8) { animation-delay: 270ms; }
.mega-menu.is-open .mega-menu__group:nth-child(9) { animation-delay: 300ms; }
.mega-menu.is-open .mega-menu__group:nth-child(10) { animation-delay: 330ms; }
.mega-menu.is-open .mega-menu__group:nth-child(11) { animation-delay: 360ms; }
.mega-menu.is-open .mega-menu__group:nth-child(12) { animation-delay: 390ms; }

@keyframes megaMenuItemFade {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.mega-menu__group:focus-visible,
.mega-menu__cat:focus-visible {
  outline: 2px solid #2b261f;
  outline-offset: 2px;
}
.mega-menu__group-list {
  display: none;
  gap: 0.5rem;
}
.mega-menu__group-list.is-active {
  display: grid;
  gap: 0.5rem;
}
.mega-menu__all {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.5rem;
  margin-bottom: 0;
  font-weight: 600;
  text-decoration: none;
  color: #201c16;
}
.mega-menu__all::after {
  content: "→";
}
.mega-menu__panel {
  display: none;
  padding: 0.5rem 0;
  background: transparent;
}
.mega-menu__panel.is-active {
  display: block;
}
.mega-menu__panel-title {
  font-weight: 700;
  margin-bottom: 0.6rem;
  font-size: 1.05rem;
}
.mega-menu__panel-title a {
  text-decoration: none;
  color: inherit;
}
.mega-menu__items {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.35rem;
}
.mega-menu__item {
  text-decoration: none;
  color: #4a3e32;
  font-size: 0.9rem;
  line-height: 1.35;
  display: block;
  padding: 0.15rem 0;
}
.mega-menu__item:hover {
  color: #000;
}

@media screen and (min-width: 768px) {
  .seo-mobile__items {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media screen and (min-width: 992px) {
  #offcanvasExample {
    display: none;
  }
  .mega-menu {
    position: fixed;
    top: var(--mega-menu-header-offset, 5rem);
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(20, 18, 16, 0.18);
    overflow-y: auto;
  }
  .mega-menu__inner {
    max-width: none;
    margin: 0;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #eee;
    box-shadow: 0 18px 32px rgba(0,0,0,0.12);
    padding: 1.5rem 3rem 2.5rem;
    max-height: calc(100vh - var(--mega-menu-header-offset, 5rem));
    overflow-y: auto;
    background: #fff;
  }
  .mega-menu-open .group,
  .mega-menu-open .tagline {
    visibility: hidden;
  }
  .seo-accordion {
    display: none;
  }
  .header {
    position: relative;
    z-index: 2001;
  }
  .entete {
    padding: 0.25rem 0 !important;
  }
  .logo {
    font-size: 3.2em;
  }
  .tagline {
    margin-top: 0.25rem;
  }
  #search-form {
    margin-bottom: 1.5rem;
  }
  #global {
    padding-bottom: 0.75em;
  }
  .recipe-container {
    margin: 1em 2em;
  }
  .breadcrumbs {
    margin-top: 0.25rem;
  }
}
.navbar-toggler-icon {
    display: inline-block;
    width: 2.4em;
    height: 1.8em;
    vertical-align: middle;
    background-color: transparent;
}

.navbar-toggler-icon div {
    width: 100%;
    height: 3px;
    background-color: #222;
    margin: 4px 0;
    border-radius:3px;
}
.navbar-toggler-icon div:nth-child(2){width: 80%}
.navbar-toggler-icon div:nth-child(3){width: 60%}
#loadingModal .d-flex.justify-content-center{align-items: center;}
#loadingModal #preview{width:33%;height:auto;margin:0 auto}
#loadingModal .modal-body{text-align: center;padding: 3em !important;}
#loadingModal .d-flex.justify-content-center{margin-top: 1em}
#loadingModal #preview{border-radius: 3px}
.spinner-border{margin-right: 1em}
.widgets{/*display: flex;*/margin-top: 4em;}
/*.widgets .container.widget{width:50%}*/
.widgets h2{text-align: left;font-size:3em}
.widget h2 + p{text-align: left}

.recipe.card.seeall{justify-content: center;height:65%;border:1px solid #222}
.recipe.card.seeall{padding: 1em;padding-top:0}
.recipe.card.seeall a.btn{padding: .5em;
  background: #fff !important;
  border-color:#fff!important;
  color: #222;}

  .marketing{margin:1.5em 0;padding: 2.5em 1em;text-align: center}
  .marketing.first{margin:1.25em 0;padding: 2.25em 1em;}
  .marketing.first h2{margin-bottom:.6em;}
  .marketing.first .text{padding:.75em;}
  .marketing.first .conteneur-ligne{margin-top:.35em;}
  .marketing.grey{background:#f9f9f9}
  .marketing .rounded{margin:1em;width: 75vw!important;}
  .marketing h2{margin-bottom: 1em}
  
  .marketing .rounded{}
  .marketing .text{padding:1em}
  .marketing.wide .col{margin:0 auto}
.marketing.wide .card{border:0}
.suggestions{margin-top: 1em}

.marketing.wide{display: block;}
body:not(.cms-index) .entete{padding: 0}
/*body:not(.cms-index) .entete .logo{font-size:2.25em}*/

.marketing button{margin-top: 2em;}

.marketing a.gelule{color:#222;background:#fff;padding:0 1em;margin-right:.125em;margin-left:.125em;margin-bottom:1em;border-radius:.5em;text-decoration: none;display: inline-block;}
.conteneur-ligne p.ligne{margin-top:0;margin-bottom: 0!important;}
.conteneur-ligne p.ligne:nth-of-type(1){opacity:1}
.conteneur-ligne p.ligne:nth-of-type(2){opacity:.75}
.conteneur-ligne p.ligne:nth-of-type(3){opacity:.5}
.conteneur-ligne p.ligne:nth-of-type(4){opacity:.25}
.marketing.simple{margin-bottom:0;margin-top:2.5em}
.marketing.simple h2{margin-bottom: 0;}
.marketing.simple h2 span{display: block;font-size: 1rem;font-weight:normal;margin-top:.5rem;margin-bottom:.75rem}
.marketing.simple{padding:0;}
.marketing h5{font-weight: bold;}
a.jax,a.lastids{color:#222}
.marquee-img .jax a{color:#222;text-decoration: none;text-align: center;}
.alhover{opacity:1;transition:opacity 250ms;margin-top:.5em}
.marquee-img .jax a:hover .alhover{opacity:1;}

.home-section {
  padding: 1.6rem 0 2.4rem;
  background: #fafafa;
}
.home-stack {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.home-header h2 {
  margin: 0 0 0.5rem;
  font-size: 2rem;
  font-weight: 700;
}
.home-subtitle {
  margin: 0;
  color: #555;
}
.home-latest {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 1rem 1.25rem;
}
.home-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.home-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.45rem 0.75rem;
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  border-radius: 999px;
  color: #333;
  text-decoration: none;
  font-size: 0.95rem;
}
.home-chip:hover {
  background: #ededed;
}
.home-empty {
  margin: 0;
  color: #666;
}
.home-content {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.home-intro-block {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 1.5rem;
  align-items: start;
}
.home-intro h3 {
  margin: 0 0 0.5rem;
  font-size: 1.6rem;
}
.home-intro p {
  margin: 0;
  color: #444;
  line-height: 1.7;
}
.home-intro {
  padding: 0.25rem 0 0.5rem;
}
.home-intro-media {
  display: flex;
  justify-content: flex-end;
}
.home-media-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  width: 100%;
}
.home-media {
  background: #f3f3f3;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  border: 1px solid #e6e6e6;
}
.home-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.home-media-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #f1f1f1 0%, #e8e8e8 100%);
}
.home-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.2rem;
}
.home-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 1.3rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.home-card-media {
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border: 1px solid #e6e6e6;
  background: #f3f3f3;
}
.home-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.home-card h4 {
  margin: 0;
  font-size: 1.2rem;
}
.home-card p {
  margin: 0;
  color: #444;
  line-height: 1.65;
}
.home-list {
  margin: 0;
  padding-left: 0;
  color: #444;
  list-style: none;
}
.home-list li {
  margin-bottom: 0.75rem;
  line-height: 1.6;
  padding-left: 1.2rem;
  position: relative;
}
.home-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: #b3a595;
}
.home-cta {
  display: flex;
  justify-content: center;
}

@media (max-width: 768px) {
  .home-section {
    padding: 1.25rem 0 2rem;
  }
  .home-header h2 {
    font-size: 1.6rem;
  }
  .home-intro h3 {
    font-size: 1.35rem;
  }
  .home-latest,
  .home-card {
    padding: 0.9rem 1rem;
  }
  .home-intro-block {
    grid-template-columns: 1fr;
  }
  .home-intro-media {
    justify-content: flex-start;
  }
  .marquee {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .marquee-img {
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }
  .marquee-track {
    animation: none;
    transform: none;
  }
  .marquee .jax {
    scroll-snap-align: start;
  }
}

.sub-entries a{color:#222;text-decoration: none;}
.sub-entries h5 a{margin: .5em 0;display: block}
.entry.selected{background:#eee;border-radius: 0.5em;}
.page-link {
  color: #222 !important;
}
.page-item.active .page-link {
  color: #fff !important; /* Change la couleur du texte pour la page active */
  background-color: #222 !important;
  border-color: #222 !important;
}
.pagination {
  justify-content: center; /* Centre la pagination */
}
.hide-element {
  display: none !important;
}
.search-placeholder .card {
  position: relative;
  overflow: hidden;
  background: #f4f4f4;
  border-color: #e6e6e6;
}
.search-placeholder img {
  opacity: 0.25;
  filter: grayscale(1);
}
.search-placeholder .card-text a {
  color: #aaa;
}
.search-placeholder .average-note,
.search-placeholder .ratingstars {
  opacity: 0.35;
}
.search-placeholder .card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  animation: search-placeholder-sheen 1.2s ease-in-out infinite;
}
@keyframes search-placeholder-sheen {
  100% {
    transform: translateX(100%);
  }
}
.first.marketing .text{padding-left: 0;}
.singlepage{margin-top:3rem;border-top:1px solid #eee}
body.header-compact .singlepage{margin-top:0;border-top:0}
.breadcrumbs {
  margin: 1rem 0 1.5rem;
  font-size: 0.9rem;
  color: #4a3e32;
  text-align: left;
  padding: 0 1.25em;
}
.breadcrumbs.container {
  text-align: center;
}
.recipe-container .breadcrumbs {
  margin: 0.35rem 0 0.6rem;
  padding-left: 0;
  padding-right: 0;
}
body[class*="hub-"] main {
  padding-top: 2rem;
}
body[class*="hub-"] .breadcrumbs {
  margin-top: 0;
  margin-bottom: 2rem;
}
.breadcrumbs ol {
  list-style: none !important;
  list-style-type: none;
  list-style-position: outside;
  counter-reset: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  justify-content: flex-start;
}
.breadcrumbs.container ol {
  justify-content: center;
}
.breadcrumbs li {
  display: inline-flex;
  align-items: center;
  margin: 0;
  counter-increment: none;
}
.breadcrumbs li::marker {
  content: "";
}
.breadcrumbs li::before {
  content: none !important;
}
.breadcrumbs li + li::before {
  content: "/" !important;
  color: #b3a595;
  margin: 0 0.4rem 0 0.2rem;
  font-weight: 400;
}
.breadcrumbs li + li::before {
  content: "/";
  color: #b3a595;
  margin: 0 0.4rem 0 0.2rem;
  font-weight: 400;
}
.breadcrumbs a {
  color: inherit;
  text-decoration: none;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs [aria-current="page"] span {
  color: #222;
  font-weight: 600;
}

.profile-page {
  position: relative;
  padding: 2.5rem 0 3.5rem;
  background:
    radial-gradient(1200px 600px at 15% -10%, rgba(255, 200, 170, 0.25), transparent 60%),
    radial-gradient(900px 500px at 85% 0%, rgba(255, 240, 210, 0.45), transparent 55%),
    linear-gradient(180deg, #f8f5f0 0%, #fbfbfb 55%, #f6f6f6 100%);
}
.profile-page::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(90deg, rgba(0,0,0,0.04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(0,0,0,0.03) 1px, transparent 1px);
  background-size: 28px 28px;
  opacity: 0.25;
  pointer-events: none;
}
.profile-page > .container {
  position: relative;
  z-index: 1;
}
.profile-hero {
  display: grid;
  grid-template-columns: minmax(0, 120px) minmax(0, 1fr);
  gap: 1.5rem;
  align-items: center;
  margin-bottom: 2rem;
  padding: 1.8rem 2rem;
  background: #fff;
  border-radius: 18px;
  border: 1px solid #eee;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
}
.profile-hero__avatar .avatar-capsule {
  width: 108px;
  height: 108px;
  margin: 0;
}
.profile-hero__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.profile-hero__eyebrow {
  margin: 0 0 0.35rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.75rem;
  color: #6b6b6b;
}
.profile-hero__title {
  margin: 0 0 0.5rem;
  font-size: 2.2rem;
  font-weight: 700;
}
.profile-hero__lead {
  margin: 0;
  color: #4a4a4a;
  line-height: 1.6;
}
.profile-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.6rem;
}
.profile-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 16px;
  padding: 1.6rem;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.06);
  position: relative;
  overflow: hidden;
}
.profile-card--accent::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 6px;
  background: linear-gradient(90deg, #1d1d1d 0%, #7a5c3a 50%, #d9b384 100%);
}
.profile-grid--dense {
  gap: 1.4rem;
}
.profile-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid rgba(255, 255, 255, 0.6);
  pointer-events: none;
}
.profile-card__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.profile-card__meta {
  font-size: 0.8rem;
  color: #777;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.profile-card--form p {
  margin-bottom: 1rem;
}
.profile-card h3 {
  margin: 0 0 0.75rem;
  font-size: 1.2rem;
  font-weight: 700;
}
.profile-card p {
  margin: 0 0 0.75rem;
  color: #3f3f3f;
  line-height: 1.65;
}
.profile-card p:last-child {
  margin-bottom: 0;
}
.profile-muted {
  font-size: 0.9rem;
  color: #7a7a7a;
}
.profile-form {
  display: grid;
  gap: 0.9rem;
}
.profile-form--split {
  margin-top: 1.1rem;
  padding-top: 1.1rem;
  border-top: 1px solid #eee;
}

.comments-page {
  padding: 2.5rem 0 3.5rem;
  background:
    radial-gradient(900px 500px at 20% -20%, rgba(255, 210, 180, 0.25), transparent 60%),
    linear-gradient(180deg, #f8f5f0 0%, #fbfbfb 60%, #f2f2f2 100%);
}
.comments-hero {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 2rem;
  margin-bottom: 2rem;
  padding: 1.6rem 2rem;
  background: #fff;
  border-radius: 18px;
  border: 1px solid #eee;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
}
.comments-hero__eyebrow {
  margin: 0 0 0.35rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.75rem;
  color: #6b6b6b;
}
.comments-hero__title {
  margin: 0 0 0.5rem;
  font-size: 2rem;
  font-weight: 700;
}
.comments-hero__lead {
  margin: 0;
  color: #4a4a4a;
  line-height: 1.6;
}
.comments-hero__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.comments-hero__cta .btn {
  min-width: 220px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.comments-empty {
  display: flex;
  justify-content: center;
}
.comments-empty__card {
  background: #fff;
  border-radius: 18px;
  border: 1px solid #eee;
  padding: 2rem;
  max-width: 520px;
  text-align: center;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}
.comments-empty__card h3 {
  margin: 0 0 0.8rem;
  font-size: 1.35rem;
}
.comments-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.6rem;
  align-items: stretch;
}
.comment-card {
  background: #fff;
  border-radius: 16px;
  border: 1px solid #eee;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);
  height: 100%;
}
.comment-card__media {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #f1f1f1;
}
.comment-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.comment-card__body {
  padding: 1.25rem 1.4rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  min-height: 260px;
  flex: 1;
  position: relative;
}
.comment-card__text {
  min-height: 140px;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.comment-card__link {
  margin-top: 0.2rem;
}
.comment-card__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.6rem;
  margin-top: auto;
}
.comment-card__actions .btn {
  width: 100%;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.comment-edit-form {
  display: none;
  position: absolute;
  inset: 0;
  padding: 1.25rem 1.4rem 1.5rem;
  background: #fff;
  border-top: 0;
  overflow: auto;
}
.comment-edit-form__row label {
  font-weight: 600;
  margin-bottom: 0.3rem;
}
.comment-edit-form__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.6rem;
  align-items: center;
}
.comment-edit-form__actions .btn {
  width: 100%;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.45rem 0.75rem;
  line-height: 1;
}
.comment-edit-status {
  grid-column: 1 / -1;
}
.comment-edit-status {
  font-size: 0.9rem;
  color: #2f6c3d;
}
.comment-edit-status.is-error {
  color: #c43d3d;
}
.comment-card.is-editing .comment-card__quote,
.comment-card.is-editing .comment-card__suggestion,
.comment-card.is-editing .comment-card__actions {
  display: none;
}
.comment-card.is-editing .comment-edit-form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.comment-card__meta {
  font-size: 0.85rem;
  color: #6a6a6a;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.comment-card__quote {
  margin: 0;
  color: #2f2f2f;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.comment-card__suggestion {
  margin: 0;
  color: #4a3e32;
  background: #f8f1e6;
  border-radius: 10px;
  padding: 0.6rem 0.75rem;
  font-size: 0.92rem;
}
.comment-card__suggestion-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.comment-card__suggestion-toggle {
  border: 0;
  background: none;
  padding: 0;
  margin-left: 0.35rem;
  color: #1d1914;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}
.comment-card__suggestion-toggle:focus-visible {
  outline: 2px solid #1d1914;
  outline-offset: 2px;
}
.comment-card.is-suggestion-expanded .comment-card__suggestion-text {
  -webkit-line-clamp: initial;
  overflow: visible;
}
.comment-card__link {
  color: #1d1914;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.comment-card__link::after {
  content: "→";
  font-size: 0.9rem;
}
.comment-card__link:hover {
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .comments-page {
    padding: 1.6rem 0 2.6rem;
  }
  .comments-hero {
    flex-direction: column;
    align-items: flex-start;
    padding: 1.4rem;
  }
  .comments-hero__title {
    font-size: 1.6rem;
  }
  .comments-grid {
    gap: 1.1rem;
  }
}
.profile-form__row label {
  font-weight: 600;
  margin-bottom: 0.35rem;
}
.profile-form__row .form-control {
  border-radius: 12px;
  border-color: #e2e2e2;
  padding: 0.65rem 0.85rem;
  background: #fafafa;
}
.profile-form__actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: space-between;
}
.profile-form__actions .btn {
  min-width: 180px;
}
.profile-form__status {
  font-size: 0.9rem;
  color: #2f6c3d;
  flex: 1;
  text-align: right;
}
.profile-form__status.is-error {
  color: #c43d3d;
}
.profile-avatar {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 1.1rem;
  align-items: center;
}
.profile-avatar__preview img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid #e6e6e6;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}
.profile-checklist {
  display: grid;
  gap: 0.75rem;
}
.profile-check {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-weight: 500;
}
.profile-check input {
  width: 1rem;
  height: 1rem;
}
.profile-danger {
  margin-top: 2.5rem;
  padding: 1.8rem;
  border-radius: 18px;
  border: 1px solid #f1c0c0;
  background: linear-gradient(135deg, #fff2f2 0%, #ffe6e6 100%);
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 1.6rem;
  align-items: center;
}
.profile-danger .profile-form__status {
  text-align: left;
}
.profile-danger h3 {
  margin: 0 0 0.5rem;
  font-size: 1.25rem;
}
.profile-danger p {
  margin: 0;
  color: #6a3333;
}
.profile-form--danger .btn {
  width: 100%;
}
.profile-actions {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.profile-actions .btn {
  width: 100%;
}
.profile-note {
  margin-top: 2rem;
  padding: 1rem 1.25rem;
  border-radius: 12px;
  background: #f5f5f5;
  color: #5a5a5a;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .profile-page {
    padding: 1.6rem 0 2.6rem;
  }
  .profile-hero {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 1.5rem;
  }
  .profile-hero__avatar .avatar-capsule {
    margin: 0 auto;
  }
  .profile-hero__title {
    font-size: 1.6rem;
  }
  .profile-grid {
    gap: 1.1rem;
  }
  .profile-card {
    padding: 1.25rem;
  }
  .profile-form__actions {
    flex-direction: column;
    align-items: stretch;
  }
  .profile-form__actions .btn {
    width: 100%;
  }
  .profile-form__status {
    text-align: left;
  }
  .profile-avatar {
    grid-template-columns: 1fr;
  }
  .profile-avatar__preview {
    justify-self: center;
  }
  .profile-danger {
    grid-template-columns: 1fr;
  }
}

.image-generation-notice {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 1100;
  background: #fff;
  border: 1px solid #e6e6e6;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.8rem;
  max-width: 320px;
}
.image-generation-notice__link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: inherit;
  text-decoration: none;
}
.image-generation-notice__img {
  width: 64px;
  height: 64px;
  border-radius: 8px;
  object-fit: cover;
  background: #f2f2f2;
}
.image-generation-notice__text {
  font-weight: 600;
  font-size: 0.95rem;
}
.image-generation-notice__details {
  display: block;
  font-size: 0.85rem;
  color: #6b6b6b;
  margin-top: 0.2rem;
  max-width: 220px;
  word-break: break-word;
}
.image-generation-notice__close {
  border: none;
  background: transparent;
  font-size: 1.2rem;
  line-height: 1;
  cursor: pointer;
  padding: 0 0.25rem;
}
.image-generation-notice--error {
  border-color: #f2c6c6;
  background: #fff7f7;
}
.image-generation-notice--error .image-generation-notice__text {
  color: #c43d3d;
}

.image-choice-modal__intro {
  font-size: 0.95rem;
  margin-bottom: 1rem;
}

.image-choice-modal__grid {
  align-items: stretch;
}

.image-choice-modal__card {
  background: #f7f3ee;
  border: 1px solid #e2d7c9;
  border-radius: 16px;
  padding: 16px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.image-choice-modal__card--highlight {
  background: #fff2df;
  border-color: #e7c39f;
  box-shadow: 0 12px 28px rgba(118, 71, 12, 0.16);
}

.image-choice-modal__label {
  font-weight: 600;
}

.image-choice-modal__img {
  width: 100%;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid #e2d7c9;
  background: #fffaf3;
}

@media screen and (max-width: 600px) {
  .breadcrumbs {
    padding: 0;
  }
  .breadcrumbs.container {
    text-align: center;
  }
  .breadcrumbs.container ol {
    justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  .recipe.no-image #image-container,
  .recipe.no-image #regen-image {
    display: none;
  }

  .commentData .ratingstars {
    margin-top: 0.35em;
  }
}

@media screen and (min-width: 768px) {
  .cat-intro{font-size: 3em;}
  .alhover{opacity:0}
  .marketing{margin-top:2em;padding: 5em 1em;text-align: center}
  .marketing.grey{padding-right: 5em;}
  .marketing.grey.wide{padding-right:0}
  .marketing a{color:#222}
  .marketing{padding-left: 5em;margin-top:0}
  
  .marketing{display: flex;gap:3em;align-items:center;justify-content: space-evenly;}
  .marketing .rounded{width: 25vw!important;}
  .marketing:nth-child(even) .rounded{}

  .marketing .text{padding: 0 3em;width:50%}
  .marketing.grey{margin-top:2em!important}

    /* Gestion sticky */
    .container.text-center.flow{align-self: center;}
    #global.down{display:flex;}
    #global.down .header .entete.down{display: flex;flex-wrap: nowrap;margin-left: 4em}
    #global.down .header .entete .miam{display: inline}
    #global.down .container.text-center.flow{padding-right: 2em!important;}
    #global.down .container.text-center.flow .group{width:100%;/*! padding-right: 0em; */}
    #global.down .group.mx-auto{margin: 0!important;}
    #global.down{padding-bottom: .1em}
    #global.down .container.text-center.flow{padding: 1em!important}
    /* Gestion sticky */
  .marketing{padding: 3em 2em}
  .tagline{position:relative;left: -2.5em;}
  .recipe{display: flex}
  .recipe-container{flex:2;padding:1em 2em;padding-left: 3em;margin:2em 1em}
  #image-container img{height: 100vh;width:auto;}
  .modal-dialog.modal-xl{width: 100%;max-width: initial;margin: 0;}
  .recipe-container .miam{font-size:2em;}
  h1.logo{font-size: 4em;}
  .recipe-container h1{font-size: 3em;}
  .recipe-container .bookmark{display:inline-flex;margin-top: 0;}
  footer.text-center{display: flex;align-items: baseline;justify-content: center}
  footer.text-center .logo{margin: 0}
  footer.text-center ul{display: flex;margin:0}
  footer.text-center .logo{margin-right:.5em}
  footer.text-center ul{padding:0 .5em}
  footer.text-center ul li{margin: .5em}
  footer a{color: #fff !important;}
  #image-container img{height: 100vh;width: auto;object-fit: cover;}
  #recipeimg{min-width: 390px;object-fit: cover;}
  .group{padding:.35em}
  .bi-camera,.bi-search,.bi-arrow-right-circle{margin:0 .5em}
  .bi.bi-camera{margin-right: 0.3em}
}

.overlay{display: none;}

@media (min-width: 768px) and (max-width: 1134px) {
  .recipe{flex-wrap: nowrap}
  #image-container img{height:auto;width: 25vw!important;min-width:0}
  #recipeimg{min-width:0;width:25vw;max-width:360px}
}

.admin-image-jobs {
  padding: 2.5rem 0 4rem;
}

.admin-image-jobs__header h1 {
  font-size: 2rem;
  margin-bottom: 0.4rem;
}

.admin-image-jobs__subtitle {
  color: #4a4a4a;
  margin-bottom: 1.6rem;
}

.admin-image-jobs__list {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}

.admin-image-jobs__filters {
  margin-bottom: 1.5rem;
}

.admin-image-jobs__filters-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  align-items: center;
}

.admin-image-jobs__filters-row .form-control,
.admin-image-jobs__filters-row .form-select {
  min-width: 220px;
}

.admin-image-job {
  border: 1px solid #e7e7e7;
  border-radius: 16px;
  padding: 1.2rem 1.4rem;
  background: #fff;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.04);
}

.admin-image-job__header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.admin-image-job__title {
  font-size: 1.1rem;
  font-weight: 600;
}

.admin-image-job__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  font-size: 0.85rem;
  color: #444;
  margin-top: 0.3rem;
}

.admin-image-job__badge {
  background: #1f2937;
  color: #fff;
  padding: 0.15rem 0.6rem;
  border-radius: 999px;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.admin-image-job__warn {
  color: #8a3d00;
  background: #fff1e0;
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
  font-size: 0.75rem;
}

.admin-image-job__dates {
  font-size: 0.85rem;
  color: #4a4a4a;
}

.admin-image-job__body {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.admin-image-job__info {
  font-size: 0.9rem;
  color: #333;
  display: grid;
  gap: 0.4rem;
}

.admin-image-job__error {
  color: #b42318;
  background: #fdecec;
  padding: 0.4rem 0.6rem;
  border-radius: 8px;
}

.admin-image-job__error + .admin-image-job__error {
  margin-top: 0.4rem;
}

.admin-image-job__images {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

.admin-image-job__image {
  background: #fafafa;
  border-radius: 12px;
  padding: 0.8rem;
  border: 1px solid #ececec;
}

.admin-image-job__label {
  font-size: 0.85rem;
  color: #555;
  margin-bottom: 0.4rem;
}

.admin-image-job__image img {
  width: 100%;
  border-radius: 10px;
  display: block;
}

.admin-image-job__path {
  font-size: 0.75rem;
  color: #666;
  margin-top: 0.4rem;
  word-break: break-all;
}

.admin-image-job__placeholder {
  font-size: 0.85rem;
  color: #777;
  padding: 1.2rem 0.4rem;
  text-align: center;
}

.admin-image-job__actions {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
}

.admin-image-job__debug {
  margin-top: 0.8rem;
  font-size: 0.85rem;
  color: #444;
}

.admin-image-job__debug summary {
  cursor: pointer;
  font-weight: 600;
  margin-bottom: 0.4rem;
}

.admin-image-job__debug div {
  margin-bottom: 0.2rem;
}

.admin-image-job__log-title {
  margin-top: 0.4rem;
  font-weight: 600;
}

.admin-image-job__log {
  background: #0f172a;
  color: #e2e8f0;
  padding: 0.6rem;
  border-radius: 8px;
  font-size: 0.75rem;
  white-space: pre-wrap;
}

.admin-image-regenerate {
  min-width: 180px;
}

.admin-image-reset {
  min-width: 220px;
}

.admin-image-delete {
  min-width: 160px;
}

.admin-image-cancel {
  min-width: 160px;
}

.admin-image-job__history {
  margin-top: 1rem;
}

.admin-image-job__history-title {
  font-weight: 600;
  margin-bottom: 0.6rem;
}

.admin-image-job__history-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 0.8rem;
}

.admin-image-job__history-card {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 0.5rem;
  background: #fafafa;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.admin-image-job__history-card img {
  width: 100%;
  border-radius: 8px;
  display: block;
}

.admin-image-job__history-meta {
  font-size: 0.75rem;
  color: #4a4a4a;
}

@media (max-width: 720px) {
  .admin-image-job__header {
    flex-direction: column;
    align-items: flex-start;
  }
}



/*
#global{background:url('/images/theme/home/woman4.jpg');background-size:cover;min-height:100vh}
#global .entete *{color:#fff}
#global .group{border: 0;background: #fff}
.navbar-toggler-icon div{background-color:#fff!important;}
*/
  body.mobile-header-compact .tagline #text-container{
    display: none;
  }