/* Brand book p18. Preserve layout, type, content and native commerce behaviour.
   DESIGN_VARIANCE 3 / MOTION_INTENSITY 1 / VISUAL_DENSITY 5. */
html body.spa-phase2 {
 --et_active-color:var(--spa-pool-blue);
 --et_link-hover-color:var(--spa-pool-blue);
 --et_btn-active-bg-color:var(--spa-ocean-blue);
 --et_btn-active-br-color:var(--spa-ocean-blue);
 --et_btn-active-bg-color-hover:var(--spa-pool-blue);
 --et_btn-active-br-color-hover:var(--spa-pool-blue);
 --et_btn-dark-bg-color:var(--spa-ocean-blue);
 --et_btn-dark-br-color:var(--spa-ocean-blue);
 --et_btn-dark-bg-color-hover:var(--spa-pool-blue);
 --et_btn-dark-br-color-hover:var(--spa-pool-blue);
 --et_btn-bg-color-hover:var(--spa-pool-blue);
 --et_btn-br-color-hover:var(--spa-pool-blue);
 --et_btn-light-bg-color-hover:var(--spa-pool-blue);
 --et_btn-light-br-color-hover:var(--spa-pool-blue);
 --single-add-to-cart-background-color:var(--spa-ocean-blue);
 --single-add-to-cart-hover-background-color:var(--spa-pool-blue);
 --e-global-color-primary:var(--spa-pool-blue);
 --e-global-color-secondary:var(--spa-ocean-blue);
}

/* The SVG retains the source proportions; existing header/footer widths stay intact. */
body.spa-phase2 img.spa-brand-logo { object-fit:contain; height:auto; }
body.spa-phase2 .footer img.spa-brand-logo { width:500px; max-width:100%; }
body.spa-phase2.spa-single-product .spa-pdp-intro h1.product_title { color:var(--spa-ocean-blue)!important; }

/* Explicit colours in legacy content/widgets are aligned without replacing their blocks. */
body.spa-phase2 .footer .elementor-widget-text-editor,
body.spa-phase2 .footer .elementor-widget-text-editor p,
body.spa-phase2 .footer .elementor-widget-text-editor a,
body.spa-phase2 .footer .elementor-icon-list-text,
body.spa-phase2 .footer .elementor-icon-list-icon,
body.spa-phase2 .footer h3.elementor-heading-title { color:var(--spa-pool-blue); }
body.spa-phase2 .footer .elementor-icon-list-icon svg { fill:var(--spa-pool-blue); }
body.spa-phase2 .footer a:hover { color:var(--spa-ocean-blue); }
body.spa-phase2 .footer .xwp_socials a { color:var(--spa-pool-blue)!important; }
body.spa-phase2 .footer .xwp_socials a .et-icon { color:inherit; }
body.spa-phase2 .footer .xwp_socials a:hover { color:var(--spa-ocean-blue)!important; }

/* The existing dark photo needs the brand's white treatment for readable text. */
body.spa-phase2 .footer .xwp_footerRight .elementor-heading-title,
body.spa-phase2 .footer .xwp_footerRight .elementor-widget-text-editor *,
body.spa-phase2 .footer .xwp_footerRight .xwp_copyRight { color:#fff!important; }
body.spa-phase2 .footer .xwp_footerRight a:hover { text-decoration:underline; }
body.spa-phase2 .et-mini-content-head .cart-type2 .et_b-icon { background-color:var(--spa-pool-blue); color:#fff; }

body.spa-phase2 .spa-home .elementor-button:hover,
body.spa-phase2 .spa-home .spa-guide-button:hover,
body.spa-phase2.spa-archive .main-products-loop .spa-card-button:hover:not(:disabled),
body.spa-phase2.spa-single-product .spa-pdp-purchase .single_add_to_cart_button:hover:not(:disabled),
body.spa-phase2.spa-single-product .spa-pdp-related-card .button:hover { background:var(--spa-pool-blue)!important; border-color:var(--spa-pool-blue)!important; }

/* Native mobile search uses an accent-filled submit button outside the desktop override. */
body.spa-phase2 .mobile-header-wrapper .search-button { background-color:var(--spa-pool-blue); }

/* CookieYes is outside the content container; use the shop's Arial UI typography.
   Typography only: keep consent text, colours, category controls and actions unchanged. */
body.spa-phase2 #cookie-law-info-bar,
body.spa-phase2 #cookie-law-info-again,
body.spa-phase2 #cliSettingsPopup { font-family:Arial,Helvetica,sans-serif!important; font-size:14px; line-height:1.6; }
body.spa-phase2 #cookie-law-info-bar .cli_messagebar_head,
body.spa-phase2 #cliSettingsPopup .cli-privacy-overview h4 { font:600 18px/1.4 Arial,Helvetica,sans-serif!important; letter-spacing:0; text-transform:none; }
body.spa-phase2 #cookie-law-info-bar .cli-bar-message,
body.spa-phase2 #cliSettingsPopup .cli-privacy-content-text,
body.spa-phase2 #cliSettingsPopup .cli-tab-content,
body.spa-phase2 #cliSettingsPopup .wt-cli-cookie-description { font:400 14px/1.6 Arial,Helvetica,sans-serif!important; }
body.spa-phase2 #cookie-law-info-bar .cli-plugin-button,
body.spa-phase2 #cliSettingsPopup .cli-plugin-button,
body.spa-phase2 #cliSettingsPopup .wt-cli-privacy-btn,
body.spa-phase2 #cliSettingsPopup .cli-tab-header a,
body.spa-phase2 #cookie-law-info-again { font:600 14px/1.5 Arial,Helvetica,sans-serif!important; letter-spacing:0; }
body.spa-phase2 #cliSettingsPopup .cli-tab-content p,
body.spa-phase2 #cliSettingsPopup .cli-privacy-content-text p,
body.spa-phase2 #cliSettingsPopup .cli-switch .cli-slider:after,
body.spa-phase2 #cliSettingsPopup table { font-family:Arial,Helvetica,sans-serif!important; }