/* Sartin Marine shop styles (prefix sm-shop-). Loaded by wp-content/mu-plugins/sartin-shop.php on WooCommerce views only.
   Source of truth: Sartin Marine/build/pages/sm-shop.css. Depends on sm-site.css tokens. */

/* ---------- Shared: zero Elementor container padding where we own the layout ---------- */
.e-con.sm-shop-pbar,.e-con.sm-shop-pmain,.e-con.sm-shop-pdesc,.e-con.sm-shop-list,.e-con.sm-shop-hero-wrap,.e-con.sm-shop-band-wrap{
  --padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--gap:0px;--row-gap:0px;--column-gap:0px;
  padding:0;gap:0;width:100%;max-width:none}
.sm-shop-hero-wrap .elementor-shortcode,.sm-shop-band-wrap .elementor-shortcode{width:100%}
.smh-hero .smh-hero-img.sm-shop-img-rp{object-position:72% 50%}
.smh-hero .smh-hero-img.sm-shop-img-ya{object-position:70% 50%}
.smh-hero .smh-hero-img.sm-shop-img-ei{object-position:50% 20%}
@media (max-width:760px){
  .smh-hero .smh-hero-img.sm-shop-img-rp{object-position:76% 50%}
  .smh-hero .smh-hero-img.sm-shop-img-ya{object-position:78% 50%}
  .smh-hero .smh-hero-img.sm-shop-img-ei{object-position:44% 20%}
}
.smh-hero--inner h1{overflow-wrap:break-word}

/* ---------- Archive: category nav ---------- */
.sm-shop-nav{background:#fff;border-bottom:1px solid var(--sm-line)}
.sm-shop-nav .smh-wrap{display:flex;flex-wrap:wrap;gap:0 clamp(14px,2.4vw,34px);padding-top:6px;padding-bottom:0}
.sm-shop-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 clamp(14px,2.4vw,34px)}
.sm-shop-nav ul + ul{width:100%;border-top:1px solid var(--sm-line);margin-top:2px}
.smh.sm-shop-nav a{display:inline-flex;align-items:center;min-height:48px;padding:0 2px;font-family:var(--sm-display);font-weight:700;font-size:1.25rem;letter-spacing:.04em;text-transform:uppercase;color:var(--sm-navy);text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-1px}
.smh.sm-shop-nav a:hover{color:var(--sm-red);border-bottom-color:currentColor}
.smh.sm-shop-nav a[aria-current="page"]{border-bottom-color:var(--sm-red);color:var(--sm-ink)}
.smh.sm-shop-nav ul + ul a{font-size:1.05rem;color:var(--sm-link)}

/* ---------- Archive: product grid ---------- */
.e-con.sm-shop-list{padding:clamp(28px,4vw,48px) 0 clamp(48px,7vw,88px) !important;background:#fff}
.sm-shop-list > .elementor-widget{width:100%;max-width:var(--sm-max) !important;margin-left:auto;margin-right:auto;padding:0 var(--sm-gutter);box-sizing:border-box}
.sm-shop-list .woocommerce-notices-wrapper{margin:0}
.sm-shop-list .elementor-products-grid{font-family:var(--sm-text)}
.sm-shop-list .woocommerce-result-count{float:none;display:inline-block;margin:0 0 18px;color:var(--sm-body);font-size:1rem}
.sm-shop-list form.woocommerce-ordering{float:none;margin:0 0 18px;display:inline-block;float:right}
.sm-shop-list form.woocommerce-ordering select{min-height:44px;padding:0 36px 0 12px;border:1px solid #b9c3d0;border-radius:4px;background-color:#fff;color:var(--sm-ink);font:500 1rem var(--sm-text)}
.sm-shop-list ul.products{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:clamp(14px,2vw,26px) !important;align-items:stretch !important;margin:0 !important;padding:0;list-style:none;clear:both}
.sm-shop-list ul.products li.product{display:flex;flex-direction:column;margin:0 !important;width:auto !important;float:none;background:#fff;border:1px solid var(--sm-line);border-radius:6px;overflow:hidden;padding:0 0 18px;transition:box-shadow .25s var(--sm-ease),transform .25s var(--sm-ease)}
.sm-shop-list ul.products li.product:hover{box-shadow:0 14px 34px rgba(0,36,87,.14);transform:translateY(-2px)}
.sm-shop-list ul.products li.product a.woocommerce-LoopProduct-link{display:flex;flex-direction:column;flex:1 1 auto;color:var(--sm-ink);text-decoration:none}
.sm-shop-list ul.products li.product img{display:block;width:100% !important;height:auto !important;aspect-ratio:1/1;object-fit:contain;background:#fff;padding:14px;margin:0 !important;border-bottom:1px solid var(--sm-line)}
.sm-shop-list ul.products li.product .woocommerce-loop-product__title{font-family:var(--sm-text);font-weight:600;font-size:1.02rem;line-height:1.3;color:var(--sm-ink);padding:16px 18px 0;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-wrap:balance}
.sm-shop-list ul.products li.product a.woocommerce-LoopProduct-link:hover .woocommerce-loop-product__title{color:var(--sm-red)}
.sm-shop-list ul.products li.product .price{display:block;margin:auto 0 0;padding:12px 18px 0;font-family:var(--sm-display);font-weight:700;font-size:1.9rem;line-height:1;color:var(--sm-red);font-variant-numeric:tabular-nums}
.sm-shop-list ul.products li.product .price del{color:#5b6779;font-size:1.2rem;font-weight:600;margin-right:6px;opacity:1}
.sm-shop-list ul.products li.product .price ins{background:none;text-decoration:none;color:var(--sm-red)}
.sm-shop-list ul.products li.product .price:empty{display:none}
.sm-shop-list ul.products li.product a.button{display:flex;align-items:center;justify-content:center;margin:14px 18px 0;min-height:48px;padding:0 1em;border:2px solid var(--sm-red) !important;border-radius:4px;background:var(--sm-red) !important;color:#fff !important;font-family:var(--sm-display);font-weight:700;font-size:1.15rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;text-align:center;line-height:1.1;box-shadow:none}
.sm-shop-list ul.products li.product a.button:hover,.sm-shop-list ul.products li.product a.button:focus-visible{background:var(--sm-red-dk) !important;border-color:var(--sm-red-dk) !important;color:#fff !important}
.sm-shop-list ul.products li.product a.button:not(.add_to_cart_button){background:#fff !important;color:var(--sm-navy) !important;border-color:var(--sm-navy) !important}
.sm-shop-list ul.products li.product a.button:not(.add_to_cart_button):hover,.sm-shop-list ul.products li.product a.button:not(.add_to_cart_button):focus-visible{background:var(--sm-navy) !important;color:#fff !important}
.sm-shop-list ul.products li.product a.added_to_cart{display:flex;align-items:center;justify-content:center;min-height:44px;margin:8px 18px 0;color:var(--sm-link);font-weight:600}
.sm-shop-list ul.products li.product .onsale{top:12px;left:12px;right:auto;min-width:0;min-height:0;padding:4px 10px;line-height:1.2;border-radius:3px;background:var(--sm-navy);color:#fff;font:700 .9rem var(--sm-display);letter-spacing:.06em;text-transform:uppercase}
.sm-shop-list nav.woocommerce-pagination{margin-top:32px}
.sm-shop-list nav.woocommerce-pagination a,.sm-shop-list nav.woocommerce-pagination span{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
@media (max-width:1024px){.sm-shop-list ul.products{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
@media (max-width:760px){
  .sm-shop-list ul.products{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}
  .sm-shop-list ul.products li.product{padding-bottom:14px}
  .sm-shop-list ul.products li.product img{padding:8px}
  .sm-shop-list ul.products li.product .woocommerce-loop-product__title{font-size:.95rem;padding:12px 12px 0}
  .sm-shop-list ul.products li.product .price{font-size:1.55rem;padding:10px 12px 0}
  .sm-shop-list ul.products li.product .price del{font-size:1rem;display:block;margin:0 0 2px}
  .sm-shop-list ul.products li.product a.button{margin:12px 12px 0;font-size:1rem;letter-spacing:.02em;padding:0 .3em;white-space:nowrap}
  .sm-shop-list form.woocommerce-ordering{float:none;display:block}
  .sm-shop-list form.woocommerce-ordering select{width:100%}
}

/* ---------- Archive: electronics note band ---------- */
.sm-shop-note{background:var(--sm-mist)}
.sm-shop-note .smh-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 48px;padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(40px,6vw,72px)}
.sm-shop-note h2{font-size:clamp(2rem,1.5rem + 2vw,3rem);text-transform:uppercase;margin-bottom:10px}
.sm-shop-note p{max-width:38em}
.sm-shop-note .smh-actions{margin-top:0}
.smh.sm-shop-note a.smh-btn--ghost{color:var(--sm-navy) !important;border-color:var(--sm-navy)}
.smh.sm-shop-note a.smh-btn--ghost:hover{background:var(--sm-navy);color:#fff !important}

/* ---------- Single product: title bar ---------- */
.e-con.sm-shop-pbar{background:var(--sm-navy);padding:clamp(28px,4vw,52px) 0 clamp(26px,3.6vw,44px) !important}
.sm-shop-pbar > .elementor-widget{width:100%;max-width:var(--sm-max) !important;margin-left:auto;margin-right:auto;padding:0 var(--sm-gutter);box-sizing:border-box}
.sm-shop-pbar .woocommerce-breadcrumb{font-family:var(--sm-text);font-size:.98rem;color:rgba(255,255,255,.82);margin:0 0 14px}
.sm-shop-pbar .woocommerce-breadcrumb a{display:inline-block;color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);text-underline-offset:3px;padding:10px 0;min-height:44px;box-sizing:border-box}
.sm-shop-pbar .woocommerce-breadcrumb a:hover{text-decoration-color:#fff}
.elementor .sm-shop-pbar h1.product_title,.elementor .sm-shop-pbar .product_title{font-family:var(--sm-display);font-weight:700;color:#fff;text-transform:uppercase;font-size:clamp(2rem,1.3rem + 2.6vw,3.4rem);line-height:1;letter-spacing:-.005em;margin:0;max-width:22em;text-align:left;text-wrap:balance}

/* ---------- Single product: gallery + buy box ---------- */
.e-con.sm-shop-pmain{display:grid !important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,64px) !important;align-items:start;max-width:var(--sm-max);margin:0 auto;padding:clamp(28px,4vw,56px) var(--sm-gutter) clamp(36px,5vw,64px) !important;background:#fff}
.e-con.sm-shop-pmain > .e-con{width:100%;max-width:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;padding:0;gap:0}
.sm-shop-pgal .woocommerce-product-gallery{border:1px solid var(--sm-line);border-radius:6px;background:#fff;padding:clamp(10px,2vw,24px);margin:0}
.sm-shop-pgal .woocommerce-product-gallery__image img,.sm-shop-pgal .woocommerce-product-gallery img.wp-post-image{width:100% !important;height:auto !important;max-height:560px;object-fit:contain}
.sm-shop-pgal .flex-control-thumbs{display:grid !important;grid-template-columns:repeat(4,1fr);gap:10px;list-style:none;margin:12px 0 0 !important;padding:0}
.sm-shop-pgal .flex-control-thumbs li{width:auto !important;float:none !important}
.sm-shop-pgal .flex-control-thumbs img{border:1px solid var(--sm-line);border-radius:4px;cursor:pointer}
.sm-shop-pbuy{font-family:var(--sm-text);color:var(--sm-body)}
.sm-shop-pbuy .price{display:block;margin:0 0 6px;font-family:var(--sm-display);font-weight:700;font-size:clamp(2.4rem,1.9rem + 1.8vw,3.4rem);line-height:1;color:var(--sm-red);font-variant-numeric:tabular-nums}
.sm-shop-pbuy .price del{color:#5b6779;font-size:.62em;margin-right:8px;opacity:1}
.sm-shop-pbuy .price ins{background:none;text-decoration:none}
.sm-shop-pbuy .price:empty{display:none}
.sm-shop-pbuy .elementor-add-to-cart{margin-top:18px}
.sm-shop-pbuy form.cart{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin:0}
.sm-shop-pbuy form.cart .quantity{margin:0}
.sm-shop-pbuy form.cart .quantity input.qty{width:88px;min-height:56px;padding:0 10px;border:1px solid #b9c3d0;border-radius:4px;background:#fff;color:var(--sm-ink);font:600 1.15rem var(--sm-text);text-align:center}
.sm-shop-pbuy form.cart button.single_add_to_cart_button{flex:1 1 220px;min-height:56px;padding:0 1.6em;border:2px solid var(--sm-red) !important;border-radius:4px;background:var(--sm-red) !important;color:#fff !important;font-family:var(--sm-display);font-weight:700;font-size:1.35rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.sm-shop-pbuy form.cart button.single_add_to_cart_button:hover,.sm-shop-pbuy form.cart button.single_add_to_cart_button:focus-visible{background:var(--sm-red-dk) !important;border-color:var(--sm-red-dk) !important;color:#fff !important}
.sm-shop-help{margin-top:26px;padding:clamp(18px,3vw,26px);background:var(--sm-mist);border-radius:6px}
.smh .sm-shop-help h2{font-size:1.7rem;text-transform:uppercase;margin-bottom:8px}
.sm-shop-help p{margin:0}
.sm-shop-help p + p{margin-top:10px}
.sm-shop-help .smh-actions{margin-top:16px;gap:10px}
.smh .sm-shop-help a.smh-btn--ghost{color:var(--sm-navy) !important;border-color:var(--sm-navy)}
.smh .sm-shop-help a.smh-btn--ghost:hover{background:var(--sm-navy);color:#fff !important}
.sm-shop-help a.smh-more{margin-top:6px}
.sm-shop-help--ask{background:#fff;border:2px solid var(--sm-navy)}

/* ---------- Single product: details ---------- */
.e-con.sm-shop-pdesc{background:var(--sm-mist);padding:clamp(40px,6vw,80px) 0 !important}
.sm-shop-pdesc > .elementor-widget{width:100%;max-width:var(--sm-max) !important;margin-left:auto;margin-right:auto;padding:0 var(--sm-gutter);box-sizing:border-box}
.elementor .sm-shop-pdesc h2.elementor-heading-title{font-family:var(--sm-display);font-weight:700;color:var(--sm-ink);text-transform:uppercase;font-size:clamp(2rem,1.5rem + 2vw,3rem);line-height:1.02;margin:0 0 18px}
.sm-shop-prose{font-family:var(--sm-text);font-size:1.0625rem;line-height:1.65;color:var(--sm-body);max-width:46rem}
.sm-shop-prose p{margin:0 0 14px}
.sm-shop-prose h3,.sm-shop-prose h4,.sm-shop-prose h5,.sm-shop-prose h6{font-family:var(--sm-display);font-weight:700;color:var(--sm-ink);text-transform:uppercase;letter-spacing:.01em;font-size:1.5rem;line-height:1.1;margin:26px 0 10px}
.sm-shop-prose .elementor-widget-container > :first-child{margin-top:0}
.sm-shop-prose ul{margin:0 0 14px;padding-left:1.25em;list-style:disc}
.sm-shop-prose li{margin:0 0 4px}
.sm-shop-prose li > ul{margin-top:4px}
.sm-shop-prose li:has(> ul:only-child){list-style:none;margin:0}
.sm-shop-prose ul:has(> li:only-child > ul:only-child){padding-left:0}
.sm-shop-prose a{color:var(--sm-link);text-underline-offset:3px}
.sm-shop-prose img{max-width:100%;height:auto}
.sm-shop-prose table{border-collapse:collapse;width:100%}
.sm-shop-prose td,.sm-shop-prose th{border-bottom:1px solid var(--sm-line);padding:8px 10px;text-align:left}
@media (max-width:860px){.e-con.sm-shop-pmain{grid-template-columns:minmax(0,1fr)}}

/* ---------- Woo notices (all shop views) ---------- */
.woocommerce-message,.woocommerce-info,.woocommerce-error{font-family:var(--sm-text);border-top:0 !important;border-left:0;background:var(--sm-mist) !important;color:var(--sm-ink) !important;border-radius:6px;padding:16px 20px !important}
.woocommerce-message a.button,.woocommerce-info a.button{background:var(--sm-red) !important;color:#fff !important;border-radius:4px;min-height:44px;display:inline-flex;align-items:center;font-family:var(--sm-display);font-weight:700;letter-spacing:.04em;text-transform:uppercase}

/* ---------- Cart, checkout, my account (light touch) ---------- */
body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-account{--sm-shop-ink:var(--sm-ink)}
.woocommerce-cart .elementor-widget-heading h1.elementor-heading-title,.woocommerce-checkout .elementor-widget-heading h1.elementor-heading-title,.woocommerce-account h1.entry-title{font-family:var(--sm-display);font-weight:700;font-size:clamp(2.4rem,1.7rem + 2.6vw,3.6rem);line-height:1;color:var(--sm-navy);text-transform:uppercase}
.woocommerce-account h1.entry-title{margin:40px 0 18px}
.woocommerce-cart .elementor-widget-woocommerce-cart a:not(.button):not(.checkout-button),.woocommerce-checkout a:not(.button):not(.checkout-button),.woocommerce-account .woocommerce a:not(.button){color:var(--sm-link);text-underline-offset:3px}
.woocommerce-cart .elementor-widget-woocommerce-cart a:not(.button):hover,.woocommerce-checkout a:not(.button):hover,.woocommerce-account .woocommerce a:not(.button):hover{color:var(--sm-navy)}
.woocommerce-cart .shop_table a.remove{color:var(--sm-red) !important}
.woocommerce-cart button.button,.woocommerce-cart a.button,.woocommerce-checkout button.button,.woocommerce-checkout #place_order,.woocommerce-account .woocommerce button.button,.woocommerce-account .woocommerce a.button,.woocommerce-cart a.checkout-button{font-family:var(--sm-display) !important;font-weight:700 !important;font-size:1.15rem !important;letter-spacing:.04em;text-transform:uppercase;min-height:48px;border-radius:4px !important;border:2px solid var(--sm-red) !important;background:var(--sm-red) !important;color:#fff !important;opacity:1}
.woocommerce-cart button.button:hover,.woocommerce-cart a.button:hover,.woocommerce-checkout button.button:hover,.woocommerce-checkout #place_order:hover,.woocommerce-account .woocommerce button.button:hover,.woocommerce-cart a.checkout-button:hover{background:var(--sm-red-dk) !important;border-color:var(--sm-red-dk) !important;color:#fff !important}
.woocommerce-cart button.button:disabled,.woocommerce-cart button.button[disabled]{background:#fff !important;color:#5b6779 !important;border-color:#b9c3d0 !important;opacity:1;cursor:not-allowed}
.woocommerce-cart input.input-text,.woocommerce-cart input.qty,.woocommerce-checkout input.input-text,.woocommerce-checkout select,.woocommerce-checkout textarea,.woocommerce-account input.input-text{min-height:48px;border:1px solid #b9c3d0 !important;border-radius:4px !important;background:#fff !important;color:var(--sm-ink);font-family:var(--sm-text);font-size:1.05rem}
.woocommerce-checkout textarea{min-height:110px}
.woocommerce-cart input:focus,.woocommerce-checkout input:focus,.woocommerce-checkout select:focus,.woocommerce-checkout textarea:focus,.woocommerce-account input:focus{outline:3px solid #ffbf47;outline-offset:1px}
.woocommerce-checkout label,.woocommerce-account label{color:var(--sm-ink);font-weight:600}
.woocommerce-cart .shop_table th,.woocommerce-checkout .shop_table th{font-family:var(--sm-display);font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase;color:var(--sm-ink)}
.woocommerce-cart h2,.woocommerce-checkout h3,.woocommerce-checkout h2,.woocommerce-account h2{font-family:var(--sm-display);font-weight:700;text-transform:uppercase;color:var(--sm-ink);letter-spacing:.01em}
.woocommerce-checkout #place_order{width:100%}
.woocommerce-checkout .woocommerce-privacy-policy-text,.woocommerce-checkout #payment .payment_box{color:var(--sm-body)}

/* Price widget: beat the kit's sale/price colors and the widget typography */
.elementor .sm-shop-pbuy .price,.elementor .sm-shop-pbuy .price .amount,.elementor .sm-shop-pbuy .price ins,.elementor .sm-shop-pbuy .price bdi{color:var(--sm-red) !important;font-family:var(--sm-display) !important;font-weight:700 !important;font-size:clamp(2.4rem,1.9rem + 1.8vw,3.4rem) !important;line-height:1 !important}
.elementor .sm-shop-pbuy .price del,.elementor .sm-shop-pbuy .price del .amount{color:#5b6779 !important;font-size:1.5rem !important;font-weight:600 !important}

/* Cart/checkout link colors: the widget default is a pale cyan that fails contrast on white */
.woocommerce-cart .elementor-widget-woocommerce-cart a:not(.button):not(.checkout-button):not(.remove),.woocommerce-checkout a:not(.button):not(.checkout-button),.woocommerce-account .woocommerce a:not(.button){color:var(--sm-link) !important}
.woocommerce-cart .elementor-widget-woocommerce-cart a:not(.button):not(.checkout-button):not(.remove):hover,.woocommerce-checkout a:not(.button):hover,.woocommerce-account .woocommerce a:not(.button):hover{color:var(--sm-navy) !important}
.woocommerce-cart .shop_table a.remove,.woocommerce-cart a.remove{color:var(--sm-red) !important;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
@media (max-width:760px){
  .woocommerce-cart .elementor-widget-heading,.woocommerce-checkout .elementor-widget-heading,.woocommerce-cart .elementor-widget-woocommerce-cart,.woocommerce-checkout .elementor-widget-woocommerce-checkout-page{padding-left:16px;padding-right:16px;box-sizing:border-box}
}
