/* Tool Club store styling. Loaded on every front-end page by the Tool Club Rentals plugin. */

/* ---------- Product cards (catalog, related products) ---------- */
ul.products li.product{background:#F8F4EE !important;border:1px solid #E3DDD3 !important;border-radius:12px !important;overflow:hidden !important;padding:0 0 18px !important;text-align:center !important;transition:box-shadow .2s,transform .2s}
ul.products li.product:hover{box-shadow:0 8px 24px rgba(33,60,91,.12) !important;transform:translateY(-2px)}
ul.products li.product img{background:#fff !important;aspect-ratio:1/1;object-fit:contain !important;padding:12px !important;box-sizing:border-box;margin:0 !important;width:100% !important}
ul.products li.product h2,
ul.products li.product .woocommerce-loop-product__title{color:#213C5B !important;font-size:16px !important;font-weight:600 !important;line-height:1.35 !important;padding:0 18px !important;margin:10px 0 6px !important;text-align:center !important;width:100%}
ul.products li.product .price{color:#213C5B !important;font-size:18px !important;font-weight:700 !important;padding:0 18px !important;margin:0 0 6px !important;display:block !important;text-align:center !important;width:100%}
ul.products li.product .price .tcr-per-day{font-size:14px !important;font-weight:500 !important;opacity:.7}
ul.products li.product .button{display:block !important;width:calc(100% - 36px) !important;margin:10px auto 0 !important;white-space:nowrap !important;border-radius:6px !important;text-align:center}

/* ---------- Single product page ---------- */
.single-product div.product .product_title{color:#213C5B;font-weight:600;margin-bottom:6px}
.single-product div.product p.price{color:#213C5B !important;font-size:26px !important;font-weight:700 !important;margin:0 0 18px}
.single-product div.product p.price .tcr-per-day{font-size:16px;font-weight:500;opacity:.7}
.single-product .product_meta{display:none !important}

/* Rental products: hide quantity box, full-width booking button */
.single-product form.cart:has(.tcr-picker){display:flex !important;flex-wrap:wrap !important;gap:0 !important}
.single-product form.cart:has(.tcr-picker) .tcr-picker{flex:1 1 100%;max-width:100%}
.single-product form.cart:has(.tcr-picker) .quantity{display:none !important}
.single-product form.cart:has(.tcr-picker) .single_add_to_cart_button{flex:1 1 100% !important;width:100% !important;margin:0 !important;padding:15px 24px !important;font-size:16px !important;border-radius:8px !important}

/* Larger calendar on the product page */
.single-product .tcr-picker{max-width:100%;margin-bottom:16px}
.single-product .tcr-picker .tcr-heading{font-size:20px;font-weight:600;margin-bottom:4px}
.single-product .tcr-picker .tcr-help{font-size:14px;margin-bottom:12px}
.single-product .tcr-calendar{padding:16px;border-radius:12px}
.single-product .tcr-day{aspect-ratio:auto;height:40px;min-height:40px;font-size:15px}
.single-product .tcr-month{font-size:16px}

/* ---------- v1.3: product page fixes ---------- */

/* Book rental button: let the theme's fixed height go so the text centers */
.single-product form.cart:has(.tcr-picker) .single_add_to_cart_button{height:auto !important;min-height:52px !important;line-height:1.2 !important;display:flex !important;align-items:center !important;justify-content:center !important;text-align:center !important}

/* Cream page background, matching the rest of the site */
body.single-product,
body.single-product .site,
body.single-product .content-bg:not(li),
body.single-product .entry.single-entry{background-color:#F8F4EE !important;box-shadow:none !important}

/* Product photo sits on a white card so white-background photos look intentional */
.single-product div.product .woocommerce-product-gallery{background:#fff;border:1px solid #E3DDD3;border-radius:12px;overflow:hidden;padding:12px;box-sizing:border-box}

/* One description section, no tab bar or repeated "Description" heading */
.single-product .woocommerce-tabs ul.tabs{display:none !important}
.single-product .woocommerce-tabs .panel{display:block !important;border:0 !important;padding:0 !important;margin-top:8px}
.single-product .woocommerce-Tabs-panel--description > h2:first-child{display:none !important}
.single-product .woocommerce-Tabs-panel--additional_information{display:none !important}

/* Detail dropdowns under the Book button */
.tcr-details{margin:20px 0 0;border-top:1px solid #E3DDD3}
.tcr-acc{border-bottom:1px solid #E3DDD3}
.tcr-acc summary{list-style:none !important;cursor:pointer;padding:15px 0 !important;margin:0 !important;font-weight:600;color:#213C5B;font-size:15px;display:flex !important;align-items:center;justify-content:space-between;gap:12px;background:none !important;border:0 !important;outline-offset:2px}
.tcr-acc summary::-webkit-details-marker{display:none !important}
.tcr-acc summary::marker{content:'' !important}
.tcr-acc summary::before,.tcr-acc summary::after{content:none !important;display:none !important}
.tcr-acc-icon{width:18px;height:18px;flex-shrink:0;fill:none;stroke:#213C5B;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.tcr-acc[open] .tcr-acc-icon{transform:rotate(180deg)}
.tcr-acc summary:hover,.tcr-acc summary:hover .tcr-acc-label{color:#C40D1B}
.tcr-acc summary:hover .tcr-acc-icon{stroke:#C40D1B}
.tcr-acc summary:focus:not(:focus-visible){outline:none}
.tcr-acc-body{padding:0 0 16px;color:#213C5B;font-size:14px;line-height:1.6}
.tcr-acc-body p{margin:0 0 8px}
.tcr-acc-body p:last-child{margin-bottom:0}
.tcr-video{margin-top:20px;border-radius:12px;overflow:hidden;background:#000;aspect-ratio:16/9}
.tcr-video iframe{width:100%;height:100%;border:0;display:block}

/* ---------- v1.4: details section below the product ---------- */
.tcr-about{clear:both;display:grid;grid-template-columns:minmax(0,1fr);gap:40px;padding:40px 0 8px;margin-top:40px;border-top:1px solid #E3DDD3}
.tcr-about.has-video{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.single-product .tcr-about .tcr-about-title{font-size:24px;font-weight:600;color:#213C5B;margin:0 0 14px}
.tcr-about-desc{color:#213C5B;font-size:15px;line-height:1.7;margin-bottom:22px}
.tcr-about-desc p{margin:0 0 12px}
.tcr-about .tcr-details{margin:0}
.tcr-about-side .tcr-video{margin-top:0;position:sticky;top:110px}
.tcr-about:not(.has-video) .tcr-about-main{max-width:820px}
.tcr-about ~ .woocommerce-tabs,body:has(.tcr-about) .woocommerce-tabs{display:none !important}
@media (max-width:900px){
.tcr-about.has-video{grid-template-columns:minmax(0,1fr);gap:24px}
.tcr-about{padding-top:28px;margin-top:28px}
.tcr-about-side .tcr-video{position:static}
}

/* ---------- v1.6: tighter spacing + richer product page ---------- */

/* Less space between the header and the product */
body.single-product .content-area{margin-top:28px !important;margin-bottom:40px !important}
body.single-product .woocommerce-breadcrumb{margin-bottom:12px !important}
body.single-product div.product{margin-top:0 !important}

/* Booking card: right column on white */
.single-product div.product .summary.entry-summary{background:#fff;border:1px solid #E3DDD3;border-radius:14px;padding:28px 28px 24px !important;box-shadow:0 10px 30px rgba(33,60,91,.08);box-sizing:border-box}
.single-product div.product .summary > *:first-child{margin-top:0 !important}

/* Tighter title / price / dates stack */
.single-product div.product .product_title{margin:0 0 4px !important;line-height:1.15 !important}
.single-product div.product p.price{margin:0 0 10px !important;line-height:1.2 !important}
.single-product div.product .woocommerce-product-details__short-description{margin:0 0 14px !important;color:#5b6573;font-size:15px;line-height:1.55}
.single-product div.product .woocommerce-product-details__short-description p{margin:0}
.single-product div.product form.cart{margin:14px 0 0 !important;padding-top:16px;border-top:1px solid #E3DDD3}
.single-product .tcr-picker{margin:0 0 14px !important}
.single-product .tcr-picker .tcr-heading{margin:0 0 2px !important;font-size:18px !important}
.single-product .tcr-picker .tcr-help{margin:0 0 10px !important;font-size:13.5px !important}

/* Book button: navy until dates are picked, red when ready */
.single-product form.cart:has(.tcr-picker) .single_add_to_cart_button:disabled,
.single-product form.cart:has(.tcr-picker) .single_add_to_cart_button.disabled{background:#213C5B !important;border-color:#213C5B !important;color:#fff !important;opacity:.55 !important}
.single-product form.cart:has(.tcr-picker) .single_add_to_cart_button.tcr-ready{background:#C40D1B !important;border-color:#C40D1B !important;opacity:1 !important}
.single-product form.cart:has(.tcr-picker) .single_add_to_cart_button.tcr-ready:hover{background:#A30B16 !important;border-color:#A30B16 !important}

/* Trust strip under the button */
.tcr-trust{list-style:none;margin:14px 0 0 !important;padding:0 !important;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 12px;flex:1 1 100%;width:100%}
.tcr-trust li{display:flex;align-items:center;gap:6px;margin:0 !important;font-size:12.5px;font-weight:600;color:#213C5B}
.tcr-trust svg{width:16px;height:16px;fill:none;stroke:#C40D1B;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}

/* About section as its own white panel */
.tcr-about{background:#fff;border:1px solid #E3DDD3 !important;border-radius:14px;padding:32px !important;margin-top:36px !important}
.tcr-about .tcr-about-title{position:relative;padding-left:14px}
.tcr-about .tcr-about-title::before{content:'';position:absolute;left:0;top:.15em;bottom:.15em;width:4px;border-radius:2px;background:#C40D1B}

@media (max-width:900px){
body.single-product .content-area{margin-top:16px !important}
.single-product div.product .summary.entry-summary{padding:20px 18px 18px !important;margin-top:16px}
.tcr-about{padding:22px 18px !important;margin-top:24px !important}
.tcr-trust{justify-content:flex-start;gap:8px 16px}
}

/* ---------- v2.0.1: line up the photo card and the booking card ---------- */
@media (min-width:768px){
.single-product div.product > .woocommerce-product-gallery,
.single-product div.product > .summary.entry-summary,
.single-product div.product .product-main-content > .woocommerce-product-gallery,
.single-product div.product .product-main-content > .summary.entry-summary{margin-top:0 !important;top:0 !important;align-self:flex-start}
}
