/* Online store transition, October 2026. */
.cream-online-intro { text-align:center; padding:90px 24px 70px; background:#f5f4f1; color:#171717; }
.cream-online-intro h1 { margin:0 0 24px; font-family:Barlow,sans-serif; font-size:clamp(30px,4vw,54px); font-weight:400; letter-spacing:3px; line-height:1.2; }
.cream-online-tagline { margin:0 0 36px; font-family:Barlow,sans-serif; font-size:clamp(17px,2vw,23px); line-height:1.6; }
.cream-online-button { display:inline-block; padding:17px 30px; border:1px solid #171717; background:#171717; color:#fff; font-family:Barlow,sans-serif; font-size:14px; letter-spacing:2px; line-height:1.5; transition:background .2s,color .2s; }
.cream-online-button:hover,.cream-online-button:focus-visible { background:#fff; color:#171717; }
.cream-online-message { margin:32px 0 0; font-family:Barlow,sans-serif; font-size:18px; line-height:1.7; color:#555; }
.cream-about { max-width:820px; margin:0 auto; padding:65px 24px 80px; font-family:Barlow,sans-serif; }
.cream-about h1 { margin:0 0 35px; text-align:center; font-family:inherit; font-size:36px; font-weight:400; letter-spacing:0; }
.cream-about p { margin:0 0 23px; font-size:18px; line-height:1.8; color:#444; }
.cream-about p:last-child { margin-top:32px; color:#171717; }
.cream-contact { padding-top:65px; }
.cream-product-image-link { display:block; position:relative; }
/* Full-size decorative overlays must not intercept image links. */
.eltdf-pl-inner .eltdf-pl-text,
.eltdf-pli-inner .eltdf-pli-text,
.eltdf-plc-image-outer .eltdf-plc-text { pointer-events:none; }
.eltdf-pl-inner .eltdf-pl-add-to-cart,
.eltdf-pli-inner .eltdf-pli-add-to-cart,
.eltdf-plc-image-outer .eltdf-plc-add-to-cart { pointer-events:none; visibility:hidden; z-index:11; top:auto; bottom:55px; left:50%; transform:translateX(-50%); }
.eltdf-pl-inner .yith-wcwl-add-to-wishlist,
.eltdf-pli-inner .yith-wcwl-add-to-wishlist,
.eltdf-plc-image-outer .yith-wcwl-add-to-wishlist { visibility:hidden; }
@media (hover:hover) and (pointer:fine) {
  .eltdf-pl-inner:hover .eltdf-pl-add-to-cart,.eltdf-pl-inner:focus-within .eltdf-pl-add-to-cart,
  .eltdf-pli-inner:hover .eltdf-pli-add-to-cart,.eltdf-pli-inner:focus-within .eltdf-pli-add-to-cart,
  .eltdf-plc-image-outer:hover .eltdf-plc-add-to-cart,.eltdf-plc-image-outer:focus-within .eltdf-plc-add-to-cart { pointer-events:auto; visibility:visible; opacity:1; }
  .eltdf-pl-inner:hover .eltdf-pl-text a,.eltdf-pl-inner:focus-within .eltdf-pl-text a,
  .eltdf-pli-inner:hover .eltdf-pli-text a,.eltdf-pli-inner:focus-within .eltdf-pli-text a,
  .eltdf-plc-image-outer:hover .eltdf-plc-text a,.eltdf-plc-image-outer:focus-within .eltdf-plc-text a { pointer-events:auto; }
  .eltdf-pl-inner:hover .yith-wcwl-add-to-wishlist,.eltdf-pl-inner:focus-within .yith-wcwl-add-to-wishlist,
  .eltdf-pli-inner:hover .yith-wcwl-add-to-wishlist,.eltdf-pli-inner:focus-within .yith-wcwl-add-to-wishlist,
  .eltdf-plc-image-outer:hover .yith-wcwl-add-to-wishlist,.eltdf-plc-image-outer:focus-within .yith-wcwl-add-to-wishlist { visibility:visible; }
  .eltdf-pl-inner:focus-within .eltdf-pl-text,.eltdf-pli-inner:focus-within .eltdf-pli-text,.eltdf-plc-image-outer:focus-within .eltdf-plc-text { opacity:1; }
  .eltdf-pl-inner:focus-within .eltdf-pl-text-inner,.eltdf-pli-inner:focus-within .eltdf-pli-text-inner,.eltdf-plc-image-outer:focus-within .eltdf-plc-text-inner { transform:translateY(0); }
}
@media (hover:none), (pointer:coarse) {
  .eltdf-pl-inner .eltdf-pl-add-to-cart,.eltdf-pli-inner .eltdf-pli-add-to-cart,.eltdf-plc-image-outer .eltdf-plc-add-to-cart,
  .eltdf-pl-inner .yith-wcwl-add-to-wishlist,.eltdf-pli-inner .yith-wcwl-add-to-wishlist,.eltdf-plc-image-outer .yith-wcwl-add-to-wishlist { display:none !important; }
}
@media (max-width:680px) {
  .cream-online-intro { padding:60px 20px 50px; }
  .cream-online-intro h1 { letter-spacing:1.5px; }
  .cream-online-message { font-size:16px; }
  .cream-about { padding:45px 6px 55px; }
  .cream-about p { font-size:17px; line-height:1.75; }
}

/* Keep catalog hover actions in one compact row at the image bottom. */
body :is(.eltdf-pl-inner,.eltdf-pli-inner,.eltdf-plc-image-outer) :is(.eltdf-pl-add-to-cart,.eltdf-pli-add-to-cart,.eltdf-plc-add-to-cart) {
  top:auto !important; bottom:0 !important; left:0 !important; right:auto !important;
  width:65%; height:42px; padding:0 !important; margin:0 !important; box-sizing:border-box;
  transform:none !important; background:#000 !important;
}
body :is(.eltdf-pl-inner,.eltdf-pli-inner,.eltdf-plc-image-outer) :is(.eltdf-pl-add-to-cart,.eltdf-pli-add-to-cart,.eltdf-plc-add-to-cart) a {
  display:flex; align-items:center; justify-content:center; width:100%; height:100%;
  margin:0 !important; padding:0 6px !important; box-sizing:border-box; color:#fff !important;
  font-family:Barlow,sans-serif; font-size:11px !important; line-height:1.2 !important;
  letter-spacing:.4px !important; white-space:nowrap; background:transparent !important;
}
body :is(.eltdf-pl-inner,.eltdf-pli-inner,.eltdf-plc-image-outer) .eltdf-add-to-cart-icon { display:none !important; }
body :is(.eltdf-pl-inner,.eltdf-pli-inner,.eltdf-plc-image-outer) :is(.eltdf-pl-text,.eltdf-pli-text,.eltdf-plc-text) {
  top:auto !important; bottom:0; left:auto !important; right:0 !important; width:35% !important; height:42px;
  background:#000; padding:0 !important; border-left:1px solid #444; box-sizing:border-box;
}
body :is(.eltdf-pl-inner,.eltdf-pli-inner,.eltdf-plc-image-outer) :is(.eltdf-pl-text-outer,.eltdf-pli-text-outer,.eltdf-plc-text-outer),
body :is(.eltdf-pl-inner,.eltdf-pli-inner,.eltdf-plc-image-outer) :is(.eltdf-pl-text-inner,.eltdf-pli-text-inner,.eltdf-plc-text-inner) {
  display:block; width:100%; height:42px; transform:none !important;
}
body :is(.eltdf-pl-inner,.eltdf-pli-inner,.eltdf-plc-image-outer) .yith-wcwl-add-to-wishlist {
  display:block; width:100%; height:42px; margin:0 !important; padding:0 !important;
}
body :is(.eltdf-pl-inner,.eltdf-pli-inner,.eltdf-plc-image-outer) .yith-wcwl-add-to-wishlist a {
  display:flex; align-items:center; justify-content:center; width:100%; height:42px;
  padding:0 4px !important; margin:0 !important; border:0 !important; box-sizing:border-box;
  color:#fff !important; background:#000 !important; font-size:11px !important; line-height:1.2 !important;
  letter-spacing:0 !important; white-space:nowrap;
}
@media (hover:none), (pointer:coarse) {
  body :is(.eltdf-pl-inner,.eltdf-pli-inner,.eltdf-plc-image-outer) :is(.eltdf-pl-text,.eltdf-pli-text,.eltdf-plc-text) { display:none !important; }
}

/* Restore the original homepage photo and reserve room for its overlaid header. */
.cream-online-intro {
  background-image:url('https://creamofscandinavia.com/wp-content/uploads/2023/08/IMG_0380.jpg');
  background-size:cover; background-position:center center; background-repeat:no-repeat;
  min-height:100vh; min-height:100svh; box-sizing:border-box;
}
@media (min-width:1025px) {
  .cream-online-intro { padding:280px 24px 90px; }
}
@media (max-width:1024px) {
  .cream-online-intro { min-height:calc(100svh - 70px); padding:80px 24px 70px; }
}
@media (max-width:680px) {
  .cream-online-intro { padding:70px 20px 60px; background-position:48% center; }
}

/* Community hero: give the two original text layers readable line spacing. */
.page-id-5273 #slider-17-slide-32-layer-1 {
  font-size:clamp(36px,5vw,72px) !important; line-height:1.2 !important;
  height:auto !important; padding:0 !important; letter-spacing:0 !important;
}
.page-id-5273 #slider-17-slide-32-layer-6 {
  font-size:clamp(22px,2.5vw,32px) !important; line-height:1.2 !important;
  height:auto !important; padding:0 !important; margin-top:30px !important;
}

/* The shop theme overrides wishlist links to display:block; keep their label centered. */
body :is(.eltdf-pl-inner,.eltdf-pli-inner,.eltdf-plc-image-outer) .yith-wcwl-add-to-wishlist a {
  display:flex !important; align-items:center !important; justify-content:center !important;
  width:100% !important; flex:1 1 auto;
}