/*
Theme Name: Aiki Nocturne
Theme URI: https://example.com/aiki-nocturne
Author: Valerio + ChatGPT
Author URI: https://example.com
Description: Tema WordPress classico super-stabile (no Full Site Editing). Colori: blu notte e bianco. Header, footer e pagina frontale con call-to-action. Pensato per essere sicuro su qualsiasi hosting.
Version: 1.0.0
Requires at least: 5.2
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aiki-nocturne
Tags: blog, one-column, custom-logo, custom-menu
*/

:root{
  --midnight:#0b1a3a;
  --midnight-2:#0e224c;
  --white:#ffffff;
  --text:#0b1a3a;
  --muted:#6c7a98;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Apple Color Emoji","Segoe UI Emoji";
  line-height:1.6;
  color:var(--text);
  background:#fff;
}
a{color:#1c6df2;text-decoration:none}
img{max-width:100%;height:auto;display:block}

.container{max-width:1100px;margin:0 auto;padding:0 16px}
.site-header{
  background:var(--midnight);
  color:var(--white);
  padding:14px 0;
}
.brand{display:flex;align-items:center;gap:12px;color:#fff}
.brand img{width:44px;height:44px;border-radius:10px}
.brand .title{font-weight:800;letter-spacing:.3px}

.nav{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}
.nav a{color:#fff;opacity:.9}
.nav a:hover{opacity:1}

.hero{
  background:linear-gradient(180deg, var(--midnight), var(--midnight-2));
  color:#fff;
  padding:80px 0;
  text-align:center;
}
.hero h1{font-size:clamp(28px,4.5vw,44px);margin:0 0 10px}
.hero p{opacity:.95;font-size:clamp(16px,2.2vw,18px);margin:0 0 20px}
.btn{
  display:inline-block;padding:12px 20px;border-radius:999px;
  background:#fff;color:var(--midnight);font-weight:700;
}
.btn-outline{
  display:inline-block;padding:10px 18px;border-radius:999px;
  border:2px solid #fff;color:#fff;margin-left:6px;
}

.section{padding:48px 0}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.card{border:1px solid #e9eef7;border-radius:14px;padding:16px}

.site-footer{background:#f7f9ff;color:#33415c;padding:26px 0;margin-top:40px;font-size:14px}
.footer-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.footer-cols a{color:#33415c}
small.muted{color:var(--muted)}


/* Header nav & CTA */
.site-header .container{display:flex;align-items:center;justify-content:space-between}
.primary-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1rem}
.primary-nav a{color:#fff;text-decoration:none;padding:.4rem .6rem;border-radius:.5rem}
.primary-nav a:hover{background:rgba(255,255,255,.1)}
.btn-reserver{background:#2563eb;color:#fff !important;padding:.55rem 1rem;border-radius:.7rem;margin-left:1rem;display:inline-block}
.btn-reserver:hover{filter:brightness(1.1)}