/* public/css/base.css */

/* Font CNC (commune) */
@font-face {
    font-family: 'police1';
    src: url('/fonts/SFFlorencesans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root{
    /* ⚠️ ton orange */
    --accent: #ec6432;
    --accent-dark: #d9541e;

    /* footer fixed (valeurs par défaut, override dans mobile/desktop) */
    --cc-footer-h: 62px;
    --cc-footer-bg: rgba(0, 0, 0, 0.60);
}

html, body{
    margin: 0;
    padding: 0;
}

body{
    font-family: 'police1', sans-serif;
}

/* ✅ Réserve la place pour ne pas être masqué par le footer fixed */
.cc-page{
    padding-bottom: calc(var(--cc-footer-h) + 14px);
}

/* ===== Footer discret (structure commune) ===== */
.cc-footer{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1200;

    height: var(--cc-footer-h);
    display: flex;
    align-items: center;

    background: var(--cc-footer-bg);

    /* ✅ ligne orange */
    border-top: 3px solid var(--accent);

    /* iPhone safe area */
    padding-bottom: env(safe-area-inset-bottom);

    backdrop-filter: blur(6px);
}

.cc-footer-inner{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 6px 12px 8px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    box-sizing: border-box;
}

/* Ligne 1 : liens */
.cc-footer-links{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.cc-footer-link{
    color: rgba(255,255,255,0.78);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.cc-footer-link:hover{
    color: rgba(255,255,255,0.98);
    text-decoration: underline;
}

.cc-footer-link:focus-visible{
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

/* Ligne 2 : meta (sur une seule ligne si possible) */
.cc-footer-meta{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    text-align: center;
}

.cc-footer-copy{
    color: rgba(255,255,255,0.52);
    letter-spacing: 0.04em;
}

.cc-footer-sep{
    color: rgba(255,255,255,0.25);
}

.cc-footer-brand{
    color: var(--accent);
    text-decoration: none;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cc-footer-brand:hover{
    text-decoration: underline;
}

.cc-footer-brand:focus-visible{
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}