/* ==========================================================
   BLOOPIN HOME — SIMPLE MANAGEMENT V7
   Bloc éditorial large, sans image, sans contour et sans JS.
========================================================== */

.bp-home-management{
  position:relative;
  padding:clamp(18px,3vw,42px) 0;
  overflow:clip;
}

.bp-home-management,
.bp-home-management *{
  box-sizing:border-box;
}

.bp-home-management__inner{
  width:min(1540px,calc(100vw - 32px));
  margin-left:50%;
  transform:translateX(-50%);
}

.bp-home-management__panel{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);
  column-gap:clamp(42px,6vw,96px);
  row-gap:clamp(22px,2vw,32px);
  padding:clamp(34px,3.8vw,56px);
  border:0;
  border-radius:clamp(26px,2.6vw,36px);
  background:var(--surface,#fff);
  box-shadow:0 18px 46px rgba(15,23,42,.04);
}

.bp-home-management__intro,
.bp-home-management__actions{
  min-width:0;
}

.bp-home-management__title{
  margin:0;
  max-width:720px;
  color:var(--text,#0F172A);
  font-size:clamp(2.2rem,3.2vw,3.2rem);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:800;
  text-wrap:balance;
}

.bp-home-management__title span{
  display:block;
  color:var(--primary,#22A1EE);
}

.bp-home-management__copy{
  display:grid;
  gap:clamp(13px,1.25vw,18px);
  max-width:760px;
  margin-top:clamp(20px,2.2vw,30px);
}

.bp-home-management__copy p{
  margin:0;
  color:var(--text-soft,#64748B);
  font-size:clamp(1rem,.34vw + .94rem,1.12rem);
  line-height:1.72;
  font-weight:400;
  text-wrap:pretty;
}

.bp-home-management__actions{
  align-self:center;
}

.bp-home-management__actions h3{
  margin:0 0 clamp(16px,1.6vw,22px);
  color:var(--text,#0F172A);
  font-size:clamp(1.22rem,.9vw + 1.02rem,1.62rem);
  line-height:1.28;
  letter-spacing:-.032em;
  font-weight:750;
  text-wrap:balance;
}

.bp-home-management__lists{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(26px,3vw,48px);
}

.bp-home-management__list{
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}

.bp-home-management__list li{
  position:relative;
  margin:0;
  padding:7px 0 7px 20px;
  border:0;
  color:var(--text,#0F172A);
  font-size:clamp(.96rem,.2vw + .92rem,1.04rem);
  line-height:1.46;
  font-weight:550;
  text-wrap:pretty;
}

.bp-home-management__list li::before{
  content:"";
  position:absolute;
  top:1.42em;
  left:0;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--primary,#22A1EE);
}

.bp-home-management__list--optional-desktop{
  display:grid;
}

.bp-home-management__optional{
  display:none;
  margin:0;
  padding:0;
}

.bp-home-management__optional summary{
  cursor:pointer;
  color:var(--text,#0F172A);
  font-weight:700;
}

.bp-home-management__closing{
  grid-column:1 / -1;
  margin:0;
  padding:clamp(18px,1.8vw,24px) 0 0;
  border-top:1px solid var(--border,#E5EEF6);
  color:var(--text,#0F172A);
  font-size:clamp(1.05rem,.45vw + .98rem,1.22rem);
  line-height:1.5;
  font-weight:750;
  text-wrap:balance;
}

/* Tablette */
@media (max-width:1050px){
  .bp-home-management{
    overflow:visible;
    padding-inline:12px;
  }

  .bp-home-management__inner{
    width:100%;
    max-width:none;
    margin-left:0;
    transform:none;
  }

  .bp-home-management__panel{
    grid-template-columns:1fr;
    column-gap:0;
    row-gap:30px;
    padding:clamp(30px,4.5vw,44px);
  }

  .bp-home-management__title{
    max-width:820px;
    font-size:clamp(2.2rem,5vw,3.2rem);
  }

  .bp-home-management__copy{
    max-width:900px;
  }

  .bp-home-management__actions{
    align-self:auto;
  }

  .bp-home-management__closing{
    grid-column:auto;
  }
}

/* Mobile */
@media (max-width:767px){
  .bp-home-management{
    padding:16px 0 24px;
    overflow:visible;
  }

  .bp-home-management__inner{
    width:calc(100vw - 16px);
    max-width:none;
    margin-left:50%;
    transform:translateX(-50%);
  }

  .bp-home-management__panel{
    width:100%;
    row-gap:26px;
    padding:23px 18px;
    border-radius:26px;
  }

  .bp-home-management__title{
    font-size:clamp(1.9rem,8.5vw,2.55rem);
    line-height:1.04;
    letter-spacing:-.042em;
  }

  .bp-home-management__copy{
    gap:13px;
    margin-top:20px;
  }

  .bp-home-management__copy p{
    font-size:.95rem;
    line-height:1.6;
  }

  .bp-home-management__actions h3{
    margin-bottom:12px;
    font-size:1.14rem;
    line-height:1.32;
  }

  .bp-home-management__lists{
    display:block;
  }

  .bp-home-management__list--optional-desktop{
    display:none;
  }

  .bp-home-management__optional{
    display:block;
  }

  .bp-home-management__list{
    gap:6px;
  }

  .bp-home-management__list li{
    padding:8px 0 8px 17px;
    font-size:.91rem;
    line-height:1.42;
  }

  .bp-home-management__list li::before{
    top:1.32em;
    width:5px;
    height:5px;
  }

  .bp-home-management__optional{
    margin-top:14px;
    padding-top:4px;
    border-top:1px solid var(--border,#E5EEF6);
    border-bottom:0;
  }

  .bp-home-management__optional summary{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:15px 28px 15px 0;
    list-style:none;
    font-size:.92rem;
    line-height:1.35;
  }

  .bp-home-management__optional summary::-webkit-details-marker{
    display:none;
  }

  .bp-home-management__optional summary::after{
    content:"+";
    position:absolute;
    right:2px;
    top:50%;
    transform:translateY(-50%);
    color:var(--primary,#22A1EE);
    font-size:1.35rem;
    line-height:1;
    font-weight:500;
  }

  .bp-home-management__optional[open] summary::after{
    content:"−";
  }

  .bp-home-management__list--optional{
    padding:4px 0 2px;
  }

  .bp-home-management__closing{
    padding-top:18px;
    font-size:.98rem;
    line-height:1.48;
  }
}

@media (max-width:390px){
  .bp-home-management__panel{
    padding:23px 18px;
  }
}
