/* ============================================================
   SMMGiskaye Funnel — brand styles (overridable by theme)
   Tokens here mirror the rest of Giskaye's site palette.
   ============================================================ */

:root {
  --smmgis-primary:   #4a1424;   /* maroon */
  --smmgis-accent:    #e85a8e;   /* pink   */
  --smmgis-coral:     #e25b2c;
  --smmgis-olive:     #8a8d2d;
  --smmgis-cream:     #fef5e7;
  --smmgis-success:   #18a06a;
  --smmgis-info:      #2b6cb0;
  --smmgis-shadow:    0 8px 24px rgba(74, 20, 36, 0.08);
}

/* ---------- Product B gate banners ---------- */
.smmgis-banner {
  margin: 18px 0;
  padding: 16px 20px;
  border-radius: 12px;
  font-family: inherit;
  font-size: 15px;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 12px;
  box-shadow: var(--smmgis-shadow);
}
.smmgis-banner--success {
  background: #e8f7f0;
  color: #0d5a3a;
  border-left: 4px solid var(--smmgis-success);
}
.smmgis-banner--info {
  background: #e6f1fb;
  color: #1f4a7a;
  border-left: 4px solid var(--smmgis-info);
}
.smmgis-banner a {
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
}

/* When already-purchased state is active, hide native cart button */
.smmgis-already-purchased .single_add_to_cart_button,
.smmgis-already-purchased .quantity,
.smmgis-already-purchased .product_meta { display: none !important; }

/* ---------- Buttons ---------- */
.smmgis-funnel-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: var(--smmgis-olive);
  color: var(--smmgis-primary);
  border-radius: 999px;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  transition: background .15s ease, transform .15s ease;
}
.smmgis-funnel-btn:hover {
  background: #b6b94e;
  transform: translateY(-1px);
}

/* ---------- Magic login form ---------- */
.smmgis-login-form {
  max-width: 420px;
  margin: 0 auto;
  background: #fff;
  padding: 28px 26px;
  border-radius: 14px;
  box-shadow: var(--smmgis-shadow);
}
.smmgis-login-tabs {
  display: flex;
  gap: 4px;
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(74, 20, 36, 0.1);
}
.smmgis-login-tab {
  flex: 1;
  padding: 10px 16px;
  background: transparent;
  border: 0;
  cursor: pointer;
  font-weight: 700;
  font-size: 13px;
  color: rgba(42, 16, 25, 0.55);
  border-bottom: 2px solid transparent;
}
.smmgis-login-tab.is-active {
  color: var(--smmgis-primary);
  border-bottom-color: var(--smmgis-accent);
}
.smmgis-login-panel { display: none; }
.smmgis-login-panel.is-active { display: block; }
.smmgis-login-panel label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--smmgis-primary);
  margin-bottom: 6px;
}
.smmgis-login-panel input[type="email"],
.smmgis-login-panel input[type="text"],
.smmgis-login-panel input[type="password"] {
  width: 100%;
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid rgba(74, 20, 36, 0.15);
  font-size: 14px;
  margin-bottom: 14px;
  font-family: inherit;
}
.smmgis-login-panel button[type="submit"],
.smmgis-login-magic-submit {
  width: 100%;
  padding: 13px 18px;
  background: var(--smmgis-primary);
  color: #fff;
  border: 0;
  border-radius: 999px;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
}
.smmgis-login-panel button[type="submit"]:hover,
.smmgis-login-magic-submit:hover { background: var(--smmgis-accent); }
.smmgis-login-msg {
  margin-top: 12px;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 13px;
}
.smmgis-login-msg.is-ok    { background: #e8f7f0; color: #0d5a3a; }
.smmgis-login-msg.is-error { background: #fde6ef; color: #7a1d3d; }

/* ---------- Hide WC noise when funnel cart active ---------- */
.smmgis-funnel-active .woocommerce-form__label-for-checkbox.woocommerce-form__label-checkbox--createaccount,
.smmgis-funnel-active .woocommerce-info .button.wc-forward {
  display: none !important;
}