/* =========================
   NAV — HAND-DRAWN OUTLINE
   ========================= */

.site-header .wp-block-navigation a{
  position: relative;
  padding: 10px 14px;
  text-decoration: none;
  border-radius: 999px; /* м’яка форма */
  letter-spacing: 0.02em;
  transition: letter-spacing 0.3s ease;
}

/* hand-drawn outline */
.site-header .wp-block-navigation a::after{
  content: "";
  position: absolute;
  inset: 2px;
  border: 1px solid #C9A24D; /* тонка gold лінія */
  border-radius: 999px;
  opacity: 0;
  transform: scaleX(0.6);
  transform-origin: left center;
  transition:
    opacity 0.25s ease,
    transform 0.45s cubic-bezier(.4,0,.2,1);
}

/* hover */
.site-header .wp-block-navigation a:hover{
  letter-spacing: 0.08em;
}

.site-header .wp-block-navigation a:hover::after{
  opacity: 1;
  transform: scaleX(1);
}

/* active */
.site-header .wp-block-navigation .current-menu-item > a::after,
.site-header .wp-block-navigation .current-menu-ancestor > a::after{
  opacity: 1;
  transform: scaleX(1);
}



.wp-block-cover{
  position:relative;
  overflow:hidden;
  margin-bottom:-1px;
}

/* image */
.wp-block-cover .wp-block-cover__image-background{
  position:absolute;
  z-index:0;
}

/* overlay */
.wp-block-cover .wp-block-cover__background{
  position:absolute;
  z-index:1;
}

/* SMOOTHER FADE */
.wp-block-cover::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:320px;
  z-index:2;
  pointer-events:none;

  background:linear-gradient(
    to bottom,
    rgba(49,57,74,0) 0%,
    rgba(49,57,74,0.02) 18%,
    rgba(49,57,74,0.06) 34%,
    rgba(49,57,74,0.12) 48%,
    rgba(49,57,74,0.22) 62%,
    rgba(49,57,74,0.40) 76%,
    rgba(49,57,74,0.68) 88%,
    rgba(49,57,74,0.88) 95%,
    rgba(49,57,74,1) 100%
  );
}
body{
  overflow-x:hidden;
}

a:focus,
a:active,
a:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}

.custom-logo-link{
  display:inline-block;
  transition:transform .18s ease;
}

/* hover */
.custom-logo-link:hover{
  transform:translateY(-2px);
}

/* клік */
.custom-logo-link:active{
  transform:translateY(1px) scale(0.96);
}




/* gallery wrapper */
.wp-block-gallery.wp-block-gallery-2{
  gap:18px !important;
  align-items:stretch !important;
  margin:0 auto;
}

/* each image card */
.wp-block-gallery.wp-block-gallery-2 .wp-block-image{
  margin:0 !important;
  flex:1 1 0;
  overflow:hidden;
  border-radius:18px;
  background:#0f141c;
  box-shadow:0 18px 40px rgba(0,0,0,0.28);
  min-height:340px; /* однакова висота */
  position:relative;
}

/* image itself */
.wp-block-gallery.wp-block-gallery-2 .wp-block-image img{
  width:100%;
  height:100%;
  min-height:340px;
  display:block;
  object-fit:cover;
  object-position:center;
  transition:transform .45s ease, filter .35s ease;
}

/* subtle premium overlay */
.wp-block-gallery.wp-block-gallery-2 .wp-block-image::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(to top, rgba(0,0,0,0.18), rgba(0,0,0,0.02) 40%, rgba(0,0,0,0.02)),
    radial-gradient(circle at 20% 18%, rgba(243,192,72,0.08), transparent 32%);
}

/* hover */
.wp-block-gallery.wp-block-gallery-2 .wp-block-image:hover img{
  transform:scale(1.04);
  filter:brightness(1.03);
}


  .wp-block-gallery.wp-block-gallery-2 .wp-block-image{
    min-height:260px;
    border-radius:16px;
  }

  .wp-block-gallery.wp-block-gallery-2 .wp-block-image img{
    min-height:260px;
  }
}




.ng-hero__bg{
  position:relative;
  overflow:hidden;
}

/* overlay */
.ng-hero__bg::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:180px;
  pointer-events:none;
  z-index:2;

  background:linear-gradient(
    to bottom,
    rgba(10,15,25,0) 0%,
    rgba(10,15,25,0.25) 40%,
    rgba(10,15,25,0.65) 70%,
    #0a0f19 100%
  );
}

.ng-hero__bg::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:220px;
  pointer-events:none;
  z-index:2;

  background:linear-gradient(
    to bottom,
    rgba(5,10,20,0) 0%,
    rgba(5,10,20,0.35) 35%,
    rgba(5,10,20,0.75) 65%,
    rgba(5,10,20,0.95) 85%,
    #050a14 100%
  );
}

.site-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.site-header .site-brand {
  margin-right: auto !important;
}

.site-header nav {
  margin-left: auto !important;
}

.site-header .wp-block-buttons {
  margin-left: 20px !important;
}