/**
 * Theme Name:     Divi5 Child
 * Author:         Elegant Themes
 * Template:       Divi
 * Text Domain:	   divi5-child
 * Description:    Divi 5 Child theme.
 * Theme URI:      https://paradisecocktails.com.au/
 * Author URI:     http://Tyrone%20Platt
 * Version:        1.01
 */


/* pc-cls-fix-blocking: reserve square space for product thumbnails, prevents layout shift (2026-07-31) */
span.et_shop_image img.attachment-woocommerce_thumbnail{aspect-ratio:1/1;width:100%;height:auto;}

/* pc-cv-fix: render below-fold homepage sections lazily so their late layout settles off-screen (2026-07-31) */
.home .et_pb_section_1{content-visibility:auto;contain-intrinsic-size:auto 900px;}

/* pc-menu-cls-fix: the mobile-menu section is hidden by Divi interaction JS on load, which collapses ~460px and shifts the page. Hide it up front; the JS sets an inline display when opening, which overrides this. (2026-07-31) */
.et-interaction-target-req2kn64ll{display:none;}

/* pc-order-now: Order Now button on product cards (2026-07-31) */
.pc-order-now{display:inline-block;white-space:nowrap;max-width:100%;margin:12px 0 4px;padding:10px 26px;background:#cc2600;color:#fff!important;font-weight:600;font-size:15px;line-height:1.4;border-radius:4px;text-decoration:none;transition:background .2s ease;}
.pc-order-now:hover{background:#991c00;color:#fff!important;}
ul.products li.product{text-align:center;}

/* pc-responsive-hero: the hero background is 1523px wide (120KB). Phones and tablets get a
   correctly sized copy instead - 37KB and 59KB. Same picture, far less to download. (2026-08-01) */
@media (max-width: 767px){
  body.home .et_pb_section_0{background-image:url(https://paradisecocktails.com.au/wp-content/uploads/2026/05/Cocktail-and-slushie-flavours-768x472.webp)!important;}
}
@media (min-width: 768px) and (max-width: 1024px){
  body.home .et_pb_section_0{background-image:url(https://paradisecocktails.com.au/wp-content/uploads/2026/05/Cocktail-and-slushie-flavours-1024x629.webp)!important;}
}