/*
Theme Name: DOVO Live Score
Theme URI: https://www.dovolivescore.nl/
Author: Jeroen van den Berg
Description: Een WordPress theme voor DOVO LiveScore met een achtergrondfoto en vaste banner onderaan.
Version: 1.0.1
Text Domain: dovo-live-score
*/

:root{
  --overlay: rgba(0,0,0,.35);
  --content-max: 1100px;
  --text: #ffffff;
  --link: #ffffff;
  --link-hover: #e6e6e6;
  --footer-height: 70px;
}

/* Reset-ish */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  color:var(--text);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  line-height:1.5;
  background:#000 url('assets/images/background.jpg') center/cover no-repeat fixed;
}
a{color:var(--link); text-decoration:underline}
a:hover{color:var(--link-hover)}

/* Background overlay for readability */
.site-overlay{
  position:fixed; inset:0; background:var(--overlay); z-index:0;
}

/* Layout */
.site{
  position:relative;
  min-height:100%;
  display:flex; flex-direction:column;
  z-index:1;
}
.site-header{
  padding:24px 20px 8px;
}
.site-title{margin:0; font-size:clamp(24px, 3vw, 36px); font-weight:700}
.site-description{margin:4px 0 0; opacity:.85}

.site-content{
  flex:1 0 auto;
  display:flex; align-items:flex-start; justify-content:center;
  padding:24px 20px 120px; /* keep clear of footer */
}
.container{width:100%; max-width:var(--content-max)}

.card{
  background:rgba(255,255,255,.1);
  backdrop-filter: blur(6px);
  border:1px solid rgba(255,255,255,.18);
  border-radius:16px;
  padding:24px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* Fixed footer banner */
.site-footer{
  position:fixed; left:0; right:0; bottom:0;
  height:var(--footer-height);
  display:flex; align-items:center; justify-content:center;
  z-index:10;
  pointer-events:none; /* keep it decorative; can be toggled if you want links */
}
.site-footer .banner{
  width:100%; height:100%;
  background: url('assets/images/banner.png') center/cover no-repeat;
}
/* If you want the red bar to be clickable, remove pointer-events:none on .site-footer and add an <a> inside footer.php */