/* --- Global thriller theme --- */
body.thriller-page{
  background: linear-gradient(115deg, #111215 75%, #272624 100%);
  color:#F5EFE7; font-family:'Montserrat',Arial,sans-serif; margin:0; min-height:100vh;
}

/* --- Navigation --- */
.main-nav{display:flex;align-items:center;justify-content:flex-end;background:#725561cc;padding:1rem 1.5rem 1rem 1.5rem;position:relative;z-index:10;}
.main-nav .logo{font-family:'Playfair Display',serif;font-size:2rem;color:#F5EFE7;letter-spacing:2px;font-weight:bold;margin-right:auto;}
.main-nav .logo-link{color:#F5EFE7;text-decoration:none;font-weight:bold;}
.main-nav nav ul{display:flex;gap:1.3rem;margin:0;padding:0;list-style:none;align-items:center;}
.main-nav nav ul li a{color:#F5EFE7;text-decoration:none;font-weight:bold;font-size:1rem;letter-spacing:1px;border-radius:8px;transition:color .2s,background .22s;padding:.33em .95em;}
.main-nav nav ul li a.active,.main-nav nav ul li a:hover{color:#FFD700;background:#4c384b33;}
#menu-toggle{display:none;background:none;border:none;font-size:2rem;color:#F5EFE7;margin-left:1.2rem;cursor:pointer;}

@media (max-width:900px){
  #menu-toggle{display:inline-block;z-index:110;}
  .main-nav nav ul{display:none;flex-direction:column;background:#725561ee;position:absolute;top:62px;right:0;left:auto;width:220px;border-radius:0 0 14px 14px;box-shadow:0 8px 24px rgba(39,38,36,.13);z-index:100;padding-bottom:1rem;align-items:flex-end;margin:0;}
  .main-nav nav ul.open{display:flex;}
}

/* Submenu: click-to-open (hidden by default) */
.has-submenu{position:relative;}
.has-submenu > .submenu{display:none;position:absolute;top:100%;left:0;background:#725561ee;border-radius:0 0 12px 12px;min-width:260px;padding:.4rem 0;list-style:none;margin:0;box-shadow:0 8px 24px rgba(39,38,36,.13);}
.has-submenu.open > .submenu{display:block;}
.has-submenu > .submenu li a{display:block;padding:.55rem .95rem;color:#F5EFE7;text-decoration:none;}
.has-submenu > .submenu li a:hover{background:#4c384b33;color:#FFD700;}
@media (max-width:900px){
  .has-submenu > .submenu{position:static;width:100%;min-width:0;box-shadow:none;}
}

/* --- Layout --- */
.book-hero{max-width:1100px;margin:2rem auto;display:flex;gap:2rem;align-items:center;flex-wrap:wrap;padding:0 1rem;}
.cover-wrap{display:inline-block; perspective: 700px;}
.cover{width:220px;height:320px;object-fit:cover;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,0.55);border:3px solid #FFD700;transition: transform .12s ease-out, box-shadow .2s ease;will-change: transform;}
.cover:hover{ box-shadow:0 18px 42px rgba(0,0,0,0.7); }

.hero-copy{flex:1 1 320px;min-width:280px;}
.hero-copy h1{font-family:'Playfair Display',serif;color:#FFD700;font-size:2.2rem;margin:.1rem 0 .4rem;}
.tagline{color:#ECECEC;font-style:italic;margin:.4rem 0 1rem;}
.release-note{margin:.2rem 0 .8rem;color:#B6D6C6;}

/* Retailer logos row */
.retailer-logos{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin:0.8rem 0 0.6rem;}
.retailer img{height:40px;max-width:180px;filter: brightness(0.95) saturate(0.9) drop-shadow(0 6px 18px rgba(0,0,0,0.35)); transition: transform .18s, filter .18s;}
.retailer:hover img{transform: translateY(-4px) scale(1.03); filter: brightness(1) saturate(1);}

.book-body{max-width:900px;margin:0 auto 1.6rem auto;padding:0 1rem;}
.book-body h2{color:#FFD700;}
.book-body p, .book-body li{color:#ECECEC;}
.themes ul{columns:2;gap:2rem;padding-left:1rem;}

.extras{max-width:900px;margin:1.6rem auto 2.2rem auto;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:0 1rem;}
.extras h3{color:#FFD700;}
.extras p, .extras li{color:#ECECEC;}
@media (max-width:800px){.extras{grid-template-columns:1fr;}}

/* --- Tiny screens --- */
@media (max-width:600px){
  .cover{width:190px;height:276px;}
  .hero-copy h1{font-size:1.9rem;}
  .retailer img{height:34px;max-width:150px;}
}
@media (max-width:420px){
  .cover{width:170px;height:248px;}
  .hero-copy h1{font-size:1.7rem;}
  .retailer img{height:30px;max-width:130px;}
}

footer{text-align:center;background:#111215;color:#F5EFE7;padding:1.2rem 0;margin-top:2rem;}
footer .social a{color:#FFD700;text-decoration:none;margin:0 .5rem;}


/* Click-to-open submenu (hidden by default) */
.has-submenu > .submenu { display: none; }
.has-submenu.open > .submenu { display: block; }

/* Mobile: let submenu flow inside dropdown panel */
@media (max-width: 900px){
  .has-submenu > .submenu { position: static; width: 100%; min-width: 0; box-shadow: none; }
}


/* Logo image */
.logo-img{
  height: 96px;
  width: auto;
  display: block;
  filter: drop-shadow(0 2px 6px rgba(39,38,36,0.18));
}
@media (max-width: 900px){
  .logo-img{ height: 72px; }
}