/*
Theme Name: Adkory Child
Theme URI: https://adkory.com
Description: Adkory child theme for GeneratePress. Centralizes the Adkory design system (tokens, typography) and adds a modern reading-focused blog. Built for Gutenberg. The smart advertising stack for Snapchat.
Author: Adkory
Author URI: https://adkory.com
Template: generatepress
Version: 1.0.0
License: Proprietary
Text Domain: adkory-child
*/

/* ==========================================================================
   ADKORY DESIGN TOKENS
   One source of truth. Every page (landing HTML, blog, docs) should reference
   these variables instead of hard-coding hex values. Pulled directly from the
   Adkory brand guidelines.
   ========================================================================== */
:root {
  /* Core palette */
  --adk-ink: #0E0E10;          /* near-black, headings + primary text, dark surfaces */
  --adk-body: #2A2A2E;         /* body copy, softer than ink */
  --adk-stone: #6B6B73;        /* muted text, captions, meta */

  /* Coral ramp (the brand signature) */
  --adk-coral: #FF4A2E;        /* Coral 500 — dominant brand color, CTAs, links */
  --adk-coral-mid: #FF7A5C;    /* Coral 400 — secondary accent */
  --adk-coral-tint: #FFB5A3;   /* Coral 200 — light accent */
  --adk-coral-deep: #C7351E;   /* Deep Coral — hover / pressed states */
  --adk-coral-wash: #FAECE7;   /* lightest coral wash — subtle fills */

  /* Neutrals */
  --adk-cream: #F4F2EC;        /* light surface / alternate section background */
  --adk-paper: #ECEAE2;        /* alternate section background */
  --adk-white: #FFFFFF;        /* cards / base */
  --adk-border: #E4E1D8;       /* hairline borders */
  --adk-mist: #EFECE4;         /* subtle fill (tags, bands) */
  --adk-gray: #D9D7CE;         /* dividers per brand palette */
  --adk-green: #1FA971;        /* success / value */

  /* Type — Adkory runs on a single family: Montserrat. Mono is used only for
     code blocks and small eyebrow labels. */
  --adk-font-body: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --adk-font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Reading layout widths */
  --adk-measure: 720px;        /* text column: comfortable reading measure */
  --adk-wide: 960px;           /* images / wide blocks break out to this */
  --adk-radius: 14px;
  --adk-radius-sm: 8px;
}

/* ==========================================================================
   TYPOGRAPHY BASE
   ========================================================================== */
body {
  font-family: var(--adk-font-body);
  color: var(--adk-body);
  background: var(--adk-white);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--adk-font-body);
  color: var(--adk-ink);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
code, pre, .adk-mono {
  font-family: var(--adk-font-mono);
}

/* ==========================================================================
   SHARED HELPERS
   ========================================================================== */
.adk-eyebrow {
  font-family: var(--adk-font-mono);
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--adk-coral);
}

/* Force white background site-wide. GeneratePress sets its own background via
   the Customizer, which can override the body rule, so we also target its
   container classes. */
body,
.site,
#page,
.site-content,
.content-area,
.generate-page-header {
  background-color: var(--adk-white);
}
.adk-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--adk-coral); color: #fff;
  padding: 12px 22px; border-radius: var(--adk-radius-sm);
  font-weight: 600; text-decoration: none; font-size: 15px;
  transition: transform .15s ease, background .15s ease;
}
.adk-btn:hover { background: var(--adk-coral-deep); transform: translateY(-1px); color:#fff; }

/* GeneratePress constrains the layout in two places: the #page grid-container
   has a max-width (~1200px) and #content is a flex item that doesn't stretch to
   fill it, leaving empty space on the right even with "No Sidebars" and zero
   padding. On posts, the blog page, archives and search we force the whole
   container chain to full width and let #content fill it, so our own
   .adk-article / .adk-archive control the real measure. Scoped to these body
   classes so the homepage and other pages keep GeneratePress defaults. */
.single-post #page,
.blog #page,
.archive #page,
.search #page {
  max-width: 100%;
  padding: 0;
}
.single-post .site-content,
.blog .site-content,
.archive .site-content,
.search .site-content {
  display: block;       /* GP sets this to flex for sidebar layouts; with no
                           sidebar, flex sizes #content to its content and leaves
                           empty space on the right. block makes it fill width. */
  padding: 0;
  max-width: 100%;
  width: 100%;
}
.single-post #content.grid-container,
.blog #content.grid-container,
.archive #content.grid-container,
.search #content.grid-container {
  max-width: 100%;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
/* GP's inner article wrapper can also carry padding; neutralize it on posts so
   our hero/breakout images can reach the intended width. */
.single-post .inside-article,
.blog .inside-article,
.archive .inside-article {
  padding: 0;
}
/* The article element itself should span the full content area. */
.single-post .adk-single,
.single-post article.post {
  width: 100%;
  max-width: 100%;
}

/* ==========================================================================
   LANDING PAGE FULL-BLEED
   The Adkory landing (.adk-lp) uses full-width dark/coral bands with an inner
   .wrap that controls the readable width. For the bands to reach the screen
   edges, strip GeneratePress's container/content padding on the landing page
   only (body.adk-landing, added in functions.php). The .adk-lp's own .wrap
   re-introduces the horizontal gutter, so text never touches the edge.
   ========================================================================== */
.adk-landing #page,
.adk-landing .site-content,
.adk-landing #content.grid-container,
.adk-landing .inside-article,
.adk-landing #content {
  max-width: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}
.adk-landing .site-content { display: block; }
/* The page content wrapper / entry can carry padding too; clear it so bands bleed. */
.adk-landing .entry-content,
.adk-landing .page-content {
  margin: 0;
  padding: 0;
}