/*
Theme Name: Marcelle Cahn
Theme URI: https://www.marcelle-cahn.fr
Author: Cercle des Amis de Marcelle Cahn
Description: Thème pour le site du Cercle des Amis de Marcelle Cahn (CAMC), inspiré de l'identité visuelle historique du site (rouge, bleu cyan, jaune, pastilles géométriques) dans une mise en page moderne et responsive.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: marcelle-cahn
*/

:root {
    --camc-red: #E2231A;
    --camc-cyan-blue: #00AEEF;
    --camc-yellow: #FFD400;
    --camc-green: #3CB54A;
    --camc-navy-blue: #1B3A8C;
    --camc-orange: #F58220;

    --text-primary: #2b2b2b;
    --text-light: #6b6b6b;
    --background-light: #ffffff;
    --section-background: #f7f7f5;

    --heading-font: "Fraunces", Georgia, "Times New Roman", serif;
    --body-font: "Work Sans", "Segoe UI", Arial, sans-serif;

    --content-width: 1100px;
}

* {
    box-sizing: border-box;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    font-family: var(--body-font);
    color: var(--text-primary);
    background: var(--background-light);
    line-height: 1.6;
}

/* Pushes the footer to the bottom of the viewport on short pages instead
   of leaving it floating right under the content. */
.main-content {
    flex: 1 0 auto;
}

.site-footer {
    flex-shrink: 0;
}

h1, h2, h3, h4 {
    font-family: var(--heading-font);
    line-height: 1.25;
    margin: 0 0 0.6em;
}

a {
    color: var(--camc-navy-blue);
    text-decoration: underline;
}

a:hover {
    color: var(--camc-red);
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

.container {
    max-width: var(--content-width);
    margin: 0 auto;
    padding: 0 24px;
}

/* Small coloured dot — a nod to the geometric shapes of Marcelle Cahn,
   reused as a recurring motif (menus, section titles, lists). */
.dot {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle;
}

.dot--red       { background: var(--camc-red); }
.dot--cyan-blue { background: var(--camc-cyan-blue); }
.dot--yellow    { background: var(--camc-yellow); }
.dot--green     { background: var(--camc-green); }
.dot--navy-blue { background: var(--camc-navy-blue); }
.dot--orange    { background: var(--camc-orange); }

.lang-item {
    margin: auto;
}