/*
Theme Name: 10 Service OceanWP
Template: oceanwp
Description: 10 Service storefront presentation using OceanWP and native WooCommerce components.
Version: 1.0.0
Requires PHP: 8.2
Text Domain: tenservice-oceanwp
*/
:root{--ten-blue:#446084;--ten-dark:#233e60;--ten-orange:#d26e4b;--ten-content:1170px}
html body{color:#777;font:400 16px/1.6 Roboto,Arial,sans-serif;background:#fff}
h1,h2,h3,h4,h5,h6{font-family:Oswald,Arial,sans-serif;color:#333}
a{color:#334862}
button,input,select,textarea{font-family:Roboto,Arial,sans-serif}
.container{max-width:var(--ten-content)}
/* OceanWP owns the accessible desktop and mobile navigation, logo and cart fragments. */
#site-header{height:90px;border-bottom:0;background:#fff}
#site-header-inner{width:100%!important;max-width:var(--ten-content)!important;box-sizing:border-box;height:90px;display:flex;align-items:center;padding-inline:15px}
#site-logo{width:200px;max-width:200px;flex:none}
#site-logo img{max-width:200px;max-height:75px;width:auto;height:auto;object-fit:contain}
#site-logo .site-logo-text{font:700 33px/1 Oswald,Arial,sans-serif;color:#365477}
#site-navigation-wrap{float:none;flex:1;margin-left:30px}
#site-navigation,#site-navigation .main-menu{width:100%}
#site-navigation .main-menu{display:flex;align-items:center}
#site-navigation .main-menu>.ten-account-menu{margin-left:auto}
#site-navigation #menu-main-menu>li>a,#site-navigation .dropdown-menu>li>a{font:700 12.8px/90px Roboto,Arial,sans-serif;color:#777;text-transform:uppercase;padding:0 7px}
#site-navigation .dropdown-menu>li>a:hover,#site-navigation .dropdown-menu>.current-menu-item>a{color:#222}
#site-navigation .ten-account-menu>a{border-right:1px solid #ddd;margin-right:8px;padding-right:17px!important}
#site-navigation .woo-menu-icon>a{color:#555}
#site-navigation .wcmenucart-count{border-color:var(--ten-blue);color:var(--ten-blue)}
#site-navigation .wcmenucart-total{font:700 12.8px/1.6 Roboto,Arial,sans-serif;color:#777}
#site-navigation .wcmenucart-total:before{content:'Cart / ';color:#777}
#mobile-menu{font-family:Roboto,Arial,sans-serif}
/* Full-width builder sections; normal pages retain OceanWP's content layout. */
body.home #main #content-wrap.ten-home-content,body.ten-ux-page #main #content-wrap{width:100%;max-width:none;padding:0;margin:0}
.home .ten-home-content #primary,.ten-ux-page #primary{float:none;width:100%;border:0;margin:0;padding:0}
.home .ten-home-content #content,.ten-ux-page #content,.ten-ux-page .single-page-article,.ten-ux-page .entry{width:100%;max-width:none;margin:0;padding:0}
.ten-standard-page #content-wrap{padding-top:35px;padding-bottom:70px}
.ten-ux-page #content-wrap{padding-bottom:40px}
.ten-ux-page .entry>.ten-row,.ten-ux-page .entry>.woocommerce{max-width:var(--ten-content);margin-left:auto;margin-right:auto}
.ten-ux-page .entry>.ten-row{padding:0}
.ten-ux-page .entry>.woocommerce{padding:0 15px}
.ten-home-page .entry-content>.ten-row,.ten-ux-page .entry>.ten-row{max-width:var(--ten-content);margin-inline:auto}
.ten-home-page .entry-content:after,.ten-ux-page .entry:after{content:'';display:block;clear:both}
.ten-banner{position:relative;min-height:var(--ten-banner-height,500px);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden}
.ten-banner>.ten-banner-background{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;pointer-events:none}
.ten-banner:before{content:'';position:absolute;inset:0;z-index:1;background:var(--ten-overlay,rgba(0,0,0,.35));pointer-events:none}
.ten-banner>.ten-banner-content{position:relative;z-index:2;width:100%;max-width:var(--ten-content);margin:auto;font-size:16px}
.ten-home-page .ten-banner:first-child{min-height:650px}
.ten-banner h1,.ten-banner h2,.ten-banner h3,.ten-banner p{color:#fff}
.ten-banner h1{font-size:3.5em;line-height:1;font-weight:700;margin:.2em 0}
.ten-banner h2{font-size:2.9em;line-height:1;font-weight:700;margin:.2em 0}
.ten-home-page .ten-banner:first-child h1{text-transform:uppercase}
.ten-banner p{font-size:1.3em;line-height:1.6;margin:1em 0}
.ten-banner .ten-button{color:#fff;border:2px solid #f1f1f1;background:transparent;font-size:.97em;line-height:2.19;padding:0 1.2em;margin:.5em 0}
.ten-banner .ten-button:hover{background:#fff;color:#333}
.ten-text-box{margin:auto;display:flow-root}
.ten-row{display:flex;flex-wrap:wrap;margin:0 -15px}
.ten-row-center{justify-content:center}.ten-row-middle{align-items:center}
.ten-col{flex:0 0 var(--ten-col,100%);max-width:var(--ten-col,100%);min-width:0;padding:0 15px 30px}
.ten-col-inner{text-align:inherit}.ten-text-left{text-align:left}
.ten-banner .ten-row{width:calc(100% + 30px);margin:0 -15px}
.ten-gap{display:block;clear:both}.ten-section{padding:45px 0}.ten-section-inner{max-width:var(--ten-content);margin:auto;padding:0 15px}
.ten-button{display:inline-block;background:var(--ten-blue);color:#fff;padding:9px 17px;border:1px solid var(--ten-blue);font-size:13px;font-weight:700;text-transform:uppercase}
.ten-button-outline{background:transparent;color:var(--ten-blue)}
.ten-page-header{text-align:center;background:var(--ten-blue);color:#fff;min-height:140px;padding:23px 15px}.ten-page-header h1{font-size:36px;line-height:1.3;font-weight:700;color:#fff;margin:0 0 5px}.ten-page-header .breadcrumbs,.ten-page-header .breadcrumbs a{font-size:13px;color:#ffffffb3;text-transform:uppercase}
.ten-ux-page .entry h2{font-size:25.6px;line-height:1.2;font-weight:700;margin:0 0 12.8px}
.ten-ux-page .entry h2.uppercase{text-transform:uppercase}
.ten-divider{background:#e3e3e3}.ten-accordion-item{border-top:1px solid #e5e5e5}.ten-accordion-item:last-child{border-bottom:1px solid #e5e5e5}.ten-accordion-item summary{padding:12px 0;cursor:pointer;font-weight:700;color:#333}.ten-accordion-item>div{padding:0 0 15px}
.ten-ux-page .entry table{width:100%;border-collapse:collapse}.ten-ux-page .entry td,.ten-ux-page .entry th{padding:10px;border-bottom:1px solid #e7e7e7;text-align:left}
/* Imported FA Pro icon names map to OceanWP's bundled free icon font. */
.ten-ux-page .fa-light,.ten-home-page .fa-light{font-family:'Font Awesome 6 Free';font-weight:900;display:inline-block;font-style:normal;font-size:32px;line-height:1.2}
.ten-ux-page .fa-light:before,.ten-home-page .fa-light:before{display:inline-block}
.ten-ux-page .text-center .fa-light{display:block;margin:0 auto 6px}
.fa-shield-cross:before{content:'\f3ed'}
.fa-users:before{content:'\f0c0'}
.fa-lightbulb-dollar:before{content:'\f0eb'}
.fa-headset:before{content:'\f590'}
.fa-database:before{content:'\f1c0'}
.fa-album-circle-plus:before{content:'\f65e'}
.fa-photo-film:before{content:'\f87c'}
.fa-mobile-notch:before{content:'\f3cd'}
.fa-film:before{content:'\f008'}
/* OceanWP produces these cards and their Quick View button; layout only is changed. */
.woocommerce ul.products li.product .woo-entry-inner{margin:0;padding:0}
.woocommerce ul.products li.product .product-inner{box-shadow:none;border:0}
.woocommerce ul.products li.product .woo-entry-inner .title h2{font:400 14.4px/1.6 Roboto,Arial,sans-serif;margin:2px 0;color:#334862;text-align:left}
.woocommerce ul.products li.product .woo-entry-inner .title h2 a{color:#334862}
.woocommerce ul.products li.product .woo-entry-inner .price{font:400 14.4px/1.2 Roboto,Arial,sans-serif;color:#111;text-align:left}
.woocommerce ul.products li.product .woo-entry-inner .category{text-align:left;text-transform:uppercase;font-size:11px;color:#999}
.woocommerce ul.products li.product .woo-entry-inner .image-wrap{position:relative}
.woocommerce ul.products li.product .woo-entry-inner img{width:100%;height:auto;object-fit:contain}
.woocommerce ul.products li.product .owp-quick-view{background:var(--ten-blue);color:#fff;font-size:12px}
.woocommerce ul.products li.product .woo-entry-inner .button,.woocommerce div.product form.cart .button{border-radius:0;background:var(--ten-blue);color:#fff}
.woocommerce span.onsale{background:#bc2d30;border-radius:0}
.woocommerce .price,.woocommerce div.product p.price{color:#111}
.woocommerce div.product .product_title{font-size:29px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{border:1px solid #ddd;border-radius:0}
.woocommerce #payment{background:transparent}
.woocommerce #place_order{background:var(--ten-orange);border-radius:0}
/* Imported product carousels continue to use Woo's product shortcode and OceanWP cards. */
.ten-ux-products{position:relative;max-width:var(--ten-content);margin:auto;--ten-slider-gap:20px}
.ten-ux-products .woocommerce ul.products{display:flex!important;flex-wrap:nowrap!important;gap:var(--ten-slider-gap)!important;width:100%;max-width:none;overflow-x:auto;overflow-y:hidden;margin:0;padding:0 14px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.ten-ux-products .woocommerce ul.products::-webkit-scrollbar{display:none}
.ten-ux-products .woocommerce ul.products li.product{float:none!important;flex:0 0 calc((100% - 60px)/4)!important;width:calc((100% - 60px)/4)!important;max-width:calc((100% - 60px)/4)!important;margin:0!important;scroll-snap-align:start}
.ten-ux-products .woocommerce ul.products li.product .category,.ten-ux-products .woocommerce ul.products li.product .btn-wrap{display:none}
body.page .ten-ux-products a{text-decoration:none!important}
body .ten-ux-products .woocommerce ul.products li.product .woo-entry-inner .title h2{font:400 14.4px/1.3 Roboto,Arial,sans-serif;text-align:left;margin:4px 0}
body .ten-ux-products .woocommerce ul.products li.product .price,body .ten-ux-products .woocommerce ul.products li.product .price .amount{color:#111!important;font-weight:700;text-align:left}
.ten-ux-products-control{position:absolute;z-index:3;top:var(--ten-slider-arrow-y,110px);display:none;align-items:center;justify-content:center;width:28px;height:40px;transform:translateY(-50%);border:0;background:#fffc;color:#555;font:400 28px/1 Arial,sans-serif;padding:0}
.ten-ux-products.is-scrollable .ten-ux-products-control{display:flex}.ten-ux-products-prev{left:0}.ten-ux-products-next{right:0}
.ten-ux-products-control:disabled{opacity:.35;cursor:default}
/* OceanWP archive/sidebar and Woo checkout retain their own forms, hooks and queries. */
.post-type-archive-product #content-wrap,.tax-product_cat #content-wrap{padding-top:25px;padding-bottom:50px}
.post-type-archive-product #left-sidebar,.tax-product_cat #left-sidebar{font-size:14px}
.ten-shop-widget{margin-bottom:30px}.ten-shop-widget h3{font:700 16px/1.3 Oswald,Arial,sans-serif;text-transform:uppercase;margin:0 0 15px}.ten-shop-widget h3:after{content:'';display:block;width:30px;height:3px;background:#e5e5e5;margin-top:10px}
.ten-shop-widget ul{list-style:none;padding:0}.ten-shop-widget li a{display:block;padding:7px 0;border-bottom:1px solid #e8e8e8;color:#334862}
.woocommerce .woocommerce-ordering select{border:1px solid #ddd;border-radius:0;background:#fff;color:#555}
.woocommerce nav.woocommerce-pagination ul{border:0}.woocommerce nav.woocommerce-pagination ul li{border:0;margin:3px}.woocommerce nav.woocommerce-pagination ul li span.current,.woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--ten-blue);color:#fff}
/* Native single-product content, gallery, cart form and related loop. */
body.single-product #main #content-wrap{padding-top:40px;padding-bottom:40px;padding-inline:15px}
body.single-product.woocommerce div.product div.images{width:48.7%;float:left}
body.single-product.woocommerce div.product div.summary{width:48.7%;float:right}
body.single-product.woocommerce-breadcrumb{font:400 12px/1.4 Roboto,Arial,sans-serif;text-transform:uppercase;color:#999;margin:0 0 10px}
body.single-product.woocommerce-breadcrumb a{color:#999}
body.single-product.woocommerce div.product .product_title{font:700 29px/1.2 Oswald,Arial,sans-serif;color:#333;border:0;margin:0 0 12px}
body.single-product.woocommerce div.product .summary .price{font:700 24px/1.2 Roboto,Arial,sans-serif;color:#111!important;margin:0 0 12px}
body.single-product.woocommerce-product-details__short-description ul{list-style:disc;padding-left:20px;margin:0 0 23px}
body.single-product.woocommerce-product-details__short-description li{font:400 16px/22px Roboto,Arial,sans-serif;margin:0 0 13px;color:#777}
body.single-product.woocommerce-product-details__short-description li[data-text-color="alert"]{color:#a50000}
body.single-product.woocommerce div.product form.cart .button{background:var(--ten-orange);border-color:var(--ten-orange);font:700 16px/1.3 Roboto,Arial,sans-serif;padding:11px 20px}
body.single-product.woocommerce .related.products{border-top:1px solid #eee;padding-top:15px;margin-top:60px}
body.single-product.woocommerce .related.products>h2{font:700 20px/1.2 Oswald,Arial,sans-serif;text-transform:uppercase;margin:0 0 20px}
body.single-product.woocommerce .related.products ul.products li.product .btn-wrap{display:none}
body.single-product.woocommerce .related.products ul.products li.product .woo-entry-inner .title h2{text-align:left}
body.single-product.woocommerce .related.products ul.products li.product .price,body.single-product.woocommerce .related.products ul.products li.product .price .amount{color:#111!important;text-align:left}
/* Contact Form 7 keeps validation, Turnstile and submit handling. */
.ten-ux-page .entry .wpcf7{width:740px;max-width:100%;margin-inline:auto}
.ten-ux-page .entry .wpcf7 p{margin:0 0 14px}
.ten-ux-page .entry .wpcf7 label{display:block;font:700 14px/1.6 Roboto,Arial,sans-serif;color:#222}
.ten-ux-page .entry .wpcf7 input:not([type=submit]):not([type=file]){display:block;width:100%;height:35px;min-height:35px;padding:0 9px;border:1px solid #ddd;border-radius:0;box-shadow:inset 0 1px 2px #0001;background:#fff}
.ten-ux-page .entry .wpcf7 textarea{display:block;width:100%;height:120px;min-height:120px;padding:9px;border:1px solid #ddd;border-radius:0;background:#fff}
.ten-ux-page .entry .wpcf7 input[type=submit]{font:700 14px/1.3 Roboto,Arial,sans-serif;background:var(--ten-blue);padding:10px 18px}
/* Parent footer structure with source colors, menu line and copyright. */
#footer{background:var(--ten-dark);color:#ffffff80}
.ten-footer-links{background:var(--ten-blue);min-height:90px;display:flex;align-items:center;justify-content:center;padding:20px 15px}
.ten-footer-links .menu{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0}
.ten-footer-links li+li{border-left:1px solid #ffffff7a}.ten-footer-links a{display:block;color:#fff;font:400 14px/25.6px Roboto,Arial,sans-serif;padding:0 14px}
#footer-bottom{background:var(--ten-dark);border:0;min-height:74px;padding:20px 0}
#footer-bottom-inner{width:100%!important;max-width:var(--ten-content)!important;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}
#copyright{float:none;color:#ffffff80;font:400 12px/23px Roboto,Arial,sans-serif}
.ten-payment-icons{display:flex;align-items:center;gap:6px;opacity:.8}
.ten-payment-icons span{display:flex;align-items:center;justify-content:center;width:50px;height:31px;background:#ffffff1a;border-radius:5px}
.ten-payment-icons img{display:block;width:40px;height:20px;filter:invert(1)}
@media(max-width:849px){
 #site-header,#site-header-inner{height:70px}
 #site-header-inner{justify-content:center}
 #site-header-inner .oceanwp-mobile-menu-icon.mobile-left{order:1;margin-right:auto}
 #site-header-inner #site-logo{order:2;margin:0 auto}
 #site-header-inner .oceanwp-mobile-menu-icon.mobile-right{order:3;margin-left:auto}
 .oceanwp-mobile-menu-icon .wcmenucart-total{display:none!important}
 .oceanwp-mobile-menu-icon .wcmenucart-cart-icon .wcmenucart-count,.oceanwp-mobile-menu-icon .wcmenucart-cart-icon .wcmenucart-count:after{border-color:var(--ten-blue)!important;color:var(--ten-blue)!important}
 #site-logo{width:auto;max-width:200px}
 #site-logo img{max-width:min(200px,calc(100vw - 120px));max-height:55px}
 #site-navigation-wrap{display:none}
 #mobile-menu .dropdown-menu li a{color:#777}
 .ten-banner h1{font-size:3.5em}.ten-banner h2{font-size:2.9em}
 .ten-banner>.ten-banner-content{font-size:11px}
 .ten-ux-products .woocommerce ul.products li.product{flex-basis:calc((100% - 20px)/2)!important;width:calc((100% - 20px)/2)!important;max-width:calc((100% - 20px)/2)!important}
 body.single-product.woocommerce div.product div.images,body.single-product.woocommerce div.product div.summary{float:none;width:100%!important}
 body.single-product.woocommerce div.product div.summary{padding-top:15px}
 .ten-page-header{background:var(--ten-blue);min-height:160px;padding-top:25px}.ten-page-header h1{font-size:40px;color:#fff}.ten-page-header .breadcrumbs,.ten-page-header .breadcrumbs a{color:#ffffffb3}
}
@media(max-width:549px){
 .ten-home-page .ten-banner:first-child{min-height:650px}
 .ten-row>.ten-col{flex-basis:var(--ten-col-small,100%);max-width:var(--ten-col-small,100%)}
 .ten-ux-page .entry>.ten-row{padding-inline:0}
 .ten-footer-links{min-height:161px}.ten-footer-links .menu{display:block;text-align:center}.ten-footer-links li+li{border:0}.ten-footer-links a{padding:4px 0}
 #footer-bottom{text-align:center;min-height:97px;padding:10px 0}
 #footer-bottom-inner{min-height:77px;flex-direction:column-reverse;justify-content:center;gap:8px}
}