/*
Theme Name: Un plat pour 2
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.4.1774555196
Updated: 2026-03-26 19:59:56

*/

 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  :root {
    --cream: #faf7f2;
    --warm-dark: #1a1208;
    --terracotta: #c4622d;
    --gold: #d4a847;
    --muted: #7a6e62;
    --border: rgba(26,18,8,0.1);
  }

  body {
    background: var(--cream);
    font-family: 'DM Sans', sans-serif;
    min-height: 100vh;
  }

  /* ── HEADER ── */
  header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--cream);
    border-bottom: 1px solid var(--border);
  }

  /* top accent bar */
  header::before {
    content: '';
    display: block;
    height: 3px;
    background: linear-gradient(90deg, var(--terracotta), var(--gold), var(--terracotta));
    background-size: 200% 100%;
    animation: shimmer 4s linear infinite;
  }

  @keyframes shimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
  }

  .header-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
  }

  /* ── LOGO ── */
  .site-title a {
    font-family: 'Playfair Display', serif;
    font-size: 1.5rem;
    color: var(--warm-dark);
    text-decoration: none;
    letter-spacing: -0.01em;
    display: flex;
    flex-direction: column;
    line-height: 1;
    position: relative;
    transition: color .2s;
  }

  .site-title a span.sub {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.65rem;
    font-weight: 500;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--terracotta);
    margin-top: 3px;
  }

  .site-title a::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 1.5px;
    background: var(--terracotta);
    transition: width .35s ease;
  }

  .site-title a:hover::after { width: 100%; }

  /* ── NAV ── */
  nav ul {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 0.25rem;
  }

  nav ul li a {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.82rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--muted);
    text-decoration: none;
    padding: 0.45rem 0.85rem;
    border-radius: 6px;
    transition: color .2s, background .2s;
    position: relative;
  }

  nav ul li a:hover {
    color: var(--warm-dark);
    background: rgba(26,18,8,0.05);
  }

  nav ul li.current a {
    color: var(--warm-dark);
    font-weight: 600;
  }

  /* CTA pill for Connexion */
  nav ul li.cta a {
    background: var(--terracotta);
    color: #fff;
    border-radius: 30px;
    padding: 0.45rem 1.1rem;
  }

  nav ul li.cta a:hover {
    background: #a84f22;
    color: #fff;
  }

  /* Inscription outlined */
  nav ul li.outline a {
    border: 1.5px solid var(--terracotta);
    color: var(--terracotta);
    border-radius: 30px;
    padding: 0.45rem 1.1rem;
  }

  nav ul li.outline a:hover {
    background: var(--terracotta);
    color: #fff;
  }

  /* ── BURGER ── */
  .burger {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    padding: 6px;
    background: none;
    border: none;
  }

  .burger span {
    display: block;
    width: 22px;
    height: 1.5px;
    background: var(--warm-dark);
    transition: transform .3s, opacity .3s;
    transform-origin: center;
  }

  .burger.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
  .burger.open span:nth-child(2) { opacity: 0; }
  .burger.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }


.wp-block-post-title, .msn-auth-brand{display:none !important}
#wp--skip-link--target{margin-top:0 !important}
footer.wp-block-template-part .wp-container-core-group-is-layout-e5edad21{border:none !important}
.msn-form__group{margin-bottom:10px}


/* ── Responsive mobile ───────────────────── */

@media (max-width: 768px) {
  footer.wp-block-template-part .wp-container-core-group-is-layout-e5edad21 {
    flex-direction: column !important;
    gap: 32px !important;
  }

  footer.wp-block-template-part .wp-container-core-group-is-layout-570722b2 {
    gap: 36px !important;
  }

  footer.wp-block-template-part .wp-block-site-title {
    font-size: 22px !important;
  }

  footer.wp-block-template-part .wp-container-core-group-is-layout-91e87306 {
    flex-direction: column !important;
    gap: 8px !important;
    text-align: center !important;
  }

    .burger { display: flex; }

    .header-inner nav {
      position: fixed;
      inset: 75px 0 0 0;
      background: var(--cream);
      transform: translateX(100%);
      transition: transform .35s cubic-bezier(.4,0,.2,1);
      padding: 2rem 2rem;
      border-top: 1px solid var(--border);
    }

    .header-inner nav.open { transform: translateX(0); }

    nav ul {
      flex-direction: column;
      align-items: flex-start;
      gap: 0.5rem;
    }

    nav ul li a {
      font-size: 1.05rem;
      letter-spacing: 0.06em;
      padding: 0.65rem 0;
    }

    nav ul li.cta a,
    nav ul li.outline a {
      display: inline-block;
      margin-top: 0.5rem;
    }
  }

  /* ── DEMO CONTENT ── */
  main {
    max-width: 1200px;
    margin: 4rem auto;
    padding: 0 2rem;
  }

  main h1 {
    font-family: 'Playfair Display', serif;
    font-size: 3rem;
    color: var(--warm-dark);
    line-height: 1.15;
  }

  main h1 em {
    color: var(--terracotta);
    font-style: italic;
  }

  main p {
    margin-top: 1rem;
    color: var(--muted);
    font-size: 1.05rem;
    max-width: 520px;
    line-height: 1.7;
  }

/* =========================================
   Footer — Un Plat Pour 2
   Esthétique cuisine gourmande française
   Palette : nuit profonde / crème / or chaud
   Typo   : Playfair Display + DM Sans
   ========================================= */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=DM+Sans:wght@300;400;500&display=swap');

/* ── Conteneur principal ─────────────────── */

footer.wp-block-template-part {
  background-color: #1a1208;
  border-top: 1px solid rgba(196, 154, 72, 0.18);
}

footer.wp-block-template-part .wp-block-group {
  padding-top: 32px !important;
  padding-bottom: 24px !important;
}

/* ── Séparateur entre top et bottom ────── */

footer.wp-block-template-part .wp-block-group.alignwide {
  border-top: none;
}

/* ── Ligne supérieure : brand + nav ────── */

footer.wp-block-template-part .wp-container-core-group-is-layout-e5edad21 {
  align-items: flex-start;
  padding-bottom: 48px;
  border-bottom: 1px solid rgba(196, 154, 72, 0.18);
}

/* ── Titre du site ───────────────────────── */

footer.wp-block-template-part .wp-block-site-title {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 26px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  margin: 0 0 6px !important;
}

footer.wp-block-template-part .wp-block-site-title a {
  color: #f0e6c8 !important;
  text-decoration: none !important;
  letter-spacing: 0.01em;
  transition: color 0.2s ease;
}

footer.wp-block-template-part .wp-block-site-title a:hover {
  color: #c4963a !important;
}

/* ── Tagline ─────────────────────────────── */

footer.wp-block-template-part .wp-block-site-tagline {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  color: #8a7a5e !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  margin: 0 0 14px !important;
}

/* Filet doré sous la tagline */
footer.wp-block-template-part .wp-block-site-tagline::after {
  content: '';
  display: block;
  width: 36px;
  height: 1px;
  margin-top: 14px;
  background: linear-gradient(90deg, #c4963a 0%, transparent 100%);
}

/* ── Navigation ─────────────────────────── */

footer.wp-block-template-part .wp-block-navigation {
  gap: 0 !important;
}

footer.wp-block-template-part .wp-block-navigation__container {
  gap: 10px !important;
}

footer.wp-block-template-part .wp-block-navigation-item__content {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #8a7a5e !important;
  text-decoration: none !important;
  letter-spacing: 0.04em !important;
  padding: 0 !important;
  position: relative;
  transition: color 0.2s ease;
}

footer.wp-block-template-part .wp-block-navigation-item__content::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background: #c4963a;
  transition: width 0.25s ease;
}

footer.wp-block-template-part .wp-block-navigation-item__content:hover {
  color: #e8d5a8 !important;
}

footer.wp-block-template-part .wp-block-navigation-item__content:hover::after {
  width: 100%;
}

/* ── Groupe nav (deux colonnes) ─────────── */

footer.wp-block-template-part .wp-container-core-group-is-layout-570722b2 {
  gap: 60px !important;
  align-items: flex-start !important;
}

/* ── Ligne inférieure : copyright ────────── */

footer.wp-block-template-part .wp-container-core-group-is-layout-91e87306 {
  padding-top: 24px;
  align-items: center;
}

footer.wp-block-template-part .wp-container-core-group-is-layout-91e87306 p {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  color: #4a3f2e !important;
  letter-spacing: 0.06em !important;
  margin: 0 !important;
}

footer.wp-block-template-part .wp-container-core-group-is-layout-91e87306 a {
  color: #6b5a40 !important;
  text-decoration: none !important;
  transition: color 0.2s;
}

footer.wp-block-template-part .wp-container-core-group-is-layout-91e87306 a:hover {
  color: #c4963a !important;
}