/*
Theme Name: Unregarded
Theme URI: https://unregarded.co
Author: unregarded
Author URI: https://unregarded.co
Description: The block theme for unregarded — an influencer agency for creators the industry overlooked. Editorial minimalism with a warm paper palette, Fraunces and Figtree typography, and a single rust accent. Built for WordPress 6.9.
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: unregarded
Tags: block-theme, full-site-editing, editorial, minimal, agency, one-column, custom-colors, custom-logo, custom-menu, featured-images, block-styles, wide-blocks, blog, news
*/

/* ===== Base reset + body ===== */
:root {
  --wp--preset--color--paper: #EDE6D6;
  --wp--preset--color--paper-deep: #E4DCC8;
  --wp--preset--color--ink: #1A1510;
  --wp--preset--color--ink-2: #3A342C;
  --wp--preset--color--stone: #847B6F;
  --wp--preset--color--rust: #A94218;
  --wp--preset--color--line: #C9C1AD;
  --wp--preset--color--line-soft: #DBD4C2;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "ss01", "cv11";
}

/* Fine page grain overlay, safely behind content */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  mix-blend-mode: multiply;
  opacity: 0.14;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/></svg>");
}

/* Ensure normal content sits above the grain */
.wp-site-blocks,
.wp-block-group,
.entry-content {
  position: relative;
  z-index: 2;
}

/* ===== Typography helpers ===== */
.is-style-editorial-italic {
  font-family: 'Fraunces', Georgia, serif;
  font-style: italic;
  font-weight: 300;
  letter-spacing: -0.015em;
}

.is-style-mono-label {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--wp--preset--color--stone);
}

.is-style-section-number {
  font-family: 'Fraunces', Georgia, serif;
  font-style: italic;
  color: var(--wp--preset--color--rust);
  font-size: 1.1rem;
}

/* Underline-on-hover link style for nav */
.is-style-editorial-link a,
.wp-block-navigation-link a:where(:not(.wp-element-button)) {
  text-decoration: none;
  background-image: linear-gradient(var(--wp--preset--color--ink), var(--wp--preset--color--ink));
  background-repeat: no-repeat;
  background-position: left 100%;
  background-size: 0% 1px;
  transition: background-size 0.4s cubic-bezier(0.2, 0.9, 0.3, 1);
  padding-bottom: 2px;
}
.is-style-editorial-link a:hover,
.wp-block-navigation-link a:hover:where(:not(.wp-element-button)) {
  background-size: 100% 1px;
}

/* Button refinement */
.wp-block-button__link {
  border: 1px solid currentColor;
  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}
.wp-block-button__link:hover {
  transform: translateY(-2px);
}
.wp-block-button.is-style-outline-ink .wp-block-button__link {
  background: transparent;
  color: var(--wp--preset--color--ink);
  border-color: var(--wp--preset--color--ink);
}
.wp-block-button.is-style-outline-ink .wp-block-button__link:hover {
  background: var(--wp--preset--color--ink);
  color: var(--wp--preset--color--paper);
}

/* ===== Marquee ===== */
.unreg-marquee {
  overflow: hidden;
  background: var(--wp--preset--color--paper-deep);
  border-top: 1px solid var(--wp--preset--color--line);
  border-bottom: 1px solid var(--wp--preset--color--line);
  padding: 14px 0;
}
.unreg-marquee__track {
  display: flex;
  gap: 3rem;
  white-space: nowrap;
  animation: unreg-ticker 48s linear infinite;
}
.unreg-marquee__item {
  font-family: 'Fraunces', Georgia, serif;
  font-style: italic;
  font-size: 1.35rem;
  color: var(--wp--preset--color--ink);
  display: inline-flex;
  align-items: center;
  gap: 3rem;
  flex-shrink: 0;
}
.unreg-marquee__item::after {
  content: '◦';
  color: var(--wp--preset--color--rust);
  margin-left: 3rem;
  font-style: normal;
}
@keyframes unreg-ticker {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* ===== Roster card hover ===== */
.unreg-card {
  transition: background-color 0.5s ease;
}
.unreg-card:hover {
  background-color: var(--wp--preset--color--paper-deep) !important;
}

/* ===== Wordmark dot ===== */
.unreg-wordmark-dot {
  color: var(--wp--preset--color--rust);
}

/* ===== Fade-up reveal on scroll (progressive enhancement, safe default) ===== */
/* Content is always visible. Only hidden if JS has added the .js-enabled class */
/* to <html>, and the user doesn't prefer reduced motion. Prevents the class    */
/* from ever hiding content permanently if the observer script fails to load.   */
@media (prefers-reduced-motion: no-preference) {
  html.js-enabled .unreg-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 1s cubic-bezier(0.2, 0.9, 0.3, 1),
                transform 1s cubic-bezier(0.2, 0.9, 0.3, 1);
  }
  html.js-enabled .unreg-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===== Section divider ===== */
.unreg-hairline {
  border: 0;
  border-top: 1px solid var(--wp--preset--color--line);
  margin: 0;
}

/* ============================================================
   v1.1.0 — list variation + footer refinements
   ============================================================ */

/* Bulletless list — used in footer link columns */
.wp-block-list.is-style-none,
ul.is-style-none,
ol.is-style-none {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.wp-block-list.is-style-none li { padding-left: 0; }

/* Footer link color/underline behavior */
footer .wp-block-list a,
footer.wp-block-group a:not(.wp-block-button__link) {
  color: var(--wp--preset--color--ink-2);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.2s ease, border-bottom-color 0.2s ease;
}
footer .wp-block-list a:hover,
footer.wp-block-group a:not(.wp-block-button__link):hover {
  color: var(--wp--preset--color--rust);
  border-bottom-color: var(--wp--preset--color--rust);
}

/* Header top-strip subtle links (Apply / Portal) */
.wp-block-template-part header .wp-block-paragraph a,
header .is-style-mono-label a {
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.wp-block-template-part header .wp-block-paragraph a:hover {
  opacity: 0.7;
}

/* Inline shortcode containers — soften newsletter form on backgrounds */
.wp-block-shortcode .unreg-newsletter-signup {
  max-width: 100%;
}