/* =========================
   ELVANX — GLOBAL BACKGROUND
========================= */

.wp-site-blocks{
  padding-top:0 !important;
  background:
    radial-gradient(circle at 70% 30%, rgba(255,255,255,.04), transparent 60%),
    linear-gradient(180deg,#090A0B 0%,#0C0D0E 100%);
}

.wp-site-blocks > main.wp-block-query{
  background:
    radial-gradient(circle at 70% 30%, rgba(255,255,255,.04), transparent 60%),
    linear-gradient(180deg,#090A0B 0%,#0C0D0E 100%);
}

/* remove gap between header and first cover (hero) */
.wp-site-blocks > header.wp-block-template-part{
  margin:0 !important;
  padding:0 !important;
}
.wp-site-blocks > header.wp-block-template-part + .wp-block-cover{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* =========================
   HEADER (glass)
========================= */

.site-header.site-header-linear{
  background:rgba(12,13,14,.75);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.06);
}

/* =========================
   FEATURED IMAGE WIDTH
========================= */

.wp-block-post-featured-image{
  width:100%;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
}
.wp-block-post-featured-image img{
  width:100%;
  height:auto;
  display:block;
  object-fit:cover;
}
@media (min-width:768px){
  .wp-block-post-featured-image{ max-width:900px; }
}
@media (min-width:1200px){
  .wp-block-post-featured-image{ max-width:1000px; }
}

/* =========================
   NAV — TOP LEVEL “DRAWN OUTLINE PILL”
   (apply ONLY to top-level items)
========================= */

.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border-radius:999px;
  color:#EDEDED;
  text-decoration:none;
  letter-spacing:.08em;
}

/* outline layer */
.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.55);

  clip-path:polygon(100% 100%,100% 100%,100% 100%,100% 100%);
  transition:clip-path .55s cubic-bezier(.2,.8,.2,1), border-color .25s ease;
  pointer-events:none;
}

/* hover draws the pill */
.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover::before{
  clip-path:polygon(0% 100%,0% 0%,100% 0%,100% 100%);
  border-color:rgba(255,255,255,.75);
}

/* active stays drawn */
.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content::before,
.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current="page"]::before{
clip-path:polygon(0% 100%,0% 0%,100% 0%,100% 100%); border-color:rgba(255,255,255,.85);
}

/* tiny glow on hover */
.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover{
  filter:drop-shadow(0 10px 18px rgba(255,255,255,.06));
}

/* =========================
   NAV DROPDOWN — DESKTOP
========================= */

/* parent anchor */
.wp-block-navigation .wp-block-navigation-item.has-child{
  position:relative;
}

/* dropdown panel */
.wp-block-navigation:not(.is-responsive) .wp-block-navigation__submenu-container{
  min-width:240px;
  padding:6px;
  margin-top:10px;

  border-radius:16px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(12,13,14,.78);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);

  box-shadow:
    0 18px 60px rgba(0,0,0,.45),
    0 1px 0 rgba(255,255,255,.06);

  z-index:9999;
  transform-origin:top left;
  animation: elvSubmenuIn .18s ease-out both;
}
@keyframes elvSubmenuIn{
  from{ opacity:0; transform:translateY(6px) scale(.985); }
  to{ opacity:1; transform:translateY(0) scale(1); }
}

/* reset list styles */
.wp-block-navigation .wp-block-navigation__submenu-container,
.wp-block-navigation .wp-block-navigation__submenu-container li{
  list-style:none;
}

/* submenu links */
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
  width:100%;
  display:flex;
  justify-content:flex-start;

  padding:5px 5px;
  border-radius:12px;

  letter-spacing:.02em;
  color:rgba(237,237,237,.92);

  filter:none;
  text-decoration:none;
}

/* IMPORTANT: disable outline-pill inside dropdown */
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content::before{
  content:none !important;
}

/* hover */
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{
  background:rgba(255,255,255,.06);
  color:#fff;
}

/* current */
.wp-block-navigation .wp-block-navigation__submenu-container .current-menu-item > .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content[aria-current="page"]{
  background:rgba(255,255,255,.09);
  color:#fff;
}

/* spacing */
.wp-block-navigation .wp-block-navigation__submenu-container li + li{
  margin-top:4px;
}

/* caret button */
.wp-block-navigation .wp-block-navigation__submenu-icon{
  border-radius:999px;
  padding:6px;
  margin-left:6px;
  transition:background .2s ease, transform .25s ease;
}
.wp-block-navigation .wp-block-navigation__submenu-icon:hover{
  background:rgba(255,255,255,.06);
}
.wp-block-navigation .wp-block-navigation__submenu-icon svg{
  transition:transform .25s ease;
}
.wp-block-navigation .wp-block-navigation-item.has-child[aria-expanded="true"] .wp-block-navigation__submenu-icon svg,
.wp-block-navigation .wp-block-navigation__submenu-icon[aria-expanded="true"] svg{
  transform:rotate(180deg);
}

/* =========================
   MOBILE NAV OVERLAY
========================= */

.wp-block-navigation__responsive-container{
  background:#0C0D0E !important;
  color:#EDEDED !important;
}

/* force full screen */
.wp-block-navigation__responsive-container.is-menu-open{
  position:fixed !important;
  inset:0 !important;
  height:100vh !important;
  width:100vw !important;
  overflow:auto !important;
  background:#0C0D0E !important;
  color:#EDEDED !important;
  z-index:99999 !important;
}

/* inner spacing */
.wp-block-navigation__responsive-container-content{
  overflow:visible !important;
  padding:22px 18px !important;
}

/* links full-width rows */
.wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{
  display:block;
  width:100%;
}

/* mobile dropdown should be “flat list”, not floating glass panel */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{
  position:static !important;
  min-width:0 !important;
  margin-top:10px !important;
  padding:6px 0 0 !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;

  animation:none !important;
}

/* mobile submenu items — simple rows */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
  padding:10px 12px !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.04);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{
  background:rgba(255,255,255,.07);
}

/* =========================
   FOOTER — SIMPLE + LUX MOTION
========================= */

.site-footer-container{
  color:#EDEDED;
  padding-top:60px;
  padding-bottom:30px;
}

.site-footer-container h3{
  color:#fff;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:12px;
  margin-bottom:12px;
}

.site-footer-container a{
  color:rgba(237,237,237,.75);
  text-decoration:none;
  transition:color .25s ease;
}
.site-footer-container a:hover{
  color:#fff;
}

.site-footer-container .wp-block-columns{
  align-items:flex-start;
}

/* footer logo */
.site-footer-container figure.wp-block-image{
  text-align:center;
  margin-bottom:12px;
}
.site-footer-container figure.wp-block-image img{
  opacity:.75;
  transition:opacity .25s ease;
}
.site-footer-container figure.wp-block-image:hover img{
  opacity:1;
}

/* socials layout */
.site-footer-container .wp-block-social-links{
  justify-content:center;
  gap:16px;
}

/* motion: same as logo */
.site-footer-container .wp-social-link,
.custom-logo{
  transition:transform .6s cubic-bezier(.2,.8,.2,1), filter .4s ease;
}

/* hover motion */
.site-footer-container .wp-social-link:hover,
.custom-logo:hover{
  transform:rotate(6deg) translateY(-4px) scale(1.04);
  filter:drop-shadow(0 16px 28px rgba(255,255,255,.10));
}

/* svg size */
.site-footer-container .wp-block-social-links svg{
  width:28px;
  height:28px;
}


/* =========================
   NAV DROPDOWN — FIX VISIBILITY
========================= */

/* 1) Allow dropdown to overflow outside header/nav wrappers */
.wp-site-blocks > header.wp-block-template-part,
.wp-site-blocks > header.wp-block-template-part *{
  overflow: visible !important;
}

/* 2) Ensure header is above the page content */
.wp-site-blocks > header.wp-block-template-part,
.site-header,
.site-header.site-header-linear{
  position: relative;
  z-index: 9999;
}


.wp-block-navigation:not(.is-responsive) .wp-block-navigation__submenu-container{
  position: absolute !important;
  z-index: 100000 !important;
}

/* 4) Some themes put nav inside a container with overflow/transform.
      Neutralise common stacking-context culprits just for nav area */
.site-header .wp-block-navigation,
.site-header .wp-block-navigation__responsive-container,
.site-header .wp-block-navigation__container{
  overflow: visible !important;
}


.site-header,
.site-header *{
  transform: none;
}

/* =========================================
   ENGINE STYLE — GLOBAL UI FRAME LINES
   Desktop + Mobile safe-area
========================================= */









@media (max-width: 640px){
  :root{
    --nav-line-top: 64px; /* зазвичай моб-навбар нижчий */
  }
}

/* MOBILE FOOTER SPACING */
@media (max-width: 768px){

  .wp-block-column[style*="flex-basis:20%"]{
    padding-left:25px;
    padding-right:25px;
  }

}






/* =========================================
   GLOBAL UI FRAME — responsive for all sizes
========================================= */
:root{
  --ui-inset: clamp(10px, 1.1vw, 18px);
  --ui-radius: clamp(16px, 2vw, 26px);

  /* NEW — дорогий нейтральний gold */
  --ui-line: rgba(255,255,255,.22);
  --ui-line-soft: rgba(255,255,255,.08);

 
  --nav-line-top: 56px;
}

/* OUTER FRAME */
body::after{
  content:"";
  position:fixed;
  top: calc(var(--ui-inset) + env(safe-area-inset-top));
  right: calc(var(--ui-inset) + env(safe-area-inset-right));
  bottom: calc(var(--ui-inset) + env(safe-area-inset-bottom));
  left: calc(var(--ui-inset) + env(safe-area-inset-left));

  border-radius: var(--ui-radius);
  pointer-events:none;
  z-index:9999;

  border: 1px solid var(--ui-line);
  box-shadow: inset 0 0 0 1px var(--ui-line-soft);
}

/* NAV DIVIDER */
body::before{
  content:"";
  position:fixed;
  left: calc(var(--ui-inset) + env(safe-area-inset-left));
  right: calc(var(--ui-inset) + env(safe-area-inset-right));
  top: calc(var(--nav-line-top) + env(safe-area-inset-top));
  height:1px;
  background: linear-gradient(
    90deg,
    rgba(198,169,120,.12),
    rgba(198,169,120,.55),
    rgba(198,169,120,.12)
  );
  z-index:9999;
  pointer-events:none;
}




/* Mobile */
@media (max-width: 640px){
  :root{
    --ui-inset: 10px;
    --ui-radius: 16px;
    --nav-line-top: 64px;
  }
}

/* Tablet */
@media (min-width: 641px) and (max-width: 1024px){
  :root{
    --ui-inset: 12px;
    --ui-radius: 18px;
    --nav-line-top: 72px;
  }
}

/* Desktop */
@media (min-width: 1025px) and (max-width: 1440px){
  :root{
    --ui-inset: 14px;
    --ui-radius: 22px;
    --nav-line-top: 78px;
  }
}

/* Wide screens */
@media (min-width: 1441px){
  :root{
    --ui-inset: 18px;
    --ui-radius: 26px;
    --nav-line-top: 84px;
  }
}
/* =====================================
REMOVE TOP GAP BETWEEN NAVBAR & HERO
(About + inner pages)
===================================== */




/* =====================================
KILL GLOBAL WP BLOCK GAP UNDER HEADER
===================================== */
/* =====================================
KILL GLOBAL WP BLOCK GAP UNDER HEADER
===================================== */

/* :where(.wp-site-blocks) > *{
  margin-block-start: 0 !important;
} */

.wp-site-blocks > header.wp-block-template-part + *{
  margin-block-start: 0 !important;
}