/* Global WhatsApp CTA treatment. Loaded from the shared footer so it wins over
   page-specific button themes and stays identical across the public site. */
:is(
    .header-whatsapp,
    .lasto-whatsapp-cta,
    .products-whatsapp-link,
    .service-button-outline,
    .brands-v2-help-copy > a,
    .about-whatsapp > a,
    .contact-method-whatsapp a,
    .contact-primary-button,
    .store-whatsapp-button,
    .promotion-whatsapp-button,
    .chat-product-button,
    .product-mobile-enquiry,
    .comparison-whatsapp-button,
    .comparison-help-bar > a,
    .build-send-whatsapp,
    .product-card-whatsapp,
    .whatsapp-branch-action
){
    border:1.5px solid #36cc78!important;
    background:#fff!important;
    color:#08a94f!important;
    font-family:"Montserrat",Arial,Helvetica,sans-serif!important;
    font-weight:700!important;
    text-transform:none!important;
    letter-spacing:0!important;
    box-shadow:0 6px 17px rgba(25,190,99,.12)!important;
}

:is(
    .header-whatsapp,
    .lasto-whatsapp-cta,
    .products-whatsapp-link,
    .service-button-outline,
    .brands-v2-help-copy > a,
    .about-whatsapp > a,
    .contact-method-whatsapp a,
    .contact-primary-button,
    .store-whatsapp-button,
    .promotion-whatsapp-button,
    .chat-product-button,
    .product-mobile-enquiry,
    .comparison-whatsapp-button,
    .comparison-help-bar > a,
    .build-send-whatsapp,
    .product-card-whatsapp,
    .whatsapp-branch-action
):hover{
    border-color:#12b85d!important;
    background:#f2fff8!important;
    color:#079b48!important;
    box-shadow:0 8px 21px rgba(25,190,99,.18)!important;
}

:is(
    .header-whatsapp,
    .lasto-whatsapp-cta,
    .products-whatsapp-link,
    .service-button-outline,
    .brands-v2-help-copy > a,
    .about-whatsapp > a,
    .contact-method-whatsapp a,
    .contact-primary-button,
    .store-whatsapp-button,
    .promotion-whatsapp-button,
    .chat-product-button,
    .product-mobile-enquiry,
    .comparison-whatsapp-button,
    .comparison-help-bar > a,
    .build-send-whatsapp,
    .product-card-whatsapp,
    .whatsapp-branch-action
) .icon-whatsapp{
    color:#08b957!important;
    stroke:currentColor!important;
}

html[data-site-theme="dark"] :is(
    .header-whatsapp,
    .lasto-whatsapp-cta,
    .products-whatsapp-link,
    .service-button-outline,
    .brands-v2-help-copy > a,
    .about-whatsapp > a,
    .contact-method-whatsapp a,
    .contact-primary-button,
    .store-whatsapp-button,
    .promotion-whatsapp-button,
    .chat-product-button,
    .product-mobile-enquiry,
    .comparison-whatsapp-button,
    .comparison-help-bar > a,
    .build-send-whatsapp,
    .product-card-whatsapp,
    .whatsapp-branch-action
){
    border-color:#36cc78!important;
    background:#fff!important;
    color:#08a94f!important;
}

.whatsapp-picker-heading h2,
.whatsapp-branch-copy strong{
    font-weight:400!important;
}

/* Product Details price should stay readable without returning to the old heavy look. */
.product-details-page .product-detail-price{
    font-size:31px!important;
    font-weight:650!important;
}

.product-details-page .product-detail-original-price{
    font-weight:400!important;
}

.product-details-page :is(
    .product-side-key-specifications__content h3,
    .specification-table th,
    .product-content-tab
){
    font-weight:400!important;
}

/* Only the main Product Details title is reduced. Product-card typography is
   intentionally left to each page's original stylesheet. */
.product-details-page .product-summary h1,
.product-details-page .product-detail-title{
    font-size:clamp(21px,1.8vw,28px)!important;
}

@media (max-width:560px){
    .product-details-page .product-summary h1,
    .product-details-page .product-detail-title{
        font-size:20px!important;
    }

    .product-details-page .product-detail-price{
        font-size:24px!important;
    }
}

/* High-specificity parity for navigation, footer and banner CTAs. These areas
   have their own theme styles, so keep the WhatsApp treatment authoritative in
   system, light and dark modes without changing each button's original label. */
html body #lasto-site-header .header-whatsapp,
html body #lasto-site-header .lasto-mobile-nav-actions a:last-child,
html body #lasto-site-header .lasto-mobile-nav-quick-actions a:last-child,
html body .footer .footer-whatsapp-button,
html body main .hero a.lasto-whatsapp-cta,
html body main .products-hero .products-whatsapp-link,
html body main .promotion-hero .promotion-outline-button[href*="wa.me/"],
html body main .promotion-hero .promotion-outline-button[href*="api.whatsapp.com/"]{
    border:1.5px solid #36cc78!important;
    background:#fff!important;
    color:#08a94f!important;
    font-family:"Montserrat",Arial,Helvetica,sans-serif!important;
    font-weight:700!important;
    text-transform:none!important;
    letter-spacing:0!important;
    box-shadow:0 6px 17px rgba(25,190,99,.12)!important;
}

html body #lasto-site-header .header-whatsapp:hover,
html body #lasto-site-header .lasto-mobile-nav-actions a:last-child:hover,
html body #lasto-site-header .lasto-mobile-nav-quick-actions a:last-child:hover,
html body .footer .footer-whatsapp-button:hover,
html body main .hero a.lasto-whatsapp-cta:hover,
html body main .products-hero .products-whatsapp-link:hover,
html body main .promotion-hero .promotion-outline-button[href*="wa.me/"]:hover,
html body main .promotion-hero .promotion-outline-button[href*="api.whatsapp.com/"]:hover{
    border-color:#12b85d!important;
    background:#f2fff8!important;
    color:#079b48!important;
    box-shadow:0 8px 21px rgba(25,190,99,.18)!important;
}

html body #lasto-site-header .header-whatsapp .icon,
html body #lasto-site-header .lasto-mobile-nav-actions a:last-child .icon,
html body #lasto-site-header .lasto-mobile-nav-quick-actions a:last-child .icon,
html body .footer .footer-whatsapp-button .icon,
html body main .hero a.lasto-whatsapp-cta .icon,
html body main .products-hero .products-whatsapp-link .icon{
    color:#08b957!important;
}

html[data-site-theme] body :is(
    #lasto-site-header .header-whatsapp,
    #lasto-site-header .lasto-mobile-nav-actions a:last-child,
    #lasto-site-header .lasto-mobile-nav-quick-actions a:last-child,
    .footer .footer-whatsapp-button,
    main .hero a.lasto-whatsapp-cta,
    main .products-hero .products-whatsapp-link,
    main .promotion-hero .promotion-outline-button[href*="wa.me/"],
    main .promotion-hero .promotion-outline-button[href*="api.whatsapp.com/"]
){
    border-color:#36cc78!important;
    background:#fff!important;
    color:#08a94f!important;
    font-family:"Montserrat",Arial,Helvetica,sans-serif!important;
    font-weight:700!important;
    text-transform:none!important;
    letter-spacing:0!important;
    box-shadow:0 6px 17px rgba(25,190,99,.12)!important;
}

html[data-site-theme] body :is(
    #lasto-site-header .header-whatsapp,
    #lasto-site-header .lasto-mobile-nav-actions a:last-child,
    #lasto-site-header .lasto-mobile-nav-quick-actions a:last-child,
    .footer .footer-whatsapp-button,
    main .hero a.lasto-whatsapp-cta,
    main .products-hero .products-whatsapp-link,
    main .promotion-hero .promotion-outline-button[href*="wa.me/"],
    main .promotion-hero .promotion-outline-button[href*="api.whatsapp.com/"]
):hover{
    border-color:#12b85d!important;
    background:#f2fff8!important;
    color:#079b48!important;
    box-shadow:0 8px 21px rgba(25,190,99,.18)!important;
}

html[data-site-theme] body :is(
    #lasto-site-header .header-whatsapp,
    #lasto-site-header .lasto-mobile-nav-actions a:last-child,
    #lasto-site-header .lasto-mobile-nav-quick-actions a:last-child,
    .footer .footer-whatsapp-button,
    main .hero a.lasto-whatsapp-cta,
    main .products-hero .products-whatsapp-link
) .icon{
    color:#08b957!important;
}