/* ============================================================
   infos.css — Link-in-Bio-Seite (/infos)
   Meerwasser-Foto als Hintergrund, Buttons im CI.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Vidaloka&family=Poppins:wght@300;400;500;600;700&display=swap');

:root{color-scheme:light only !important}
html,body{margin:0 !important;padding:0 !important;color-scheme:light only !important;
  /* Ocean-Verlauf als Fallback -> nie schwarze Ränder, auch wenn Foto lädt */
  background:linear-gradient(160deg,#05adbf 0%,#03668c 55%,#024b68 100%) !important;
  min-height:100vh;
}

/* Theme-Chrome ausblenden */
body :not(.lnk):not(.lnk *){
  background:transparent !important;background-color:transparent !important;
  background-image:none !important;border-radius:0 !important;box-shadow:none !important;
  padding-top:0 !important;margin-top:0 !important;border-top:none !important;min-height:0 !important;
}
#header, header, .site-header, #topbar, .top-bar, .theme-header,
footer, .theme-footer, #footer, .mobile-menu, #overlay, #panel{display:none !important}

.lnk{
  --beach:#f2e5d1; --sunshine:#f0c424; --sunset:#f29e38;
  --ocean:#03668c; --wave:#05adbf; --ink:#0b2530;
  font-family:'Poppins',sans-serif;font-weight:300;color:var(--ink);
  width:100%;
  min-height:100vh;
  display:flex;justify-content:center;
  padding:48px 20px;
  /* dunkler Schleier + Meerwasser-Foto (lokaler Seitenpfad, kein fixed) */
  background-image:
    linear-gradient(rgba(3,70,100,.45), rgba(2,50,75,.62)),
    url('https://annaorzelski.de/user/pages/01.home/wave-band.jpg');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  background-attachment:scroll;
}
.lnk *{box-sizing:border-box}
.lnk-inner{width:100%;max-width:460px;text-align:center}

.lnk-avatar{width:112px;height:112px;border-radius:50%;object-fit:cover;border:4px solid var(--sunshine);box-shadow:0 8px 24px rgba(0,0,0,.32);background:#0a7fa8}
.lnk-name{font-family:'Vidaloka',serif;font-weight:400;font-size:1.5rem;color:#fff !important;margin:16px 0 0;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.lnk-tagline{font-family:'Vidaloka',serif;font-size:1.35rem;color:#fff !important;line-height:1.3;margin:10px 0 34px;text-shadow:0 2px 12px rgba(0,0,0,.4)}

.lnk-list{display:flex;flex-direction:column;gap:16px}
.lnk-btn{
  display:flex;align-items:center;justify-content:center;gap:10px;
  text-decoration:none !important;border-radius:14px;padding:18px 20px;
  font-family:'Poppins',sans-serif;font-weight:500;font-size:1rem;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
  line-height:1.25;
}
.lnk-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.3)}
.lnk-title{font-weight:600}
.lnk-sub{display:block;font-weight:300;font-size:.82rem;opacity:.9;margin-top:2px}
.lnk-stack{display:flex;flex-direction:column;text-align:left}
.lnk-icon{display:inline-flex;align-items:center;flex:none}

.lnk-outline{background:rgba(255,255,255,.12);border:2px solid rgba(255,255,255,.92);color:#fff !important}
.lnk-outline:hover{background:rgba(255,255,255,.22)}
.lnk-ocean{background:#0a7fa8;color:#fff !important}
.lnk-sunset{background:var(--sunset);color:#fff !important}
.lnk-sunshine{background:var(--sunshine);color:var(--ink) !important}

.lnk-motto{color:#fff !important;font-size:.95rem;margin:30px 0 16px;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.lnk-small{padding:14px 18px;font-size:.92rem}