/* ============================================================
   Koreanischkurs Shop - SureCart gap layer (token-only)
   Native Brand Color first; this styles the seam.
   ============================================================ */

/* Map SureCart's color/system vars to the KK brand so sc components inherit brand red */
:root {
  --sc-color-primary-400: var(--t-brand-primary);
  --sc-color-primary-500: var(--t-brand-primary);
  --sc-color-primary-600: var(--t-brand-primary-2);
  --sc-color-primary-700: var(--t-brand-primary-2);
  --sc-color-brand-primary: var(--t-brand-primary);
  --sc-input-border-color-focus: var(--t-brand-primary);
  --sc-focus-ring-color: var(--t-brand-primary);
  --sc-border-radius: var(--t-radius-md);
}

/* Catalog grid */
.wp-block-surecart-product-template.is-layout-grid { gap: var(--t-gutter-lg); }

/* Product card */
.sc-product-item {
  background: var(--t-card-bg);
  border: var(--t-card-border);
  border-radius: var(--t-radius-lg);
  box-shadow: var(--t-card-shadow);
  padding: var(--t-space-md);
  transition: transform var(--t-dur) var(--t-ease), box-shadow var(--t-dur) var(--t-ease);
}
.sc-product-item:hover { transform: translateY(-3px); box-shadow: var(--t-card-shadow-h); }
.sc-product-item-link { text-decoration: none; color: inherit; }

/* Titles + prices */
.wp-block-surecart-product-title {
  font-family: var(--t-font-heading);
  font-weight: var(--t-heading-weight);
  color: var(--t-text-strongest);
}
.wp-block-surecart-product-list-price,
.wp-block-surecart-product-selected-price-amount {
  color: var(--t-text-strongest);
  font-weight: var(--t-heading-weight);
}

/* Sale badge / primary tag */
.sc-tag--primary {
  background: var(--t-brand-primary);
  color: var(--t-text-on-accent);
  border-radius: var(--t-radius-pill);
}

/* Media frame (placeholder + real images) */
.wp-block-surecart-product-media {
  border-radius: var(--t-radius-md);
  overflow: hidden;
  background: var(--t-surface-subtle);
}

/* PDP description */
.sc-prose.wp-block-surecart-product-description { color: var(--t-text-strong); }

/* Quantity selector */
.sc-quantity-selector .sc-input-group-text,
.sc-quantity-selector .sc-form-control { border-color: var(--t-border-color); }

/* Buy + cart-submit buttons -> framework primary button */
.wp-block-surecart-product-buy-button .wp-block-button__link,
.wp-block-surecart-slide-out-cart-submit {
  background: var(--t-btn-primary-bg);
  color: var(--t-btn-primary-text);
  border-radius: var(--t-btn-radius);
  font-family: var(--t-font-heading);
  font-weight: var(--t-heading-weight);
}
.wp-block-surecart-product-buy-button .wp-block-button__link:hover,
.wp-block-surecart-slide-out-cart-submit:hover { background: var(--t-btn-primary-bg-hover); }

/* Outline / secondary buy button */
.wp-block-surecart-product-buy-button.is-style-outline .wp-block-button__link {
  background: var(--t-btn-secondary-bg);
  color: var(--t-btn-secondary-text);
  border: var(--t-btn-secondary-border);
}

/* Cart drawer */
.sc-cart-drawer { background: var(--t-surface-base); }
.sc-product-line-item__title { color: var(--t-text-strongest); font-weight: 600; }
.sc-product-line-item__price-amount { color: var(--t-text-strongest); }

/* Alerts: keep readable */
.sc-alert__alert--danger { border-radius: var(--t-radius-md); }

/* ============================================================
   surecart.css ADDITIONS - Checkout + cart polish (token-only)
   Calm, teacher-led, honest conversion. No hardcoded colors.
   SureCart checkout is shadow-DOM: customize via CSS custom
   properties + ::part() hooks. Selectors kept defensive.
   ============================================================ */

sc-checkout, .sc-checkout, .wp-block-surecart-checkout-form, .sc-form, sc-form {
  --sc-input-border-radius: var(--t-radius-md);
  --sc-border-radius-small: var(--t-radius-md);
  --sc-border-radius-medium: var(--t-radius-md);
  --sc-border-radius-large: var(--t-radius-lg);
  --sc-input-font-family: inherit;
  --sc-font-sans: inherit;
  --sc-color-gray-100: var(--t-surface-subtle);
  --sc-color-gray-200: var(--t-border-color);
  --sc-color-gray-300: var(--t-border-color);
  --sc-input-border-color: var(--t-border-color);
  --sc-input-border-color-hover: var(--t-text-subtle);
  --sc-input-border-color-focus: var(--t-brand-primary);
  --sc-focus-ring-color: var(--t-brand-primary);
  --sc-input-background-color: var(--t-surface-base);
  --sc-input-color: var(--t-text-strong);
  --sc-input-placeholder-color: var(--t-text-subtle);
  --sc-input-label-color: var(--t-text-strong);
  --sc-input-help-text-color: var(--t-text-medium);
  --sc-color-text: var(--t-text-strong);
  --sc-label-color: var(--t-text-strong);
  --sc-input-spacing: var(--t-space-md);
  --sc-spacing-medium: var(--t-space-md);
  --sc-spacing-large: var(--t-space-lg);
}

sc-checkout::part(panel), sc-card::part(base), .sc-card, .sc-checkout fieldset, sc-checkout fieldset {
  background: var(--t-surface-base);
  border: 1px solid var(--t-border-color);
  border-radius: var(--t-radius-lg);
  box-shadow: var(--t-shadow-1);
}

sc-input::part(base), sc-input::part(input), sc-select::part(base), sc-textarea::part(base), .sc-form-control input, .sc-form-control select {
  border-radius: var(--t-radius-md);
  border-color: var(--t-border-color);
  color: var(--t-text-strong);
}
sc-input::part(base):focus-within, sc-select::part(base):focus-within, .sc-form-control input:focus, .sc-form-control select:focus {
  border-color: var(--t-brand-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--t-brand-primary) 18%, transparent);
  outline: none;
}

sc-form-control::part(label), .sc-form-control label, .sc-label {
  color: var(--t-text-strong);
  font-weight: 600;
}
sc-form-control::part(help-text), .sc-form-control__help-text, .sc-help-text { color: var(--t-text-medium); }

sc-order-summary::part(base), .sc-order-summary {
  background: var(--t-surface-muted);
  border: 1px solid var(--t-border-color);
  border-radius: var(--t-radius-lg);
  padding: var(--t-space-lg);
  color: var(--t-text-strong);
}
.sc-line-item__title, .sc-product-line-item__title { color: var(--t-text-strong); }
.sc-line-item__description, .sc-product-line-item__description, .sc-line-item__price-description { color: var(--t-text-medium); }
.sc-order-summary__row, .sc-totals__row { color: var(--t-text-medium); padding-block: var(--t-space-sm); }
.sc-order-summary__row + .sc-order-summary__row, .sc-totals__row + .sc-totals__row { border-top: 1px solid var(--t-border-color); }
.sc-order-summary__total, .sc-totals__total, .sc-order-summary__row--total {
  color: var(--t-text-strongest);
  font-family: var(--t-font-heading);
  font-weight: 700;
  border-top: 2px solid var(--t-border-color);
  padding-top: var(--t-space-md);
}

sc-express-checkout, .sc-express-checkout, .sc-checkout__express, .sc-wallet-payments {
  background: var(--t-surface-base);
  border: 1px solid var(--t-border-color);
  border-radius: var(--t-radius-lg);
  padding: var(--t-space-lg);
  margin-bottom: var(--t-space-lg);
  box-shadow: var(--t-shadow-1);
}
.sc-checkout__create-account, .sc-create-account, .sc-password-field--optional { color: var(--t-text-medium); }
.sc-checkout__create-account label, .sc-create-account .sc-form-control__help-text { color: var(--t-text-subtle); font-weight: 400; }

sc-alert[type='danger']::part(base), .sc-alert--danger, .sc-alert[type='danger'], .sc-form-error, .sc-error {
  background: color-mix(in srgb, var(--t-brand-primary) 7%, var(--t-surface-base));
  border: 1px solid color-mix(in srgb, var(--t-brand-primary) 30%, var(--t-border-color));
  border-radius: var(--t-radius-md);
  color: var(--t-text-strong);
  box-shadow: none;
}
sc-alert[type='danger']::part(icon), .sc-alert--danger .sc-alert__icon, .sc-error__icon { color: var(--t-brand-primary); }

sc-checkout::part(submit-button), .sc-checkout .sc-button--primary, .wp-block-surecart-checkout-form .wp-block-button__link {
  border-radius: var(--t-radius-md);
  font-family: var(--t-font-heading);
  letter-spacing: 0.01em;
}

/* Small catalog: drop filter/sort sidebar + search (noise for a few products) */
.wp-block-surecart-product-list-sidebar,
.wp-block-surecart-product-list-sidebar-toggle,
.wp-block-surecart-product-list-search { display: none !important; }
.wp-block-surecart-product-list-content { display: block !important; }