/*
 Theme Name:   printinguk-gp
 Description:  printing.uk child theme for GeneratePress
 Template:     generatepress
 Version:      2.0.1
*/

body, .main-navigation { font-family: 'Poppins', sans-serif; }

/* ── Sticky header ── */
.site-header {
  position: sticky; top: 0; z-index: 100;
  background: #fff; box-shadow: 0 1px 0 rgba(0,0,0,.06);
  overflow: hidden; /* prevents nav items bleeding outside header */
}

html.puk-dark .site-header {
  background: #1a1f1c;
  box-shadow: 0 1px 0 rgba(255,255,255,.06);
}

.site-header .inside-header {
  display: flex; align-items: center; justify-content: space-between;
  gap: 20px; max-width: 1180px; margin: 0 auto;
  padding: 0 24px; height: 68px;
  overflow: hidden; /* clip anything that tries to poke out */
}

.site-logo, .site-title { flex-shrink: 0; }
.nav-primary { margin-left: auto; }

/* ── Nav links ── */
.main-navigation a {
  font-size: .875rem;
  font-weight: 600;
  color: #0f1412;
  text-decoration: none;
  /* Tighter padding so nothing protrudes */
  padding: 4px 10px;
  border-radius: 8px;
  line-height: 1.4;
  /* Remove background transition — colour only */
  transition: color .15s ease;
  background: transparent !important;
}

/* Brand green colour change only — NO background highlight */
.main-navigation li:not(.puk-nav-cta) > a:hover,
.main-navigation .current-menu-item:not(.puk-nav-cta) > a,
.main-navigation .current-menu-ancestor:not(.puk-nav-cta) > a,
.main-navigation .current_page_item:not(.puk-nav-cta) > a,
.main-navigation .current_page_ancestor:not(.puk-nav-cta) > a {
  color: #3f6f5f !important;
  background: transparent !important;
}

/* ── Dropdown ── */
.main-navigation ul ul {
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0,0,0,.10);
  padding: 8px;
  min-width: 200px;
}

.main-navigation ul ul a {
  border-radius: 10px;
  padding: 8px 14px;
  font-size: .85rem;
  background: transparent !important;
}

.main-navigation ul ul a:hover {
  color: #3f6f5f !important;
  background: transparent !important;
}

/* ── Get a quote CTA pill ── */
.main-navigation .puk-nav-cta > a {
  background: #3f6f5f !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  padding: 7px 18px !important;
  font-weight: 700 !important;
  font-size: .875rem !important;
  line-height: 1.4 !important;
  transition: background .15s ease !important;
  border: none !important;
}

.main-navigation .puk-nav-cta > a:hover {
  background: #2a4a3f !important;
  color: #ffffff !important;
}

/* ── Mobile ── */
@media (max-width: 768px) {
  .main-navigation ul ul { position: static; box-shadow: none; border: none; }
  .nav-primary .inside-navigation { background: #fff; }
  .main-navigation .puk-nav-cta > a { display: inline-block; margin: 8px 0; }
}

/* ── Dark mode ── */
html.puk-dark .main-navigation li:not(.puk-nav-cta) > a { color: #d4e8e0; }
html.puk-dark .main-navigation li:not(.puk-nav-cta) > a:hover,
html.puk-dark .main-navigation .current-menu-item:not(.puk-nav-cta) > a {
  color: #8fc4b4 !important;
  background: transparent !important;
}
html.puk-dark .main-navigation ul ul { background: #1e2a25; border-color: rgba(255,255,255,.08); }