/*
 * Global soft border polish.
 * This file intentionally avoids layout properties so existing page structure stays intact.
 */
:root {
  --td-soft-border: rgba(234, 223, 206, .58);
  --td-soft-border-green: rgba(185, 216, 192, .42);
  --td-soft-surface: rgba(255, 255, 255, .78);
  --td-soft-surface-warm: rgba(255, 250, 240, .62);
  --td-soft-shadow: 0 24px 70px rgba(23, 116, 58, .075), 0 12px 34px rgba(60, 43, 31, .045);
  --td-soft-shadow-hover: 0 28px 80px rgba(23, 116, 58, .105), 0 16px 40px rgba(60, 43, 31, .055);
}

:where(
  .hero-box,
  .success-box,
  .gallery-card,
  .buy-card,
  .content-card,
  .image-card,
  .panel,
  .summary-card,
  .trust-card,
  .side-card,
  .thank-panel,
  .receipt-card,
  .form-card,
  .cta,
  .cta-wide,
  .cta-form,
  .product,
  .benefit,
  .benefit-card,
  .step,
  .faq-item,
  .info,
  .spec,
  .trust,
  .comment,
  .review,
  .review-form-panel,
  .score-card,
  .checkout-upsell,
  .upsell,
  .upsell-mini,
  .product-widget,
  .guide-card,
  .legal-card,
  .auth-card,
  .dashboard-card
) {
  border-color: var(--td-soft-border) !important;
  box-shadow: var(--td-soft-shadow) !important;
  background-clip: padding-box;
}

:where(
  .panel,
  .summary-card,
  .trust-card,
  .side-card,
  .thank-panel,
  .receipt-card,
  .form-card,
  .cta-form,
  .product,
  .benefit,
  .benefit-card,
  .step,
  .faq-item,
  .info,
  .spec,
  .trust,
  .comment,
  .review,
  .review-form-panel,
  .score-card,
  .checkout-upsell,
  .upsell,
  .product-widget,
  .auth-card,
  .dashboard-card
) {
  background-color: var(--td-soft-surface);
}

:where(
  .hero-box,
  .success-box,
  .gallery-card,
  .buy-card,
  .content-card,
  .image-card,
  .cta,
  .cta-wide
) {
  border-color: rgba(255, 255, 255, .68) !important;
}

:where(.ship-box, .gallery-note, .shipping-note, .conversion-box, .bank-box, .voucher-win, .checkout-empty) {
  border-color: var(--td-soft-border-green) !important;
  box-shadow: 0 18px 46px rgba(23, 116, 58, .06) !important;
  background: linear-gradient(145deg, rgba(247, 255, 248, .82), rgba(255, 255, 255, .68)) !important;
}

:where(.product:hover, .benefit:hover, .benefit-card:hover, .upsell:hover, .product-widget:hover) {
  box-shadow: var(--td-soft-shadow-hover) !important;
}