/*
Theme Name: WTW Direct Peptides Clean Hero Final
Theme URI: https://peptidewtw.com/
Author: WTW Peptides
Description: Dedicated peptide supply landing page with a clean animated lyophilized vial hero and direct WhatsApp contact.
Version: 1.2.0
License: GNU General Public License v2 or later
Text Domain: wtw-direct-peptides-clean-hero
*/


/* WTW DIRECT — WHITE CLINICAL SURFACE OVERRIDE v1 | 2026-09-16 */
/* Reversible: remove this block to restore the former night theme. */
#root > div { background: #ffffff !important; color: #0f172a !important; }
#root > div > header { background: rgba(255,255,255,.96) !important; border-color: #e2e8f0 !important; box-shadow: 0 4px 20px rgba(15,23,42,.06); }
#root > div > header .text-white { color: #0f172a !important; }
#root > div > header .text-slate-300, #root > div > header .text-slate-400 { color: #475569 !important; }
#root > div > section { background: #ffffff !important; color: #0f172a !important; border-color: #e2e8f0 !important; }
#root > div > section#top { background: linear-gradient(135deg,#ffffff 0%,#f8fafc 58%,#fffbeb 100%) !important; }
#root > div > section#top h1 { color: #0f172a !important; }
#root > div > section#top h1 span { color: #b45309 !important; background: none !important; -webkit-text-fill-color: currentColor; }
#root > div > section#top .lg\:col-span-5 > p { color: #475569 !important; }
#root > div > section#top .bg-slate-900\/90 { background: #ffffff !important; border-color:#cbd5e1 !important; color:#0f172a !important; }
#root > div > section#top .bg-slate-900\/90 .text-white { color:#0f172a !important; }
#root > div > section#top .bg-slate-900\/90 .text-slate-400 { color:#64748b !important; }
#root > div > section#top .border-slate-800 { border-color:#e2e8f0 !important; }
#root > div > section:not(#top) [class*='bg-slate-950'],
#root > div > section:not(#top) [class*='bg-slate-900'],
#root > div > section:not(#top) [class*='bg-slate-800'] { background-color:#ffffff !important; }
#root > div > section:not(#top) [class*='border-slate-800'],
#root > div > section:not(#top) [class*='border-slate-700'] { border-color:#e2e8f0 !important; }
#root > div > section:not(#top) .text-white { color:#0f172a !important; }
#root > div > section:not(#top) .text-slate-100,
#root > div > section:not(#top) .text-slate-200 { color:#334155 !important; }
#root > div > section:not(#top) .text-slate-300 { color:#475569 !important; }
#root > div > section:not(#top) .text-slate-400,
#root > div > section:not(#top) .text-slate-500,
#root > div > section:not(#top) .text-slate-600 { color:#64748b !important; }
#root > div > section:not(#top) .from-amber-500\/10.via-slate-900.to-emerald-500\/10 { background:linear-gradient(100deg,#fff7ed,#ffffff,#ecfdf5) !important; }
#root > div > section:not(#top) input { background:#ffffff !important; color:#0f172a !important; border-color:#cbd5e1 !important; }
#root > div > section:not(#top) [class*='shadow-black'] { --tw-shadow-color:rgba(15,23,42,.12) !important; }
#root > div > footer { background:#020617 !important; }
#root > div > footer .text-white { color:#ffffff !important; }
#root > div > footer .text-slate-400 { color:#94a3b8 !important; }
#root > div > footer .text-slate-500, #root > div > footer .text-slate-600 { color:#64748b !important; }
@media (max-width:640px) {
  #root > div > section { padding-top:4.5rem !important; padding-bottom:4.5rem !important; }
  #root > div > section#top { padding-top:2.5rem !important; }
  #root .fixed.bottom-6.right-6 { right:1rem !important; bottom:max(1rem,env(safe-area-inset-bottom)) !important; }
}


/* MOBILE CTA CLEARANCE v1: preserve fast WhatsApp access without covering page controls. */
@media (max-width:640px) {
  #root .fixed.bottom-6.right-6 { right:1rem !important; bottom:max(1rem,env(safe-area-inset-bottom)) !important; }
  #root .fixed.bottom-6.right-6 > a { width:52px !important; height:52px !important; min-width:52px !important; padding:0 !important; gap:0 !important; justify-content:center !important; font-size:0 !important; box-shadow:0 14px 30px rgba(16,185,129,.32) !important; }
  #root .fixed.bottom-6.right-6 > a > span:first-child { display:none !important; }
  #root .fixed.bottom-6.right-6 > a > svg { width:24px !important; height:24px !important; }
}

/* MOBILE CTA TEXT HIDE v1 */
@media (max-width:640px) { #root .fixed.bottom-6.right-6 > a > span:last-child { display:none !important; } }