/*
Theme Name: Doodlydoo
Theme URI: https://doodlydoo.ph
Description: Doodlydoo brand child theme — warm editorial neutral base so product colour always leads. Built to the Doodlydoo site mockup.
Author: Doodlydoo
Template: twentytwentyfive
Version: 1.0.0
Text Domain: doodlydoo
*/

/* Cards — 1px border, 3px radius, subtle hover (matches mockup .card) */
.dd-card,
.wp-block-post-template > li,
.wc-block-grid__product {
  border: 1px solid var(--wp--preset--color--border);
  border-radius: 3px;
  overflow: hidden;
  background: #fff;
  transition: border-color .18s ease;
}
.dd-card:hover,
.wp-block-post-template > li:hover,
.wc-block-grid__product:hover { border-color: var(--wp--preset--color--muted); }

/* Eyebrow label — small caps tracking (matches mockup .eyebrow) */
.dd-eyebrow {
  font-size: .6875rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--wp--preset--color--muted);
  font-weight: 700;
}

/* Pill tag (matches mockup .pill) */
.dd-pill {
  display: inline-block;
  font-size: .65625rem;
  letter-spacing: .09em;
  text-transform: uppercase;
  font-weight: 700;
  padding: 3px 9px;
  border-radius: 100px;
  background: var(--wp--preset--color--surface);
  border: 1px solid var(--wp--preset--color--border);
  color: var(--wp--preset--color--ink-medium);
}

/* Tight display headings (mockup uses negative tracking) */
h1, h2, h3, .wp-block-heading { letter-spacing: -.04em; }
h1, .wp-block-heading.has-xx-large-font-size { letter-spacing: -.055em; }

/* Images fill their frame like the mockup */
.dd-frame img { width: 100%; height: 100%; object-fit: cover; display: block; }