/* ===== General ===== */
figure .embed-container > div { padding-top: 0 !important; }

html { scroll-behavior: smooth; }
html, body { overflow-x: clip; }

figure .wp-block-post-terms a {
  display: inline-block !important;
  background-color: #0a6af9 !important;
  border-radius: 20px !important;
  padding: 5px 15px !important;
  margin-top: 4px !important;
  margin-left: 3px !important;
}

figure .wp-block-social-link:hover { transform: none !important; }

figure .wp-block-read-more {
  background-color: #0a6af9 !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

figure .wp-block-image, .size-thumbnail a {
  pointer-events: none !important;
  cursor: default !important;
}

figure .wp-block-gallery, .wp-block-gallery-4 {
  pointer-events: none !important;
  cursor: default !important;
}


/* ===== Full-bleed banner (project pages) ===== */
html body .full-bleed,
html body .is-layout-constrained > .full-bleed,
html body .has-global-padding > .full-bleed {
  display: block !important;
  position: relative;
  box-sizing: border-box !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border: 0 !important;
  margin-top: 10px !important;            /* gap header → banner (desktop) */
}
@media (max-width: 781px) {
  html body .full-bleed { margin-top: 8px !important; }   /* gap on mobile */
}
html body .full-bleed > *,
html body .full-bleed a {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}
html body .full-bleed img {
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  margin: 0 !important;
}
/* don't let any container around the banner clip it */
:is(main, .wp-site-blocks, .entry-content, .wp-block-post-content, .wp-block-group, .wp-block-column):has(.full-bleed) {
  overflow: visible !important;
}

/* Pages with a banner: remove the space between header and banner */
body:has(.full-bleed) .header-wrapper {
  padding-bottom: 8px !important;          /* header's own bottom padding (was 24px) */
}
body:has(.full-bleed) .wp-site-blocks > * + * {
  margin-block-start: 0 !important;        /* theme gap between header and content */
}
main:has(.full-bleed),
main:has(.full-bleed) :is(.entry-content, .wp-block-post-content, .wp-block-group):has(.full-bleed) {
  margin-top: 0 !important;
  margin-block-start: 0 !important;
  padding-top: 0 !important;
}
main:has(.full-bleed) > .wp-block-spacer:first-child { display: none !important; }


/* ===== Hero ===== */
#bg-wrap { top: -25% !important; }


/* ===== Header: logo protected, menu spreads, hamburger below 1000px ===== */
.site-header .site-logo-wrapper { flex-shrink: 0 !important; }

.site-header .wp-block-navigation {
  flex: 1 1 auto;
  margin-left: 40px;                       /* minimum gap between logo and "Home" */
}
.site-header .wp-block-navigation .wp-block-spacer { display: none !important; }

.site-header .wp-block-navigation__responsive-container:not(.is-menu-open)
  .wp-block-navigation__responsive-container-content {
  width: 100%;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  gap: 24px;
}
.site-header .wp-block-navigation__responsive-container:not(.is-menu-open)
  .wp-block-navigation__container {
  flex: 1 1 auto;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: clamp(16px, 2.5vw, 54px) !important;
}

@media (max-width: 1100px) {
  .site-header .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex !important;
  }
  .site-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none !important;
  }
  .site-header .wp-block-navigation {
    flex: 0 0 auto;
    margin-left: auto;                     /* push the hamburger to the right */
  }
}

/* Header menu: links never wrap onto two lines */
.site-header .wp-block-navigation-item__content {
  white-space: nowrap !important;
}

/* Header Contact button: expands on hover, menu stays still */
.wp-block-navigation .wp-block-buttons {
  flex: 0 0 190px !important;
  width: 190px !important;
  display: flex !important;
  justify-content: flex-end !important;
}
.wp-block-navigation .wp-block-button__link { white-space: nowrap; }


/* ===== Mobile menu: full screen on phones ===== */
.wp-block-navigation__responsive-container.is-menu-open {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  margin: 0 !important;
  padding: 24px 28px 40px !important;
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  z-index: 100000 !important;
}
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-close {
  color: #ffffff !important;
  top: 24px !important;
  right: 24px !important;
}
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-close svg {
  width: 32px;
  height: 32px;
  fill: currentColor;
}
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content {
  padding-top: 72px !important;
  align-items: stretch !important;
  gap: 32px !important;
}
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__container {
  gap: 0 !important;
  width: 100%;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
  display: block !important;
  width: 100%;
  padding: 18px 0 !important;
  font-size: 32px !important;
  font-weight: 600;
  color: #ffffff !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover {
  color: #0a6af9 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-buttons {
  flex: none !important;
  width: 100% !important;
  justify-content: stretch !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-button,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-button__link {
  width: 100% !important;
  text-align: center;
  justify-content: center;
  padding: 18px !important;
  font-size: 18px !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-spacer {
  display: none !important;
}

/* Mobile menu: sidebar drawer on tablets */
@media (min-width: 600px) {
  .wp-block-navigation__responsive-container.is-menu-open {
    left: auto !important;
    right: 0 !important;
    width: min(300px, 70vw) !important;
    padding: 24px 40px 40px !important;
    box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.55) !important;
    animation: menu-slide-in 0.3s ease-out;
    overflow-y: auto;
  }
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content {
    max-width: none;
    margin: 0 !important;
    padding-top: 64px !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    font-size: 28px !important;
    padding: 16px 0 !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-buttons {
    margin: 16px 0 0 0 !important;
    padding: 0 !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-button,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-button__link {
    width: 100% !important;
    margin: 0 !important;
  }
}
@keyframes menu-slide-in {
  from { transform: translateX(100%); }
  to   { transform: translateX(0); }
}
@media (prefers-reduced-motion: reduce) {
  .wp-block-navigation__responsive-container.is-menu-open { animation: none; }
}


/* ===== Services cards ===== */
.services-pattern .wp-block-column > p:first-child { margin-bottom: 0 !important; }
.services-pattern .wp-block-column > h3 { margin-top: 8px !important; }


/* ===== Homepage portfolio: filter buttons ===== */
#Portfolio .pwp-filter-nav {
  display: block !important;
  width: 100%;
}
#Portfolio .pwp-filter-nav .pwp-filter-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 8px !important;
}
#Portfolio .pwp-filter-nav .pwp-filter-buttons > .pwp-button {
  flex: 0 0 auto;
  white-space: nowrap;
  margin: 0 !important;
}
.pwp-filter-nav .pwp-filter-buttons > .pwp-button.wp-block-button__link {
  padding: 4px 10px !important;
  font-size: 14px !important;
}

/* ===== Portfolio filter: custom dropdown on phones ===== */
.pwp-dd { display: none; }

@media (max-width: 600px) {
  #Portfolio .pwp-filter-nav { position: relative; z-index: 30; }
  #Portfolio .pwp-filter-nav .pwp-filter-buttons { display: none !important; }
  #Portfolio .pwp-dd { display: block; position: relative; width: 100%; }

  /* the blue pill */
  #Portfolio .pwp-dd-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #0a6af9;
    color: #ffffff;
    border: 0;
    border-radius: 999px;
    padding: 14px 22px;
    font: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
  }
  #Portfolio .pwp-dd-toggle::after {             /* chevron */
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform: translateY(-2px) rotate(45deg);
    transition: transform 0.25s ease;
  }
  #Portfolio .pwp-dd.is-open .pwp-dd-toggle::after {
    transform: translateY(2px) rotate(-135deg);
  }

  /* the dark panel */
  #Portfolio .pwp-dd-list {
    list-style: none;
    margin: 8px 0 0;
    padding: 8px;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #262626;
    border: 1px solid #333333;
    border-radius: 16px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
    max-height: 60vh;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
  }
  #Portfolio .pwp-dd.is-open .pwp-dd-list {
    opacity: 1;
    visibility: visible;
    transform: none;
  }

  /* options */
  #Portfolio .pwp-dd-option {
    width: 100%;
    display: block;
    text-align: left;
    background: none;
    border: 0;
    color: #ffffff;
    font: inherit;
    font-size: 16px;
    padding: 12px 14px;
    border-radius: 10px;
    cursor: pointer;
  }
  #Portfolio .pwp-dd-option:hover,
  #Portfolio .pwp-dd-option:focus-visible {
    background: rgba(255, 255, 255, 0.08);
    outline: none;
  }
  #Portfolio .pwp-dd-option.is-active {
    background: #0a6af9;
  }
}
  #Portfolio .pwp-filter-nav .pwp-filter-buttons::-webkit-scrollbar { display: none; }
  #Portfolio .pwp-filter-nav .pwp-filter-buttons > .pwp-button {
    padding: 6px 14px !important;
    font-size: 14px !important;
  }
}
/* hide specific filter buttons */
#Portfolio .pwp-filter-nav [data-filter*="event-booth"],
#Portfolio .pwp-filter-nav [data-filter*="product-logo"] {
  display: none !important;
}


/* ===== Homepage portfolio: card hover ===== */
#Portfolio [class*="item"]:has(img):not([class*="item"] [class*="item"]) {
  border-radius: 15px;
  transition: translate 0.3s ease;
}
#Portfolio [class*="item"]:has(img):not([class*="item"] [class*="item"]):hover {
  translate: 0 -6px;
  box-shadow: none !important;
}
#Portfolio [class*="item"] *:has(> img) {
  display: block !important;
  overflow: hidden !important;
  line-height: 0;
  font-size: 0;
}
#Portfolio [class*="item"] img {
  display: block !important;
  width: 100%;
  margin-bottom: -1px !important;
  backface-visibility: hidden;
  transition: transform 0.6s ease;
}
#Portfolio [class*="item"]:hover img { transform: scale(1.06); }
@media (prefers-reduced-motion: reduce) {
  #Portfolio [class*="item"],
  #Portfolio [class*="item"] img { transition: none !important; }
}


/* ===== Homepage blog list ===== */
.blog-list .wp-block-post-title { text-align: left !important; }

@media (max-width: 781px) {
  /* each row: title + tag on the left, arrow on the right */
  .blog-list .wp-block-post-template li .wp-block-columns {
    display: grid !important;
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "title arrow"
      "tag   arrow";
    column-gap: 16px !important;
    row-gap: 12px !important;
    align-items: center !important;
  }
  .blog-list li .wp-block-column {
    flex-basis: auto !important;
    margin: 0 !important;
  }
  .blog-list li .wp-block-column:first-child { grid-area: title; }
  .blog-list li .wp-block-column.categories  { grid-area: tag; }
  .blog-list li .wp-block-column.tags        { display: none !important; }  /* empty column */
  .blog-list li .wp-block-column:last-child  {
    grid-area: arrow;
    align-self: center;
  }

	
	
  /* bigger titles */
  .blog-list .wp-block-post-title {
    font-size: 28px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
  }

  /* bigger tags */
  .blog-list .wp-block-post-terms {
    font-size: 17px !important;
  }
  .blog-list .wp-block-post-terms a {
    display: inline-block !important;
    font-size: 17px !important;
    padding: 6px 14px !important;
    border-radius: 8px !important;
  }
}



/* ===== Card style: grid layouts (portfolio + blog archive pages) ===== */
.wp-block-post-template.is-layout-grid > li {
  background-color: #262626;
  border: 1px solid #333333;
  border-radius: 16px;
  overflow: hidden;
  padding: 0 0 20px 0;
  display: flex;
  flex-direction: column;
  transition: background-color 0.25s ease, transform 0.25s ease;
}
.wp-block-post-template.is-layout-grid > li:hover {
  background-color: #2e2e2e;
  transform: translateY(-4px);
}
.wp-block-post-template.is-layout-grid .wp-block-post-featured-image { margin: 0 !important; }
.wp-block-post-template.is-layout-grid .wp-block-post-featured-image,
.wp-block-post-template.is-layout-grid .wp-block-post-featured-image img {
  border-radius: 10px !important;
  overflow: hidden;
}
.wp-block-post-template.is-layout-grid > li > *:not(.wp-block-post-featured-image) {
  margin-left: 24px !important;
  margin-right: 24px !important;
}


/* ===== Client logo ribbon ===== */
.logo-marquee {
  position: relative;
  overflow: hidden;
  padding: 24px 0;
  background-color: #0a6af9;
}
.logo-marquee::before,
.logo-marquee::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 120px;
  z-index: 2;
  pointer-events: none;
}
.logo-marquee::before {
  left: 0;
  background: linear-gradient(to right, #0a6af9, rgba(10, 106, 249, 0));
}
.logo-marquee::after {
  right: 0;
  background: linear-gradient(to left, #0a6af9, rgba(10, 106, 249, 0));
}
.logo-marquee .logo-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0 !important;
  width: max-content !important;
  max-width: none !important;
  animation: logo-scroll 45s linear infinite;
}
.logo-marquee .wp-block-gallery > figure.wp-block-image {
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 64px 0 0 !important;
}
.logo-marquee .wp-block-gallery img {
  height: 80px !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain !important;
}
.logo-marquee:hover .logo-track { animation-play-state: paused; }
@keyframes logo-scroll {
  to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .logo-marquee .logo-track {
    animation: none;
    flex-wrap: wrap !important;
    width: auto !important;
    justify-content: center !important;
  }
  .logo-marquee .logo-track > [aria-hidden="true"] { display: none !important; }
}


/* ===== Contact section ===== */
.contact-pattern .wp-block-jetpack-button { width: auto !important; }
.contact-pattern .wp-block-jetpack-button .wp-block-button__link,
.contact-pattern .wp-block-jetpack-button button {
  position: relative;
  box-sizing: border-box;
  width: 230px !important;
  white-space: nowrap !important;
  padding: 14px 32px !important;
  text-align: center;
  transition: padding 0.3s ease, background-color 0.3s ease !important;
}
.contact-pattern .wp-block-jetpack-button .wp-block-button__link::after,
.contact-pattern .wp-block-jetpack-button button::after {
  content: "→";
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translate(-8px, -50%);
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.contact-pattern .wp-block-jetpack-button .wp-block-button__link:hover,
.contact-pattern .wp-block-jetpack-button button:hover {
  padding-left: 16px !important;
  padding-right: 56px !important;
}
.contact-pattern .wp-block-jetpack-button .wp-block-button__link:hover::after,
.contact-pattern .wp-block-jetpack-button button:hover::after {
  opacity: 1;
  transform: translate(0, -50%);
}
@media (max-width: 1024px) {
  .contact-pattern .wp-block-columns {
    flex-wrap: wrap !important;
    gap: 40px !important;
  }
  .contact-pattern .wp-block-columns > .wp-block-column { flex-basis: 100% !important; }
  .contact-pattern h2 { margin-top: 0 !important; }
}


/* ===== Footer ===== */
@media (max-width: 1440px) {
  .site-footer .footer-group {
    padding-left: clamp(24px, 4vw, 48px) !important;
    padding-right: clamp(24px, 4vw, 48px) !important;
  }
}
@media (max-width: 781px) {
  .site-footer .footer-group {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .site-footer .footer-nav > .wp-block-columns { gap: 40px !important; }
  .site-footer .footer-nav .wp-block-columns .wp-block-columns {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 32px 24px !important;
  }
  .site-footer .footer-nav .wp-block-columns .wp-block-columns > .wp-block-column {
    flex-basis: auto !important;
  }
  .site-footer .footer-nav .wp-block-columns .wp-block-columns > .wp-block-column:last-child {
    grid-column: 1 / -1;
  }
}

/* ===== Header: remove the theme's extra padding around the logo ===== */
.site-header .site-logo-wrapper,
.site-header .site-logo-wrapper .wp-block-site-logo {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* overall header spacing: one place to control it */
.site-header .header-wrapper {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

/* ===== Rounded corners on all content images (any file type) ===== */
.wp-block-post-content figure.wp-block-image:not(.full-bleed):not(.is-resized):not(.no-round) img,
.wp-block-post-content .wp-block-gallery:not(.logo-track) figure.wp-block-image:not(.no-round) img {
  border-radius: 20px !important;
}

/* Remove the extra space under videos on project pages */
.wp-block-video,
.wp-block-videopress-video,
.wp-block-jetpack-videopress {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.wp-block-video figcaption:empty,
.wp-block-videopress-video figcaption:empty {
  display: none !important;      /* hide an empty caption area */
}


/* ===== Instagram gallery: 4:5 tiles ===== */
.wp-block-jetpack-instagram-gallery a,
.wp-block-jetpack-instagram-gallery [class*="grid-post"] {
  display: block !important;
  height: auto !important;
  padding-bottom: 0 !important;
  overflow: hidden;
}
.wp-block-jetpack-instagram-gallery img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 5 !important;    /* Instagram portrait ratio */
  object-fit: cover !important;      /* crop to fill, no stretching */
  object-position: center;
}

/* every photo the same shape */
#Portfolio .pwp-portfolio-item img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
}

/* text block: same height on every card */
#Portfolio .pwp-portfolio-item .pwp-text {
  height: 100px !important;
  overflow: hidden !important;
}

/* title: scales with screen, max 2 lines */
#Portfolio .pwp-portfolio-item .pwp-title {
  font-size: clamp(20px, 1.9vw, 28px) !important;
  line-height: 1.15 !important;
  margin: 0 0 8px 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
}

/* category line: one line, "…" if too long */
#Portfolio .pwp-portfolio-item .pwp-text > *:not(.pwp-portfolio-link) {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.wp-block-group.alignfull.has-dark-gray-background-color {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* ===== Archive cards: View Work button hover ===== */
.wp-block-post-template.is-layout-grid .wp-block-read-more {
  transition: background-color 0.25s ease, translate 0.25s ease !important;
}
.wp-block-post-template.is-layout-grid .wp-block-read-more::after {
  content: none !important;                /* no arrow */
}
/* hover on the button only */
.wp-block-post-template.is-layout-grid .wp-block-read-more:hover {
  background-color: #0858d1 !important;   /* slightly deeper blue */
  translate: 0 -2px;                       /* small lift */
}

/* Homepage portfolio filter: hide helper tags */
#Portfolio .pwp-filter-nav [data-filter*="featured"],
#Portfolio .pwp-filter-nav [data-filter*="social-media"] {
  display: none !important;
}
/* Project pages: hide the Featured pill */
.wp-block-post-terms a[href*="/featured/"] {
  display: none !important;
}

/* ===== Shared title size: homepage blog list + portfolio cards ===== */
:root {
  --card-title-size: clamp(22px, 2.2vw, 28px);   /* change this one value to resize both */
}
@media (max-width: 781px) {
  :root { --card-title-size: 24px; }             /* size on phones and tablets */
}

#Portfolio .pwp-portfolio-item .pwp-title,
.blog-list .wp-block-post-title {
  font-size: var(--card-title-size) !important;
  line-height: 1.15 !important;
}

/* ===== Archive cards: button fits inside the card ===== */
.wp-block-post-template.is-layout-grid .wp-block-read-more {
  box-sizing: border-box !important;
  width: auto !important;           /* stop the 100% width overflow */
  align-self: stretch;              /* fill the card, minus the side margins */
  text-align: center;
}

/* ===== Mobile menu: compact on phones ===== */
@media (max-width: 599px) {
  .wp-block-navigation__responsive-container.is-menu-open {
    padding: 16px 24px 32px !important;
  }

  /* less space above the links */
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content {
    padding-top: 56px !important;
    gap: 24px !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* smaller links */
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content {
    font-size: 24px !important;
    padding: 12px 0 !important;
  }

  /* Contact: under the links, normal button size */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-buttons {
    order: 99 !important;
    margin-top: 8px !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-button__link {
    padding: 14px !important;
    font-size: 16px !important;
  }

  /* close ✕ pinned to the top right */
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-close {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
  }
}

/* Mobile menu: show only one Contact button (the one right under the links) */
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content > .wp-block-buttons {
  display: none !important;
}
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation .wp-block-buttons {
  display: flex !important;
  order: 99 !important;
  width: 100% !important;
  flex: none !important;
  margin: 10px 0 0 0 !important;      /* gap between "Clients" and the button */
  padding: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation .wp-block-button,
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation .wp-block-button__link {
  width: 100% !important;
  margin: 0 !important;
}

/* Phones: menu slides in from the right */
@media (max-width: 599px) {
  .wp-block-navigation__responsive-container.is-menu-open {
    animation: menu-slide-in 0.3s ease-out !important;
  }
}

/* Mobile/tablet menu: show only the Navigation Overlay pattern, not the built-in copy */
.wp-block-navigation__responsive-container.is-menu-open:has(.nav-overlay)
  .wp-block-navigation__responsive-container-content > .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open:has(.nav-overlay)
  .wp-block-navigation__responsive-container-content > .wp-block-buttons {
  display: none !important;
}

/* Open menu: show only the updated Navigation Overlay, hide any older copy */
.wp-block-navigation__overlay-container > :not(.nav-overlay),
.nav-overlay > :not(.alignwide):not(.overlay-nav),
.nav-overlay > .alignwide ~ .alignwide {
  display: none !important;
}

/* Open menu: same text sizes on phones and tablets */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
  font-size: 24px !important;      /* menu links */
  padding: 12px 0 !important;      /* space between links */
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-button__link {
  font-size: 16px !important;      /* Contact button */
  padding: 14px !important;
}

/* Open menu: less side padding, menu uses the full width */
.wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wp-block-navigation__overlay-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.nav-overlay {
  padding-left: 24px !important;
  padding-right: 24px !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
.nav-overlay > .alignwide,
.nav-overlay .overlay-nav,
.nav-overlay .overlay-nav .wp-block-navigation__container {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.postid-3 .wp-block-post-terms,
body.postid-3 .wp-block-post-terms a {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Button hover arrow: centred with the text, drawn as SVG instead of Font Awesome */
.wp-block-button:not(.wp-block-jetpack-button) .wp-block-button__link::after {
  content: "" !important;
  font-family: inherit !important;
  height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h15M13 5l7 7-7 7' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat left center / 1em 1em;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h15M13 5l7 7-7 7' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat left center / 1em 1em;
}

/* Hover arrow space matches the arrow's width on every button size */
.wp-block-button:not(.wp-block-jetpack-button):hover .wp-block-button__link::after {
  width: 1em !important;
  margin-left: 0.5em !important;
}

/* ===== Header: thin bar slides in after scrolling ===== */
header.site-header { position: relative; z-index: 999; }

body.is-scrolled header.site-header {
  position: fixed !important;
  top: var(--wp-admin--admin-bar--height, 0px);
  left: 0;
  right: 0;
  animation: wp-header-drop 0.35s ease-out;
}
body.is-scrolled header.site-header::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(13, 12, 12, 0.9);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(5px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
/* Keeps the page from jumping when the header switches */
body.is-scrolled header.site-header + * {
  margin-top: var(--wp-header-h, 133px) !important;
}
/* Thinner bar */
body.is-scrolled .site-header .header-wrapper,
body.is-scrolled .site-header .site-nav-bar,
body.is-scrolled .site-header .site-nav-wrapper {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
body.is-scrolled .site-header .custom-logo {
  max-height: 36px !important;
  width: auto !important;
}
@keyframes wp-header-drop {
  from { transform: translateY(-100%); }
  to   { transform: translateY(0); }
}

/* Menu links stop just below the thin bar */
html { scroll-padding-top: 80px; }

/* Small screens: the admin bar scrolls away, so pin the header right at the top */
@media (max-width: 600px) {
  body.is-scrolled header.site-header { top: 0 !important; }
}

.wp-block-post-terms a[href="https://wolfpack.ph/category/creative-agency-team-building/"] {
  background: none !important;
  padding: 0;
}