:root{
    --cream:#F2E9D9;
    --sand:#D9D1C2; 
    --terracotta:#D06A65;
    --sage:#5C7A52;
    --ochre:#E6A23D;
}


/*
body{
    background-color:var(--cream);
    color:#2B2118;
    font-family:"Work Sans", sans-serif;
}
*/
/*
.pdj-display{
    font-family:"Fraunces", serif;
}
*/
/* ---------- Section générale ---------- */
/* .pdj-section{
     padding:4.5rem 0;
 }*/

.pdj-kicker{
   /* font-family:"Work Sans", sans-serif;*/
    font-size:.78rem;
    letter-spacing:.22em;
    text-transform:uppercase;
    color:var(--terracotta);
    font-weight:600;
}






.pdj-ardoise{
    background:#2B2118;
    color:var(--cream);
    border-radius:18px;
    padding:3rem 2.6rem;
    position:relative;
    overflow:hidden;
}

.pdj-ardoise::before{
    content:"";
    position:absolute;
    inset:14px;
    border:1px solid rgba(242,233,217,.18);
    border-radius:10px;
    pointer-events:none;
}

.pdj-ardoise p {
    color: #fff;
}
.pdj-tag{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    background:var(--terracotta);
    color:var(--cream);
    font-size:.72rem;
    letter-spacing:.18em;
    text-transform:uppercase;
    font-weight:600;
    padding:.4rem .9rem;
    border-radius:999px;
}

.pdj-tag .dot{
    width:6px;height:6px;border-radius:50%;
    background:var(--cream);
    display:inline-block;
}

.pdj-dish-name{
    font-family:"Fraunces", serif;
    font-weight:600;
    font-size:clamp(1.9rem, 3.4vw, 2.7rem);
    color:var(--cream);
    margin:1.1rem 0 .6rem;
}

/*  .pdj-dish-desc{
      color:rgba(242,233,217,.78);
      font-size:1.02rem;
      max-width:480px;
      margin-bottom:1.6rem;
  }*/

.pdj-price{
    font-family:"Fraunces", serif;
    font-weight:700;
    font-size:2.1rem;
    color:var(--ochre);
}

.pdj-price small{
    font-family:"Work Sans", sans-serif;
    font-size:.85rem;
    font-weight:500;
    color:rgba(242,233,217,.65);
    margin-left:.35rem;
}

.pdj-meta-list{
    list-style:none;
    padding:0;margin:1.6rem 0 0;
    display:flex;
    flex-wrap:wrap;
    gap:.6rem 1.4rem;
}

.pdj-meta-list li{
    font-size:.85rem;
    color:rgba(242,233,217,.85);
    display:flex;
    align-items:center;
    gap:.5rem;
}

.pdj-meta-list li::before{
    content:"♦";
    color:var(--terracotta);
    font-size:.7rem;
}


.pdj-choice-block{
    background:var(--sand);
    border-radius:16px;
    padding:1.2rem 1.5rem;
    height:100%;
}

.pdj-choice-head{
    display:flex;
    align-items:center;
    gap:.7rem;
    margin-bottom:.3rem;
}

.pdj-choice-num{
    font-family:"Fraunces", serif;
    font-weight:700;
    font-size:1rem;
    color:var(--cream);
    background:var(--sage);
    width:34px;height:34px;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;
}

.pdj-choice-block.is-dessert .pdj-choice-num{
    background:var(--ochre);
}

.pdj-choice-title{
    font-family:"Fraunces", serif;
    font-weight:600;
    font-size:1.3rem;
    margin:0;
}

.pdj-choice-sub{
    font-size:.86rem;
    color:#5a4f40;
    margin:.25rem 0 1.4rem;
}

.pdj-option{
    display:block;
    cursor:pointer;
    margin-bottom:.7rem;
}

.pdj-option:last-child{margin-bottom:0;}

.pdj-option input{
    position:absolute;
    opacity:0;
    width:0;height:0;
}

.pdj-option-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    background:var(--cream);
    border:1.5px solid transparent;
    border-radius:10px;
    padding:.85rem 1.1rem;
    transition:border-color .15s ease, background-color .15s ease;
}

.pdj-option input:checked ~ .pdj-option-card{
    border-color:var(--sage);
    background:#fff;
}

.pdj-choice-block.is-dessert .pdj-option input:checked ~ .pdj-option-card{
    border-color:var(--ochre);
}

.pdj-option input:focus-visible ~ .pdj-option-card{
    outline:2px solid #2B2118;
    outline-offset:2px;
}

.pdj-option-name{
    font-weight:600;
    font-size:.97rem;
    color:#2B2118;
}

.pdj-option-note{
    display:block;
    font-weight:400;
    font-size:.78rem;
    color:#6b6051;
    margin-top:.15rem;
}

.pdj-option-mark{
    width:20px;height:20px;
    border-radius:50%;
    border:2px solid #c9bfa8;
    flex-shrink:0;
    position:relative;
}

.pdj-option input:checked ~ .pdj-option-card .pdj-option-mark{
    border-color:var(--sage);
    background:var(--sage);
}

.pdj-choice-block.is-dessert .pdj-option input:checked ~ .pdj-option-card .pdj-option-mark{
    border-color:var(--ochre);
    background:var(--ochre);
}

.pdj-option input:checked ~ .pdj-option-card .pdj-option-mark::after{
    content:"";
    position:absolute;
    left:50%;top:50%;
    width:8px;height:8px;
    border-radius:50%;
    background:var(--cream);
    transform:translate(-50%,-50%);
}


.pdj-option input[type="checkbox"] ~ .pdj-option-card .pdj-option-mark{
    border-radius:5px;
}
.pdj-option input[type="checkbox"]:checked ~ .pdj-option-card .pdj-option-mark::after{
    border-radius:1px;
    width:9px;height:9px;
}

.pdj-supp{
    font-size:.82rem;
    font-weight:700;
    color:var(--terracotta);
}

.pdj-choice-block.is-dessert .pdj-supp{
    color:var(--ochre);
}

/* ---------- Récap / CTA ---------- */
.pdj-recap{
    background:#2B2118;
    border-radius:16px;
    padding:2rem 2.2rem;
    color:var(--cream);
}

.pdj-recap-label{
    font-size:.78rem;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:rgba(242,233,217,.6);
}

.pdj-recap-total{
    font-family:"Fraunces", serif;
    font-weight:700;
    font-size:2rem;
    color:var(--ochre);
}

.btn-pdj{
    background:var(--terracotta);
    border:none;
    color:#fff;
    font-weight:600;
    padding:.85rem 1.8rem;
    border-radius:10px;
    font-size:.95rem;
    letter-spacing:.02em;
}

.btn-pdj:hover{
    background:#bc5b56;
    color:#fff;
}

@media (max-width: 767.98px){
    .pdj-section{padding:2.8rem 0;}
    .pdj-ardoise{padding:2.2rem 1.6rem;}
}