/*
Theme Name: Hello Triggers and More (Child)
Theme URI: https://triggersandmore.com/
Description: Child theme for Hello Elementor with Triggers and More brand styles.
Author: Triggers and More
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-triggersandmore-child
*/

/* ==============================
   Brand Tokens (Edit as needed)
   ============================== */
:root{
  --tm-red: #E5392D;
  --tm-black: #111111;
  --tm-charcoal: #1A1A1A;
  --tm-white: #FFFFFF;
  --tm-gray-900: #1f2937;
  --tm-gray-700: #374151;
  --tm-gray-500: #6b7280;
  --tm-border: #e5e7eb;

  --tm-radius: 12px;
  --tm-radius-sm: 8px;

  --tm-shadow: 0 10px 25px rgba(0,0,0,.08);
  --tm-shadow-hover: 0 14px 35px rgba(0,0,0,.12);

  --tm-font: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --tm-max: 1200px;
}

/* Base typography */
body{
  font-family: var(--tm-font);
  color: var(--tm-gray-900);
  background: var(--tm-white);
}

/* Headings */
h1,h2,h3,h4,h5,h6{
  color: var(--tm-black);
  letter-spacing: -0.02em;
}

/* Links */
a{ color: var(--tm-red); }
a:hover{ opacity: .9; }

/* Buttons – applies broadly to WP + Woo + Elementor buttons */
button,
input[type="button"],
input[type="submit"],
.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.elementor-button{
  border-radius: var(--tm-radius-sm) !important;
  font-weight: 600;
  letter-spacing: .01em;
}

/* Primary button look */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.elementor a.elementor-button,
.elementor-button{
  background-color: var(--tm-red);
  border-color: var(--tm-red);
  color: #fff;
  transition: transform .08s ease, box-shadow .2s ease, opacity .2s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.elementor-button:hover{
  box-shadow: var(--tm-shadow-hover);
  transform: translateY(-1px);
  opacity: .96;
  color: #fff;
}

/* Secondary outline utility (add class tm-btn-outline) */
.tm-btn-outline .elementor-button,
.tm-btn-outline.elementor-button{
  background: transparent !important;
  color: var(--tm-red) !important;
  border: 2px solid var(--tm-red) !important;
}
.tm-btn-outline .elementor-button:hover,
.tm-btn-outline.elementor-button:hover{
  background: var(--tm-red) !important;
  color: #fff !important;
}

/* Cards (add class tm-card to any container) */
.tm-card{
  background: #fff;
  border: 1px solid var(--tm-border);
  border-radius: var(--tm-radius);
  box-shadow: var(--tm-shadow);
}

/* WooCommerce notices */
.woocommerce-message,
.woocommerce-info{
  border-top-color: var(--tm-red);
}
.woocommerce-message::before,
.woocommerce-info::before{
  color: var(--tm-red);
}

/* Price styling */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price{
  color: var(--tm-black);
  font-weight: 700;
}

/* Form fields */
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea, select{
  border-radius: var(--tm-radius-sm);
  border: 1px solid var(--tm-border);
  padding: 10px 12px;
}
input:focus, textarea:focus, select:focus{
  outline: none;
  border-color: rgba(229,57,45,.55);
  box-shadow: 0 0 0 4px rgba(229,57,45,.12);
}

/* Badge utility */
.tm-badge{
  display: inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(229,57,45,.08);
  color: var(--tm-red);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
}