/* Site-wide header: clear at the top so the page's own background shows, translucent once you scroll. */
#masthead,#masthead .site-header-wrap,#masthead .site-main-header-wrap{background:transparent!important}
html body #masthead .site-main-header-wrap .site-header-row-container-inner{background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background .3s ease,border-color .3s ease}
html body.cft-nav-stuck #masthead .site-main-header-wrap .site-header-row-container-inner{box-shadow:0 6px 20px rgba(0,0,0,.25)!important;background:rgba(18,18,18,.86)!important;-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3)}
html body.cft-hero-page.cft-nav-stuck #masthead .site-main-header-wrap .site-header-row-container-inner{background:rgba(4,26,34,.86)!important}
/* Light page backgrounds: dark lettering until the bar turns dark on scroll. */
body.cft-nav-light:not(.cft-nav-stuck) #masthead .site-branding .site-title,
body.cft-nav-light:not(.cft-nav-stuck) #masthead .site-branding .site-title a,
body.cft-nav-light:not(.cft-nav-stuck) #masthead .site-branding .site-description,
body.cft-nav-light:not(.cft-nav-stuck) #masthead #site-navigation .menu>li>a,
body.cft-nav-light:not(.cft-nav-stuck) #masthead .menu-toggle-open,
body.cft-nav-light:not(.cft-nav-stuck) #masthead .header-cart-button{color:#121212!important}
body.cft-hero-page #masthead{position:absolute!important;left:0;right:0;width:100%;z-index:100}
body.cft-hero-page #masthead .site-main-header-wrap{top:0!important}
body.cft-hero-page.admin-bar #masthead .site-main-header-wrap{top:32px!important}
@media (prefers-reduced-motion:reduce){#masthead .site-header-row-container-inner{transition:none}}
/* Product cards on every listing: the "Check availability" button is always visible at the
   bottom of the card, instead of Kadence's hover slide that got clipped by the card. */
.woocommerce ul.products li.product{display:flex!important;flex-direction:column}
.woocommerce ul.products li.product .product-details{flex:1 1 auto;display:flex;flex-direction:column;overflow:visible!important}
.woocommerce ul.products.woo-archive-action-on-hover li.product .product-action-wrap,
.woocommerce ul.products li.product .product-action-wrap{position:static!important;opacity:1!important;visibility:visible!important;bottom:auto!important;transform:none!important;margin-top:auto!important;padding:14px 0 0!important}
.woocommerce ul.products.woo-archive-action-on-hover li.product:hover .entry-content-wrap,
.woocommerce ul.products.woo-archive-action-on-hover li.product:hover .product-details,
.woocommerce ul.products.woo-archive-action-on-hover li.product:hover .product-action-wrap{transform:none!important;bottom:auto!important}
.woocommerce ul.products li.product .product-action-wrap .button{width:100%;justify-content:center;text-align:center}

/* Readable tables in articles and category texts (comparisons, prices). */
.entry-content table,.cft-hub-after table,.cft-exp-desc table{width:100%;border-collapse:separate;border-spacing:0;margin:1.4em 0 1.8em;background:#fff;color:#1d2433;font-size:15px;line-height:1.45;border:1px solid #d9dee7;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px rgba(16,24,40,.08)}
.entry-content table th,.entry-content table td,.cft-hub-after table th,.cft-hub-after table td,.cft-exp-desc table th,.cft-exp-desc table td{padding:12px 14px;text-align:left;vertical-align:top;border:0;border-bottom:1px solid #e6e9ef;color:#1d2433}
.entry-content table th+th,.entry-content table td+td,.cft-hub-after table th+th,.cft-hub-after table td+td,.cft-exp-desc table th+th,.cft-exp-desc table td+td{border-left:1px solid #e6e9ef}
.entry-content table thead th,.cft-hub-after table thead th,.cft-exp-desc table thead th{background:#14213d;color:#fff;font-weight:600;font-size:14px;letter-spacing:.02em}
.entry-content table tbody tr:nth-child(even) td,.cft-hub-after table tbody tr:nth-child(even) td,.cft-exp-desc table tbody tr:nth-child(even) td{background:#f6f8fb}
.entry-content table tbody td:first-child,.cft-hub-after table tbody td:first-child,.cft-exp-desc table tbody td:first-child{font-weight:600}
.entry-content table tbody tr:last-child td,.cft-hub-after table tbody tr:last-child td,.cft-exp-desc table tbody tr:last-child td{border-bottom:0}
/* Comparison tables: the last column (our option) stands out. */
.entry-content table.cft-vs thead th:last-child,.cft-hub-after table.cft-vs thead th:last-child{background:#b38e45;color:#fff}
.entry-content table.cft-vs tbody td:last-child,.cft-hub-after table.cft-vs tbody td:last-child{background:#fbf5e8;font-weight:600}
.entry-content table.cft-vs tbody tr:nth-child(even) td:last-child,.cft-hub-after table.cft-vs tbody tr:nth-child(even) td:last-child{background:#f5ecd6}
.entry-content table a,.cft-hub-after table a{color:#0b5c8a;text-decoration:underline}
@media (max-width:640px){
  .entry-content table,.cft-hub-after table,.cft-exp-desc table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:14px;white-space:normal}
  .entry-content table th,.entry-content table td,.cft-hub-after table th,.cft-hub-after table td{padding:10px 11px;min-width:110px}
}
