/* Aztec calendar styles - improved and consolidated */
:root{
  --aztec-bg:#fff;
  --aztec-accent:#2b6ea3;
  --aztec-muted:#6b7280;
  --aztec-border:#e5e7eb;
  --aztec-highlight:#f1c40f;
  --aztec-radius:8px;
  --max-width:980px;
  --content-gap:20px;
  --text-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}

/* Page title (hidden for this template) */
.wp-block-kubio-page-title { display:none; }

/* Layout container */
.container{ max-width:var(--max-width); margin:18px auto; padding:20px; background:var(--aztec-bg); color:#111827; box-sizing:border-box; font-family:var(--text-font); }

/* Calendar grid */
.entry-content .date{ display:flex; flex-wrap:wrap; gap:var(--content-gap); justify-content:flex-start; }
.entry-content .date .daybox{ flex:1 1 calc(33.333% - var(--content-gap)); min-width:240px; background:#fff; border:1px solid var(--aztec-border); border-radius:var(--aztec-radius); padding:16px; box-sizing:border-box; box-shadow:0 4px 10px rgba(16,24,40,0.04); }

/* Small heading/meta inside a day box */
.entry-content .date .daybox h2{ font-size:1.1rem; font-weight:700; color:#222; margin:0 0 8px; }
.entry-content .date .daybox span{ display:block; font-size:0.8rem; color:var(--aztec-muted); margin-bottom:6px; }
.entry-content .date .daybox p{ margin:6px 0; color:var(--aztec-muted); }
.entry-content .date .daybox > p:last-child{ margin:8px 0 0; font-size:1rem; font-weight:600; color:#111; }
.entry-content .date .daybox > p:last-child a{ color:var(--aztec-accent); text-decoration:none; border-bottom:2px dashed rgba(192,168,64,0.15); padding-bottom:2px; }
.entry-content .date .daybox > p:last-child a:hover{ color:#0f4f73; border-bottom-color:rgba(192,168,64,0.35); }

/* Hide placeholder images if present (fallback) */
.entry-content .date .daybox p:has(img[src="#"]) { display:none; }

/* Prediction blocks */
.aztec-prediction{ margin-top:28px; padding:20px;  background:#ffffff; }
.aztec-prediction h2{ margin:0 0 16px; color:#111; font-size:1.5rem; }
.aztec-prediction h3{ margin:10px 0; font-size:1.05rem; }
.aztec-prediction p{ margin:0 0 12px; text-align:justify; color:#111; }
.aztec-prediction ul{ background:#fff9d6; padding:14px 28px; border-radius:6px; border-left:4px solid var(--aztec-highlight); box-shadow: inset 0 1px 0 rgba(255,255,255,0.6); }
.aztec-prediction ul li{ margin-bottom:8px; }

/* Spirit / religious cards: use grid for consistent alignment */
.relig_spirit, .spirit{
  display:grid;
  /* variant: image left + content, read-more below */
  grid-template-columns:200px 1fr;
  grid-auto-rows:auto;
  gap:18px;
  align-items:stretch;
  /* margin:12px 0; */
  padding:16px;
  border:1px solid var(--aztec-border);
  border-radius:10px;
  background:linear-gradient(180deg, #ffffff 0%, #fbfbfd 100%);
  box-shadow:0 2px 6px rgba(16,24,40,0.03);
}
.relig_spirit > a, .spirit > a{ display:block; height:auto; width:100%; }
.relig_spirit img, .spirit img{
  width:100%;
  height:auto;
  aspect-ratio: 1 / 1;
  object-fit:cover;
  /* border-radius:8px; */
  display:block;
}
.relig_spirit h2, .spirit h2{ margin:0 0 8px; font-size:1.45rem; font-weight:800; text-transform:uppercase; color:#0f2740; }
/* body text column */
.relig_spirit .card-body, .spirit .card-body{ color:var(--aztec-muted); line-height:1.6; }
/* ensure long excerpts don't overflow the card */
.relig_spirit .card-excerpt-main, .spirit .card-excerpt-main{ color:#333; overflow:hidden; }

/* Variant layout: move read-more under content (span full width) */
.relig_spirit .card-excerpt, .spirit .card-excerpt{
  grid-column: 1 / -1; /* span under both columns */
  margin-top:12px;
}
.relig_spirit .card-excerpt p, .spirit .card-excerpt p{ margin:0; }
/* simple inline read-more link (purple) */
.relig_spirit .card-excerpt a, .spirit .card-excerpt a{
  color:#6b21a8; /* purple */
  text-decoration:underline;
  font-weight:600;
}
.relig_spirit .card-excerpt a:hover, .spirit .card-excerpt a:hover{ color:#4b0f80; }

/* Navigation between days */
.aztec-day-nav{ display:flex; gap:12px;  align-items:center;  border-bottom:1px solid var(--aztec-border); padding:10px 0; }
.aztec-day-nav a, .aztec-day-nav .aztec-nav-link{ flex:1; text-align:center; }
.aztec-nav-link{ display:inline-block; padding:8px 14px; border-radius:6px; border:1px solid var(--aztec-border); background:#f8f8f8; color:var(--aztec-accent); font-weight:600; text-decoration:none; }
.aztec-nav-link:hover{ background:rgba(43,110,163,0.06); }
.aztec-nav-prev{ margin-right:auto; }
.aztec-nav-next{ margin-left:auto; }

/* Responsive adjustments */
@media (max-width:900px){
  .entry-content .date .daybox{ flex:1 1 calc(50% - 12px); }
  .relig_spirit, .spirit { grid-template-columns:140px 1fr; }
  .relig_spirit > a, .spirit > a { height:auto; }
  .relig_spirit img, .spirit img { width:100%; height:auto; aspect-ratio:1/1; }
}
@media (max-width:520px){
  .entry-content .date .daybox{ flex:1 1 100%; }
  .relig_spirit, .spirit{ grid-template-columns:1fr; }
  .relig_spirit > a, .spirit > a{ height:auto; }
  .relig_spirit img, .spirit img{ width:100%; height:auto; aspect-ratio:1/1; display:block; margin:0 0 12px 0; }
  .aztec-day-nav{ flex-direction:column; gap:8px; }
  .aztec-day-nav a{ width:100%; }
}

/* Выровнять и сместить header/h1 внутри основной колонки шаблона календаря */
.site-main .entry-header {
  /* сделаем заголовок визуально левее относительно карточек */
  padding-left: 50px; /* уменьшили слева, чтобы H1 сместился влево */
  padding-right: 5px;
  box-sizing: border-box;
}
.site-main .entry-header .entry-title {
  margin: 0 0 18px;
  font-size: 2.2rem; /* увеличенный размер для H1 */
  font-weight: 800;
  line-height: 1.05;
}
@media (max-width:900px){
  .site-main .entry-header { padding-left:15px; padding-right:15px; }
  /* smaller screens: reduce padding to keep layout compact */
  .site-main .entry-content { padding-left:15px; padding-right:15px; }
}

/* Ensure entry-content aligns with header on larger screens */
.site-main .entry-content { padding-left:35px; padding-right:35px; box-sizing:border-box; }

/* Сделать заголовки разделов чуть меньше, чтобы H1 визуально был доминантным */
.site-main .entry-content > h2 {
  font-size: 1.4rem;
  margin-top: 28px;
  margin-bottom: 18px;
  color: #0f2740;
}

/* Print and accessibility */
@media print{ .aztec-day-nav, .site-sidebar, .btn{ display:none !important; } .container{ padding:0; box-shadow:none; } }
@media (prefers-reduced-motion: reduce){ *{ transition:none !important; animation:none !important; } }