/* ===========================================================================
   ORCATECH — Single Product styles
   Loaded on single-product pages only (enqueued from functions.php).
   PASTE YOUR PRODUCT-PAGE CSS BELOW THIS COMMENT.
   Design tokens for reference:
     bg #020610 · panel #0A1222 · border #16223B · text #E0EAF8 ·
     muted #8A96AC · accent #2F7BFF · success #34E0A1 · font "Outfit"
   The template uses these class hooks: .orcatech-page .orcatech-container
   .orcatech-hero .orcatech-media .orcatech-purchase .orcatech-trust-pills
   .orcatech-pill .orcatech-dot .orcatech-title .orcatech-add-to-cart-wrap
   .orcatech-research-notice .orcatech-spec-strip .orcatech-spec-item
   .orcatech-spec-label .orcatech-spec-value .orcatech-coa-row .orcatech-coa-btn
   .orcatech-tabs-wrap .orcatech-related-wrap .orcatech-intended-use
   .orcatech-qty-stepper .orcatech-qty-btn
   =========================================================================== */


/* --- Layout fix: neutralize WooCommerce default single-product float/width so the grid cells fill --- */
.woocommerce div.product .orcatech-media .woocommerce-product-gallery,
.orcatech-media .woocommerce-product-gallery{width:100%!important;float:none!important;margin:0 0 12px!important;}
.woocommerce div.product .orcatech-purchase.summary,
.orcatech-hero .orcatech-purchase.summary{width:100%!important;float:none!important;margin:0!important;}
.orcatech-media .woocommerce-product-gallery__wrapper,
.orcatech-media .woocommerce-product-gallery__image{width:100%!important;}
.orcatech-media .woocommerce-product-gallery__image img{width:100%!important;height:auto!important;}
@media (max-width:900px){.orcatech-hero{grid-template-columns:1fr!important;}}


/* --- Related products: stop WooCommerce's default 22% li width so cards fill the grid --- */
.orcatech-related-wrap ul.products{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:20px!important;}
.orcatech-related-wrap ul.products li.product{width:100%!important;float:none!important;margin:0!important;}
.orcatech-related-wrap ul.products::before,.orcatech-related-wrap ul.products::after{content:none!important;}
@media (max-width:900px){.orcatech-related-wrap ul.products{grid-template-columns:repeat(2,1fr)!important;}}
@media (max-width:560px){.orcatech-related-wrap ul.products{grid-template-columns:1fr!important;}}

/* --- Variation "Size" selector: dark styling (was a large white box) --- */
.orcatech-purchase table.variations,.orcatech-purchase .variations,.orcatech-purchase .variations tbody,.orcatech-purchase .variations tr,.orcatech-purchase .variations td,.orcatech-purchase .variations th{background:transparent!important;border:none!important;}
.orcatech-purchase .variations select{width:100%!important;background:#0A1222!important;color:#E0EAF8!important;border:1px solid #16223B!important;border-radius:10px!important;padding:12px 14px!important;font-family:'Outfit',sans-serif!important;font-size:15px!important;min-height:0!important;box-shadow:none!important;}
.orcatech-purchase .variations select:focus{outline:none!important;border-color:#2F7BFF!important;}
.orcatech-purchase .variations select option{background:#0A1222!important;color:#E0EAF8!important;}
.orcatech-purchase .reset_variations{color:#8A96AC!important;font-size:12px!important;}


/* --- Unify tab labels to the grey the inactive tabs use (active was white) --- */
.orcatech-tabs-wrap .woocommerce-tabs ul.tabs li,
.orcatech-tabs-wrap .woocommerce-tabs ul.tabs li.active{background:#E9E6ED!important;}
/* --- Give Description content the same dark box as the Intended Use tab --- */
.orcatech-tabs-wrap #tab-description{background:#0A1222!important;border:1px solid #16223B!important;border-radius:14px!important;padding:24px!important;}