/* KLOGS Homepage Redesign — targets existing front-page.php HTML */

/* ---- Variables ---- */
:root {
  --kg: #0F6E56; --kg8: #085041; --kg9: #04342C; --kg1: #9FE1CB; --kg0: #E1F5EE;
  --kc0: #FAECE7; --kc6: #993C1D; --kc8: #712B13;
  --ka0: #FAEEDA; --ka2: #FAC775; --ka6: #854F0B; --ka8: #633806;
  --kp0: #FBEAF0; --kp6: #993556;
  --ink: #1A1F1D; --ink2: #4B5350; --paper: #FAFAF7;
  --bdr: #E2E2DC; --white: #fff;
  --r-sm: 6px; --r-md: 10px; --r-lg: 16px;
  --fd: 'Fraunces', Georgia, serif;
  --fb: 'Inter', -apple-system, sans-serif;
}

/* ---- Base reset ---- */
.klogs-home { background: var(--paper); font-family: var(--fb); }
.klogs-home * { box-sizing: border-box; }

/* ============ HERO ============ */
.klogs-hero {
  background: var(--kg);
  position: relative;
  overflow: hidden;
}
.klogs-hero::before {
  content: '';
  position: absolute; inset: 0;
  background: repeating-linear-gradient(45deg, rgba(255,255,255,.025) 0, rgba(255,255,255,.025) 1px, transparent 1px, transparent 28px);
  pointer-events: none;
}
.klogs-hero__inner {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  min-height: 320px;
  max-width: 100% !important;
  padding: 0 !important;
}
@media (max-width: 700px) {
  .klogs-hero__inner { grid-template-columns: 1fr; }
  .klogs-hero__image { display: none; }
}
.klogs-hero__content {
  padding: 2.5rem 2rem 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.klogs-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 999px;
  padding: 4px 12px;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--kg1);
  margin-bottom: .9rem;
  width: fit-content;
}
.klogs-hero__title {
  font-family: var(--fd);
  font-size: clamp(1.6rem, 3vw, 2.3rem) !important;
  font-weight: 600;
  color: var(--white) !important;
  line-height: 1.15;
  margin: 0 0 .5rem !important;
}
.klogs-hero__date {
  font-size: .9rem;
  color: rgba(255,255,255,.8);
  margin: 0 0 1.4rem !important;
  display: flex;
  align-items: center;
  gap: 6px;
}
.klogs-hero__actions { display: flex; gap: .6rem; flex-wrap: wrap; }
.klogs-hero__actions .klogs-btn {
  border-radius: var(--r-md) !important;
  padding: .6em 1.2em !important;
  font-size: .88rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  text-decoration: none !important;
  transition: transform .15s;
}
.klogs-hero__actions .klogs-btn:hover { transform: translateY(-1px); }
.klogs-hero__actions .klogs-btn--primary { background: var(--white) !important; color: var(--kg8) !important; border: none !important; }
.klogs-hero__actions .klogs-btn--outline { background: rgba(255,255,255,.12) !important; color: var(--white) !important; border: 1px solid rgba(255,255,255,.3) !important; }
.klogs-hero__image {
  position: relative;
  background: var(--kg8);
  overflow: hidden;
  min-height: 240px;
}
.klogs-hero__image img {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
  opacity: .75;
  position: absolute; inset: 0;
}

/* ============ SCOREBOARD ============ */
.klogs-scoreboard {
  background: var(--kg9) !important;
  padding: .7rem 2rem !important;
}
.klogs-scoreboard .klogs-container { max-width: 100% !important; padding: 0 !important; }
.klogs-scoreboard__items {
  display: flex !important;
  align-items: center;
  gap: 1.5rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.klogs-scoreboard__item { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.klogs-scoreboard__label { font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: rgba(255,255,255,.45); }
.klogs-scoreboard__value { font-size: .78rem; font-weight: 500; color: var(--white); }
.klogs-scoreboard__sep { color: rgba(255,255,255,.2); font-size: 10px; }

/* ============ STATS STRIP ============ */
.klogs-stats-strip {
  border-bottom: 1px solid var(--bdr);
  padding: 0 !important;
}
.klogs-stats-strip .klogs-container { max-width: 100% !important; padding: 0 !important; }
.klogs-stats-strip__grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 600px) { .klogs-stats-strip__grid { grid-template-columns: repeat(2, 1fr); } }
.klogs-stat {
  padding: 1.1rem 1.25rem;
  text-align: center;
  border-right: 1px solid var(--bdr);
}
.klogs-stat:last-child { border-right: none; }
.klogs-stat__number {
  display: block;
  font-family: var(--fd);
  font-size: 1.7rem;
  font-weight: 600;
  color: var(--kg) !important;
  line-height: 1;
}
.klogs-stat__label {
  display: block;
  font-size: .7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--ink2);
  margin-top: 4px;
}

/* ============ DASHBOARD ============ */
.klogs-dashboard { padding: 1.4rem 0 !important; }
.klogs-dashboard .klogs-container { max-width: 100% !important; }
.klogs-dashboard__grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  padding: 0 1.4rem;
}
@media (max-width: 860px) { .klogs-dashboard__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .klogs-dashboard__grid { grid-template-columns: 1fr; } }

/* ============ CARDS ============ */
.klogs-card {
  background: var(--white) !important;
  border: 1px solid var(--bdr) !important;
  border-radius: var(--r-lg) !important;
  padding: 1.1rem 1.25rem !important;
  display: flex !important;
  flex-direction: column;
  gap: .4rem;
}
.klogs-card--wide { grid-column: span 2; }
@media (max-width: 560px) { .klogs-card--wide { grid-column: span 1; } }
.klogs-card__label {
  font-size: .68rem !important;
  font-weight: 700 !important;
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-bottom: .1rem;
}
.klogs-card--report .klogs-card__label { color: var(--kc6); }
.klogs-card--koty .klogs-card__label { color: #534AB7; }
.klogs-card--gallery .klogs-card__label { color: var(--kp6); }
.klogs-card--about .klogs-card__label { color: var(--kg); }
.klogs-card--recent .klogs-card__label { color: var(--ka6); }

.klogs-card__title {
  font-size: 1rem !important;
  font-weight: 600;
  color: var(--ink) !important;
  line-height: 1.3;
  text-decoration: none !important;
  font-family: var(--fb) !important;
  margin: 0 !important;
}
.klogs-card__title:hover { text-decoration: underline !important; }
.klogs-card__excerpt, .klogs-card__body {
  font-size: .83rem;
  color: var(--ink2);
  line-height: 1.6;
  margin: 0 !important;
}
.klogs-card__link {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: .78rem;
  font-weight: 600;
  color: var(--kg8) !important;
  text-decoration: none !important;
  margin-top: auto;
  padding-top: .5rem;
}
.klogs-card__link:hover { text-decoration: underline !important; }

/* Pills / tags on report card */
.klogs-card__tags { display: flex; gap: 5px; flex-wrap: wrap; margin-top: .3rem; }
.klogs-tag {
  font-size: .68rem;
  font-weight: 600;
  padding: .25em .7em;
  border-radius: 999px;
}
.klogs-tag--green { background: var(--kg0); color: var(--kg8); }
.klogs-tag--amber { background: var(--ka0); color: var(--ka8); }
.klogs-tag--coral { background: var(--kc0); color: var(--kc8); }
.klogs-tag--blue  { background: #E6F1FB; color: #0C447C; }

/* KOTY leaderboard */
.klogs-koty-list { list-style: none !important; margin: .2rem 0 0 !important; padding: 0 !important; display: flex; flex-direction: column; gap: 7px; }
.klogs-koty-list li { display: flex; align-items: center; gap: 8px; }
.klogs-koty-rank {
  width: 22px; height: 22px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: .7rem; font-weight: 700; flex-shrink: 0;
}
.klogs-koty-rank--1 { background: var(--ka2); color: var(--ka8); }
.klogs-koty-rank--2 { background: #D3D1C7; color: #2C2C2A; }
.klogs-koty-rank--3 { background: #F0997B; color: var(--kc8); }
.klogs-koty-name { font-size: .83rem; flex: 1; color: var(--ink); }
.klogs-koty-pts  { font-size: .78rem; font-weight: 600; color: var(--ink2); }

/* Gallery thumbs */
.klogs-card--gallery .klogs-gallery-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  margin-top: .3rem;
}
.klogs-card--gallery .klogs-gallery-grid__item {
  aspect-ratio: 1;
  border-radius: var(--r-sm);
  background: var(--kg0);
  border: 1px solid var(--bdr);
  overflow: hidden;
}
.klogs-card--gallery .klogs-gallery-grid__item img { width: 100%; height: 100%; object-fit: cover; }

/* Recent list */
.klogs-recent-list { list-style: none !important; margin: .2rem 0 0 !important; padding: 0 !important; display: flex; flex-direction: column; }
.klogs-recent-list li { display: flex; align-items: center; gap: 7px; padding: 7px 0; border-bottom: 1px solid var(--bdr); }
.klogs-recent-list li:last-child { border-bottom: none; }
.klogs-recent-list a { font-size: .8rem; color: var(--ink) !important; text-decoration: none !important; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.klogs-recent-list a:hover { text-decoration: underline !important; }
.klogs-recent-date { font-size: .72rem; color: var(--ink2); white-space: nowrap; flex-shrink: 0; }

/* ============ JOIN BANNER ============ */
.klogs-join {
  background: var(--kg) !important;
  margin: 0 1.4rem 1.4rem !important;
  border-radius: var(--r-lg) !important;
  padding: 1.4rem 1.6rem !important;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
@media (max-width: 560px) { .klogs-join { flex-direction: column; align-items: flex-start; } }
.klogs-join__title {
  font-family: var(--fd);
  font-size: 1rem !important;
  font-weight: 600;
  color: var(--white) !important;
  margin: 0 0 .2rem !important;
}
.klogs-join__sub { font-size: .82rem; color: rgba(255,255,255,.75); margin: 0 !important; }
.klogs-join .klogs-btn--primary {
  background: var(--white) !important;
  color: var(--kg8) !important;
  border: none !important;
  border-radius: var(--r-md) !important;
  padding: .6em 1.2em !important;
  font-size: .88rem !important;
  font-weight: 600 !important;
  white-space: nowrap;
  flex-shrink: 0;
  text-decoration: none !important;
}$theme_dir = get_template_directory();

file_put_contents($theme_dir . '/header.php', '<!DOCTYPE html>
<html ' . "<?php language_attributes(); ?>" . '>
<head>
<meta charset="' . "<?php bloginfo('charset'); ?>" . '">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css">
' . "<?php wp_head(); ?>" . '
</head>
<body ' . "<?php body_class(); ?>" . '>
' . "<?php wp_body_open(); ?>" . '
<header class="klogs-header">
  <div class="klogs-header__inner">
    <a href="' . "<?php echo esc_url(home_url('/')); ?>" . '" class="klogs-brand">
      <span class="klogs-brand__mark">KL</span>
      <span class="klogs-brand__text">
        <span class="klogs-brand__name">' . "<?php bloginfo('name'); ?>" . '</span>
        <span class="klogs-brand__tag">' . "<?php bloginfo('description'); ?>" . '</span>
      </span>
    </a>
    <nav class="klogs-nav" aria-label="Primary navigation">
      ' . '<?php wp_nav_menu(array("theme_location"=>"primary","container"=>false,"depth"=>1,"fallback_cb"=>"klogs_default_menu")); ?>' . '
    </nav>
    <button class="klogs-nav-toggle" aria-label="Toggle menu">&#9776;</button>
  </div>
  <div class="klogs-mobile-nav">
    ' . '<?php wp_nav_menu(array("theme_location"=>"primary","container"=>false,"depth"=>1,"fallback_cb"=>"klogs_default_menu")); ?>' . '
  </div>
</header>');

echo "header.php written: " . filesize($theme_dir . '/header.php') . " bytes\n";

file_put_contents($theme_dir . '/footer.php', '<footer class="klogs-footer">
  <div class="klogs-footer__inner">
    <div>
      <h4>' . "<?php bloginfo('name'); ?>" . '</h4>
      <p style="font-size:.88rem;color:rgba(255,255,255,.65);max-width:30ch;margin:0;">Monthly social golf across KL\'s best courses since 1990. New members and guests always welcome.</p>
    </div>
    <div>
      <h4>Explore</h4>
      <ul>
        <li><a href="' . "<?php echo esc_url(home_url('/category/game-reports/')); ?>" . '">Game Reports</a></li>
        <li><a href="' . "<?php echo esc_url(home_url('/klogs-winners-kotycoty/')); ?>" . '">Honours Board</a></li>
        <li><a href="' . "<?php echo esc_url(home_url('/klogs-venues/')); ?>" . '">Venues</a></li>
        <li><a href="' . "<?php echo esc_url(home_url('/about/')); ?>" . '">About</a></li>
        <li><a href="' . "<?php echo esc_url(home_url('/klogs-rules/')); ?>" . '">Rules</a></li>
      </ul>
    </div>
    <div>
      <h4>Get in touch</h4>
      <ul>
        <li><a href="mailto:info@klogsgolfkl.com">info@klogsgolfkl.com</a></li>
        <li>Kuala Lumpur, Malaysia</li>
      </ul>
    </div>
  </div>
  <div class="klogs-footer__bottom">&copy; ' . "<?php echo date('Y'); ?> <?php bloginfo('name'); ?>" . '. All rights reserved.</div>
</footer>
' . "<?php wp_footer(); ?>" . '
</body>
</html>');

echo "footer.php written: " . filesize($theme_dir . '/footer.php') . " bytes\n";
echo "Done!";/* Nav menu fixes */
.klogs-nav ul { flex-wrap: nowrap; align-items: center; gap: 1.2rem; }
.klogs-nav ul li a { white-space: nowrap; font-size: .82rem; }