/*
Theme Name: Freeklane
Theme URI: https://freeklane.net
Author: Freeklane
Description: Landing page officielle Freeklane (UI moderne + Spotify + YouTube + AdSense friendly).
Version: 1.0.1
License: GPLv2 or later
Text Domain: freeklane
*/

:root{
  --fk-bg: #070a10;
  --fk-bg2:#0b1220;

  /* ++ CONTRASTE : texte plus clair + muted plus lisible */
  --fk-text: rgba(255,255,255,.92);
  --fk-muted: rgba(255,255,255,.78);

  /* ++ CARDS plus contrastées */
  --fk-card: rgba(255,255,255,.10);
  --fk-card2: rgba(255,255,255,.13);
  --fk-border: rgba(255,255,255,.18);

  --fk-accent: #a78bfa;  /* violet clair */
  --fk-accent2:#34d399;  /* green clair */
}

html, body { height: 100%; }
body{
  background:
    radial-gradient(1200px 600px at 10% 10%, rgba(167,139,250,.22), transparent 60%),
    radial-gradient(1000px 700px at 90% 20%, rgba(52,211,153,.16), transparent 55%),
    linear-gradient(180deg, var(--fk-bg) 0%, #05070c 100%);
  color: var(--fk-text);
}

/* Bootstrap overrides for dark readability */
a { color: rgba(255,255,255,.92); }
a:hover { color: #fff; }
.nav-link{ color: rgba(255,255,255,.82) !important; }
.nav-link:hover{ color:#fff !important; }

p, li, .text-muted, .fk-muted{
  color: var(--fk-muted) !important;
}

/* Make headings pop */
h1, h2, h3, h4, h5, h6 { color: rgba(255,255,255,.96); }

/* Navbar */
.fk-nav{
  backdrop-filter: blur(12px);
  background: rgba(4,6,12,.78);
  border-bottom: 1px solid var(--fk-border);
}

.fk-hero{
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--fk-border);
}
.fk-hero::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(900px 420px at 20% 10%, rgba(167,139,250,.22), transparent 65%),
    radial-gradient(900px 420px at 70% 20%, rgba(52,211,153,.16), transparent 60%);
  pointer-events:none;
}

.fk-badge{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.42rem .85rem;
  border-radius: 999px;
  border: 1px solid var(--fk-border);
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.86);
  font-size:.95rem;
}

/* Card */
.fk-card{
  background: var(--fk-card);
  border: 1px solid var(--fk-border);
  border-radius: 16px;
  box-shadow: 0 18px 55px rgba(0,0,0,.42);
}
.fk-card:hover{
  background: var(--fk-card2);
  transform: translateY(-2px);
  transition: all .2s ease;
}

/* Buttons */
.fk-btn-grad{
  border: 0;
  background: linear-gradient(135deg, rgba(167,139,250,.98), rgba(52,211,153,.92));
  color: #070a10;
  font-weight: 800;
}
.fk-btn-grad:hover{
  filter: brightness(1.05);
  color:#05070c;
}

.fk-section-title{ letter-spacing: .2px; }

.fk-divider{
  height:1px;
  background: rgba(255,255,255,.16);
}

.fk-footer{
  border-top: 1px solid var(--fk-border);
  background: rgba(4,6,12,.72);
}

.fk-iframe{
  width: 100%;
  border: 0;
  border-radius: 14px;
  overflow:hidden;
}

.fk-small{
  font-size:.96rem;
  color: rgba(255,255,255,.78);
}

/* Extra: readable accordion on dark */
.accordion-button{
  background: rgba(255,255,255,.06) !important;
  color: rgba(255,255,255,.92) !important;
}
.accordion-button:focus{
  box-shadow: 0 0 0 .25rem rgba(167,139,250,.18) !important;
}
.accordion-body{
  color: rgba(255,255,255,.80) !important;
}

/* Links inside cards */
.fk-card a.text-decoration-none{
  color: rgba(255,255,255,.90) !important;
}