/*
Theme Name: Nez à Nez
Theme URI: https://nez-a-nez.fr
Author: Nez à Nez
Author URI: https://nez-a-nez.fr
Description: Thème sur mesure Nez à Nez — accompagnement bien-être & diététique douce au Cannet (06). Design éditorial chaleureux (palette Orange soleil), mobile-first, 100% autonome (sans page builder).
Version: 1.5.2
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nez-a-nez
*/

/* ===== Reset & base ===== */
*{box-sizing:border-box;}
html,body{overflow-x:hidden;}
body{margin:0;background:#EFE2CF;-webkit-font-smoothing:antialiased;font-family:'Lato',sans-serif;color:#6a4a35;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;}

/* Palette « Orange soleil » posée sur le conteneur */
#nn-root{
  --nn-cream:#FDF3E4;--nn-section:#FBE3C2;--nn-card:#FFF9EF;--nn-line:#F2D3A6;
  --nn-blob:#F6BC79;--nn-soft:#EF9C48;--nn-accent:#EF7A22;--nn-accent2:#E06216;--nn-deep:#C96A35;
  --nn-title-font:'Playfair Display';--nn-title-weight:500;--nn-pill:28px;--nn-rad:14px;
}

/* ===== FAQ accordéon ===== */
.nan-wrap details>summary{list-style:none;}
.nan-wrap details>summary::-webkit-details-marker{display:none;}
.nan-wrap .faq-plus{transition:transform .2s ease;display:inline-block;}
.nan-wrap details[open] .faq-plus{transform:rotate(45deg);}

/* CTA glow (tarifs) */
@keyframes ctaGlow{0%,100%{box-shadow:0 6px 16px rgba(90,40,20,0.28);}50%{box-shadow:0 12px 30px rgba(255,246,236,0.6);}}

/* ===== Archives / listes d'articles (loop) ===== */
.nn-archive{padding:0 0 40px;}
.nn-archive-head{text-align:left;padding:64px 56px 30px;}
.nn-eyebrow{font-family:'Montserrat',sans-serif;font-size:12.5px;letter-spacing:2.5px;text-transform:uppercase;color:#EF7A22;margin-bottom:16px;display:flex;align-items:center;justify-content:flex-start;gap:14px;}
.nn-eyebrow-line{width:34px;height:1px;background:#EF7A22;flex-shrink:0;display:inline-block;}
.nn-archive-head h1{font-family:'Playfair Display',serif;font-weight:500;font-size:50px;line-height:1.1;color:#6b3a1e;margin:0 0 18px;max-width:820px;}
.nn-archive-head p{font-family:'Cormorant Garamond',serif;font-size:23px;line-height:1.5;color:#875939;max-width:620px;margin:0;}
.nn-filters{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:12px;margin-top:26px;}
.nn-chip{font-family:'Montserrat',sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:9px 20px;border-radius:22px;background:#FFF9EF;color:#875939;border:1px solid #F2D3A6;}
.nn-chip.is-active{background:#C96A35;color:#FFF6EC;border-color:#C96A35;}
.nn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:20px 56px 40px;max-width:1280px;margin:0 auto;}
.nn-card{display:block;color:inherit;}
.nn-card .nn-thumb{width:100%;height:230px;border-radius:14px;overflow:hidden;display:block;background:linear-gradient(135deg,#F6BC79,#EF9C48);}
.nn-card .nn-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.nn-card .nn-cat{font-family:'Montserrat',sans-serif;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#E06216;margin:16px 0 8px;}
.nn-card h2,.nn-card h3{font-family:'Playfair Display',serif;font-weight:500;font-size:21px;line-height:1.25;color:#6b3a1e;margin:0 0 8px;}
.nn-card p{font-size:14.5px;line-height:1.6;color:#875939;margin:0;}
.nn-pagination{text-align:center;padding:20px 56px 40px;font-family:'Montserrat',sans-serif;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#E06216;}
.nn-pagination a,.nn-pagination span{padding:8px 14px;}

/* ===== Page simple générique (404 / recherche) ===== */
.nn-simple{max-width:760px;margin:0 auto;padding:80px 32px;text-align:center;}
.nn-simple h1{font-family:'Playfair Display',serif;font-weight:500;font-size:44px;color:#6b3a1e;margin:0 0 18px;}
.nn-simple p{font-size:18px;line-height:1.7;color:#875939;margin:0 auto 28px;max-width:520px;}
.nn-btn{display:inline-block;background:#EF7A22;color:#FFF6EC;font-family:'Montserrat',sans-serif;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;padding:16px 34px;border-radius:28px;}

/* ===== Responsive (mobile-first, 97% du trafic) ===== */
@media (max-width:860px){
  .nan-wrap [style*="transform:scale"]{transform:none !important;}
  .nan-wrap [style*="grid-template-columns"], .nn-grid{grid-template-columns:1fr !important;}
  .nan-wrap nav,.nan-wrap section,.nan-wrap footer,.nan-wrap article,.nn-grid,.nn-archive-head{padding-left:22px !important;padding-right:22px !important;}
  .nan-wrap [style*="margin:0 56px"]{margin-left:18px !important;margin-right:18px !important;}
  .nan-wrap h1,.nn-archive-head h1{font-size:34px !important;line-height:1.14 !important;}
  .nan-wrap h2{font-size:26px !important;line-height:1.22 !important;}
  .nan-wrap h3{font-size:20px !important;}
  .nan-wrap [style*="letter-spacing:7px"]{font-size:40px !important;letter-spacing:4px !important;}
  .nan-wrap nav.nn-nav{flex-wrap:wrap !important;row-gap:12px !important;justify-content:center !important;}
  .nan-wrap nav.nn-nav>div{flex-wrap:wrap !important;justify-content:center !important;gap:14px 18px !important;}
  .nan-wrap nav.nn-nav a{font-size:11.5px !important;}
  .nan-wrap [style*="width:400px;height:400px"]{width:340px !important;height:340px !important;margin:0 auto !important;}
  .nan-wrap [style*="padding:80px 56px"],.nan-wrap [style*="padding:78px 56px"],.nan-wrap [style*="padding:76px 56px"]{padding-top:52px !important;padding-bottom:52px !important;}
}
@media (max-width:520px){
  .nan-wrap nav,.nan-wrap section,.nan-wrap footer,.nan-wrap article,.nn-grid,.nn-archive-head{padding-left:16px !important;padding-right:16px !important;}
  .nan-wrap [style*="margin:0 56px"]{margin-left:12px !important;margin-right:12px !important;}
  .nan-wrap h1,.nn-archive-head h1{font-size:28px !important;}
  .nan-wrap h2{font-size:23px !important;}
  .nan-wrap p,.nan-wrap li,.nan-wrap label{font-size:15px !important;}
  .nan-wrap [style*="letter-spacing:7px"]{font-size:32px !important;letter-spacing:3px !important;}
  .nan-wrap [style*="width:400px;height:400px"]{width:280px !important;height:280px !important;}
  .nan-wrap [style*="padding:64px"],.nan-wrap [style*="padding:60px"],.nan-wrap [style*="padding:56px"]{padding:36px 24px !important;}
  .nan-wrap [style*="padding:44px"],.nan-wrap [style*="padding:40px"]{padding:28px 22px !important;}
  .nan-wrap form button,.nan-wrap form input{width:100% !important;}
}

/* ===== Palier tablette : grilles cartes 3/4 col -> 2 col (620-860px).
   Placé APRÈS le bloc 860 pour l'emporter en cascade. ===== */
@media (min-width:620px) and (max-width:860px){
  .nan-wrap [style*="grid-template-columns:repeat(3,1fr)"],
  .nan-wrap [style*="grid-template-columns:repeat(4,1fr)"],
  .nan-inner [style*="grid-template-columns:repeat(3,1fr)"],
  .nan-inner [style*="grid-template-columns:repeat(4,1fr)"],
  .nn-grid{grid-template-columns:1fr 1fr !important;}
}

/* ===== FULLWIDTH_CSS (consolidé depuis l'injection API) ===== */
/* Archives : même gabarit pleine largeur que les pages (contenu calé à 1600px) */
@media (min-width:861px){
  .nn-archive-head,.nn-grid,.nn-pagination{padding-left:max(56px,calc((100% - 1600px)/2)) !important;padding-right:max(56px,calc((100% - 1600px)/2)) !important;}
  .nn-grid{max-width:none;}
}

#nn-root{max-width:none !important;box-shadow:none !important;background:var(--nn-cream,#FDF3E4) !important;}@media (min-width:861px){.nan-wrap>nav.nn-nav{padding-left:max(48px,calc((100% - 1600px)/2)) !important;padding-right:max(48px,calc((100% - 1600px)/2)) !important;}.nan-inner>section:not([style*="max-width"]):not([style*="margin:0 56px"]),.nan-inner>article:not([style*="max-width"]),.nan-inner>nav{padding-left:max(56px,calc((100% - 1600px)/2)) !important;padding-right:max(56px,calc((100% - 1600px)/2)) !important;}.nan-wrap>footer{padding-left:max(56px,calc((100% - 1600px)/2)) !important;padding-right:max(56px,calc((100% - 1600px)/2)) !important;}.nan-inner>section[style*="margin:0 56px"]{margin-left:max(56px,calc((100% - 1600px)/2)) !important;margin-right:max(56px,calc((100% - 1600px)/2)) !important;}.nan-inner>article[style*="max-width:760px"],.nan-inner>article[style*="max-width:720px"],.nan-inner>section[style*="max-width:720px"]{max-width:900px !important;}}

/* ===== EXTRA_CSS (consolidé depuis l'injection API) ===== */
.nan-inner [style*="text-align:center;margin-bottom"]{text-align:left !important;}.nan-inner>section[style*="text-align:center;padding"]{text-align:left !important;}.nan-inner [style*="text-align:center;border:1px solid"]{text-align:left !important;}.nan-inner [style="text-align:center;"]{text-align:left !important;}.nan-inner [style*="margin:0 auto 14px"]{margin-left:0 !important;margin-right:0 !important;}.nan-wrap>nav.nn-nav span{color:#BE592A !important;}@media (max-width:520px){.nan-wrap [style*="padding:38px 32px"],.nan-wrap [style*="padding:32px 26px"]{padding:22px 20px !important;}}


/* ===== Menu hamburger mobile ===== */
.nn-burger,.nn-burger-box{display:none;}
@media (max-width:700px){
  .nan-wrap nav.nn-nav{position:relative;flex-wrap:nowrap !important;justify-content:space-between !important;row-gap:0 !important;padding-top:14px !important;padding-bottom:14px !important;}
  .nn-burger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;margin-right:-8px;cursor:pointer;flex-shrink:0;}
  .nn-burger span{display:block;width:24px;height:2px;background:#BE592A;border-radius:2px;transition:transform .25s ease,opacity .2s ease;}
  .nn-burger-box{display:block;position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;}
  #nn-burger:focus-visible + .nn-burger{outline:2px solid #BE592A;outline-offset:2px;border-radius:8px;}
  .nan-wrap nav.nn-nav>div{display:none !important;}
  #nn-burger:checked ~ div{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:22px !important;position:absolute;top:100%;left:0;right:0;background:#FDF3E4;border-bottom:1px solid #F2D3A6;box-shadow:0 18px 30px rgba(107,58,30,.14);padding:26px 22px 30px !important;z-index:60;white-space:normal !important;}
  #nn-burger:checked ~ div a{font-size:13px !important;}
  #nn-burger:checked ~ div a:last-child{margin-top:4px;}
  #nn-burger:checked + .nn-burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  #nn-burger:checked + .nn-burger span:nth-child(2){opacity:0;}
  #nn-burger:checked + .nn-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
}

/* ===== CTA pilule : jamais coupé sur mobile ===== */
@media (max-width:700px){
  .nan-wrap a[style*="border-radius:var(--nn-pill"],
  .nan-wrap a[style*="border-radius:28px"]{white-space:nowrap;}
}