/* Cotteret Avocat — feuille de style commune
   Les pages gardent la mise en forme de la maquette (styles en ligne) ;
   ce fichier ajoute les polices, les éléments interactifs et l’adaptation
   aux tablettes et aux téléphones (règles !important qui priment sur les styles en ligne). */

/* ---------- Polices (hébergées sur le site) ---------- */
@font-face{font-family:Jost;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/jost-latin-300-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Jost;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jost-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Jost;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jost-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Jost;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jost-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Jost;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/jost-latin-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Jost;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/jost-latin-ext-300-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Jost;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jost-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Jost;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jost-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Jost;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jost-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/cormorant-garamond-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/cormorant-garamond-latin-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/cormorant-garamond-latin-500-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:600;font-display:swap;src:url(/fonts/cormorant-garamond-latin-600-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/cormorant-garamond-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/cormorant-garamond-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/cormorant-garamond-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/cormorant-garamond-latin-ext-400-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/cormorant-garamond-latin-ext-500-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:600;font-display:swap;src:url(/fonts/cormorant-garamond-latin-ext-600-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- Base ---------- */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:#f6f1e7;font-family:Jost,Futura,"Century Gothic",system-ui,sans-serif;color:#1b2233}
a{color:#7a5b28}a:hover{color:#1b2233}
img{max-width:100%}
:focus-visible{outline:2px solid #a8864a;outline-offset:3px}
.page{width:100%;max-width:1440px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:#f6f1e7}
.site-footer,.page > section[style*="background: #121826"]{box-shadow:0 0 0 100vmax #121826;clip-path:inset(0 -100vmax)}
.site-header{position:relative;z-index:20}
.site-nav a[aria-current="page"]{color:#7a5b28!important}
.menu-toggle{display:none}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.sommaire{position:sticky;top:32px;align-self:flex-start}
#carte-interactive{display:block;width:100%;aspect-ratio:4/3;border:0;filter:sepia(.45) saturate(.75) contrast(.92)}

/* ---------- Ordinateurs portables (≤ 1439 px) : marges et colonnes proportionnelles ---------- */
@media (max-width:1439px){
  .site-header,.site-footer,[data-r~="px"]{padding-left:clamp(40px,8.3vw,120px)!important;padding-right:clamp(40px,8.3vw,120px)!important}
  [data-r~="mx"]{margin-left:clamp(40px,8.3vw,120px)!important;margin-right:clamp(40px,8.3vw,120px)!important}
  [data-r~="row"]{gap:clamp(48px,6vw,96px)!important}
  [data-r~="row"] > [data-r~="fw"]{flex-shrink:1!important;min-width:0}
  .page img{max-width:100%}
  .page-blog a[data-r~="compo"]{width:100%!important;max-width:760px;height:auto!important;aspect-ratio:760/428;margin:0!important;zoom:1!important;flex-shrink:1!important}
  .page-blog a[data-r~="compo"] img{width:100%!important;height:100%!important}
  [data-r~="fh"]{height:auto!important;min-height:var(--h);padding-top:72px!important;padding-bottom:72px!important}
}
@media (max-width:1380px){
  .site-header > a > span{display:none!important}
}

/* ---------- Menu replié (≤ 1120 px) ---------- */
@media (max-width:1120px){
  .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:48px;height:48px;padding:0 11px;border:1px solid #dcd2bf;background:#fcf9f3;border-radius:2px;cursor:pointer}
  .menu-toggle span{display:block;height:1.5px;background:#1b2233;transition:transform .2s,opacity .2s}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
  .site-nav{display:none!important;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch!important;gap:0!important;background:#f6f1e7;border-bottom:1px solid #dcd2bf;box-shadow:0 18px 30px -24px rgba(27,34,51,.45);padding:8px clamp(20px,5vw,48px) 24px}
  .site-nav.ouvert{display:flex!important}
  .site-nav a{padding:16px 0!important;border-bottom:1px solid #e4dac8;font-size:13px!important}
  .site-nav a:last-child{margin-top:16px;border-bottom:0;justify-content:center;height:52px!important}
  .site-header > a > span{display:flex!important}
  [data-r~="pxs"]{padding-left:48px!important;padding-right:48px!important}
}

/* ---------- Tablettes : colonnes empilées (≤ 1024 px) ---------- */
@media (max-width:1024px){
  [data-r~="fw"],[data-r~="fill"],[data-r~="compo"]{box-sizing:border-box!important}
  [data-r~="row"] > div:empty{display:none!important}
  [data-r~="row"]{flex-direction:column!important;align-items:stretch!important;gap:48px!important}
  [data-r~="row"] > *{flex-basis:auto!important;max-width:100%!important}
  [data-r~="row"] > [style*="border-left"]{border-left:0!important;padding-left:0!important;border-top:1px solid rgba(168,134,74,.45)!important;padding-top:32px!important}
  [style*="display: flex"]:not([style*="flex-direction"]):has(> [style*="flex: 1 1 0"]){flex-direction:column!important}
  #accueil > div{margin-top:0!important}
  [data-r~="fw"]{width:100%!important;max-width:100%!important}
  [data-r~="fh"]{height:auto!important;min-height:0!important;padding-top:72px!important;padding-bottom:72px!important}
  [data-r~="compo"]{width:440px!important;max-width:100%!important;align-self:center!important}
  [data-r~="fill"]{height:min(70vh,560px)!important;width:100%!important}
  .sommaire{position:static;width:100%!important}
  [data-r~="g3"]{grid-template-columns:minmax(0,1fr)!important;gap:40px!important}
  .site-footer [data-r~="g3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  [data-r~="f64"]{font-size:52px!important;line-height:56px!important}
  [data-r~="f48"]{font-size:40px!important;line-height:46px!important}
  [data-r~="f40"]{font-size:32px!important;line-height:42px!important}
}

/* ---------- Téléphones (≤ 640 px) ---------- */
@media (max-width:640px){
  .site-header{height:84px!important;padding:0 20px!important}
  .site-header > a{gap:0!important}
  .site-header > a > img{width:158px!important;height:auto!important}
  .site-header > a > span{display:none!important}
    [data-r~="px"],[data-r~="pxs"]{padding-left:20px!important;padding-right:20px!important}
  [data-r~="px"][data-r~="row"],[data-r~="px"]{padding-top:56px!important;padding-bottom:56px!important}
  .site-footer{padding:56px 20px 40px!important}
  .site-footer [data-r~="g3"]{grid-template-columns:minmax(0,1fr)!important;gap:32px!important}
  .site-footer > div:last-child{flex-direction:column;align-items:flex-start!important;gap:20px}
  [data-r~="row"]{gap:40px!important}
  [data-r~="mx"]{margin-left:20px!important;margin-right:20px!important}
  [data-r~="pxs"]{padding:48px 24px!important}
  [data-r~="g2"]{grid-template-columns:minmax(0,1fr)!important}
  [data-r~="g160"]{grid-template-columns:96px minmax(0,1fr)!important;column-gap:16px!important}
  [data-r~="pin"]{padding:28px 20px!important}
  [data-r~="compo"]{zoom:.76;margin-left:auto!important;margin-right:auto!important}
  [data-r~="fill"]{height:420px!important}
  address[style*="padding: 32px 40px"]{padding:24px 20px!important}
  textarea{min-height:220px!important}
  form > div:first-of-type[style*="margin-bottom"]{margin-bottom:0!important}
  [data-r~="f64"]{font-size:40px!important;line-height:44px!important}
  [data-r~="f48"]{font-size:32px!important;line-height:38px!important}
  [data-r~="f40"]{font-size:26px!important;line-height:36px!important}
  h2[style*="font-size: 36px"],h3[style*="font-size: 36px"]{font-size:28px!important;line-height:34px!important}
  h2[style*="font-size: 40px"]{font-size:30px!important;line-height:36px!important}
  [style*="font-size: 19px"]{font-size:17px!important;line-height:28px!important}
  a[style*="height: 52px"],button[style*="height: 52px"]{align-self:stretch!important;justify-content:center}
}
@media (max-width:640px){
  div:has(> a:first-child[style*="height: 52px"] + a){flex-wrap:wrap!important;gap:24px 32px!important}
  div:has(> a:first-child[style*="height: 52px"] + a) > a{white-space:nowrap}
  div:has(> a:first-child[style*="height: 52px"] + a) > a:first-child{width:100%;justify-content:center}
}
/* Ciseaux et surpiqûre de l’accueil : les ciseaux suivent la marge, posés sur la ligne */
.ciseaux{padding-top:0!important;padding-bottom:0!important}
@media (max-width:1439px){ .ciseaux > svg:first-child{left:clamp(40px,8.3vw,120px)!important} }
@media (max-width:640px){ .ciseaux > svg:first-child{left:20px!important} }
@media (max-width:640px){ a[href^="/activites-dominantes#"][style*="margin-top: auto"]{letter-spacing:0.1em!important;white-space:nowrap} }