/*
Theme Name: Author Landing 17
Template: twentyseventeen
Text Domain: author-landing-17
Description: Child theme for an author landing page (3-panel desktop, stacked mobile).
Version: 1.0.0
*/


#ava {
	 height: 125px;
    width: 157px;

    border: solid 1px;
    margin-top: -62%;
    border-radius: 52px;
}

:root{
  --bg:#0f1115;
  --panel:#161a22;
  --panel-soft:#1c2130;
  --text:#e7e9ee;
  --muted:#a9b1c3;
  --accent:#f4c95d; /* kultainen */
  --link:#9bd1ff;
  --danger:#ff6b6b;
  --shadow: 0 10px 30px rgba(0,0,0,.35);
  --radius:20px;
}

body, .site-content-contain { background: var(--bg); color: var(--text); }
a{color:var(--link); text-decoration:none}
a:hover{opacity:.9}

.header-hero{
  position:relative; text-align:center; padding:9rem 1rem 6rem;
  background: center/cover no-repeat var(--panel);
  border-bottom:1px solid #222;
}
.header-hero .branding{
  max-width:900px; margin:0 auto; background:rgba(15,17,21,.5);
  backdrop-filter: blur(3px);
  border:1px solid rgba(255,255,255,.08);
  padding:1.5rem 2rem; border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.header-hero h1{font-size: clamp(2rem, 4vw, 3.2rem); margin:.2rem 0}
.header-hero p.tagline{color:var(--muted); margin:0}

.header-newsletter{
  margin-top:1rem;
  display:flex; align-items:center; justify-content:center; gap:.8rem; flex-wrap:wrap;
}
.header-newsletter .nl-wrap{background:var(--panel-soft); padding:.8rem 1rem; border-radius:999px; box-shadow:var(--shadow);}

.main-panels{
  display:grid; gap:1.2rem; max-width:1200px; margin:2rem auto; padding:0 1rem;
  grid-template-columns: 1.1fr 1.2fr .9fr;
}
.panel{ background:var(--panel); border:1px solid rgba(255,255,255,.06); border-radius:var(--radius); padding:1.2rem; box-shadow:var(--shadow);}
.panel h2{font-size:1.25rem; margin:.3rem 0 1rem}

.about-card .top{
  display:grid; grid-template-columns:120px 1fr; gap:1rem; align-items:center;
}
.about-card .avatar{
  width:120px; height:120px; border-radius:999px; background:#222 center/cover no-repeat; border:2px solid rgba(255,255,255,.12);
}
.meta{font-size:.95rem; color:var(--muted); line-height:1.5}
.btn{
  display:inline-block; padding:.6rem 1rem; background:var(--accent); color:#111; border-radius:999px; font-weight:600; box-shadow:var(--shadow);
}
.penname{margin-top:.8rem; font-weight:700; letter-spacing:.3px;}

.review-rotator{
  margin-top:1rem; border-top:1px dashed rgba(255,255,255,.1); padding-top:1rem;
}
.review-item{display:none}
.review-item.active{display:block}
.stars{color:#ffd84d; letter-spacing:2px; font-size:1.1rem}

.read-more{position:relative}
.read-more .more{display:none; margin-top:.6rem}
.read-more.expanded .more{display:block}
.read-more .toggle{margin-top:.6rem}

.video-and-social{display:grid; grid-template-columns:1fr; gap:1rem}
.socials{display:flex; flex-wrap:wrap; gap:.5rem}
.socials a{
  background:var(--panel-soft); padding:.5rem .8rem; border-radius:999px; border:1px solid rgba(255,255,255,.08)
}

.books-carousel .track{display:flex; gap:1rem; overflow:hidden}
.book-card{
  min-width:200px; background:var(--panel-soft); border-radius:var(--radius); padding:.8rem; border:1px solid rgba(255,255,255,.08)
}
.book-cover{width:100%; aspect-ratio:3/4; background:#222 center/cover no-repeat; border-radius:12px; margin-bottom:.5rem}
.carousel-nav{display:flex; justify-content:space-between; align-items:center; margin:.6rem 0}
.carousel-btn{cursor:pointer; user-select:none; padding:.4rem .7rem; border-radius:12px; background:#222; border:1px solid rgba(255,255,255,.08)}

.rafflepress-wrap :where(.panel-content){min-height:480px}

/* footer */
.site-footer{background:transparent; border-top:1px solid rgba(255,255,255,.08)}
.powered-by{display:none}

/* responsive */
@media (max-width: 1024px){
  .main-panels{ grid-template-columns: 1fr; }
}