/*
Theme Name: Tactive
Theme URI: https://tactive.digital
Author: Tactive
Author URI: https://tactive.digital
Description: Custom WordPress theme for Tactive — Brand Defense Automation. Aurora gradient design system, hand-built marketing pages, blog support.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: tactive
*/

/* Real styles are loaded from assets/css/style.css via wp_enqueue_style. */

/* ---------- WordPress nav menu compatibility ---------- */
.nav-links ul.menu,
.nav-links .menu {
  display: flex;
  align-items: center;
  gap: 36px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-links .menu li { position: relative; }
.nav-links .menu a {
  font-size: 0.93rem;
  color: var(--text-mute);
  font-weight: 500;
  text-decoration: none;
}
.nav-links .menu a:hover { color: var(--text); }
.nav-links .menu .current-menu-item > a,
.nav-links .menu .current_page_item > a,
.nav-links .menu .current-menu-ancestor > a,
.nav-links .menu .current-page-ancestor > a {
  color: var(--text);
}
.nav-links .menu .current-menu-item > a::after,
.nav-links .menu .current_page_item > a::after,
.nav-links .menu .current-menu-ancestor > a::after {
  content: '';
  position: absolute;
  bottom: -8px; left: 50%;
  transform: translateX(-50%);
  width: 4px; height: 4px;
  border-radius: 50%;
  background: var(--cyan);
}

@media (max-width: 900px) {
  .nav.open .nav-links .menu {
    flex-direction: column;
    gap: 18px;
    align-items: stretch;
  }
  .nav.open .nav-links .menu .current-menu-item > a::after,
  .nav.open .nav-links .menu .current_page_item > a::after { display: none; }
}

/* ---------- WP core block / alignment helpers (kept minimal) ---------- */
.alignleft  { float: left;  margin-right: 1.5em; }
.alignright { float: right; margin-left: 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption  { max-width: 100%; }
.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0,0,0,0);
  border: 0; word-wrap: normal !important;
}

/* ---------- Pagination ---------- */
.pagination {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-top: 60px;
  flex-wrap: wrap;
}
.pagination a, .pagination span {
  padding: 10px 16px;
  border-radius: 999px;
  border: 1px solid var(--border-strong);
  color: var(--text-mute);
  font-size: 0.9rem;
  text-decoration: none;
  background: var(--surface);
}
.pagination a:hover { color: var(--text); background: var(--surface-strong); }
.pagination .current {
  background: var(--grad-violet-cyan);
  color: white;
  border-color: transparent;
}

/* ---------- Comments (if enabled) ---------- */
.comments-area {
  max-width: 720px;
  margin: 60px auto 0;
  color: var(--text-mute);
}
.comments-area h2 { color: var(--text); margin-bottom: 20px; }