/* ==========================================================
   LESBIAN ROMANCE READS - Editorial Redesign CSS
   Restored and adapted for GeneratePress (migrated from Baskerville 2)
   ========================================================== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Inter:wght@400;500;600&display=swap');

:root {
  --wine: #6b1f3a;
  --wine-dark: #4a1428;
  --blush: #f5e6e0;
  --gold: #b8935f;
  --cream: #fdf9f6;
  --charcoal: #2a2422;
  --gray: #6b615c;
}

body {
  font-family: 'Inter', -apple-system, sans-serif;
  color: var(--charcoal);
  background-color: var(--cream);
  line-height: 1.7;
}

/* Site logo / title branding */
.main-title a {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 700;
  color: var(--wine);
}
.main-title a:hover {
  color: var(--wine-dark);
}

/* Sidebar sticky fix - keeps trope menu, author box, and ad widgets in view
   alongside long-form content instead of ending early and leaving blank space */
@media (min-width: 783px) {
  #right-sidebar {
    position: sticky;
    top: 20px;
    align-self: flex-start;
  }
}
@media (max-width: 782px) {
  #right-sidebar {
    display: none;
  }
}

/* ============================================================
   LESBIAN ROMANCE READS - UNIVERSAL BOOK BUTTONS
   Button 1: .lrr-btn-amazon  (green -> hover blue -> clicked red)
   Button 2: .lrr-btn-review  (white/teal -> hover light blue -> clicked indigo)
   ============================================================ */
.lrr-btn-amazon,
.lrr-btn-review {
  display: inline-block;
  padding: .6rem 1.15rem;
  border-radius: 8px;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.2;
  text-decoration: none !important;
  cursor: pointer;
  border: 2px solid transparent;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

/* ---- Button 1: Find It On Amazon ---- */
.lrr-btn-amazon {
  background: #13c4a5;
  color: #ffffff !important;
  border-color: #13c4a5;
}
.lrr-btn-amazon:hover,
.lrr-btn-amazon:focus {
  background: #2563eb;
  border-color: #2563eb;
  color: #ffffff !important;
}
.lrr-btn-amazon:active,
.lrr-btn-amazon.lrr-clicked {
  background: #dc2626;
  border-color: #dc2626;
  color: #ffffff !important;
}

/* ---- Button 2: Read Our Full Review ---- */
.lrr-btn-review {
  background: #ffffff;
  color: #13c4a5 !important;
  border-color: #13c4a5;
  margin-top: .55rem;
}
.lrr-btn-review:hover,
.lrr-btn-review:focus {
  background: #dbeafe;
  color: #1e40af !important;
  border-color: #93c5fd;
}
.lrr-btn-review:active,
.lrr-btn-review.lrr-clicked {
  background: #4f46e5;
  color: #ffffff !important;
  border-color: #4f46e5;
}

/* NATIVE BUTTON OVERRIDES
   For core/button blocks: class sits on .wp-block-button wrapper,
   so we style the inner .wp-block-button__link. */
.wp-block-button.lrr-btn-amazon .wp-block-button__link {
  background-color: #13c4a5 !important;
  color: #ffffff !important;
  border-color: #13c4a5 !important;
}
.wp-block-button.lrr-btn-amazon .wp-block-button__link:hover,
.wp-block-button.lrr-btn-amazon .wp-block-button__link:focus {
  background-color: #2563eb !important;
  color: #ffffff !important;
  border-color: #2563eb !important;
}
.wp-block-button.lrr-btn-amazon .wp-block-button__link:active,
.wp-block-button.lrr-btn-amazon .wp-block-button__link.lrr-clicked {
  background-color: #dc2626 !important;
  color: #ffffff !important;
  border-color: #dc2626 !important;
}
.wp-block-button.lrr-btn-review .wp-block-button__link {
  background-color: #ffffff !important;
  color: #13c4a5 !important;
  border-color: #13c4a5 !important;
}
.wp-block-button.lrr-btn-review .wp-block-button__link:hover,
.wp-block-button.lrr-btn-review .wp-block-button__link:focus {
  background-color: #dbeafe !important;
  color: #1e40af !important;
  border-color: #93c5fd !important;
}
.wp-block-button.lrr-btn-review .wp-block-button__link:active,
.wp-block-button.lrr-btn-review .wp-block-button__link.lrr-clicked {
  background-color: #4f46e5 !important;
  color: #ffffff !important;
  border-color: #4f46e5 !important;
}

/* ==========================================================
   MOBILE MENU FIX (GeneratePress + Max Mega Menu)
   GeneratePress's own .menu-toggle targets #primary-menu, which
   Max Mega Menu replaces with its own markup. Max Mega Menu
   already supplies a working responsive toggle, so hide the
   theme's dead one to avoid a duplicate/non-functional button.
   ========================================================== */
.main-navigation .menu-toggle {
  display: none !important;
}

/* ================================
 *    MOBILE MENU FIX PART 2 (GeneratePress + Max Mega Menu)
 *    GeneratePress's "inline mobile toggle" header layout hides any
 *    direct child of .inside-navigation that isn't .navigation-search
 *    or .main-nav on mobile. Max Mega Menu injects #mega-menu-wrap-primary
 *    as a direct child without that wrapper class, so GP's rule was
 *    hiding the entire Max Mega Menu block - including its toggle button -
 *    on mobile. That's why no menu appeared at all on phones. Force it
 *    visible so Max Mega Menu's own responsive toggle (kept working by
 *    the fix above) can actually render.
 *    ================================ */
@media (max-width: 768px) {
	.has-inline-mobile-toggle #site-navigation .inside-navigation > #mega-menu-wrap-primary {
		    display: block !important;
	}
}
	}
}

/* Fix: horizontal scroll from off-canvas mega-menu elements */
html, body {
  overflow-x: clip;
}

/* Book CTA buttons - hover states */
.lrr-cta .wp-block-button__link {
  transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}
.lrr-cta .lrr-cta-amz .wp-block-button__link:hover,
.lrr-cta .lrr-cta-amz .wp-block-button__link:focus-visible {
  background-color: #157F4C !important;
  border-color: #157F4C !important;
  color: #fff !important;
}
.lrr-cta .lrr-cta-rev .wp-block-button__link:hover,
.lrr-cta .lrr-cta-rev .wp-block-button__link:focus-visible {
  background-color: #3D1F3A !important;
  border-color: #3D1F3A !important;
  color: #fff !important;
}