/*
Theme Name: Anboxing Revamp
Theme URI: https://anboxing.com/
Author: Anboxing
Description: A fast, editorial block theme for transparent product reviews, buying guides, and practical comparisons.
Requires at least: 6.4
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: anboxing-revamp
Tags: block-patterns, full-site-editing, blog, news, one-column, two-columns, wide-blocks
*/

:root {
  --anboxing-radius-sm: 10px;
  --anboxing-radius-md: 16px;
  --anboxing-radius-lg: 24px;
  --anboxing-shadow: 0 18px 50px rgba(15, 23, 42, 0.10);
  --anboxing-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.08);
  --anboxing-border: 1px solid var(--wp--preset--color--line);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { text-rendering: optimizeLegibility; }
img { height: auto; }

::selection {
  background: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--paper);
}

a { text-underline-offset: 0.16em; text-decoration-thickness: 0.08em; }
a:hover { text-decoration-thickness: 0.12em; }

:focus-visible {
  outline: 3px solid var(--wp--preset--color--accent);
  outline-offset: 3px;
}

.anboxing-topbar {
  background: var(--wp--preset--color--ink);
  color: var(--wp--preset--color--paper);
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
}
.anboxing-topbar a { color: var(--wp--preset--color--paper); }
.anboxing-topbar p { margin: 0; }

.anboxing-header {
  background: rgba(255,255,255,0.96);
  border-bottom: var(--anboxing-border);
  position: sticky;
  top: 0;
  z-index: 30;
  backdrop-filter: blur(14px);
}
.anboxing-header-inner { min-height: 76px; }
.wp-block-site-title {
  letter-spacing: -0.045em;
  line-height: 1;
  margin: 0;
}
.wp-block-site-title a { text-decoration: none; }
.wp-block-site-title a::after {
  content: ".";
  color: var(--wp--preset--color--accent);
}
.wp-block-site-tagline { margin: 0.35rem 0 0; }
.anboxing-category-nav {
  border-bottom: var(--anboxing-border);
  background: var(--wp--preset--color--paper);
  overflow-x: auto;
}
.anboxing-category-nav .wp-block-navigation { min-width: max-content; }
.anboxing-category-nav a { text-decoration: none; font-weight: 700; }

.anboxing-main { overflow: hidden; }

.anboxing-hero {
  background:
    radial-gradient(circle at 15% 15%, rgba(249,115,22,0.16), transparent 32%),
    radial-gradient(circle at 90% 25%, rgba(14,116,144,0.12), transparent 34%),
    var(--wp--preset--color--soft);
  padding-top: clamp(3rem, 7vw, 6.5rem);
  padding-bottom: clamp(3rem, 7vw, 6.5rem);
  border-bottom: var(--anboxing-border);
}
.anboxing-eyebrow {
  color: var(--wp--preset--color--accent-dark);
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.anboxing-hero h1 {
  font-size: clamp(2.6rem, 6vw, 5.4rem);
  line-height: 0.98;
  letter-spacing: -0.055em;
  max-width: 12ch;
}
.anboxing-hero-copy { font-size: clamp(1.05rem, 1.7vw, 1.3rem); max-width: 54ch; }
.anboxing-hero-points { list-style: none; padding-left: 0; }
.anboxing-hero-points li { margin-bottom: 0.5rem; }
.anboxing-hero-points li::before {
  content: "✓";
  color: var(--wp--preset--color--positive);
  font-weight: 900;
  margin-right: 0.55rem;
}

.anboxing-featured-card,
.anboxing-review-card,
.anboxing-category-card,
.anboxing-trust-card,
.anboxing-review-summary,
.anboxing-author-card,
.anboxing-affiliate-note,
.anboxing-editorial-card {
  border: var(--anboxing-border);
  border-radius: var(--anboxing-radius-md);
  background: var(--wp--preset--color--paper);
}
.anboxing-featured-card {
  box-shadow: var(--anboxing-shadow);
  overflow: hidden;
}
.anboxing-featured-card > *:not(.wp-block-post-featured-image) { margin-left: 1.4rem; margin-right: 1.4rem; }
.anboxing-featured-card > *:last-child { margin-bottom: 1.4rem; }
.anboxing-featured-card .wp-block-post-featured-image { margin: 0; }
.anboxing-featured-card .wp-block-post-featured-image img,
.anboxing-review-card .wp-block-post-featured-image img {
  aspect-ratio: 16 / 10;
  object-fit: cover;
  width: 100%;
}

.anboxing-section { padding-top: clamp(3rem, 6vw, 5.5rem); padding-bottom: clamp(3rem, 6vw, 5.5rem); }
.anboxing-section-soft { background: var(--wp--preset--color--soft); border-top: var(--anboxing-border); border-bottom: var(--anboxing-border); }
.anboxing-section-heading { max-width: 760px; margin-bottom: 2rem; }
.anboxing-section-heading h2 { margin-bottom: 0.65rem; }

.anboxing-category-card { padding: 1.5rem; min-height: 100%; transition: transform 180ms ease, box-shadow 180ms ease; }
.anboxing-category-card:hover { transform: translateY(-4px); box-shadow: var(--anboxing-shadow-sm); }
.anboxing-category-card h3 { margin-top: 0.75rem; }
.anboxing-category-icon {
  align-items: center;
  background: var(--wp--preset--color--accent-soft);
  border-radius: 999px;
  color: var(--wp--preset--color--accent-dark);
  display: inline-flex;
  font-weight: 900;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.anboxing-review-grid .wp-block-post { min-width: 0; }
.anboxing-review-card {
  height: 100%;
  overflow: hidden;
  box-shadow: 0 1px 0 rgba(15,23,42,0.02);
  transition: transform 180ms ease, box-shadow 180ms ease;
}
.anboxing-review-card:hover { transform: translateY(-4px); box-shadow: var(--anboxing-shadow-sm); }
.anboxing-review-card > *:not(.wp-block-post-featured-image) { margin-left: 1.25rem; margin-right: 1.25rem; }
.anboxing-review-card > *:last-child { margin-bottom: 1.3rem; }
.anboxing-review-card .wp-block-post-featured-image { margin: 0 0 1rem; }
.anboxing-review-card .wp-block-post-title { margin-top: 0.35rem; }
.anboxing-review-card .wp-block-post-title a { text-decoration: none; }
.anboxing-review-card .wp-block-post-excerpt__more-link { font-weight: 800; }

.anboxing-trust-card { padding: 1.4rem; height: 100%; }
.anboxing-trust-number { color: var(--wp--preset--color--accent); font-size: 1.5rem; font-weight: 900; }

.anboxing-article-header {
  padding-top: clamp(2.5rem, 6vw, 5rem);
  padding-bottom: 2rem;
}
.anboxing-article-header .wp-block-post-title {
  font-size: clamp(2.25rem, 5vw, 4.6rem);
  line-height: 1.02;
  letter-spacing: -0.045em;
  max-width: 18ch;
}
.anboxing-article-header .wp-block-post-excerpt { font-size: 1.2rem; max-width: 65ch; }
.anboxing-byline { color: var(--wp--preset--color--muted); }
.anboxing-byline a { color: inherit; }
.anboxing-breadcrumb a { color: var(--wp--preset--color--muted); }

.anboxing-featured-image-wide { margin-top: 1.5rem; }
.anboxing-featured-image-wide img {
  border-radius: var(--anboxing-radius-lg);
  max-height: 680px;
  object-fit: cover;
  width: 100%;
}

.anboxing-review-summary {
  border-left: 6px solid var(--wp--preset--color--accent);
  box-shadow: var(--anboxing-shadow-sm);
  padding: clamp(1.25rem, 3vw, 2rem);
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.anboxing-review-summary h2,
.anboxing-review-summary h3 { margin-top: 0; }
.anboxing-review-summary .wp-block-post-excerpt { margin-bottom: 0; }

.anboxing-affiliate-note {
  background: var(--wp--preset--color--warm);
  border-color: #fed7aa;
  padding: 1rem 1.15rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 0.94rem;
}
.anboxing-affiliate-note p { margin: 0; }

.anboxing-post-content { font-size: 1.075rem; line-height: 1.78; }
.anboxing-post-content > h2 { margin-top: 2.5em; }
.anboxing-post-content > h3 { margin-top: 2em; }
.anboxing-post-content > p,
.anboxing-post-content > ul,
.anboxing-post-content > ol { margin-bottom: 1.35em; }
.anboxing-post-content blockquote {
  border-left: 5px solid var(--wp--preset--color--accent);
  margin-left: 0;
  padding-left: 1.25rem;
}
.anboxing-post-content table { font-size: 0.95rem; }
.anboxing-post-content .wp-block-table { overflow-x: auto; }
.anboxing-post-content .wp-block-table table { min-width: 650px; }
.anboxing-post-content .wp-block-image img { border-radius: var(--anboxing-radius-md); }

.anboxing-pros,
.anboxing-cons { padding: 1.5rem; border-radius: var(--anboxing-radius-md); height: 100%; }
.anboxing-pros { background: #ecfdf3; border: 1px solid #bbf7d0; }
.anboxing-cons { background: #fff7ed; border: 1px solid #fed7aa; }
.anboxing-pros h3 { color: #166534; }
.anboxing-cons h3 { color: #9a3412; }

.anboxing-author-card { padding: 1.4rem; margin-top: 3rem; }
.anboxing-author-card .wp-block-avatar img { border-radius: 999px; }

.anboxing-footer { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--paper); padding-top: 4rem; padding-bottom: 2rem; }
.anboxing-footer a { color: var(--wp--preset--color--paper); }
.anboxing-footer .wp-block-site-title a { color: var(--wp--preset--color--paper); }
.anboxing-footer-rule { opacity: 0.2; }
.anboxing-footer-disclosure { color: #cbd5e1; font-size: 0.9rem; }

.wp-block-button__link { transition: transform 160ms ease, box-shadow 160ms ease; }
.wp-block-button__link:hover { transform: translateY(-2px); box-shadow: var(--anboxing-shadow-sm); }
.wp-block-button.is-style-outline .wp-block-button__link { border-width: 2px; }

.wp-block-query-pagination { margin-top: 2rem; }
.wp-block-query-pagination a { font-weight: 700; }

@media (max-width: 781px) {
  .anboxing-header { position: relative; }
  .anboxing-header-inner { min-height: 64px; }
  .anboxing-category-nav { display: none; }
  .anboxing-hero h1 { max-width: 14ch; }
  .anboxing-hero .wp-block-buttons { gap: 0.75rem; }
  .anboxing-hero .wp-block-button { width: 100%; }
  .anboxing-hero .wp-block-button__link { width: 100%; text-align: center; }
  .anboxing-review-grid { grid-template-columns: 1fr !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}