/* ============================================================
   Ostrong Studios — Deko-Stile
   ============================================================ */

/* Fluent Forms ans dunkle Theme anpassen */
.fluentform .ff-el-form-control{
  background: var(--wp--preset--color--surface-2);
  border: 1px solid var(--wp--preset--color--line);
  color: var(--wp--preset--color--text);
  border-radius: 12px;
}
.fluentform .ff-el-form-control:focus{
  border-color: var(--wp--preset--color--ember);
  outline: none;
}
.fluentform .ff-el-form-control::placeholder{ color: var(--wp--preset--color--muted); }
.fluentform .ff-el-input--label label,
.fluentform .ff-el-is-required > label::after{ color: var(--wp--preset--color--text); }
.fluentform .ff-btn-submit{
  border-radius: 999px;
  background: var(--wp--preset--color--ember);
  color: #1A0D07;
  font-weight: 600;
}
.fluentform .ff-btn-submit:hover{ background: var(--wp--preset--color--gold); }
.fluentform .ff-message-success{
  background: var(--wp--preset--color--surface);
  border: 1px solid var(--wp--preset--color--line);
  color: var(--wp--preset--color--text);
  border-radius: 14px;
}

/* Eigenes Cookie-Consent-Banner (schwebt fix unten) */
.cookie-banner{
  position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 200;
  max-width: 560px; margin-inline: auto;
  background: rgba(21,19,28,.97);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  border: 1px solid var(--wp--preset--color--line); border-radius: 16px;
  padding: 1.1rem 1.25rem; color: var(--wp--preset--color--text);
  box-shadow: 0 12px 40px rgba(0,0,0,.5);
}
.cookie-banner[hidden]{ display:none; }
.cookie-banner p{ margin:0 0 .85rem; font-size:.92rem; line-height:1.5; }
.cookie-banner__actions{ display:flex; gap:.6rem; flex-wrap:wrap; }
.cookie-btn{
  border:0; border-radius:999px; padding:.5rem 1.15rem; font-weight:600; cursor:pointer;
  font-family: var(--wp--preset--font-family--body);
  background: var(--wp--preset--color--ember); color:#1A0D07;
}
.cookie-btn:hover{ background: var(--wp--preset--color--gold); }
.cookie-btn--ghost{
  background: transparent; color: var(--wp--preset--color--text);
  border:1px solid var(--wp--preset--color--line);
}

/* Store-Button ohne hinterlegten Link ausblenden (z. B. App noch in Review) */
.wp-block-button__link[href=""]{ display:none; }

/* Plattform-Badge */
.platform-badge{
  display:inline-block;
  font-family: var(--wp--preset--font-family--mono);
  font-size:.7rem; letter-spacing:.03em;
  color: var(--wp--preset--color--text);
  background: var(--wp--preset--color--surface-2);
  border:1px solid var(--wp--preset--color--line);
  border-radius:999px;
  padding:.22rem .65rem;
  margin:.15rem 0 0;
}
.platform-badge:empty{ display:none; }

/* Sticky-Header */
.site-header{
  position: sticky; top: 0; z-index: 50;
  background: rgba(11, 10, 16, .82);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--wp--preset--color--line);
}
@media (max-width: 680px){
  .site-header .wp-block-search{ display:none; }
}

/* Nav-Links als Umriss-Buttons — nur Desktop */
@media (min-width: 681px){
  .site-header .wp-block-navigation__container{ gap:.5rem; }
  .site-header .wp-block-navigation-item__content{
    border:1px solid var(--wp--preset--color--line);
    border-radius:999px;
    padding:.42rem .95rem;
    line-height:1;
    transition: border-color .2s, color .2s, background .2s;
  }
  .site-header .wp-block-navigation-item__content:hover,
  .site-header .current-menu-item .wp-block-navigation-item__content{
    border-color:var(--wp--preset--color--ember);
    color:var(--wp--preset--color--ember);
    background:transparent;
  }
}

/* Suche dunkel im Header */
.site-header .wp-block-search__inside-wrapper{
  background: var(--wp--preset--color--surface-2);
  border: 1px solid var(--wp--preset--color--line);
  border-radius: 999px;
  overflow: hidden;
}
.site-header .wp-block-search__input{
  background: transparent; border: 0; color: var(--wp--preset--color--text);
  padding-left: .9rem;
}
.site-header .wp-block-search__input::placeholder{ color: var(--wp--preset--color--muted); }
.site-header .wp-block-search__button{
  background: transparent; color: var(--wp--preset--color--muted);
  border: 0; padding: 0 .7rem;
}
.site-header .wp-block-search__button:hover{ color: var(--wp--preset--color--text); background: transparent; }
.site-header .wp-block-search__button svg{ fill: currentColor; }

/* Eyebrow */
.eyebrow{
  font-family: var(--wp--preset--font-family--mono);
  font-size:.75rem; letter-spacing:.22em; text-transform:uppercase;
  color: var(--wp--preset--color--muted);
}

/* Verlauf-Text */
.grad{
  background: linear-gradient(100deg,
    var(--wp--preset--color--ember),
    var(--wp--preset--color--gold) 42%,
    var(--wp--preset--color--limbus));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* Karten */
.is-card{
  border:1px solid var(--wp--preset--color--line);
  border-radius:18px;
  background: var(--wp--preset--color--surface);
  transition: transform .22s ease, border-color .25s, background .25s;
}
.is-card:hover{ transform: translateY(-6px); background: var(--wp--preset--color--surface-2); }

/* Hero-Glow */
.hero-glow{ position:relative; overflow:hidden; }
.hero-glow::before, .hero-glow::after{
  content:""; position:absolute; width:560px; height:560px; border-radius:50%;
  filter:blur(70px); opacity:.45; z-index:0; pointer-events:none;
}
.hero-glow::before{ background:radial-gradient(circle, var(--wp--preset--color--ember), transparent 65%); left:-8%; top:-15%; }
.hero-glow::after { background:radial-gradient(circle, var(--wp--preset--color--limbus), transparent 66%); right:-8%; top:0; }
.hero-glow > *{ position:relative; z-index:1; }
@media (prefers-reduced-motion: no-preference){
  .hero-glow::before,.hero-glow::after{ animation: drift 18s ease-in-out infinite alternate; }
  @keyframes drift{ from{ transform:translate(0,0) } to{ transform:translate(30px,24px) } }
}