/* Mix Agora — extras (portal pages + dark mode) */
:root {
  --mix-ink: #0f1c2e;
  --mix-paper: #f7f5f1;
  --mix-accent: #c0392b;
  --mix-line: rgba(15, 28, 46, 0.12);
}

.mix-portal-page .page-title { font-size: 2rem; margin: 0 0 .35rem; color: var(--mix-ink); }
.mix-portal-lead { color: #4a5568; margin-bottom: 1.5rem; }
.mix-bday-section { margin-bottom: 2rem; }
.mix-bday-section h2 { font-size: 1.15rem; border-bottom: 2px solid var(--mix-accent); padding-bottom: .35rem; display: inline-block; }
.mix-bday-list { list-style: none; padding: 0; margin: 1rem 0 0; }
.mix-bday-list li { padding: .75rem 0; border-bottom: 1px solid var(--mix-line); }
.mix-bday-list strong { display: block; }
.mix-bday-list span, .mix-bday-list em { color: #64748b; font-size: .9rem; font-style: normal; margin-right: .5rem; }
.mix-bday-when { color: var(--mix-accent) !important; font-weight: 600; }

.mix-bday-widget-list { list-style: none; padding: 0; margin: 0; }
.mix-bday-widget-list li { padding: .4rem 0; border-bottom: 1px solid var(--mix-line); font-size: .95rem; }
.mix-bday-widget-list span { color: #64748b; font-size: .85rem; }
.mix-bday-more { display: inline-block; margin-top: .6rem; font-size: .85rem; font-weight: 600; }

.mix-classified-filters { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: 1.25rem; }
.mix-classified-filters a { padding: .35rem .7rem; border: 1px solid var(--mix-line); color: var(--mix-ink); text-decoration: none; font-size: .85rem; }
.mix-classified-filters a.active, .mix-classified-filters a:hover { background: var(--mix-ink); color: #fff; border-color: var(--mix-ink); }
.mix-classified-grid { display: grid; gap: 1rem; margin-bottom: 2rem; }
.mix-classified-item { padding: 1rem 0; border-bottom: 1px solid var(--mix-line); }
.mix-classified-item.is-featured { border-left: 3px solid var(--mix-accent); padding-left: .85rem; }
.mix-classified-item h3 { margin: 0 0 .35rem; font-size: 1.15rem; }
.mix-classified-item .meta { display: flex; flex-wrap: wrap; gap: .65rem; font-size: .85rem; color: #64748b; margin-bottom: .5rem; }
.mix-classified-item .meta strong { color: var(--mix-accent); }
.mix-classified-item .contact { margin-top: .5rem; display: flex; gap: .75rem; align-items: center; }
.mix-classified-item .btn-wa { background: #25d366; color: #fff; padding: .3rem .7rem; text-decoration: none; font-size: .85rem; font-weight: 600; }
.mix-classified-form-wrap { margin-top: 2rem; padding-top: 1.5rem; border-top: 2px solid var(--mix-line); }
.mix-classified-form-wrap h2 { font-size: 1.2rem; margin-bottom: 1rem; }

.mix-weather-now { margin-bottom: 1.5rem; }
.mix-weather-now .temp { font-size: 3rem; font-weight: 700; color: var(--mix-ink); line-height: 1; }
.mix-weather-now .rain { color: #64748b; margin: .35rem 0 1rem; }
.mix-weather-periods { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 1rem; }
.mix-weather-periods li { background: #eef2f7; padding: .6rem 1rem; min-width: 7rem; }
.mix-weather-periods span { display: block; font-size: .8rem; color: #64748b; }
.mix-forecast-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: .75rem; margin-bottom: 2rem; }
.mix-forecast-day { background: #eef2f7; padding: .75rem; text-align: center; }
.mix-forecast-day strong { display: block; font-size: .85rem; margin-bottom: .25rem; }
.mix-forecast-day em { display: block; font-style: normal; font-size: .8rem; color: #64748b; margin-top: .25rem; }
.mix-agro-list { list-style: none; padding: 0; }
.mix-agro-list li { display: flex; flex-wrap: wrap; gap: .5rem 1rem; padding: .65rem 0; border-bottom: 1px solid var(--mix-line); align-items: baseline; }
.mix-agro-list em { font-style: normal; font-size: .8rem; color: #94a3b8; }

.mix-theme-toggle {
  position: fixed; right: 16px; bottom: 72px; z-index: 9998;
  width: 44px; height: 44px; border-radius: 50%; border: none;
  background: var(--mix-ink); color: #fff; cursor: pointer;
  box-shadow: 0 4px 14px rgba(0,0,0,.25); font-size: 1.1rem;
}
.mix-theme-toggle:hover { opacity: .9; }

/* Dark mode */
body.mix-dark {
  --mix-ink: #e8eef6;
  --mix-paper: #0b1220;
  --mix-line: rgba(232, 238, 246, 0.12);
  background: #0b1220 !important;
  color: #e8eef6;
}
body.mix-dark #header,
body.mix-dark #footer,
body.mix-dark .navbar,
body.mix-dark .sidebar-widget,
body.mix-dark .post-item,
body.mix-dark .box,
body.mix-dark .mix-live-widgets,
body.mix-dark .widget-body {
  background-color: #121a2b !important;
  color: #e8eef6;
}
body.mix-dark a { color: #93c5fd; }
body.mix-dark .page-title,
body.mix-dark h1, body.mix-dark h2, body.mix-dark h3, body.mix-dark h4 { color: #f1f5f9; }
body.mix-dark .mix-weather-periods li,
body.mix-dark .mix-forecast-day { background: #1a2438; }
body.mix-dark .mix-classified-filters a { border-color: rgba(255,255,255,.2); color: #e8eef6; }
body.mix-dark .mix-classified-filters a.active { background: #2563eb; border-color: #2563eb; }
body.mix-dark .form-control { background: #1a2438; border-color: #334155; color: #e8eef6; }
body.mix-dark .breadcrumb { background: transparent; }
body.mix-dark .mix-theme-toggle { background: #f59e0b; color: #0b1220; }

@media (max-width: 767px) {
  .mix-theme-toggle { bottom: 88px; right: 12px; }
}