/*
Theme Name: LIBILU
Theme URI: https://libilu.com
Author: Maseo
Description: Tema oficial de LIBILU — el mundo mágico de lectura. Colores cálidos, formas redondeadas y una plantilla de juego a pantalla completa. Diseñado para acompañar al plugin LIBILU.
Version: 0.1.5
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: libilu
*/

:root{
  --li-bg:#f4eefb;         /* lavanda suave (fondo del sitio) */
  --li-cream:#fef9f3;      /* crema (tarjetas y juego) */
  --li-ink:#2b2440;
  --li-brand:#6a5cff;
  --li-brand-2:#7d6bff;
  --li-gold:#ffc247;
  --li-line:#eadff5;
  --li-muted:#7a6f96;
  --li-shadow:0 10px 28px rgba(80,60,120,.14);
  --li-radius:22px;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;background:var(--li-bg);color:var(--li-ink);
  font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",system-ui,sans-serif;
  line-height:1.6;
}
img{max-width:100%;height:auto;}
a{color:var(--li-brand);}

/* ---------- header ---------- */
.li-header{
  background:rgba(254,249,243,.9);backdrop-filter:blur(8px);
  border-bottom:2px solid var(--li-line);
  position:sticky;top:0;z-index:50;
}
.li-header-in{
  max-width:1040px;margin:0 auto;padding:12px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.li-brandmark{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--li-ink);}
.li-brandmark .lilu{filter:drop-shadow(0 2px 6px rgba(255,194,71,.55));}
.li-wordmark{font-size:24px;font-weight:800;letter-spacing:3px;}
.li-nav ul{list-style:none;display:flex;gap:6px;margin:0;padding:0;flex-wrap:wrap;}
.li-nav a{
  display:block;padding:8px 16px;border-radius:14px;text-decoration:none;
  font-weight:700;color:var(--li-muted);transition:background .15s,color .15s;
}
.li-nav a:hover,.li-nav .current-menu-item a,.li-nav .current_page_item a{background:#efe8fb;color:var(--li-brand);}

/* ---------- layout ---------- */
.li-main{max-width:1040px;margin:0 auto;padding:28px 20px 60px;}
.li-card{
  background:var(--li-cream);border:2px solid var(--li-line);border-radius:var(--li-radius);
  box-shadow:var(--li-shadow);padding:28px;
}
.li-page-title{font-size:32px;font-weight:800;margin:6px 0 18px;}
.entry-content h2{font-size:24px;font-weight:800;}
.entry-content h3{font-size:19px;font-weight:800;}

/* ---------- hero (portada) ---------- */
.li-hero{
  text-align:center;padding:56px 20px 30px;position:relative;overflow:hidden;
}
.li-hero .lilu-big{filter:drop-shadow(0 8px 22px rgba(255,194,71,.5));animation:li-float 3s ease-in-out infinite;}
.li-hero h1{font-size:56px;letter-spacing:8px;font-weight:900;margin:14px 0 4px;}
.li-hero .li-tag{font-size:20px;color:var(--li-muted);font-weight:600;margin:0 0 26px;}
.li-cta{
  display:inline-block;background:linear-gradient(180deg,var(--li-brand-2),var(--li-brand));
  color:#fff !important;text-decoration:none;font-weight:800;font-size:22px;
  padding:18px 44px;border-radius:20px;box-shadow:var(--li-shadow);
  transition:transform .1s ease;
}
.li-cta:active{transform:translateY(2px);}
@keyframes li-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}

.li-features{
  max-width:1040px;margin:26px auto 0;padding:0 20px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;
}
.li-feature{
  background:var(--li-cream);border:2px solid var(--li-line);border-radius:var(--li-radius);
  box-shadow:var(--li-shadow);padding:22px;text-align:center;
}
.li-feature .emo{font-size:44px;line-height:1;}
.li-feature h3{margin:10px 0 6px;font-size:18px;font-weight:800;}
.li-feature p{margin:0;color:var(--li-muted);font-size:15px;}

/* ---------- plantilla de juego (pantalla completa) ---------- */
body.li-game-mode{background:var(--li-bg);}
.li-game-bar{
  display:flex;align-items:center;justify-content:center;padding:10px;
}
.li-game-bar a{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--li-ink);}
.li-game-bar .li-wordmark{font-size:18px;letter-spacing:2px;}
.li-game-main{max-width:640px;margin:0 auto;padding:0 10px 30px;}
.li-game-main .entry-content>*{margin:0;}
/* que el juego respire: sin título de página, sin márgenes del tema */
.li-game-main .mal-root{min-height:86vh;}

/* ---------- footer ---------- */
.li-footer{
  border-top:2px solid var(--li-line);background:var(--li-cream);
  margin-top:40px;
}
.li-footer-in{
  max-width:1040px;margin:0 auto;padding:26px 20px;text-align:center;color:var(--li-muted);
  font-size:14px;
}
.li-footer .lilu{vertical-align:middle;margin-right:6px;filter:drop-shadow(0 2px 5px rgba(255,194,71,.45));}
.li-footer .li-motto{font-weight:700;color:var(--li-ink);}

/* ---------- entradas / fallback ---------- */
.li-post{margin-bottom:22px;}
.li-post h2 a{text-decoration:none;color:var(--li-ink);}

@media(max-width:640px){
  .li-hero h1{font-size:40px;letter-spacing:5px;}
  .li-page-title{font-size:26px;}
  .li-card{padding:20px;}
}