/* === MENU TOOLTIP STYLES – FADE & SLIDE-UP === */

/* Base menu link styling to hold tooltip */
.main-navigation ul li {
  position: relative;
}

/* Tooltip container */
.main-navigation ul li a::after {
  content: attr(title); /* Pulls text from the Title Attribute */
  position: absolute;
  bottom: -30px; /* Position under the menu item */
  left: 50%;
  transform: translateX(-50%) translateY(5px); /* Start slightly lower */
  background-color: #266972; /* Title accent color */
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 999;
}

/* Tooltip arrow */
.main-navigation ul li a::before {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%) translateY(5px); /* Start slightly lower */
  border-width: 4px;
  border-style: solid;
  border-color: #266972 transparent transparent transparent;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 998;
}

/* Show tooltip on hover */
.main-navigation ul li:hover a::after,
.main-navigation ul li:hover a::before {
  opacity: 1;
  transform: translateX(-50%) translateY(0); /* Slide into place */
}
.entry-title {
    display: none;
}

.project-nav {
  width: 80%;                  /* keep nav within middle 80% */
  margin: 40px auto;            /* center horizontally with spacing */
  display: flex;
  justify-content: space-between;
}

.project-nav a {
  display: inline-block;
  padding: 12px 24px;
  background-color: #266972;   /* brand color */
  color: #fff !important;
  text-decoration: none;
  font-weight: 600;
  border-radius: 6px;
  transition: background-color 0.3s ease;
}

.project-nav a:hover {
  background-color: #1e4f54;   /* darker teal hover */
}

function register_projects_cpt() {
    $args = array(
        'labels' => array(
            'name' => 'Projects',
            'singular_name' => 'Project'
        ),
        'public' => true,
        'has_archive' => true,
        'menu_icon' => 'dashicons-portfolio',
        'show_in_menu' => true,
        'supports' => array('title', 'editor', 'thumbnail', 'excerpt', 'custom-fields')
    );
    register_post_type('projects', $args);
}
add_action('init', 'register_projects_cpt');
.pdf-grid {
  display: grid;
  grid-template-columns: repeat(var(--pdf-cols, 2), minmax(0, 1fr));
  gap: var(--pdf-gap, 20px);
}

.pdf-grid .pdf-item iframe {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 12px;
  background: #fff;
}

/* Aspect ratios */
.pdf-landscape-169 iframe { aspect-ratio: 16 / 9; min-height: 220px; }
.pdf-landscape-43 iframe  { aspect-ratio: 4 / 3; min-height: 250px; }
.pdf-portrait iframe      { aspect-ratio: 3 / 4; min-height: 350px; }

@media (max-width: 768px) {
  .pdf-grid { grid-template-columns: 1fr; }
  .pdf-landscape-169 iframe,
  .pdf-landscape-43 iframe,
  .pdf-portrait iframe { min-height: 400px; }
}
.pdf-grid {
  display: grid;
  grid-template-columns: repeat(var(--pdf-cols, 2), minmax(0, 1fr));
  gap: var(--pdf-gap, 20px);
}
.pdf-grid .pdf-item { display: flex; }

/* Desktop height */
.pdf-grid .pdf-item .pdfemb-viewer,
.pdf-grid .pdf-item iframe {
  height: var(--ps-desktop-h, 540px);
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 12px;
  background: #fff;
}

/* Mobile overrides */
@media (max-width: 768px) {
  .pdf-grid .pdf-item .pdfemb-viewer,
  .pdf-grid .pdf-item iframe {
    height: var(--ps-mobile-h, 620px) !important;
  }
}
/* Keep PDF Embedder clean inside your grid */
.pdf-grid .pdf-item .pdfemb-viewer {
  border: 1px solid #ddd;
  border-radius: 12px;
}

/* Hide horizontal scrollbar (caused by inner wrapper) */
.pdf-grid .pdf-item .pdfemb-viewer .pdfemb-inner {
  overflow-x: hidden !important;
}

/* Center page canvas in the viewer */
.pdf-grid .pdf-item .pdfemb-viewer .pdfemb-pages {
  margin: 0 auto !important;
}
/* Hide the floating "View In Full Screen" overlay if present */
.pdfemb-viewer .pdfemb-fs,
.pdfemb-viewer .pdfemb-fs-div,
.pdfemb-viewer a[title*="Full Screen"] {
  display: none !important;
}
