/*
Theme Name: Kakeprime Education (Auto Pages Plus)
Theme URI: https://kakeprime.com
Author: Kakeprime
Description: Auto-creates full site pages with detailed service subpages and featured course images.
Version: 1.1.2
Text Domain: kakeprime-education-autopages-plus
*/
:root{--brand:#1e3a8a;--accent:#f59e0b;--muted:#eef2ff;--text:#0f172a;--text-sub:#475569;--card:#ffffff;--border:#e5e7eb;--ring:#93c5fd}
*{box-sizing:border-box} body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,sans-serif;color:var(--text);background:var(--card);line-height:1.6}
.container{max-width:1200px;margin:0 auto;padding:0 1rem}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1rem;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.grid{display:grid;gap:1rem}
.btn{display:inline-block;background:var(--accent);color:#111827;padding:.7rem 1rem;border-radius:12px;font-weight:800;text-decoration:none}
.btn-secondary{background:#fff;color:var(--brand);border:2px solid var(--brand)}
.site-header{position:sticky;top:0;background:var(--brand);color:#fff;z-index:50}
.site-header a{color:#fff;text-decoration:none}
.nav{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.footer{background:#0b2f4b;color:#e5e7eb;padding:2rem 0;margin-top:2rem}
/* Sections */
.hero{background:linear-gradient(90deg,#1e3a8a,#0ea5e9);color:#fff;border-radius:16px}
.hero .content{display:grid;gap:1rem;grid-template-columns:1fr;align-items:center;padding:1.25rem}
@media(min-width:960px){.hero .content{grid-template-columns:1.1fr .9fr}}
.hero img{border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.services{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.service{display:grid;gap:.6rem;padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--card)}
.service .icon{font-size:1.7rem}
.service .title{font-weight:800}
.service .desc{color:var(--text-sub)}
.courses{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.course{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--card)}
.course .media img{width:100%;height:160px;object-fit:cover}
.course .body{padding:1rem}
.course .title{font-weight:800}
.course .meta{font-size:.9rem;color:var(--text-sub)}
.cta{display:grid;gap:1rem;grid-template-columns:1fr;align-items:center;background:linear-gradient(90deg,#1e3a8a,#0ea5e9);color:#fff;border-radius:16px;padding:1.25rem}
@media(min-width:900px){.cta{grid-template-columns:2fr auto}}
.reveal{opacity:0;transform:translateY(10px);transition:opacity .5s ease, transform .5s ease}
.reveal.is-visible{opacity:1;transform:none}


/* --- Patch 1.1.1: Remove bullets/dots from banner & dropdown menus --- */
.menu, .menu ul, .primary-menu, .primary-menu ul, nav ul, nav ul ul, .nav ul, .nav ul ul {
  list-style: none !important;
  margin: 0;
  padding: 0;
}
nav li, .menu li, .primary-menu li {
  list-style: none !important;
}
/* Hide list markers in modern browsers */
.menu li::marker, .primary-menu li::marker, nav li::marker { content: '' !important; }
/* Hide any decorative pseudo bullets */
.menu li::before, .primary-menu li::before, nav li::before { display: none !important; content: '' !important; }
/* Basic horizontal top-level menu look */
.nav .menu { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; }
.nav .menu > li { position:relative; }
/* Submenu base */
.nav .menu .sub-menu {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 220px;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: .4rem;
  display: none;
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
  z-index: 999;
}
.nav .menu > li:hover > .sub-menu,
.nav .menu > li:focus-within > .sub-menu { display: block; }
.nav .menu .sub-menu li { padding: 0; }
.nav .menu .sub-menu a {
  display:block;
  padding:.5rem .7rem;
  border-radius:.6rem;
  text-decoration:none;
}
.nav .menu .sub-menu a:hover { background: rgba(0,0,0,.06); }


/* --- Patch 1.1.2: Dropdown visibility & no-duplicate CTA --- */
.site-header{ position:sticky; top:0; z-index:9999; overflow:visible; }
.nav{ position:relative; z-index:10000; }
.nav .menu > li{ position:relative; }
.nav .menu .sub-menu{
  position:absolute; left:0; top:100%;
  display:none;
  min-width: 220px;
  background: var(--card);
  border:1px solid var(--border);
  border-radius:12px;
  padding:.4rem;
  box-shadow:0 14px 28px rgba(0,0,0,.15);
}
.nav .menu > li:hover > .sub-menu,
.nav .menu > li:focus-within > .sub-menu{ display:block; }
.nav .menu .sub-menu a{ display:block; padding:.5rem .7rem; border-radius:.6rem; text-decoration:none; }
.nav .menu .sub-menu a:hover{ background: rgba(0,0,0,.06); }

/* Remove all list bullets/markers in menus */
.menu, .menu ul, .primary-menu, .primary-menu ul, nav ul, nav ul ul, .nav ul, .nav ul ul { list-style:none!important; margin:0; padding:0; }
nav li, .menu li, .primary-menu li { list-style:none!important; }
.menu li::marker, .primary-menu li::marker, nav li::marker { content:''!important; }
.menu li::before, .primary-menu li::before, nav li::before { display:none!important; content:''!important; }