/* Wartip V38 — White channel theme readability hard-fix.
   Loaded after every public/channel stylesheet so legacy dark-theme !important
   rules cannot leave white text on the pure-white channel theme. */

html[data-channel-theme="white"]{
  --bg:#ffffff!important;
  --card:#ffffff!important;
  --field:#f7f7f8!important;
  --line:#d4d4d8!important;
  --primary:#d4d4d8!important;
  --muted:#62626b!important;
  --text:#18181b!important;
  --wt-page:#ffffff!important;
  --wt-page-2:#ffffff!important;
  --wt-surface:#ffffff!important;
  --wt-surface-2:#f7f7f8!important;
  --wt-surface-3:#f1f1f3!important;
  --wt-field:#ffffff!important;
  --wt-border:#d4d4d8!important;
  --wt-border-strong:#a1a1aa!important;
  --wt-text:#18181b!important;
  --wt-muted:#62626b!important;
  --wt-muted-2:#7d7d87!important;
  --wt-placeholder:#92929c!important;
  color-scheme:light!important;
}

html[data-channel-theme="white"] body,
html[data-channel-theme="white"] #wtPublicView{
  color:#18181b!important;
}

/* Main support headings/content — these were still inheriting fixed white text. */
html[data-channel-theme="white"] #wtPublicView .wt-donation-heading h2,
html[data-channel-theme="white"] #wtPublicView .support-card h1,
html[data-channel-theme="white"] #wtPublicView .support-card h2,
html[data-channel-theme="white"] #wtPublicView .support-card h3,
html[data-channel-theme="white"] #wtPublicView .card h1,
html[data-channel-theme="white"] #wtPublicView .card h2,
html[data-channel-theme="white"] #wtPublicView .card h3,
html[data-channel-theme="white"] #wtPublicView .about h2,
html[data-channel-theme="white"] #wtPublicView .about h3,
html[data-channel-theme="white"] #wtPublicView .shop-product-copy h2{
  color:#18181b!important;
  text-shadow:none!important;
}
html[data-channel-theme="white"] #wtPublicView .wt-donation-heading p,
html[data-channel-theme="white"] #wtPublicView .muted,
html[data-channel-theme="white"] #wtPublicView .hint,
html[data-channel-theme="white"] #wtPublicView .wi-method-sub,
html[data-channel-theme="white"] #wtPublicView .wi-pay-sub,
html[data-channel-theme="white"] #wtPublicView .shop-product-copy p,
html[data-channel-theme="white"] #wtPublicView .about p{
  color:#62626b!important;
  text-shadow:none!important;
}

/* Form labels, helper text and values. */
html[data-channel-theme="white"] #donationForm,
html[data-channel-theme="white"] #donationForm .field,
html[data-channel-theme="white"] #donationForm .field>label,
html[data-channel-theme="white"] #donationForm fieldset,
html[data-channel-theme="white"] #donationForm legend,
html[data-channel-theme="white"] #donationForm h3,
html[data-channel-theme="white"] .order-layout,
html[data-channel-theme="white"] .order-layout .field>label{
  color:#18181b!important;
  text-shadow:none!important;
}
html[data-channel-theme="white"] #donationForm .field>label small,
html[data-channel-theme="white"] #donationForm .hint,
html[data-channel-theme="white"] #donationForm small,
html[data-channel-theme="white"] .order-layout small{
  color:#62626b!important;
}

html[data-channel-theme="white"] #donationForm input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
html[data-channel-theme="white"] #donationForm textarea,
html[data-channel-theme="white"] #donationForm select,
html[data-channel-theme="white"] .order-layout input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
html[data-channel-theme="white"] .order-layout textarea,
html[data-channel-theme="white"] .order-layout select{
  color:#18181b!important;
  background:rgba(255,255,255,.90)!important;
  border-color:#c9c9cf!important;
  caret-color:#18181b!important;
  -webkit-text-fill-color:#18181b!important;
  box-shadow:none!important;
}
html[data-channel-theme="white"] #donationForm input::placeholder,
html[data-channel-theme="white"] #donationForm textarea::placeholder,
html[data-channel-theme="white"] .order-layout input::placeholder,
html[data-channel-theme="white"] .order-layout textarea::placeholder{
  color:#8a8a94!important;
  opacity:1!important;
  -webkit-text-fill-color:#8a8a94!important;
}
html[data-channel-theme="white"] #donationForm input:focus,
html[data-channel-theme="white"] #donationForm textarea:focus,
html[data-channel-theme="white"] #donationForm select:focus,
html[data-channel-theme="white"] .order-layout input:focus,
html[data-channel-theme="white"] .order-layout textarea:focus,
html[data-channel-theme="white"] .order-layout select:focus{
  border-color:#71717a!important;
  box-shadow:0 0 0 3px rgba(39,39,42,.10)!important;
  outline:none!important;
}

/* Public information card and checkout surfaces. */
html[data-channel-theme="white"] #wtPublicView .wt-support-info,
html[data-channel-theme="white"] #wtPublicView .card,
html[data-channel-theme="white"] #wtPublicView .support-unavailable,
html[data-channel-theme="white"] #donationForm .wi-summary,
html[data-channel-theme="white"] #donationForm .wi-payment-overview,
html[data-channel-theme="white"] #donationForm .wpay-payment-detail,
html[data-channel-theme="white"] #donationForm .wpay-upload-form,
html[data-channel-theme="white"] #donationForm .slip-picker,
html[data-channel-theme="white"] #donationForm .wi-confirm,
html[data-channel-theme="white"] #donationForm .wi-finish,
html[data-channel-theme="white"] .order-layout>.card{
  color:#18181b!important;
  background:rgba(255,255,255,.92)!important;
  border-color:#d4d4d8!important;
  text-shadow:none!important;
}

html[data-channel-theme="white"] .wt-support-info strong,
html[data-channel-theme="white"] .wt-support-info h2,
html[data-channel-theme="white"] .wt-support-info h3,
html[data-channel-theme="white"] .wt-support-info-note,
html[data-channel-theme="white"] .wt-support-info-note p,
html[data-channel-theme="white"] .wt-support-info-links a,
html[data-channel-theme="white"] .wt-support-info-identity strong{
  color:#18181b!important;
}
html[data-channel-theme="white"] .wt-support-info-bio,
html[data-channel-theme="white"] .wt-support-info-identity span{
  color:#62626b!important;
}
html[data-channel-theme="white"] .wt-support-info-kicker,
html[data-channel-theme="white"] .kicker{
  color:#3f3f46!important;
}

/* Payment method cards / timer / mobile slip controls. */
html[data-channel-theme="white"] #donationForm .wi-method,
html[data-channel-theme="white"] #donationForm .wi-method-total,
html[data-channel-theme="white"] #donationForm .wi-timer,
html[data-channel-theme="white"] #donationForm .wpay-mobile-open,
html[data-channel-theme="white"] #donationForm .wi-method-back,
html[data-channel-theme="white"] #donationForm .wi-text-button,
html[data-channel-theme="white"] #donationForm .bank-copy{
  color:#18181b!important;
  background:#f4f4f5!important;
  border-color:#d4d4d8!important;
}
html[data-channel-theme="white"] #donationForm .wi-method:hover,
html[data-channel-theme="white"] #donationForm .wi-method.is-selected,
html[data-channel-theme="white"] #donationForm .wi-method:has(input:checked){
  color:#18181b!important;
  background:#ececef!important;
  border-color:#a1a1aa!important;
}
html[data-channel-theme="white"] #donationForm .wi-summary strong,
html[data-channel-theme="white"] #donationForm .wi-method-total strong,
html[data-channel-theme="white"] #donationForm .wi-timer strong,
html[data-channel-theme="white"] #donationForm .wpay-section-title,
html[data-channel-theme="white"] #donationForm .slip-picker strong,
html[data-channel-theme="white"] #donationForm .wpay-mobile-open b{
  color:#18181b!important;
}

/* White theme primary actions = white/gray, with strong black label contrast. */
html[data-channel-theme="white"] #wtPublicView .btn-primary,
html[data-channel-theme="white"] #donationForm .btn-primary,
html[data-channel-theme="white"] #donationForm #donateContinue,
html[data-channel-theme="white"] #donationForm .wi-pay-start,
html[data-channel-theme="white"] #donationForm .wpay-wallet-submit,
html[data-channel-theme="white"] #donationForm .pay-submit,
html[data-channel-theme="white"] .product .btn{
  color:#18181b!important;
  -webkit-text-fill-color:#18181b!important;
  background:linear-gradient(115deg,#dedee2,#ffffff 58%,#e7e7ea)!important;
  border-color:#b8b8bf!important;
  text-shadow:none!important;
  box-shadow:0 8px 22px rgba(24,24,27,.10)!important;
}
html[data-channel-theme="white"] #wtPublicView .btn-primary:hover,
html[data-channel-theme="white"] #donationForm .btn-primary:hover,
html[data-channel-theme="white"] #donationForm #donateContinue:hover,
html[data-channel-theme="white"] #donationForm .wi-pay-start:hover,
html[data-channel-theme="white"] .product .btn:hover{
  background:linear-gradient(115deg,#d1d1d6,#f8f8f9 58%,#dedee2)!important;
  border-color:#8d8d96!important;
}

/* Keep the identity sitting on the photo readable in white, as intended. */
html[data-channel-theme="white"] .cover .channel h1,
html[data-channel-theme="white"] .cover .wt-channel-title-group h1,
html[data-channel-theme="white"] .cover .wt-channel-link{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  text-shadow:0 2px 14px rgba(0,0,0,.55)!important;
}

/* Alerts/status text. */
html[data-channel-theme="white"] .note:not(.error),
html[data-channel-theme="white"] .wpay-result,
html[data-channel-theme="white"] .wi-mobile-slip-dialog-inner{
  color:#18181b!important;
}
html[data-channel-theme="white"] .wi-mobile-slip-dialog-inner{
  background:#ffffff!important;
  border-color:#d4d4d8!important;
}
html[data-channel-theme="white"] .wi-mobile-slip-dialog-inner p,
html[data-channel-theme="white"] .wi-mobile-slip-note{
  color:#62626b!important;
}

/* About / shop text that older skins sometimes force to white. */
html[data-channel-theme="white"] #wtPublicView .about,
html[data-channel-theme="white"] #wtPublicView .about *,
html[data-channel-theme="white"] #wtPublicView .shop-product-copy,
html[data-channel-theme="white"] #wtPublicView .shop-product-copy *{
  text-shadow:none!important;
}
html[data-channel-theme="white"] #wtPublicView .about h2,
html[data-channel-theme="white"] #wtPublicView .about h3,
html[data-channel-theme="white"] #wtPublicView .shop-product-copy h2,
html[data-channel-theme="white"] #wtPublicView .product-foot b{
  color:#18181b!important;
}
html[data-channel-theme="white"] #wtPublicView .about p,
html[data-channel-theme="white"] #wtPublicView .shop-product-copy p,
html[data-channel-theme="white"] #wtPublicView .product-foot small{
  color:#62626b!important;
}

@media(max-width:900px){
  html[data-channel-theme="white"] #wtPublicView .wt-support-info,
  html[data-channel-theme="white"] #wtPublicView .card{
    background:rgba(255,255,255,.94)!important;
  }
}