/*
Theme Name: studytipsntricks
Theme URI: https://studytipsntricks.com
Author: Ignus
Author URI: https://github.com/inquisistent
Description: Custom WordPress theme for StudyTipsNTricks — a modern study tips blog with Tailwind CSS.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: studytipsntricks
Tags: blog, education, tailwind
*/

/* === MSG-002: responsive header nav fix === */
#site-header .font-heading { white-space: nowrap; }

@media (min-width: 768px) {
  /* Keep header on one line */
  #site-header .h-14,
  #site-header .md\:h-16 {
    overflow: hidden;
  }

  #site-header nav[aria-label="Primary"] {
    min-width: 0;
    flex: 1 1 auto;
    margin-left: 1rem;
    justify-content: flex-end;
  }

  #site-header nav[aria-label="Primary"] .menu,
  #site-header nav[aria-label="Primary"] ul {
    display: flex;
    flex-wrap: nowrap !important;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
  }

  /* Show only first 7 desktop items to prevent wrapping */
  #site-header nav[aria-label="Primary"] li:nth-child(n+8) {
    display: none;
  }

  #site-header nav[aria-label="Primary"] a {
    display: inline-flex;
    align-items: center;
  }
}

@media (max-width: 767.98px) {
  /* Mobile: keep header one line; menu via hamburger */
  #site-header .h-14 { overflow: hidden; }
  #site-header .font-heading {
    max-width: calc(100vw - 120px);
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* Category nav separators */
header nav .flex.items-center.gap-1 > li + li::before {
  content: "|";
  color: #d1d5db;
  font-size: 0.75rem;
  margin-right: 0.25rem;
}