/*
 * Educa Bulma Theme Overrides
 * Modern, mobile-first styling using Bulma utilities
 */

:root {
  --brand-primary: #38b553;
  --brand-primary-dark: #2c8e43;
  --brand-text: #333;
}

html, body {
  scroll-behavior: smooth;
}

/* Global background */
body {
  background-color: #f5f6fa;
}

/* Navbar */
.navbar.is-primary {
  background-color: #137462; /* modern dark slate */
}
.navbar-item, .navbar-link { color: #fff; }
.navbar-item:hover, .navbar-link:hover { background-color: rgba(255,255,255,0.08); }
.navbar-brand .navbar-item .brand-title { font-weight: 700; color: #fff; }
.navbar-item .icon { color: #fff; }

/* Mobile navbar dropdown panel: ensure contrast */
@media (max-width: 1024px) {
  .navbar.is-primary .navbar-menu {
    background-color: #137462;
  }
  .navbar.is-primary .navbar-menu .navbar-item,
  .navbar.is-primary .navbar-menu .navbar-link {
    color: #fff;
  }
  .navbar.is-primary .navbar-menu .navbar-item:hover,
  .navbar.is-primary .navbar-menu .navbar-link:hover {
    background-color: rgba(255,255,255,0.08);
  }
}

/* Share buttons: wrap on small screens */
.shareit .buttons { flex-wrap: wrap; gap: .25rem; }
@media (max-width: 480px) {
  .shareit .button { padding-left: .5rem; padding-right: .5rem; }
}

/* Search form inside navbar */
.navbar .field.has-addons .input { border-radius: 6px 0 0 6px; }
.navbar .field.has-addons .button { border-radius: 0 6px 6px 0; }

/* Hero */
.hero-title { margin-bottom: .5rem; }
.hero-subtitle { color: #6b7280; }

/* Cards */
.card { transition: transform .2s ease, box-shadow .2s ease; }
.card:hover { transform: translateY(-2px); box-shadow: 0 1rem 2rem rgba(0,0,0,.15); }
.card .image img { object-fit: cover; }

/* Modal Cards enhancements */
.card { position: relative; }
.card .quick-view {
  position: absolute;
  top: .5rem;
  right: .5rem;
  display: none;
}
.card:hover .quick-view { display: inline-flex; }
.modal-card-head, .modal-card-foot { background: #fafafa; }
.modal-card-title { color: var(--brand-text); }
.modal-card-body .content { color: #4b5563; }
.modal.is-active { z-index: 60; }

/* Buttons */
.button.is-primary { background-color: var(--brand-primary); border-color: var(--brand-primary); }
.button.is-primary:hover { background-color: var(--brand-primary-dark); border-color: var(--brand-primary-dark); }

/* Read More button on homepage: dark slate */
.button.is-dark-slate {
  background-color: #137462;
  border-color: #137462;
  color: #fff;
}
.button.is-dark-slate:hover {
  background-color: #137462; /* slightly darker on hover */
  border-color: #137462;
}

/* Back-to-top button color override */
.back-to-top.button,
.back-to-top.button.is-primary {
  background-color: #137462;
  border-color: #137462;
  color: #fff;
}
.back-to-top.button:hover {
  background-color: #0f172a;
  border-color: #0f172a;
}

/* Post page: LEARN MORE button with dark ink color */
.button.is-dark-ink {
  background-color: #137462;
  border-color: #137462;
  color: #fff;
}
.button.is-dark-ink:hover {
  background-color: #0f172a;
  border-color: #0f172a;
}

/* Footer */
footer.footer { background: #137462; color: #eaeaea; }
footer.footer a { color: var(--brand-primary); }

/* Legacy header cleanup */
.logo-wrap, #logo, .text-logo, #primary-navigation, .header-social, .toggle-mobile-menu, .mobile-menu-wrapper { display: none !important; }

/* Responsive tweaks */
@media (max-width: 768px) {
  .navbar .field.has-addons .input { min-width: 8rem; }
}

/* Author box responsiveness */
.author-box .media { align-items: center; }
.author-box .content { word-break: break-word; }
@media (max-width: 768px) {
  .author-box .media { flex-direction: column; }
  .author-box .media-left { margin-bottom: .75rem; }
  .author-box .media-content { width: 100%; }
  .author-box .media-left .image { width: 96px; height: 96px; }
  .author-box .media-left img { width: 96px; height: 96px; object-fit: cover; }
}