/*
Theme Name: Team Marcie
Theme URI: https://example.com/team-marcie
Description: A warm, retro-inspired Blocksy child theme for Team Marcie.
Author: Team Marcie
Version: 1.3.1
Template: blocksy
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.0
Text Domain: team-marcie
*/

:root {
  --tm-cream: #f5f0dc;
  --tm-paper: #fffdf3;
  --tm-orange: #f35f1e;
  --tm-gold: #ffb915;
  --tm-teal: #2fa5a7;
  --tm-green: #5c7335;
  --tm-brown: #381d14;
  --tm-shadow: 0 12px 32px rgba(56, 29, 20, .12);
  --theme-palette-color-1: var(--tm-orange);
  --theme-palette-color-2: var(--tm-green);
  --theme-palette-color-3: var(--tm-brown);
  --theme-palette-color-4: var(--tm-cream);
  --theme-palette-color-5: var(--tm-paper);
  --theme-palette-color-6: #74685a;
  --theme-palette-color-7: #e4dbc0;
  --theme-palette-color-8: #fffdf3;
  --theme-text-color: var(--tm-brown);
  --theme-heading-color: var(--tm-brown);
  --theme-link-color: var(--tm-green);
  --theme-link-hover-color: var(--tm-orange);
  --theme-button-background-initial-color: var(--tm-orange);
  --theme-button-background-hover-color: var(--tm-green);
  --theme-button-text-initial-color: var(--tm-paper);
  --theme-button-text-hover-color: var(--tm-paper);
  --theme-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --theme-font-family-heading: Georgia, "Times New Roman", serif;
}

body {
  background: var(--tm-cream);
  color: var(--tm-brown);
}

h1, h2, h3, h4, h5, h6,
.ct-header [data-id="logo"] .site-title,
.tm-display {
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: -.035em;
}

::selection { background: var(--tm-gold); color: var(--tm-brown); }
a { text-underline-offset: .18em; }

/* Friendly, hand-printed details throughout Blocksy and WooCommerce. */
button, .button, .wp-element-button, input[type="submit"], .ct-button,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  border: 2px solid var(--tm-brown) !important;
  border-radius: 999px !important;
  box-shadow: 3px 3px 0 var(--tm-brown);
  font-weight: 800;
  letter-spacing: .015em;
  transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease;
}
button:hover, .button:hover, .wp-element-button:hover, input[type="submit"]:hover,
.ct-button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover {
  box-shadow: 1px 1px 0 var(--tm-brown);
  transform: translate(2px, 2px);
}

.ct-header, .ct-header [data-row], .ct-footer {
  --theme-border-color: rgba(56, 29, 20, .16);
}
.ct-header [data-row="middle"] { border-bottom: 2px solid rgba(56, 29, 20, .16); }
.ct-header .site-title { font-weight: 900; }

.ct-container, .entry-content > .alignwide { max-width: 1200px; }
.entry-card, .ct-product-card, .woocommerce ul.products li.product,
.wp-block-group.is-style-tm-card {
  border: 2px solid rgba(56, 29, 20, .16);
  border-radius: 22px;
  background: var(--tm-paper);
  box-shadow: var(--tm-shadow);
  overflow: hidden;
}
.woocommerce ul.products li.product { padding: 14px; }
.woocommerce ul.products li.product img { border-radius: 14px; }
.woocommerce span.onsale { background: var(--tm-teal); color: white; }

.tm-home { overflow: hidden; }
.tm-wrap { width: min(1120px, calc(100% - 40px)); margin-inline: auto; }
.tm-hero {
  position: relative;
  padding: clamp(38px, 8vw, 94px) 0 72px;
  background: var(--tm-orange);
  isolation: isolate;
}
.tm-hero::before, .tm-hero::after {
  position: absolute; z-index: -1; content: ""; pointer-events: none;
  border: 2px solid rgba(56, 29, 20, .12); border-radius: 50%;
}
.tm-hero::before { width: 380px; height: 380px; left: -190px; top: 24px; background: var(--tm-gold); }
.tm-hero::after { width: 300px; height: 300px; right: -150px; bottom: -200px; background: var(--tm-teal); }
.tm-hero-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr); gap: clamp(30px, 7vw, 84px); align-items: center; }
.tm-hero-copy { max-width: 560px; }
.tm-kicker { display: inline-block; margin: 0 0 16px; padding: 8px 14px; border: 2px solid var(--tm-brown); border-radius: 999px; background: var(--tm-gold); font-size: .78rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.tm-hero h1 { margin: 0 0 18px; font-size: clamp(3rem, 7vw, 6.2rem); line-height: .94; }
.tm-hero-copy > p:not(.tm-kicker) { max-width: 38rem; font-size: clamp(1.1rem, 2vw, 1.35rem); line-height: 1.55; }
.tm-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 26px; }
.tm-hero-actions a { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 12px 22px; border: 2px solid var(--tm-brown); border-radius: 999px; background: var(--tm-gold); box-shadow: 4px 4px 0 var(--tm-brown); color: var(--tm-brown); font-weight: 900; text-decoration: none; transition: .16s ease; }
.tm-hero-actions a:hover { transform: translate(2px, 2px); box-shadow: 2px 2px 0 var(--tm-brown); }
.tm-hero-actions a.tm-secondary { background: var(--tm-cream); }
.tm-logo-frame { width: min(100%, 460px); justify-self: center; padding: 14px; border: 3px solid var(--tm-brown); border-radius: 50%; background: var(--tm-cream); box-shadow: 10px 12px 0 rgba(56, 29, 20, .28); transform: rotate(2deg); }
.tm-logo-frame img { display: block; width: 100%; height: auto; border-radius: 50%; }
.tm-section { padding: clamp(54px, 8vw, 92px) 0; }
.tm-section-heading { max-width: 720px; margin: 0 auto 34px; text-align: center; }
.tm-section-heading h2 { margin: 0 0 12px; font-size: clamp(2.2rem, 5vw, 3.6rem); line-height: 1; }
.tm-section-heading p { font-size: 1.1rem; }
.tm-story { background: var(--tm-green); color: var(--tm-paper); }
.tm-story h2, .tm-story h3 { color: var(--tm-paper); }
.tm-story-card { max-width: 850px; margin: auto; padding: clamp(24px, 5vw, 48px); border: 2px solid var(--tm-brown); border-radius: 28px; background: var(--tm-cream); box-shadow: 8px 8px 0 var(--tm-brown); color: var(--tm-brown); }
.tm-story-card > :last-child { margin-bottom: 0; }
.tm-shop { background: var(--tm-cream); }
.tm-shop-products ul.products { margin-top: 28px; }
.tm-shop-empty { max-width: 740px; margin: auto; padding: 28px; border: 2px dashed var(--tm-green); border-radius: 20px; text-align: center; }
.tm-shop-empty p:last-child { margin-bottom: 0; }
.tm-callout { padding: 28px; border: 2px solid var(--tm-brown); border-radius: 24px; background: var(--tm-gold); box-shadow: 6px 6px 0 var(--tm-brown); text-align: center; }
.tm-callout h2 { margin: 0 0 10px; font-size: clamp(1.8rem, 4vw, 2.7rem); }
.tm-callout p:last-child { margin-bottom: 0; }
.tm-footer-note { padding: 24px 0; background: var(--tm-brown); color: var(--tm-cream); text-align: center; font-size: .92rem; }
.tm-footer-note p { margin: 0; }

@media (max-width: 760px) {
  .tm-hero { padding: 42px 0 54px; }
  .tm-hero-grid { grid-template-columns: 1fr; text-align: center; }
  .tm-hero-copy { margin-inline: auto; }
  .tm-hero-actions { justify-content: center; }
  .tm-logo-frame { width: min(76vw, 360px); grid-row: 1; }
  .tm-story-card { box-shadow: 5px 5px 0 var(--tm-brown); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Color Blocksy's own Header Builder so its Customizer preview and live page match. */
#header.ct-header {
  position: relative;
  z-index: 20;
  background: var(--tm-orange) !important;
  color: var(--tm-brown);
  --theme-text-color: var(--tm-brown);
  --theme-link-initial-color: var(--tm-brown);
  --theme-link-hover-color: var(--tm-cream);
  --theme-icon-color: var(--tm-brown);
  --theme-icon-hover-color: var(--tm-cream);
}
#header.ct-header [data-row],
#header.ct-header [data-row] > div {
  background: transparent !important;
  box-shadow: none !important;
  border-color: rgba(56, 29, 20, .2) !important;
}
#header.ct-header .ct-menu-link,
#header.ct-header .ct-header-trigger,
#header.ct-header .ct-header-search,
#header.ct-header .ct-account-item,
#header.ct-header .ct-cart-item,
#header.ct-header .ct-header-cta {
  color: var(--tm-brown) !important;
  --theme-link-initial-color: var(--tm-brown);
  --theme-link-hover-color: var(--tm-cream);
}
#header.ct-header .ct-menu-link:hover,
#header.ct-header .ct-header-trigger:hover,
#header.ct-header .ct-header-search:hover,
#header.ct-header .ct-account-item:hover,
#header.ct-header .ct-cart-item:hover { color: var(--tm-cream) !important; }
#header.ct-header .ct-menu-link[data-hover],
#header.ct-header .ct-menu-link[data-active] { color: var(--tm-cream) !important; }
#header.ct-header .sub-menu,
#header.ct-header .ct-panel { background: var(--tm-paper) !important; color: var(--tm-brown); }
#header.ct-header .sub-menu .ct-menu-link,
#header.ct-header .ct-panel .ct-menu-link { color: var(--tm-brown) !important; }
#header.ct-header [data-id="logo"] img { max-height: 62px; width: auto; }
#header.ct-header .site-title { color: var(--tm-brown); }

/* Keep the header and hero visually continuous on the homepage. */
body.home #header.ct-header { border: 0; }
body.home #header.ct-header [data-row],
body.home #header.ct-header [data-row] > div { border: 0 !important; }
body.home .tm-hero { margin-top: 0; }

/* Inner pages use a short orange band with subtle logo colors at the edges. */
body:not(.home) #header.ct-header {
  border-bottom: 2px solid rgba(56, 29, 20, .24);
  background-image:
    radial-gradient(ellipse at 4% 50%, rgba(255, 185, 21, .48) 0 7%, transparent 7.3%),
    radial-gradient(ellipse at 97% 50%, rgba(47, 165, 167, .3) 0 6%, transparent 6.3%);
}
@media (max-width: 999.98px) {
  #header.ct-header [data-id="logo"] img { max-height: 50px; }

/* Hide story button */
	
	#tm-secondary { display: none; visibility:hidden; }
}