/* Avides Societe – single hand-written stylesheet.
   Colours and proportions follow the previous WordPress (Primer) look. */

/* Self-hosted fonts (Droid Sans / Droid Serif, Apache 2.0 – see /fonts/LICENSE.txt) */
@font-face {
  font-family: "Droid Sans"; font-weight: 400; font-style: normal; font-display: swap;
  src: url("/fonts/DroidSans-Regular.09d275e03e41e40dbf5fbd20396f8943a730d311b9af929dc44235b69502dabc.woff2") format("woff2");
}
@font-face {
  font-family: "Droid Sans"; font-weight: 700; font-style: normal; font-display: swap;
  src: url("/fonts/DroidSans-Bold.17f4768613e4289baffcba3caa6279a11690df705b680ddc152ada0988af2249.woff2") format("woff2");
}
@font-face {
  font-family: "Droid Serif"; font-weight: 700; font-style: normal; font-display: swap;
  src: url("/fonts/DroidSerif-Bold.8ca21bb685fc99d105eade3bc0f0ab96b8a22b28c5ecb04dec88fc6237fd6a51.woff2") format("woff2");
}

:root {
  --header-bg: #511e1e;
  --text: #252525;
  --heading: #353535;
  --link: #1e73be;
  --muted: #898989;
  --max: 1100px;
}

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

body {
  margin: 0;
  background: #fff;
  color: var(--text);
  font: 16px/1.8 "Droid Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  overflow-wrap: break-word;
}

a { color: var(--link); }
a:hover, a:focus { color: rgba(30, 115, 190, 0.8); }

.wrap { max-width: var(--max); margin: 0 auto; padding: 0 1rem; }

/* Skip link: hidden until focused */
.skip-link { position: absolute; left: -9999px; }
.skip-link:focus { left: 0.5rem; top: 0.5rem; background: #fff; padding: 0.5rem 1rem; z-index: 10; }

/* Header + navigation */
.site-header { background: var(--header-bg); color: #fff; }
.title-block { padding-top: clamp(1.5rem, 2vw, 4rem); padding-bottom: clamp(1.5rem, 1vw, 4rem); }
.site-title {
  margin: 0 0 0.25rem;
  font: 700 2em/1.4 "Droid Serif", Georgia, "Times New Roman", serif;
  letter-spacing: -0.03em;
}
.site-title a { color: #fff; text-decoration: none; }
.site-title a:hover { color: rgba(255, 255, 255, 0.8); }
.site-description { margin: 0; }

nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
nav a {
  display: block;
  padding: 1.6rem 1rem;
  padding-left: 0px;
  line-height: 1rem;
  color: #fff;
  text-decoration: none;
}
nav a:hover, nav a:focus, nav a[aria-current] { background: rgba(0, 0, 0, 0.1); color: #fff; }

/* Content + contact block */
.layout { display: grid; gap: 1.5rem; margin-top: 2em; }
main { padding: 1em 0.5em; }
main p { margin: 0 0 1.5em; }
main p:last-child { margin-bottom: 0; }
aside { padding: 1em 0.5em; }
aside h4 { margin: 0.2rem 0 0.8rem; font-size: 1.25em; line-height: 1.4; color: var(--heading); }
aside p { margin: 0 0 1.5em; }
aside p:last-child { margin-bottom: 0; }

@media (min-width: 61em) {
  .layout { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 2.8%; }
  main { padding: 2.5em 3.375em; }
  aside { padding: 2rem; }
}

/* Footer */
.site-footer { margin-top: 1.5em; padding: 1.5em 0; color: var(--muted); font-size: 90%; }