/* ==========================================================
   LE P'TIT MOTIVATEUR - couche commune de marque
   ========================================================== */

:root{
  --lpm-brand-green:#083d35;
  --lpm-brand-green-2:#0b7567;
  --lpm-brand-mint:#21fcdc;
  --lpm-brand-teal:#19bda4;
  --lpm-ink:#153a33;
  --lpm-muted:#5f766f;
  --lpm-line:#d7e7e2;
  --lpm-panel:#ffffff;
  --lpm-soft:#f0fbf8;
  --lpm-warm:#fbf6ed;
  --lpm-shadow:0 14px 34px rgba(8,61,53,.10);
  --lpm-radius:8px;
  --lpm-font-title:Raleway,Roboto,"Open Sans",Arial,sans-serif;
  --lpm-font-body:Roboto,"Open Sans",Arial,sans-serif;
}

html{
  color-scheme:light;
  text-size-adjust:100%;
}

html body,
html body *{
  letter-spacing:0!important;
}

body{
  color:var(--lpm-ink);
  font-family:var(--lpm-font-body);
  letter-spacing:0!important;
}

body,
button,
input,
select,
textarea{
  font-family:var(--lpm-font-body);
}

h1,h2,h3,
.brand-title-v15,
.brand strong,
.brand-copy b{
  font-family:var(--lpm-font-title);
  letter-spacing:0!important;
}

a,
button{
  -webkit-tap-highlight-color:rgba(33,252,220,.22);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:3px solid rgba(25,189,164,.55)!important;
  outline-offset:3px!important;
}

img{
  max-width:100%;
}

.orb{
  display:none!important;
}

.card,
.panel,
.section-card,
.login-card,
.side-card,
.preference-card,
.choice,
.toggle-row,
.text-input,
.modal,
.drawer,
.lpm-step-focus-card-v1,
.lpm-step-option-card-v1,
.hero-stat,
.metric-card,
.stat,
.tile{
  border-radius:var(--lpm-radius)!important;
}

.primary,
.secondary,
.danger,
.btn,
.back,
.request,
.cart-btn,
.top-actions a,
.actions button,
.actions a,
.nav button,
.nav a{
  border-radius:var(--lpm-radius)!important;
}

.brand-mark,
.brand-pet,
.lpm-rewards-brand-logo-v11,
.lpm-brand-logo-fixed-v11{
  overflow:hidden;
}

[data-lpm-brand-logo]{
  display:grid;
  place-items:center;
  min-width:36px;
  min-height:36px;
}

[data-lpm-brand-logo] img,
.lpm-brand-symbol-v1{
  width:100%;
  height:100%;
  object-fit:contain;
}

.lpm-brand-fallback-v1{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  border-radius:var(--lpm-radius);
  background:linear-gradient(135deg,var(--lpm-brand-green),var(--lpm-brand-teal));
  color:#fff;
  font:900 12px/1 var(--lpm-font-title);
}

.bottom-nav,
.lpm-global-tabs-v1{
  border-radius:var(--lpm-radius)!important;
  box-shadow:0 14px 38px rgba(8,61,53,.15)!important;
}

.bottom-nav a,
.bottom-nav button,
.lpm-global-tabs-v1 a,
.lpm-global-tabs-v1 button{
  min-width:0;
  line-height:1.12;
}

.bottom-nav .nav-label,
.lpm-global-tabs-v1 .nav-label{
  overflow-wrap:anywhere;
}

.lpm-network-bar{
  background:linear-gradient(90deg,var(--lpm-brand-green),var(--lpm-brand-mint))!important;
}

.lpm-site-skip{
  position:fixed;
  left:12px;
  top:12px;
  z-index:900;
  padding:10px 12px;
  border-radius:var(--lpm-radius);
  background:#fff;
  color:var(--lpm-brand-green);
  box-shadow:var(--lpm-shadow);
  transform:translateY(-160%);
}

.lpm-site-skip:focus{
  transform:translateY(0);
}

@media(max-width:760px){
  body{
    overflow-x:hidden;
  }

  .wrap,
  .shell{
    max-width:100%;
  }

  .topbar,
  .card-head,
  .section-title,
  .hero-stats,
  .actions,
  .top-actions{
    min-width:0;
  }

  .actions,
  .top-actions{
    flex-wrap:wrap;
  }

  .brand-copy,
  .brand-title-v15,
  .brand strong{
    min-width:0;
    overflow-wrap:anywhere;
  }
}

@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
  }
}