/**
 * Inner pages / posts / archives — black canvas, white headings, muted body, red accents.
 * Scoped to body.letspop-inner-dark (see inc/inner-pages-dark.php).
 */

body.letspop-inner-dark,
body.letspop-inner-dark #page,
body.letspop-inner-dark .site,
body.letspop-inner-dark #primary,
body.letspop-inner-dark #content,
body.letspop-inner-dark .site-content,
body.letspop-inner-dark .ast-container,
body.letspop-inner-dark .ast-separate-container,
body.letspop-inner-dark .ast-separate-container .site-main,
body.letspop-inner-dark .ast-plain-container .site-content {
  background-color: var(--clr-bg, #000000) !important;
  color: var(--clr-text, #ffffff);
}

body.letspop-inner-dark #primary.site-main {
  padding-top: 0;
  padding-bottom: clamp(48px, 8vw, 96px);
}

body.single-product.letspop-inner-dark #primary.site-main,
body.single-product.letspop-inner-dark .site-main {
  padding-top: 0 !important;
}

body.letspop-inner-dark.lp-scrollsmoother #primary.site-main {
  padding-top: var(--lp-content-below-header-gap, 20px);
}

body.letspop-inner-dark .site-main .ast-row article,
body.letspop-inner-dark .ast-separate-container .ast-article-single,
body.letspop-inner-dark .ast-separate-container .ast-article-inner,
body.letspop-inner-dark .ast-plain-container .hentry {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Headings */
body.letspop-inner-dark .entry-header .entry-title,
body.letspop-inner-dark h1.entry-title,
body.letspop-inner-dark .page-title,
body.letspop-inner-dark .entry-content h1,
body.letspop-inner-dark .entry-content h2,
body.letspop-inner-dark .entry-content h3 {
  color: var(--clr-text, #ffffff) !important;
  font-family: var(--font-display, 'Inter Tight', 'Inter', sans-serif);
}

body.letspop-inner-dark .entry-content h4,
body.letspop-inner-dark .entry-content h5,
body.letspop-inner-dark .entry-content h6 {
  color: var(--clr-text, #ffffff) !important;
}

body.letspop-inner-dark .entry-meta,
body.letspop-inner-dark .posted-on,
body.letspop-inner-dark .byline,
body.letspop-inner-dark .ast-blog-meta-container {
  color: var(--clr-muted, #a3a3a3) !important;
}

body.letspop-inner-dark .entry-meta a {
  color: var(--clr-body, #e0e0e0);
}

body.letspop-inner-dark .entry-meta a:hover {
  color: var(--clr-accent-red, #f51822);
}

/* Body copy */
body.letspop-inner-dark .entry-content,
body.letspop-inner-dark .entry-content p,
body.letspop-inner-dark .entry-content li,
body.letspop-inner-dark .entry-summary {
  color: var(--clr-body, #e0e0e0);
}

body.letspop-inner-dark .entry-content .lead,
body.letspop-inner-dark .entry-content .intro {
  color: var(--clr-body, #e0e0e0);
}

/* Links — white text, red on hover */
body.letspop-inner-dark .entry-content a:not(.wp-block-button__link):not(.button):not(.ast-button) {
  color: var(--clr-text, #ffffff);
  border-bottom: 1px solid rgba(245, 24, 34, 0.55);
  text-decoration: none;
}

body.letspop-inner-dark .entry-content a:not(.wp-block-button__link):not(.button):not(.ast-button):hover {
  color: var(--clr-accent-red, #f51822);
  border-bottom-color: var(--clr-accent-red, #f51822);
}

body.letspop-inner-dark .entry-content a.wp-block-button__link:not(.has-background) {
  background-color: var(--clr-btn-dark, #ffffff) !important;
  color: var(--clr-btn-text, #111111) !important;
  border-bottom: none;
}

body.letspop-inner-dark .entry-content a.wp-block-button__link:not(.has-background):hover {
  background-color: var(--clr-accent-red, #f51822) !important;
  color: #ffffff !important;
}

/* Quotes & figures */
body.letspop-inner-dark .wp-block-quote,
body.letspop-inner-dark blockquote {
  border-left: 4px solid var(--clr-accent-red, #f51822);
  color: var(--clr-body, #e0e0e0);
}

body.letspop-inner-dark .wp-block-quote cite {
  color: var(--clr-muted, #a3a3a3);
}

body.letspop-inner-dark figcaption {
  color: var(--clr-muted, #a3a3a3);
}

body.letspop-inner-dark hr {
  border-color: var(--clr-border, rgba(255, 255, 255, 0.14));
  background-color: var(--clr-border, rgba(255, 255, 255, 0.14));
}

body.letspop-inner-dark pre,
body.letspop-inner-dark code {
  background-color: var(--clr-surface, #141414);
  color: var(--clr-body, #e0e0e0);
}

/* Tables */
body.letspop-inner-dark .entry-content table {
  border-collapse: collapse;
}

body.letspop-inner-dark .entry-content th,
body.letspop-inner-dark .entry-content td {
  border-color: var(--clr-border, rgba(255, 255, 255, 0.14));
  color: var(--clr-body, #e0e0e0);
}

body.letspop-inner-dark .entry-content thead th {
  background-color: var(--clr-surface, #141414);
  color: var(--clr-text, #ffffff);
}

/* Forms inside content */
body.letspop-inner-dark .entry-content input[type='text'],
body.letspop-inner-dark .entry-content input[type='email'],
body.letspop-inner-dark .entry-content input[type='tel'],
body.letspop-inner-dark .entry-content input[type='url'],
body.letspop-inner-dark .entry-content input[type='number'],
body.letspop-inner-dark .entry-content input[type='search'],
body.letspop-inner-dark .entry-content select,
body.letspop-inner-dark .entry-content textarea {
  background-color: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--clr-border, rgba(255, 255, 255, 0.14));
  color: var(--clr-text, #ffffff);
  border-radius: 10px;
}

body.letspop-inner-dark .entry-content input:focus,
body.letspop-inner-dark .entry-content select:focus,
body.letspop-inner-dark .entry-content textarea:focus {
  outline: none;
  border-color: rgba(245, 24, 34, 0.55);
  box-shadow: 0 0 0 3px rgba(245, 24, 34, 0.15);
}

body.letspop-inner-dark .entry-content label {
  color: var(--clr-body, #e0e0e0);
}

/* Sidebar widgets */
body.letspop-inner-dark #secondary,
body.letspop-inner-dark .sidebar-main {
  color: var(--clr-body, #e0e0e0);
}

body.letspop-inner-dark #secondary .widget,
body.letspop-inner-dark .sidebar-main .widget {
  background-color: var(--clr-surface, #141414);
  border: 1px solid var(--clr-border, rgba(255, 255, 255, 0.14));
  border-radius: 14px;
  padding: 20px;
  color: var(--clr-body, #e0e0e0);
}

body.letspop-inner-dark #secondary .widget-title,
body.letspop-inner-dark .sidebar-main .widget-title {
  color: var(--clr-text, #ffffff);
}

body.letspop-inner-dark #secondary a,
body.letspop-inner-dark .sidebar-main a {
  color: var(--clr-text, #ffffff);
}

body.letspop-inner-dark #secondary a:hover,
body.letspop-inner-dark .sidebar-main a:hover {
  color: var(--clr-accent-red, #f51822);
}

/* Pagination */
body.letspop-inner-dark .pagination .page-numbers,
body.letspop-inner-dark nav.pagination .page-numbers {
  background-color: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--clr-border, rgba(255, 255, 255, 0.14));
  color: var(--clr-text, #ffffff);
}

body.letspop-inner-dark .pagination .page-numbers.current,
body.letspop-inner-dark nav.pagination .page-numbers.current {
  background-color: var(--clr-accent-red, #f51822);
  border-color: var(--clr-accent-red, #f51822);
  color: #ffffff;
}

body.letspop-inner-dark .pagination .page-numbers:hover {
  border-color: var(--clr-accent-red, #f51822);
  color: var(--clr-accent-red, #f51822);
}

/* Post navigation */
body.letspop-inner-dark .post-navigation a {
  color: var(--clr-text, #ffffff);
}

body.letspop-inner-dark .post-navigation a:hover {
  color: var(--clr-accent-red, #f51822);
}

body.letspop-inner-dark .post-navigation .meta-nav {
  color: var(--clr-muted, #a3a3a3);
}

/* Comments */
body.letspop-inner-dark .comments-area,
body.letspop-inner-dark #comments {
  color: var(--clr-body, #e0e0e0);
}

body.letspop-inner-dark .comments-title,
body.letspop-inner-dark .comment-reply-title {
  color: var(--clr-text, #ffffff);
}

body.letspop-inner-dark .comment-body {
  border-color: var(--clr-border, rgba(255, 255, 255, 0.14));
}

body.letspop-inner-dark .comment-metadata,
body.letspop-inner-dark .comment-metadata a {
  color: var(--clr-muted, #a3a3a3);
}

body.letspop-inner-dark .comment-form input[type='text'],
body.letspop-inner-dark .comment-form input[type='email'],
body.letspop-inner-dark .comment-form input[type='url'],
body.letspop-inner-dark .comment-form textarea {
  background-color: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--clr-border, rgba(255, 255, 255, 0.14));
  color: var(--clr-text, #ffffff);
}

body.letspop-inner-dark .form-submit .submit,
body.letspop-inner-dark .comment-form input[type='submit'] {
  background-color: var(--clr-accent-red, #f51822) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px;
  padding: 12px 28px;
  cursor: pointer;
}

body.letspop-inner-dark .form-submit .submit:hover {
  filter: brightness(1.08);
}

/* Breadcrumbs (Astra / WooCommerce markup when present) */
body.letspop-inner-dark .ast-breadcrumbs,
body.letspop-inner-dark .ast-breadcrumbs a,
body.letspop-inner-dark .woocommerce-breadcrumb,
body.letspop-inner-dark .woocommerce-breadcrumb a {
  color: var(--clr-muted, #a3a3a3);
}

body.letspop-inner-dark .ast-breadcrumbs a:hover,
body.letspop-inner-dark .woocommerce-breadcrumb a:hover {
  color: var(--clr-accent-red, #f51822);
}

/* 404 */
body.error404.letspop-inner-dark .page-header .page-title {
  color: var(--clr-text, #ffffff);
}

body.error404.letspop-inner-dark .page-content {
  color: var(--clr-body, #e0e0e0);
}

/* Search */
body.search.letspop-inner-dark .search-form .search-field {
  background-color: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--clr-border, rgba(255, 255, 255, 0.14));
  color: var(--clr-text, #ffffff);
}

/* Archive intros */
body.letspop-inner-dark .ast-archive-description,
body.letspop-inner-dark .taxonomy-description {
  color: var(--clr-body, #e0e0e0);
}