/*
Theme Name: Saga Coming Soon
Theme URI: https://example.com
Author: Custom Build
Description: A minimal one-page "coming soon" theme for the Saga by Kaufland event — logo, countdown, and an email notify form.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: saga-coming-soon
*/

:root{
  --saga-red: #ED1C24;
  --saga-red-dark: #C8151C;
  --saga-black: #0A0A0A;
  --saga-white: #FFFFFF;
}

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

html,body{ height:100%; }

body{
  margin:0;
  background: var(--saga-black);
  color: var(--saga-white);
  font-family: 'Rubik', system-ui, -apple-system, Segoe UI, sans-serif;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100vh;
  text-align:center;
  overflow-x:hidden;
  background-image: radial-gradient(circle at 50% 20%, rgba(237,28,36,0.22), transparent 55%);
}

.saga-cs-wrap{
  max-width: 640px;
  width:100%;
  padding: 40px 24px;
}

img{ max-width:100%; }

.saga-cs-logo,
.saga-cs-logo img{
  display:block;
  width: 100%;
  max-width: min(320px, 65vw);
  height:auto;
  margin: 0 auto 28px;
}

h1{
  font-family:'Anton','Rubik',sans-serif;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size: clamp(1.8rem, 6vw, 2.8rem);
  margin: 0 0 12px;
}

.saga-cs-subtitle{
  color:#cfcfcf;
  font-size: 1.05rem;
  margin: 0 0 36px;
}

.saga-cs-countdown{
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom: 36px;
}
.saga-cs-countdown .box{
  background: rgba(255,255,255,0.06);
  border:1px solid rgba(237,28,36,0.5);
  border-radius:6px;
  min-width:76px;
  padding:12px 8px;
}
.saga-cs-countdown .num{
  display:block;
  font-family:'Anton',sans-serif;
  font-size:1.7rem;
  color: var(--saga-red);
}
.saga-cs-countdown .label{
  font-size:0.65rem;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#aaa;
}

.saga-cs-btn{
  display:inline-block;
  background: var(--saga-red);
  color: var(--saga-white);
  border:none;
  border-radius:6px;
  padding: 15px 42px;
  margin-bottom: 28px;
  font-family:'Anton',sans-serif;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:1.1rem;
  text-decoration:none;
  cursor:pointer;
  transition: background .2s ease, transform .15s ease;
}
.saga-cs-btn:hover{ background: var(--saga-red-dark); color:var(--saga-white); transform: translateY(-2px); }

.saga-cs-social{
  list-style:none;
  display:flex;
  gap:18px;
  justify-content:center;
  padding:0;
  margin: 8px 0 0;
}
.saga-cs-social a{ color:#ccc; text-decoration:none; font-size:0.9rem; }
.saga-cs-social a:hover{ color:var(--saga-red); }

.saga-cs-meta{
  margin-top: 26px;
  color:#888;
  font-size:0.85rem;
}