/*
Theme Name: SP Tournée Base
Theme URI: https://example.local/
Author: SP
Description: Thème de base figé pour SP Tournée (pages + navigation + responsive). Utilise le plugin "SP Tournée App" via shortcodes.
Version: 1.0.0
Text Domain: sp-tournee-base
*/

:root{
  --spt-bg: #f6f7f8;
  --spt-card: #ffffff;
  --spt-border: rgba(0,0,0,.12);
  --spt-text: #111;
  --spt-muted: rgba(17,17,17,.7);
  --spt-primary: #111;
}

html,body{margin:0;padding:0}
body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color: var(--spt-text);
  background: var(--spt-bg);
  line-height: 1.35;
}

/* Layout */
.spt-site{min-height:100vh;display:flex;flex-direction:column}
.spt-header{
  background: var(--spt-card);
  border-bottom: 1px solid var(--spt-border);
}
.spt-header__inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 14px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.spt-brand{font-weight:700;text-decoration:none;color:var(--spt-text)}
.spt-main{flex:1}
.spt-wrap{max-width:1100px;margin:0 auto;padding:12px}

/* Basic WP content */
a{color:inherit}
h1,h2,h3{margin:10px 0}
.wp-block-group, .entry-content{margin:0}
.entry-title{display:none}

/* Buttons */
.spt-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 14px;
  border-radius:12px;
  border:1px solid var(--spt-border);
  background: var(--spt-card);
  cursor:pointer;
  text-decoration:none;
}
.spt-btn--primary{background:var(--spt-primary);color:#fff;border-color:var(--spt-primary)}
.spt-btn--ghost{background:transparent}

/* Cards */
.spt-card{
  background: var(--spt-card);
  border: 1px solid var(--spt-border);
  border-radius: 16px;
  padding: 12px;
}

/* Bottom nav (mobile-first) */
body{padding-bottom:64px}
.spt-bottomnav{
  position:fixed;left:0;right:0;bottom:0;z-index:9998;
  background:#111;color:#fff;border-top:1px solid rgba(255,255,255,.15);
}
.spt-bottomnav__inner{
  max-width:1100px;margin:0 auto;
  display:flex;justify-content:space-around;gap:6px;
  padding:10px 8px;
}
.spt-bottomnav a{
  color:#fff;text-decoration:none;font-size:13px;
  padding:8px 10px;border-radius:10px;opacity:.9;
  white-space:nowrap;
}
.spt-bottomnav a.is-active{background:rgba(255,255,255,.12);opacity:1}

/* Desktop refinement */
@media (min-width: 860px){
  body{padding-bottom:0}
  .spt-bottomnav{position:sticky;bottom:auto;top:0;z-index:9997;border-top:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .spt-bottomnav__inner{justify-content:flex-start}
}

/* Utilities */
.spt-muted{color:var(--spt-muted)}