/*
Theme Name: Betheme Child - A2B Trailers
Theme URI: https://staging.a2btrailers.com.au
Description: Child theme of Betheme for the A2B Trailers rebuild
Author: A2B Trailers
Template: betheme
Version: 1.0.0
Text Domain: betheme-child
*/

/* A2B (browser session 2026-07-18): subtle image framing, CSS-only (no asset bloat) */
.the_content_wrapper img,
ul.products li.product img,
.elementor-widget-image img,
.woocommerce-product-gallery img {
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(59,59,59,.14);
}

/* A2B: category tile images - no crop/cut, sane size */
ul.products li.product-category img { object-fit: contain; height: 240px; width: 100%; background:#fff; }

/* A2B: Get a Quote as gold CTA button */
#Top_bar .menu > li:last-child > a { background:#FFC72C; border-radius:6px; }
#Top_bar .menu > li:last-child > a span { color:#1b2436 !important; font-weight:600; }

/* A2B product page design (v2) */
.pdp-wrap{max-width:1200px;margin:0 auto;padding:14px 20px 60px}
.pdp-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:start}
@media(max-width:880px){.pdp-grid{grid-template-columns:1fr}}
.pdp-main{width:100%;border-radius:10px;box-shadow:0 3px 16px rgba(59,59,59,.16)}
.pdp-ths{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.pdp-th{width:72px;height:54px;object-fit:cover;border-radius:5px;cursor:pointer}
.pdp-code{display:inline-block;background:#2D68C4;color:#fff;font-size:10.5px;letter-spacing:1.5px;padding:3px 9px;border-radius:3px;text-transform:uppercase;margin-bottom:6px}
.pdp-h1{font-size:21px!important;line-height:1.25;margin:0 0 10px;font-weight:600}
.pdp-buy{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:4px 0 10px}
.pdp-price{font-size:30px;font-weight:700;color:#2D68C4}
.pdp-gst{font-size:13px;color:#3B3B3B}
.pdp-cta{display:inline-block;background:#FFC72C;color:#1b2436!important;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:14px 30px;min-height:44px;border-radius:6px;text-decoration:none;font-size:15px}
.pdp-cta:hover{background:#e8b626}
.pdp-call2{font-weight:600;color:#2D68C4;text-decoration:none;font-size:15px}
.pdp-spec{width:100%;border-collapse:collapse;margin:2px 0 10px;font-size:14.5px}
.pdp-spec th{text-align:left;padding:7px 11px;background:#f4f6fa;width:42%;font-weight:600;border-bottom:1px solid #e4e8ef}
.pdp-spec td{padding:7px 11px;border-bottom:1px solid #e4e8ef}
.pdp-trust{display:flex;gap:20px;flex-wrap:wrap;margin:10px 0 0;padding:12px 0;border-top:1px solid #e4e8ef;font-size:12.5px;color:#3B3B3B}
.pdp-trust b{color:#2D68C4}
.pdp-sect{margin-top:36px;max-width:920px;font-size:16px;line-height:1.7}
.pdp-sect h2{font-size:22px}
.pdp-sku{margin-top:18px;font-size:13px;color:#6a7383}
.pdp-form{margin-top:34px;max-width:720px;background:#f4f6fa;border-radius:10px;padding:26px 28px}
.pdp-form h2{font-size:22px;margin-top:0}
/* A2B pdp v2 */
.pdp-wrap{max-width:1200px;margin:0 auto;padding:14px 20px 60px}
.pdp-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:start}
.pdp-main{width:100%;max-height:430px;object-fit:cover;border-radius:10px;box-shadow:0 3px 16px rgba(59,59,59,.16)}
.pdp-ths{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.pdp-ths .pdp-th{width:72px!important;height:54px!important;object-fit:cover;border-radius:5px;cursor:pointer}
.pdp-code{display:inline-block;background:#2D68C4;color:#fff;font-size:10.5px;letter-spacing:1.5px;padding:3px 9px;border-radius:3px;text-transform:uppercase;margin-bottom:6px}
h1.pdp-h1{font-size:21px!important;line-height:1.25;margin:0 0 10px;font-weight:600}
.pdp-buy{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:4px 0 10px}
.pdp-price{font-size:30px;font-weight:700;color:#2D68C4}
.pdp-gst{font-size:13px;color:#3B3B3B;margin-left:6px}
.pdp-cta{display:inline-block;background:#FFC72C;color:#1b2436!important;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:14px 30px;min-height:44px;border-radius:6px;text-decoration:none;font-size:15px}
.pdp-cta:hover{background:#e8b626}
.pdp-call2{font-weight:600;color:#2D68C4;text-decoration:none;font-size:15px}
.pdp-spec{width:100%;border-collapse:collapse;margin:2px 0 10px;font-size:14.5px}
.pdp-spec th{text-align:left;padding:7px 11px;background:#f4f6fa;width:42%;font-weight:600;border-bottom:1px solid #e4e8ef}
.pdp-spec td{padding:7px 11px;border-bottom:1px solid #e4e8ef}
.pdp-trust{display:flex;gap:20px;flex-wrap:wrap;margin:10px 0 0;padding:12px 0;border-top:1px solid #e4e8ef;font-size:12.5px;color:#3B3B3B}
.pdp-trust b{color:#2D68C4}
.pdp-sect{margin-top:36px;max-width:920px;font-size:16px;line-height:1.7}
.pdp-sect h2{font-size:22px}
.pdp-sku{margin-top:18px;font-size:13px;color:#6a7383}
.pdp-form{margin-top:34px;max-width:720px;background:#f4f6fa;border-radius:10px;padding:26px 28px}
.pdp-form h2{font-size:22px;margin-top:0}
@media(max-width:880px){.pdp-grid{display:flex;flex-direction:column}.pdp-grid>div:first-child{order:2}.pdp-grid>div:last-child{order:1}.pdp-main{max-height:300px}}
/* A2B pdp v2.1: title banner sized like price, no clipping; full specs 2-col */
#Subheader .title{font-size:30px!important;line-height:1.2!important;padding-top:10px}
#Subheader{padding:18px 0!important}
.pdp-sect .pdp-spec tbody{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.pdp-sect .pdp-spec tr{display:flex}
.pdp-sect .pdp-spec th{flex:0 0 46%}
.pdp-sect .pdp-spec td{flex:1}
@media(max-width:880px){.pdp-sect .pdp-spec tbody{grid-template-columns:1fr}}
/* A2B pdp v2.2 mobile: CTA beside price, wider content, bold chip, white footer */
.pdp-code{font-weight:700;font-size:12px;letter-spacing:2px}
#Footer,#Footer p,#Footer a,#Footer li,#Footer .widget,#Footer .themecolor{color:#ffffff!important}
@media(max-width:880px){
.pdp-wrap{padding:8px 8px 50px}
.pdp-buy{gap:10px;flex-wrap:nowrap}
.pdp-price{font-size:25px}
.pdp-gst{font-size:11px}
.pdp-cta{padding:12px 16px;font-size:13px;letter-spacing:.8px;white-space:nowrap}
.pdp-main{max-height:340px}
}
/* v2.3: true full-width mobile */
@media(max-width:880px){
body.page-id-9729 .section_wrapper,body.page-id-9729 .the_content_wrapper{max-width:100%!important;padding:0 6px!important;margin:0!important}
.pdp-wrap{padding:6px 0 50px}
.pdp-grid{gap:18px}
}
/* A2B pdp v3: zoom lens, More Information single-col, Optional Extras box, Find Us row */
.pdp-zoomwrap{position:relative;display:block}
.pdp-lens{display:none;position:absolute;width:170px;height:170px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(45,104,196,.55),0 6px 18px rgba(0,0,0,.3);background-repeat:no-repeat;background-color:#fff;pointer-events:none;z-index:5}
.pdp-zoomhint{position:absolute;right:10px;top:10px;background:rgba(255,255,255,.85);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:17px;z-index:4;pointer-events:none;box-shadow:0 1px 5px rgba(0,0,0,.18)}
@media(hover:none){.pdp-zoomhint,.pdp-lens{display:none!important}}
.pdp-sect table.pdp-mi tbody{display:table-row-group!important}
.pdp-sect table.pdp-mi tr{display:table-row!important}
.pdp-sect table.pdp-mi th{display:table-cell;width:38%;flex:none}
.pdp-sect table.pdp-mi td{display:table-cell;flex:none}
.pdp-extras-box{background:#f4f8ff;border:1px solid #d7e3f7;border-left:4px solid #2D68C4;border-radius:10px;padding:22px 24px;max-width:920px}
.pdp-extras-box h2{margin-top:0}
.pdp-extras-note{margin:4px 0 14px;font-size:14.5px;color:#3B3B3B}
.pdp-extras-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.pdp-extra{background:#fff;border:1px solid #cfd9e8;border-radius:20px;padding:6px 14px;font-size:13.5px;color:#1b2436}
.pdp-cta-sm{padding:10px 20px;font-size:13px}
.pdp-findus{margin-top:10px;padding-top:10px;border-top:1px solid #e4e8ef;font-size:13px;color:#3B3B3B}
.pdp-findus a{color:#2D68C4;font-weight:600;text-decoration:none}
.pdp-findus a:hover{text-decoration:underline}
.pdp-findus-lab{font-weight:700;color:#2D68C4}
@media(max-width:880px){.pdp-extras-box{padding:16px 14px}}

/* v9: force hero content visible on first load (entrance animation was leaving it invisible) */
body.home .elementor-invisible{visibility:visible!important;opacity:1!important;animation:none!important}

/* v9.1: hero switcher panel - clear the 3-step strip, fit 5 thumbs on one row */
.a2b-hsw{bottom:120px!important;max-width:352px!important}