/* ------------------------------------------------------------------ BMS Labs palette overlay Generated from the theme's own stylesheets. Loads AFTER tailwind.css and style.css and restates the same selectors with the BMS colours sampled from the logo. No !important; no source file was edited. To revert completely, remove the bms-palette enqueue in functions.php. ink #181818 navy #001234 blue #0039A6 paper #FCFCFC ------------------------------------------------------------------ */ :root{--primary-color:#0039A6;--primary-light:#2D67C5;--primary-dark:#001234;--navy-blue:#00142E;--navy-light:#0A1D3D;--navy-deep:#000A1C;--bg-beige:#F4F6F9;--text-main:#181818;--text-muted:#5A6274;--accent-blue:#2D67C5} *, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(45 103 197 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(45 103 197 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.prose{--tw-prose-body:#374151;--tw-prose-headings:#181818;--tw-prose-lead:#5A6274;--tw-prose-links:#181818;--tw-prose-bold:#181818;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#181818;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#181818;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#181818;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#5A6274;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);--tw-prose-invert-th-borders:#5A6274;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.border-\[\#7B4B2A\]\/20{border-color:rgb(0 57 166 / 0.2)}.border-\[\#174A9C\]{--tw-border-opacity:1;border-color:rgb(0 57 166 / var(--tw-border-opacity, 1))}.border-\[\#7B4B2A\]{--tw-border-opacity:1;border-color:rgb(0 57 166 / var(--tw-border-opacity, 1))}.border-\[\#7B4B2A\]\/10{border-color:rgb(0 57 166 / 0.1)}.border-\[\#7B4B2A\]\/30{border-color:rgb(0 57 166 / 0.3)}.border-\[\#FEF3C7\]{--tw-border-opacity:1;border-color:rgb(216 226 245 / var(--tw-border-opacity, 1))}.border-amber-100{--tw-border-opacity:1;border-color:rgb(216 226 245 / var(--tw-border-opacity, 1))}.border-amber-50{--tw-border-opacity:1;border-color:rgb(242 245 251 / var(--tw-border-opacity, 1))}.border-amber-800{--tw-border-opacity:1;border-color:rgb(0 39 122 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(45 103 197 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(90 98 116 / var(--tw-border-opacity, 1))}.bg-\[\#020617\]\/95{background-color:rgb(0 8 20 / 0.95)}.bg-\[\#080C14\]{--tw-bg-opacity:1;background-color:rgb(0 10 28 / var(--tw-bg-opacity, 1))}.bg-\[\#0F172A\]{--tw-bg-opacity:1;background-color:rgb(10 23 48 / var(--tw-bg-opacity, 1))}.bg-\[\#101827\]{--tw-bg-opacity:1;background-color:rgb(0 20 46 / var(--tw-bg-opacity, 1))}.bg-\[\#174A9C\]{--tw-bg-opacity:1;background-color:rgb(0 57 166 / var(--tw-bg-opacity, 1))}.bg-\[\#174A9C\]\/20{background-color:rgb(0 57 166 / 0.2)}.bg-\[\#7B4B2A\]{--tw-bg-opacity:1;background-color:rgb(0 57 166 / var(--tw-bg-opacity, 1))}.bg-\[\#7B4B2A\]\/10{background-color:rgb(0 57 166 / 0.1)}.bg-\[\#7B4B2A\]\/5{background-color:rgb(0 57 166 / 0.05)}.bg-\[\#F5F7FA\]{--tw-bg-opacity:1;background-color:rgb(244 246 249 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(24 24 24 / var(--tw-bg-opacity, 1))}.bg-\[\#020617\]{--tw-bg-opacity:1;background-color:rgb(0 8 20 / var(--tw-bg-opacity, 1))}.bg-\[\#0F172A\]\/40{background-color:rgb(10 23 48 / 0.4)}.bg-\[\#0F172A\]\/90{background-color:rgb(10 23 48 / 0.9)}.bg-\[\#1A2B3C\]{--tw-bg-opacity:1;background-color:rgb(18 38 63 / var(--tw-bg-opacity, 1))}.bg-\[\#7B4B2A\]\/20{background-color:rgb(0 57 166 / 0.2)}.bg-\[\#7B4B2A\]\/30{background-color:rgb(0 57 166 / 0.3)}.bg-\[\#C19A6B\]{--tw-bg-opacity:1;background-color:rgb(121 167 245 / var(--tw-bg-opacity, 1))}.bg-\[\#F5F1E8\]{--tw-bg-opacity:1;background-color:rgb(237 239 244 / var(--tw-bg-opacity, 1))}.bg-\[\#F9F7F2\]{--tw-bg-opacity:1;background-color:rgb(244 246 249 / var(--tw-bg-opacity, 1))}.bg-\[\#FDFCF9\]{--tw-bg-opacity:1;background-color:rgb(250 251 253 / var(--tw-bg-opacity, 1))}.bg-\[\#FFFBEB\]{--tw-bg-opacity:1;background-color:rgb(242 245 251 / var(--tw-bg-opacity, 1))}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(216 226 245 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(242 245 251 / var(--tw-bg-opacity, 1))}.bg-amber-800{--tw-bg-opacity:1;background-color:rgb(0 39 122 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(45 103 197 / var(--tw-bg-opacity, 1))}.bg-blue-500\/20{background-color:rgb(45 103 197 / 0.2)}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(90 98 116 / var(--tw-bg-opacity, 1))}.bg-gray-900\/40{background-color:rgb(24 24 24 / 0.4)}.from-\[\#020617\]{--tw-gradient-from:#000814 var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 8 20 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#080C14\]{--tw-gradient-from:#000A1C var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 10 28 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#174A9C\]{--tw-gradient-from:#0039A6 var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 57 166 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#7B4B2A\]{--tw-gradient-from:#0039A6 var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 57 166 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#7B4B2A\]\/20{--tw-gradient-from:rgb(0 57 166 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 57 166 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#7B4B2A\]\/40{--tw-gradient-from:rgb(0 57 166 / 0.4) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 57 166 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-\[\#020617\]\/40{--tw-gradient-to:rgb(0 8 20 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(0 8 20 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[\#020617\]{--tw-gradient-to:#000814 var(--tw-gradient-to-position)}.to-\[\#0D2D66\]{--tw-gradient-to:#001234 var(--tw-gradient-to-position)}.to-\[\#17233A\]{--tw-gradient-to:#0A1D3D var(--tw-gradient-to-position)}.to-\[\#6B3E1F\]{--tw-gradient-to:#00277A var(--tw-gradient-to-position)}.to-\[\#7B4B2A\]\/20{--tw-gradient-to:rgb(0 57 166 / 0.2) var(--tw-gradient-to-position)}.to-\[\#946241\]{--tw-gradient-to:#2D67C5 var(--tw-gradient-to-position)}.text-\[\#174A9C\]{--tw-text-opacity:1;color:rgb(0 57 166 / var(--tw-text-opacity, 1))}.text-\[\#7B4B2A\]{--tw-text-opacity:1;color:rgb(0 57 166 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity:1;color:rgb(24 24 24 / var(--tw-text-opacity, 1))}.text-slate-950{--tw-text-opacity:1;color:rgb(0 8 20 / var(--tw-text-opacity, 1))}.text-\[\#0F172A\]{--tw-text-opacity:1;color:rgb(10 23 48 / var(--tw-text-opacity, 1))}.text-\[\#1A2B3C\]{--tw-text-opacity:1;color:rgb(18 38 63 / var(--tw-text-opacity, 1))}.text-\[\#7B4B2A\]\/80{color:rgb(0 57 166 / 0.8)}.text-\[\#92400E\]{--tw-text-opacity:1;color:rgb(0 39 122 / var(--tw-text-opacity, 1))}.text-\[\#946241\]{--tw-text-opacity:1;color:rgb(45 103 197 / var(--tw-text-opacity, 1))}.text-amber-100{--tw-text-opacity:1;color:rgb(216 226 245 / var(--tw-text-opacity, 1))}.text-amber-50{--tw-text-opacity:1;color:rgb(242 245 251 / var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity:1;color:rgb(0 39 122 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity:1;color:rgb(45 103 197 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity:1;color:rgb(90 98 116 / var(--tw-text-opacity, 1))}.shadow-gray-900\/20{--tw-shadow-color:rgb(24 24 24 / 0.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-\[\#7B4B2A\]\/10{--tw-shadow-color:rgb(0 57 166 / 0.1);--tw-shadow:var(--tw-shadow-colored)}.shadow-\[\#7B4B2A\]\/20{--tw-shadow-color:rgb(0 57 166 / 0.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-\[\#7B4B2A\]\/40{--tw-shadow-color:rgb(0 57 166 / 0.4);--tw-shadow:var(--tw-shadow-colored)}.shadow-gray-900\/10{--tw-shadow-color:rgb(24 24 24 / 0.1);--tw-shadow:var(--tw-shadow-colored)}.hover\:border-\[\#7B4B2A\]:hover{--tw-border-opacity:1;border-color:rgb(0 57 166 / var(--tw-border-opacity, 1))}.hover\:border-\[\#7B4B2A\]\/30:hover{border-color:rgb(0 57 166 / 0.3)}.hover\:bg-\[\#7B4B2A\]:hover{--tw-bg-opacity:1;background-color:rgb(0 57 166 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#0F172A\]:hover{--tw-bg-opacity:1;background-color:rgb(10 23 48 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#174A9C\]:hover{--tw-bg-opacity:1;background-color:rgb(0 57 166 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#6B3E1F\]:hover{--tw-bg-opacity:1;background-color:rgb(0 39 122 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#7B4B2A\]\/20:hover{background-color:rgb(0 57 166 / 0.2)}.hover\:bg-\[\#946241\]:hover{--tw-bg-opacity:1;background-color:rgb(45 103 197 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#FDFCF9\]:hover{--tw-bg-opacity:1;background-color:rgb(250 251 253 / var(--tw-bg-opacity, 1))}.hover\:text-\[\#174A9C\]:hover{--tw-text-opacity:1;color:rgb(0 57 166 / var(--tw-text-opacity, 1))}.hover\:text-\[\#7B4B2A\]:hover{--tw-text-opacity:1;color:rgb(0 57 166 / var(--tw-text-opacity, 1))}.hover\:text-\[\#946241\]:hover{--tw-text-opacity:1;color:rgb(45 103 197 / var(--tw-text-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(90 98 116 / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(24 24 24 / var(--tw-text-opacity, 1))}.hover\:text-\[\#6B3E1F\]:hover{--tw-text-opacity:1;color:rgb(0 39 122 / var(--tw-text-opacity, 1))}.focus\:border-\[\#174A9C\]:focus{--tw-border-opacity:1;border-color:rgb(0 57 166 / var(--tw-border-opacity, 1))}.focus\:border-\[\#7B4B2A\]:focus{--tw-border-opacity:1;border-color:rgb(0 57 166 / var(--tw-border-opacity, 1))}.focus\:ring-\[\#7B4B2A\]:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(0 57 166 / var(--tw-ring-opacity, 1))}.focus\:ring-\[\#7B4B2A\]\/20:focus{--tw-ring-color:rgb(0 57 166 / 0.2)}.focus\:ring-gray-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(24 24 24 / var(--tw-ring-opacity, 1))}.group:hover .group-hover\:bg-\[\#7B4B2A\]\/10{background-color:rgb(0 57 166 / 0.1)}.group:hover .group-hover\:bg-\[\#174A9C\]{--tw-bg-opacity:1;background-color:rgb(0 57 166 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-\[\#174A9C\]\/10{background-color:rgb(0 57 166 / 0.1)}.group:hover .group-hover\:text-\[\#7B4B2A\]{--tw-text-opacity:1;color:rgb(0 57 166 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-\[\#174A9C\]{--tw-text-opacity:1;color:rgb(0 57 166 / var(--tw-text-opacity, 1))} :root{ --primary-color: #0039A6; --primary-light: #2D67C5; --primary-dark: #001234; --navy-blue: #00142E; --navy-light: #0A1D3D; --navy-deep: #000A1C; --bg-beige: #F4F6F9; --text-main: #181818; --text-muted: #5A6274; --accent-blue: #2D67C5; --premium-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02); --glass-bg: rgba(255, 255, 255, 0.03); --glass-border: rgba(255, 255, 255, 0.08); }.bms-surface{ background: #F4F6F9; }.bms-panel{ background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 1rem; box-shadow: 0 16px 40px rgba(10, 23, 48, .06); }.woocommerce-checkout-review-order-table td.product-name{ color: #181818 !important; font-weight: 500 !important; }.woocommerce-checkout-review-order-table td.product-total{ text-align: right !important; font-weight: 600 !important; color: #181818 !important; }.woocommerce-checkout-review-order-table tfoot td{ padding: 0.75rem 0 !important; border: none !important; text-align: right !important; font-weight: 600 !important; color: #181818 !important; }.woocommerce-checkout-review-order-table tfoot .order-total th{ font-size: 1.25rem !important; font-weight: 700 !important; color: #181818 !important; padding-top: 1.5rem !important; border-top: 1px solid #F3F4F6 !important; }.woocommerce-checkout-review-order-table tfoot .order-total td{ font-size: 1.25rem !important; font-weight: 700 !important; color: #0039A6 !important; padding-top: 1.5rem !important; border-top: 1px solid #F3F4F6 !important; }#place_order{ width: 100% !important; margin-top: 2rem !important; padding: 1rem !important; font-size: 1.125rem !important; background-color: #0039A6 !important; border-radius: 1rem !important; }#payment div.payment_box{ background: #F9FAFB !important; border-radius: 0.75rem !important; padding: 1.25rem !important; margin: 1rem 0 !important; color: #5A6274 !important; font-size: 0.875rem !important; }.woocommerce-checkout #payment ul.payment_methods li{ background: #FAFBFD !important; border: 2px solid #F3F4F6 !important; border-radius: 1rem !important; margin-bottom: 1rem !important; padding: 1rem !important; transition: all 0.2s !important; }.woocommerce-checkout #payment ul.payment_methods li:has(input:checked){ border-color: #0039A6 !important; background: #fff !important; box-shadow: 0 4px 12px rgba(0, 57, 166, 0.05) !important; }.woocommerce-checkout #payment ul.payment_methods li label{ font-weight: 700 !important; color: #181818 !important; margin-left: 0.5rem !important; cursor: pointer !important; }.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]{ accent-color: #0039A6 !important; }.particle{ position: absolute; bottom: -10px; background-color: rgba(10, 23, 48, 0.4); border-radius: 50%; animation: floatParticle linear infinite; filter: blur(1px); }@keyframes coa-pulsate{ 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0, 57, 166, 0.4); } 70% { transform: scale(1.1); box-shadow: 0 0 0 10px rgba(0, 57, 166, 0); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0, 57, 166, 0); } } /* ------------------------------------------------------------------ Dark-surface readability. #0039A6 on the navy sections measures 2.0:1, well under the 4.5:1 WCAG AA floor, so lift the accent a step inside dark sections only. Same hue family; light backgrounds keep the deeper blue. ------------------------------------------------------------------ */ .bg-\[\#080C14\] .text-\[\#7B4B2A\], .bg-\[\#080C14\] .text-\[\#174A9C\], .bg-\[\#020617\] .text-\[\#7B4B2A\], .bg-\[\#020617\] .text-\[\#174A9C\], .bg-\[\#0F172A\] .text-\[\#7B4B2A\], .bg-\[\#0F172A\] .text-\[\#174A9C\], .bg-\[\#101827\] .text-\[\#7B4B2A\], .bg-\[\#101827\] .text-\[\#174A9C\], .bg-\[\#1A2B3C\] .text-\[\#7B4B2A\], .bg-\[\#1A2B3C\] .text-\[\#174A9C\], footer .text-\[\#7B4B2A\], footer .text-\[\#174A9C\]{--tw-text-opacity:1;color:rgb(121 167 245 / var(--tw-text-opacity, 1))} .bg-\[\#080C14\] .text-\[\#7B4B2A\]\/80, footer .text-\[\#7B4B2A\]\/80{color:rgb(121 167 245 / 0.8)} .bg-\[\#080C14\] .hover\:text-\[\#7B4B2A\]:hover, .bg-\[\#080C14\] .hover\:text-\[\#174A9C\]:hover, .bg-\[\#080C14\] .hover\:text-\[\#946241\]:hover, footer .hover\:text-\[\#7B4B2A\]:hover, footer .hover\:text-\[\#174A9C\]:hover, footer .hover\:text-\[\#946241\]:hover{--tw-text-opacity:1;color:rgb(168 198 248 / var(--tw-text-opacity, 1))} .bg-\[\#080C14\] .group:hover .group-hover\:text-\[\#7B4B2A\], .bg-\[\#080C14\] .group:hover .group-hover\:text-\[\#174A9C\], footer .group:hover .group-hover\:text-\[\#7B4B2A\], footer .group:hover .group-hover\:text-\[\#174A9C\]{--tw-text-opacity:1;color:rgb(168 198 248 / var(--tw-text-opacity, 1))} /* ------------------------------------------------------------------ Muted body text. Tailwind's gray-500 measures 4.1:1 on white, just under the AA floor. Swapped for the brand's blue-biased neutral at 5.9:1 - slightly darker, slightly cooler, and it now passes. Dark sections keep a lighter grey so nothing gets harder to read there. ------------------------------------------------------------------ */ .text-gray-500{--tw-text-opacity:1;color:rgb(90 98 116 / var(--tw-text-opacity, 1))} .bg-\[\#080C14\] .text-gray-500, .bg-\[\#020617\] .text-gray-500, .bg-\[\#0F172A\] .text-gray-500, .bg-\[\#101827\] .text-gray-500, footer .text-gray-500{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))} /* ------------------------------------------------------------------ Compliance banner. A red alarm bar is the visual language of grey-market sellers; US laboratory suppliers state the same thing soberly. Navy keeps the banner full width, uppercase and white-on-dark, so it is exactly as conspicuous - only the alarm styling goes. The disclaimer also repeats in the age gate, on product pages and in the footer. Revert: delete this block and the bar is red again. ------------------------------------------------------------------ */ .bg-\[\#B91C1C\].text-white.text-center{--tw-bg-opacity:1;background-color:rgb(0 18 52 / var(--tw-bg-opacity, 1));border-bottom:1px solid rgb(255 255 255 / 0.08)} /* Emoji in a compliance line reads as consumer marketing, not lab supply. WordPress renders them as , so they hide cleanly. */ .bg-\[\#B91C1C\].text-white.text-center img.emoji, .bg-\[\#0F172A\].text-white.text-center img.emoji{display:none} /* ------------------------------------------------------------------ Hero headline gradient. It ran light -> mid blue left to right, so the phrase dimmed into the navy exactly where the eye finishes reading. Both stops lifted so the line stays bright the whole way across (6.3:1 at the darker end). ------------------------------------------------------------------ */ .from-\[\#79A7F5\]{--tw-gradient-from:#8FB6F7 var(--tw-gradient-from-position);--tw-gradient-to:rgb(143 182 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .to-\[\#2D67C5\]{--tw-gradient-to:#5E90E8 var(--tw-gradient-to-position)} /* ================================================================== Class-name cleanup (2026-09-16) The templates no longer carry the old Barn hex values in their class names. Tailwind ships precompiled on this site, so each renamed utility needs a rule of its own: every block below is the matching rule above with the same declarations and the new hex in the selector. The original selectors are left in place so that anything still referencing them - the dead woocommerce/ copies, any class string assembled at runtime - keeps rendering exactly as before. ================================================================== */ .border-\[\#0039A6\]\/20{border-color:rgb(0 57 166 / 0.2)} .border-\[\#0039A6\]{--tw-border-opacity:1;border-color:rgb(0 57 166 / var(--tw-border-opacity, 1))} .border-\[\#0039A6\]\/10{border-color:rgb(0 57 166 / 0.1)} .border-\[\#0039A6\]\/30{border-color:rgb(0 57 166 / 0.3)} .bg-\[\#0039A6\]{--tw-bg-opacity:1;background-color:rgb(0 57 166 / var(--tw-bg-opacity, 1))} .bg-\[\#0039A6\]\/20{background-color:rgb(0 57 166 / 0.2)} .bg-\[\#0039A6\]\/10{background-color:rgb(0 57 166 / 0.1)} .bg-\[\#0039A6\]\/5{background-color:rgb(0 57 166 / 0.05)} .bg-\[\#0039A6\]\/30{background-color:rgb(0 57 166 / 0.3)} .bg-\[\#79A7F5\]{--tw-bg-opacity:1;background-color:rgb(121 167 245 / var(--tw-bg-opacity, 1))} .bg-\[\#EDEFF4\]{--tw-bg-opacity:1;background-color:rgb(237 239 244 / var(--tw-bg-opacity, 1))} .bg-\[\#F4F6F9\]{--tw-bg-opacity:1;background-color:rgb(244 246 249 / var(--tw-bg-opacity, 1))} .bg-\[\#FAFBFD\]{--tw-bg-opacity:1;background-color:rgb(250 251 253 / var(--tw-bg-opacity, 1))} .from-\[\#0039A6\]{--tw-gradient-from:#0039A6 var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 57 166 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-\[\#0039A6\]\/20{--tw-gradient-from:rgb(0 57 166 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 57 166 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-\[\#0039A6\]\/40{--tw-gradient-from:rgb(0 57 166 / 0.4) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 57 166 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .to-\[\#001234\]{--tw-gradient-to:#001234 var(--tw-gradient-to-position)} .to-\[\#00277A\]{--tw-gradient-to:#00277A var(--tw-gradient-to-position)} .to-\[\#0039A6\]\/20{--tw-gradient-to:rgb(0 57 166 / 0.2) var(--tw-gradient-to-position)} .to-\[\#2D67C5\]{--tw-gradient-to:#2D67C5 var(--tw-gradient-to-position)} .text-\[\#0039A6\]{--tw-text-opacity:1;color:rgb(0 57 166 / var(--tw-text-opacity, 1))} .text-\[\#0039A6\]\/80{color:rgb(0 57 166 / 0.8)} .text-\[\#2D67C5\]{--tw-text-opacity:1;color:rgb(45 103 197 / var(--tw-text-opacity, 1))} .shadow-\[\#0039A6\]\/10{--tw-shadow-color:rgb(0 57 166 / 0.1);--tw-shadow:var(--tw-shadow-colored)} .shadow-\[\#0039A6\]\/20{--tw-shadow-color:rgb(0 57 166 / 0.2);--tw-shadow:var(--tw-shadow-colored)} .shadow-\[\#0039A6\]\/40{--tw-shadow-color:rgb(0 57 166 / 0.4);--tw-shadow:var(--tw-shadow-colored)} .hover\:border-\[\#0039A6\]:hover{--tw-border-opacity:1;border-color:rgb(0 57 166 / var(--tw-border-opacity, 1))} .hover\:border-\[\#0039A6\]\/30:hover{border-color:rgb(0 57 166 / 0.3)} .hover\:bg-\[\#0039A6\]:hover{--tw-bg-opacity:1;background-color:rgb(0 57 166 / var(--tw-bg-opacity, 1))} .hover\:bg-\[\#00277A\]:hover{--tw-bg-opacity:1;background-color:rgb(0 39 122 / var(--tw-bg-opacity, 1))} .hover\:bg-\[\#0039A6\]\/20:hover{background-color:rgb(0 57 166 / 0.2)} .hover\:bg-\[\#2D67C5\]:hover{--tw-bg-opacity:1;background-color:rgb(45 103 197 / var(--tw-bg-opacity, 1))} .hover\:bg-\[\#FAFBFD\]:hover{--tw-bg-opacity:1;background-color:rgb(250 251 253 / var(--tw-bg-opacity, 1))} .hover\:text-\[\#0039A6\]:hover{--tw-text-opacity:1;color:rgb(0 57 166 / var(--tw-text-opacity, 1))} .hover\:text-\[\#2D67C5\]:hover{--tw-text-opacity:1;color:rgb(45 103 197 / var(--tw-text-opacity, 1))} .hover\:text-\[\#00277A\]:hover{--tw-text-opacity:1;color:rgb(0 39 122 / var(--tw-text-opacity, 1))} .focus\:border-\[\#0039A6\]:focus{--tw-border-opacity:1;border-color:rgb(0 57 166 / var(--tw-border-opacity, 1))} .focus\:ring-\[\#0039A6\]:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(0 57 166 / var(--tw-ring-opacity, 1))} .focus\:ring-\[\#0039A6\]\/20:focus{--tw-ring-color:rgb(0 57 166 / 0.2)} .group:hover .group-hover\:bg-\[\#0039A6\]\/10{background-color:rgb(0 57 166 / 0.1)} .group:hover .group-hover\:bg-\[\#0039A6\]{--tw-bg-opacity:1;background-color:rgb(0 57 166 / var(--tw-bg-opacity, 1))} .group:hover .group-hover\:text-\[\#0039A6\]{--tw-text-opacity:1;color:rgb(0 57 166 / var(--tw-text-opacity, 1))} so lift the accent a step inside dark sections only. Same hue family; light backgrounds keep the deeper blue. ------------------------------------------------------------------ */ .bg-\[\#080C14\] .text-\[\#0039A6\]{--tw-text-opacity:1;color:rgb(121 167 245 / var(--tw-text-opacity, 1))} .bg-\[\#080C14\] .text-\[\#0039A6\]{--tw-text-opacity:1;color:rgb(121 167 245 / var(--tw-text-opacity, 1))} .bg-\[\#020617\] .text-\[\#0039A6\]{--tw-text-opacity:1;color:rgb(121 167 245 / var(--tw-text-opacity, 1))} .bg-\[\#0F172A\] .text-\[\#0039A6\]{--tw-text-opacity:1;color:rgb(121 167 245 / var(--tw-text-opacity, 1))} .bg-\[\#101827\] .text-\[\#0039A6\]{--tw-text-opacity:1;color:rgb(121 167 245 / var(--tw-text-opacity, 1))} .bg-\[\#1A2B3C\] .text-\[\#0039A6\]{--tw-text-opacity:1;color:rgb(121 167 245 / var(--tw-text-opacity, 1))} footer .text-\[\#0039A6\]{--tw-text-opacity:1;color:rgb(121 167 245 / var(--tw-text-opacity, 1))} .bg-\[\#080C14\] .text-\[\#0039A6\]\/80{color:rgb(121 167 245 / 0.8)} footer .text-\[\#0039A6\]\/80{color:rgb(121 167 245 / 0.8)} .bg-\[\#080C14\] .hover\:text-\[\#0039A6\]:hover{--tw-text-opacity:1;color:rgb(168 198 248 / var(--tw-text-opacity, 1))} .bg-\[\#080C14\] .hover\:text-\[\#2D67C5\]:hover{--tw-text-opacity:1;color:rgb(168 198 248 / var(--tw-text-opacity, 1))} footer .hover\:text-\[\#0039A6\]:hover{--tw-text-opacity:1;color:rgb(168 198 248 / var(--tw-text-opacity, 1))} footer .hover\:text-\[\#2D67C5\]:hover{--tw-text-opacity:1;color:rgb(168 198 248 / var(--tw-text-opacity, 1))} .bg-\[\#080C14\] .group:hover .group-hover\:text-\[\#0039A6\]{--tw-text-opacity:1;color:rgb(168 198 248 / var(--tw-text-opacity, 1))} footer .group:hover .group-hover\:text-\[\#0039A6\]{--tw-text-opacity:1;color:rgb(168 198 248 / var(--tw-text-opacity, 1))} /* ===== gray-400 remap — 2026-09-17 ===== Tailwind 的 gray-400 (#9CA3AF) 在配色替换时被漏掉，白底只有 2.4:1。 浅色背景改用 #656D7E（白底 5.3:1，#F4F6F9 底 4.9:1），仍比 gray-500 (#5A6274) 浅一档，保留层级；深色区块内维持原色。 删掉本注释到文件末尾的整段即可完全还原。 */ .text-gray-400{--tw-text-opacity:1;color:rgb(101 109 126 / var(--tw-text-opacity, 1))} .border-gray-400{--tw-border-opacity:1;border-color:rgb(101 109 126 / var(--tw-border-opacity, 1))} .hover\:text-gray-400:hover{--tw-text-opacity:1;color:rgb(101 109 126 / var(--tw-text-opacity, 1))} .group:hover .group-hover\:text-gray-400{--tw-text-opacity:1;color:rgb(101 109 126 / var(--tw-text-opacity, 1))} .bg-\[\#080C14\] .text-gray-400, .bg-\[\#020617\] .text-gray-400, .bg-\[\#0F172A\] .text-gray-400, .bg-\[\#101827\] .text-gray-400, .bms-hero .text-gray-400, footer .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}