/* Phase 45.18.1 — desktop card grid + brand asset visibility hotfix */

/*
 * Many themes constrain .entry-content to a narrow reading column. LethaboFlora is an
 * application surface, so on desktop it needs to break out of that rail while keeping
 * the actual content controlled and centred.
 */
@media (min-width: 981px){
  /* Release common WordPress/theme reading rails only on pages that contain the LethaboFlora app shell. */
  body.lfp-phase45181-full-bleed .entry-content:has(.lfp-phase4516-page-chrome),
  body.lfp-phase45181-full-bleed .wp-block-post-content:has(.lfp-phase4516-page-chrome),
  body.lfp-phase45181-full-bleed .page-content:has(.lfp-phase4516-page-chrome),
  body.lfp-phase45181-full-bleed .post-content:has(.lfp-phase4516-page-chrome){
    width:100%!important;
    max-width:none!important;
  }
  body.lfp-phase45181-full-bleed .lfp-phase4516-page-chrome{
    box-sizing:border-box!important;
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding-left:clamp(20px,2.6vw,46px)!important;
    padding-right:clamp(20px,2.6vw,46px)!important;
    overflow-x:clip;
  }
  body.lfp-phase45181-full-bleed .lfp-phase4516-header,
  body.lfp-phase45181-full-bleed .lfp-phase4516-footer,
  body.lfp-phase45181-full-bleed .lfp-front-wrap.lfp-modern-ui{
    width:min(1680px,100%)!important;
    max-width:1680px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
  body.lfp-phase45181-full-bleed .lfp-front-wrap.lfp-modern-ui .lfp-front-inner{
    width:100%!important;
    max-width:1680px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  /* Main navigation/dashboard cards should look like desktop cards, not stacked mobile panels. */
  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-grid-cards,
  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-link-grid,
  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-phase403-mini-grid,
  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-phase403-role-grid,
  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-phase403-story-grid,
  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-phase403-support-grid,
  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-phase417-dashboard-cards,
  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-loyalty-cards,
  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-growth-promo-grid,
  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-wishlist-grid{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(245px,1fr))!important;
    gap:22px!important;
    align-items:stretch!important;
    width:100%!important;
  }

  /* Product/catalogue cards can be a little more compact to use the whole desktop canvas. */
  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-market-grid,
  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-store-grid{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(235px,1fr))!important;
    gap:20px!important;
    width:100%!important;
  }

  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-grid-cards > *,
  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-link-grid > *,
  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-phase403-mini-grid > *,
  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-phase403-role-grid > *,
  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-phase417-dashboard-cards > *,
  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-market-grid > *,
  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-store-grid > *{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
  }
}

/* Give every action row actual room. Legacy margins/positioning are neutralised here. */
.lfp-front-wrap.lfp-modern-ui .lfp-actions,
.lfp-front-wrap.lfp-modern-ui .lfp-inline-actions,
.lfp-front-wrap.lfp-modern-ui .lfp-card-foot,
.lfp-front-wrap.lfp-modern-ui .lfp-market-card-foot,
.lfp-front-wrap.lfp-modern-ui .lfp-phase417-card-actions,
.lfp-front-wrap.lfp-modern-ui .lfp-phase417-portal-actions,
.lfp-front-wrap.lfp-modern-ui .lfp-phase419-actions,
.lfp-front-wrap.lfp-modern-ui .lfp-growth-actions,
.lfp-front-wrap.lfp-modern-ui .lfp-growth-quicklinks,
.lfp-front-wrap.lfp-modern-ui .lfp-side-cart-actions,
.lfp-front-wrap.lfp-modern-ui .lfp-form-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:12px!important;
  row-gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  margin-top:18px!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  clear:both;
}

@media (min-width: 761px){
  .lfp-front-wrap.lfp-modern-ui .lfp-actions > a,
  .lfp-front-wrap.lfp-modern-ui .lfp-actions > button,
  .lfp-front-wrap.lfp-modern-ui .lfp-actions > form,
  .lfp-front-wrap.lfp-modern-ui .lfp-inline-actions > a,
  .lfp-front-wrap.lfp-modern-ui .lfp-inline-actions > button,
  .lfp-front-wrap.lfp-modern-ui .lfp-inline-actions > form,
  .lfp-front-wrap.lfp-modern-ui .lfp-card-foot > a,
  .lfp-front-wrap.lfp-modern-ui .lfp-card-foot > button,
  .lfp-front-wrap.lfp-modern-ui .lfp-card-foot > form,
  .lfp-front-wrap.lfp-modern-ui .lfp-market-card-foot > a,
  .lfp-front-wrap.lfp-modern-ui .lfp-market-card-foot > button,
  .lfp-front-wrap.lfp-modern-ui .lfp-market-card-foot > form,
  .lfp-front-wrap.lfp-modern-ui .lfp-phase417-card-actions > *{
    flex:1 1 140px!important;
    min-width:min(140px,100%)!important;
    max-width:100%!important;
    margin:0!important;
  }
  .lfp-front-wrap.lfp-modern-ui .lfp-actions form > button,
  .lfp-front-wrap.lfp-modern-ui .lfp-inline-actions form > button,
  .lfp-front-wrap.lfp-modern-ui .lfp-card-foot form > button,
  .lfp-front-wrap.lfp-modern-ui .lfp-market-card-foot form > button{
    width:100%!important;
  }
}

/* Old themes sometimes float/absolutely position links inside cards. Never allow that in the application UI. */
.lfp-front-wrap.lfp-modern-ui .lfp-grid-cards a.lfp-btn,
.lfp-front-wrap.lfp-modern-ui .lfp-grid-cards a.lfp-btn-alt,
.lfp-front-wrap.lfp-modern-ui .lfp-grid-cards a.lfp-btn-soft,
.lfp-front-wrap.lfp-modern-ui .lfp-grid-cards button,
.lfp-front-wrap.lfp-modern-ui .lfp-link-grid a,
.lfp-front-wrap.lfp-modern-ui .lfp-phase417-dashboard-cards a,
.lfp-front-wrap.lfp-modern-ui .lfp-phase417-dashboard-cards button{
  position:relative!important;
  inset:auto!important;
  float:none!important;
  transform:none!important;
  box-sizing:border-box!important;
}

/* Uploaded banner now appears in both global chrome areas. */
body.lfp-phase45181-has-banner .lfp-phase4516-header.has-custom-banner{
  background-image:var(--lfp-45181-banner)!important;
}
body.lfp-phase45181-has-banner .lfp-phase4516-footer.has-custom-banner{
  background-image:var(--lfp-45181-banner)!important;
  background-size:cover!important;
  background-position:center 56%!important;
}
body.lfp-phase45181-has-banner .lfp-phase4516-header-overlay{
  background:linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,.72) 58%,rgba(255,255,255,.64))!important;
}
body.lfp-phase45181-has-banner .lfp-phase4516-footer-overlay{
  background:linear-gradient(90deg,rgba(255,255,255,.91),rgba(255,255,255,.82),rgba(255,255,255,.88))!important;
}

/* Reuse the uploaded banner softly on navigation/dashboard cards, with flower fallbacks still used when no banner exists. */
body.lfp-phase45181-card-branding.lfp-phase45181-has-banner .lfp-front-wrap.lfp-modern-ui .lfp-grid-cards > .lfp-box,
body.lfp-phase45181-card-branding.lfp-phase45181-has-banner .lfp-front-wrap.lfp-modern-ui .lfp-link-grid > *,
body.lfp-phase45181-card-branding.lfp-phase45181-has-banner .lfp-front-wrap.lfp-modern-ui .lfp-phase403-mini-grid > *,
body.lfp-phase45181-card-branding.lfp-phase45181-has-banner .lfp-front-wrap.lfp-modern-ui .lfp-phase403-role-grid > *,
body.lfp-phase45181-card-branding.lfp-phase45181-has-banner .lfp-front-wrap.lfp-modern-ui .lfp-phase403-story-grid > *,
body.lfp-phase45181-card-branding.lfp-phase45181-has-banner .lfp-front-wrap.lfp-modern-ui .lfp-phase403-support-grid > *,
body.lfp-phase45181-card-branding.lfp-phase45181-has-banner .lfp-front-wrap.lfp-modern-ui .lfp-phase417-dashboard-cards > *,
body.lfp-phase45181-card-branding.lfp-phase45181-has-banner .lfp-front-wrap.lfp-modern-ui .lfp-loyalty-cards > *,
body.lfp-phase45181-card-branding.lfp-phase45181-has-banner .lfp-front-wrap.lfp-modern-ui .lfp-growth-promo-grid > *{
  background-image:linear-gradient(rgba(255,255,255,.90),rgba(255,255,255,.93)),var(--lfp-45181-banner)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}

/* A small real company-logo badge makes uploaded branding visible on the main menu/dashboard cards. */
body.lfp-phase45181-card-branding.lfp-phase45181-has-logo .lfp-front-wrap.lfp-modern-ui .lfp-grid-cards > .lfp-box,
body.lfp-phase45181-card-branding.lfp-phase45181-has-logo .lfp-front-wrap.lfp-modern-ui .lfp-link-grid > *,
body.lfp-phase45181-card-branding.lfp-phase45181-has-logo .lfp-front-wrap.lfp-modern-ui .lfp-phase403-mini-grid > *,
body.lfp-phase45181-card-branding.lfp-phase45181-has-logo .lfp-front-wrap.lfp-modern-ui .lfp-phase403-role-grid > *,
body.lfp-phase45181-card-branding.lfp-phase45181-has-logo .lfp-front-wrap.lfp-modern-ui .lfp-phase417-dashboard-cards > *{
  position:relative!important;
}
body.lfp-phase45181-card-branding.lfp-phase45181-has-logo .lfp-front-wrap.lfp-modern-ui .lfp-grid-cards > .lfp-box::after,
body.lfp-phase45181-card-branding.lfp-phase45181-has-logo .lfp-front-wrap.lfp-modern-ui .lfp-link-grid > *::after,
body.lfp-phase45181-card-branding.lfp-phase45181-has-logo .lfp-front-wrap.lfp-modern-ui .lfp-phase403-mini-grid > *::after,
body.lfp-phase45181-card-branding.lfp-phase45181-has-logo .lfp-front-wrap.lfp-modern-ui .lfp-phase403-role-grid > *::after,
body.lfp-phase45181-card-branding.lfp-phase45181-has-logo .lfp-front-wrap.lfp-modern-ui .lfp-phase417-dashboard-cards > *::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  width:44px!important;
  height:44px!important;
  z-index:2!important;
  border-radius:12px!important;
  border:1px solid rgba(199,165,74,.72)!important;
  background-color:rgba(255,255,255,.94)!important;
  background-image:var(--lfp-45181-logo)!important;
  background-size:contain!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  box-shadow:0 5px 14px rgba(67,54,23,.08)!important;
  pointer-events:none!important;
}
body.lfp-phase45181-card-branding.lfp-phase45181-has-logo .lfp-front-wrap.lfp-modern-ui .lfp-grid-cards > .lfp-box > h1,
body.lfp-phase45181-card-branding.lfp-phase45181-has-logo .lfp-front-wrap.lfp-modern-ui .lfp-grid-cards > .lfp-box > h2,
body.lfp-phase45181-card-branding.lfp-phase45181-has-logo .lfp-front-wrap.lfp-modern-ui .lfp-grid-cards > .lfp-box > h3,
body.lfp-phase45181-card-branding.lfp-phase45181-has-logo .lfp-front-wrap.lfp-modern-ui .lfp-grid-cards > .lfp-box > h4{
  padding-left:42px!important;
  padding-right:42px!important;
}

/* Make the header/footer logo large enough to be clearly visible. */
body.lfp-phase45181-has-logo .lfp-phase4516-logo{
  width:96px!important;
  height:96px!important;
  flex-basis:96px!important;
  padding:4px!important;
  background:rgba(255,255,255,.97)!important;
}
body.lfp-phase45181-has-logo .lfp-phase4516-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  padding:5px!important;
  opacity:1!important;
  visibility:visible!important;
}
body.lfp-phase45181-has-logo .lfp-phase4516-footer-brand img{
  display:block!important;
  width:82px!important;
  height:82px!important;
  object-fit:contain!important;
  opacity:1!important;
  visibility:visible!important;
  background:#fff!important;
}

/* Tablet stays multi-column where space allows; mobile remains intentionally single-column. */
@media (min-width:761px) and (max-width:980px){
  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-grid-cards,
  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-link-grid,
  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-phase403-mini-grid,
  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-phase403-role-grid,
  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-phase417-dashboard-cards,
  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-market-grid,
  body.lfp-phase45181-desktop-cards .lfp-front-wrap.lfp-modern-ui .lfp-store-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:760px){
  body.lfp-phase45181-layout .lfp-phase4516-page-chrome{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
  body.lfp-phase45181-has-logo .lfp-phase4516-logo{width:66px!important;height:66px!important;flex-basis:66px!important}
  body.lfp-phase45181-has-logo .lfp-phase4516-footer-brand img{width:64px!important;height:64px!important}
  body.lfp-phase45181-card-branding.lfp-phase45181-has-logo .lfp-front-wrap.lfp-modern-ui .lfp-grid-cards > .lfp-box::after,
  body.lfp-phase45181-card-branding.lfp-phase45181-has-logo .lfp-front-wrap.lfp-modern-ui .lfp-link-grid > *::after,
  body.lfp-phase45181-card-branding.lfp-phase45181-has-logo .lfp-front-wrap.lfp-modern-ui .lfp-phase403-mini-grid > *::after,
  body.lfp-phase45181-card-branding.lfp-phase45181-has-logo .lfp-front-wrap.lfp-modern-ui .lfp-phase403-role-grid > *::after,
  body.lfp-phase45181-card-branding.lfp-phase45181-has-logo .lfp-front-wrap.lfp-modern-ui .lfp-phase417-dashboard-cards > *::after{width:38px!important;height:38px!important;top:11px!important;right:11px!important}
}