/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 14 2025 | 12:41:18 */
/* =====================================================
   GOLD SHINE UI — RESPONSIVE & SAFE (FINAL CLEAN)
   WordPress / Gutenberg Navigation
   ===================================================== */


/* =====================
   0) ZMIENNE
   ===================== */
:root{
  --gold: #c9a24d;
  --gold-light: #f3e7b3;
  --gold-cream: #f7f1d4;
  --gold-soft: rgba(201,162,77,.22);
  --black: #0b0b0b;

  --space-s: clamp(.75rem, 1.2vw, 1rem);
  --space-m: clamp(1.2rem, 2.6vw, 2rem);
  --space-l: clamp(1.8rem, 4vw, 3rem);
}


/* =====================
   1) RESET & BAZA
   ===================== */
html, body{
  width:100%;
  height:100%;
}

body{
  margin:0;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}


/* =====================
   2) TREŚĆ
   ===================== */
.entry-content{
  font-size:clamp(16px, 1vw + 14px, 18px);
  line-height:1.85;
  overflow-wrap:anywhere;
}

.entry-content p{
  margin:var(--space-s) 0;
}


/* =====================
   3) BŁYSZCZĄCE NAGŁÓWKI
   ===================== */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.wp-block-heading{
  display:inline-block;
  background:linear-gradient(
    120deg,
    var(--gold) 0%,
    var(--gold-light) 20%,
    var(--gold) 40%,
    var(--gold-cream) 60%,
    var(--gold) 80%
  );
  background-size:220% 100%;
  background-position:0 50%;

  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;

  text-shadow:0 0 14px rgba(201,162,77,.28);
}

@media (prefers-reduced-motion:no-preference){
  .entry-content h1,
  .entry-content h2,
  .entry-content h3,
  .wp-block-heading{
    animation:goldShine 8s ease-in-out infinite;
  }
}

@keyframes goldShine{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}


/* =====================
   4) LINKI
   ===================== */
.entry-content a{
  text-decoration:none;
  background-image:linear-gradient(var(--gold),var(--gold));
  background-size:100% 2px;
  background-repeat:no-repeat;
  background-position:0 100%;
  padding-bottom:2px;
}


/* =====================
   5) KARTY / SEKCJE
   ===================== */
.wp-block-group.has-background,
.wp-block-cover,
.wp-block-media-text.has-background,
article{
  border:1px solid var(--gold-soft);
  padding:var(--space-l);
  background-clip:padding-box;
}

@media (hover:hover){
  .wp-block-group.has-background:hover,
  article:hover{
    box-shadow:
      inset 0 0 0 1px rgba(201,162,77,.35),
      0 0 0 1px rgba(201,162,77,.25);
  }
}

@media (max-width:768px){
  .wp-block-group.has-background{
    padding:var(--space-m);
  }
}


/* =====================
   6) OBRAZY
   ===================== */
img, video, iframe{
  max-width:100%;
  height:auto;
}

.wp-block-image,
figure{
  position:relative;
  overflow:hidden;
}

.wp-block-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 20% 10%, rgba(255,255,255,.14), transparent 48%);
  pointer-events:none;
  opacity:.35;
}


/* =====================
   7) PRZYCISKI
   ===================== */
.wp-block-button__link,
button,
input[type="submit"]{
  background:var(--black);
  color:#fff;
  border:1px solid var(--gold);
  padding:.85em 1.6em;
  letter-spacing:.04em;
}

@media (hover:hover){
  .wp-block-button__link:hover,
  button:hover,
  input[type="submit"]:hover{
    box-shadow:
      inset 0 0 0 1px rgba(201,162,77,.45),
      0 0 0 1px rgba(201,162,77,.35);
  }
}


/* =====================
   8) SEPARATORY
   ===================== */
hr,
.wp-block-separator{
  border:none;
  height:1px;
  background:linear-gradient(to right,transparent,var(--gold),transparent);
  margin:var(--space-l) 0;
}


/* =====================
   9) NAWIGACJA — DESKTOP
   ===================== */
@media (min-width:981px){

  .wp-block-navigation{
    position:relative;
    z-index:1000;
  }

  .wp-block-navigation a{
    color:var(--gold);
  }

  .wp-block-navigation a:hover{
    color:var(--gold-cream);
    text-shadow:0 0 12px rgba(201,162,77,.35);
  }

  .wp-block-navigation__submenu-container{
    position:absolute;
    z-index:1001;
    background:rgba(0,0,0,.92);
    border:1px solid var(--gold-soft);
  }

  .wp-block-navigation__submenu-container a{
    color:#fff;
    -webkit-text-fill-color:#fff;
  }
}


/* =====================
   10) NAWIGACJA — MOBILE
   ===================== */
@media (max-width:980px){

  body.has-modal-open{
    overflow:hidden;
  }

  .wp-block-navigation__responsive-container.is-menu-open{
    position:fixed !important;
    inset:0;
    width:100vw;

    height:100vh;
    height:100svh;
    height:100dvh;

    background:rgba(0,0,0,.96);
    z-index:999999;

    display:flex;
    flex-direction:column;

    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;

    padding-top:env(safe-area-inset-top);
    padding-bottom:env(safe-area-inset-bottom);
    box-sizing:border-box;
  }

  .wp-block-navigation__responsive-container-content{
    padding:24px 20px calc(72px + env(safe-area-inset-bottom));
    min-height:100%;
    box-sizing:border-box;
  }

  .wp-block-navigation__container{
    display:flex;
    flex-direction:column;
    gap:14px;
    padding-bottom:24px;
  }

  .wp-block-navigation a,
  .wp-block-navigation-item__label{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:1.1rem;
    line-height:1.4;
    white-space:normal;
  }

  .wp-block-navigation__submenu-container{
    position:relative !important;
    margin-top:6px;
    padding:10px 14px;
    background:rgba(255,255,255,.06);
    border-radius:6px;
    max-height:none !important;
    overflow:visible !important;
  }

  .wp-block-navigation__responsive-container-open{
    z-index:1000000;
  }

  .wp-block-navigation__responsive-container-close{
    margin-top:env(safe-area-inset-top);
  }

  .wp-block-navigation__responsive-container.is-menu-open::after{
    content:"";
    display:block;
    height:calc(28px + env(safe-area-inset-bottom));
  }
}


/* =====================
   11) DOSTĘPNOŚĆ
   ===================== */
:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:2px;
}

@media (prefers-reduced-motion:reduce){
  *{
    animation:none !important;
    transition:none !important;
  }
}