/* Maison de l'Europe — Espace client / Votre compte — V1 labo — 03/10/2026 */
body:is(#my-account,#identity,#addresses,#address,#history,#order-slip,#order-follow),
body[id^="module-blockwishlist-"]{
  --mde-blue:#1B537E;--mde-blue-dark:#123D60;--mde-yellow:#FFD25F;
  --mde-cream:#FFFEF1;--mde-pale-blue:#E5EFEF;--mde-ink:#2F3D49;
  --mde-muted:#667684;--mde-line:rgba(27,83,126,.18);--mde-radius:12px;
  --mde-shadow:0 8px 22px rgba(47,61,73,.05);
  color:var(--mde-ink);font-family:Arial,Helvetica,sans-serif;
}

body:is(#my-account,#identity,#addresses,#address,#history,#order-slip,#order-follow) #wrapper,
body[id^="module-blockwishlist-"] #wrapper{background:#f7f8f5;}

body:is(#my-account,#identity,#addresses,#address,#history,#order-slip,#order-follow) #wrapper>.container,
body[id^="module-blockwishlist-"] #wrapper>.container{padding-top:1.15rem;padding-bottom:2rem;}

body:is(#my-account,#identity,#addresses,#address,#history,#order-slip,#order-follow) .breadcrumb,
body[id^="module-blockwishlist-"] .breadcrumb{margin-bottom:1rem;background:transparent;color:var(--mde-muted);font-size:.9rem;}

body:is(#my-account,#identity,#addresses,#address,#history,#order-slip,#order-follow) #main .page-header h1,
body:is(#my-account,#identity,#addresses,#address,#history,#order-slip,#order-follow) #main>h1,
body[id^="module-blockwishlist-"] #main .page-header h1,
body[id^="module-blockwishlist-"] #main>h1{
  margin-bottom:1rem;color:var(--mde-blue);font-family:Georgia,"Times New Roman",serif;
  font-weight:400;line-height:1.15;text-transform:none;
}

body:is(#my-account,#identity,#addresses,#address,#history,#order-slip,#order-follow) #main a,
body[id^="module-blockwishlist-"] #main a{color:var(--mde-blue);}
body:is(#my-account,#identity,#addresses,#address,#history,#order-slip,#order-follow) #main a:hover,
body[id^="module-blockwishlist-"] #main a:hover{color:var(--mde-blue-dark);}

/* ===== Tableau de bord Votre compte ===== */
body#my-account #main .links{margin-top:.3rem;}
body#my-account #main .links a{text-decoration:none;color:var(--mde-blue-dark);}
body#my-account #main .links a span.link-item{
  min-height:118px;height:100%;padding:1.25rem 1rem;border:3px solid var(--mde-yellow);
  border-radius:var(--mde-radius);background:var(--mde-cream);box-shadow:var(--mde-shadow);
  color:var(--mde-blue-dark);font-weight:700;transition:transform .15s ease,box-shadow .15s ease;
}
body#my-account #main .links a:hover span.link-item,
body#my-account #main .links a:focus span.link-item{transform:translateY(-2px);box-shadow:0 10px 24px rgba(47,61,73,.10);}
body#my-account #main .links a span.link-item i,
body#my-account #main .links a span.link-item .material-icons{color:var(--mde-blue);}

/* ===== Informations + nouvelle/modification d'adresse ===== */
body#identity #main .page-content,
body#address #main .page-content{
  margin-bottom:1.5rem;padding:1.45rem 1.6rem 1.55rem;border:3px solid var(--mde-yellow);
  border-radius:var(--mde-radius);background:var(--mde-cream);box-shadow:var(--mde-shadow);
}
body:is(#identity,#address) #main .form-group{margin-bottom:1rem;}
body:is(#identity,#address) #main .form-control-label{color:var(--mde-blue-dark);font-weight:700;}
body:is(#identity,#address) #main .form-control,
body:is(#identity,#address) #main select.form-control,
body:is(#identity,#address) #main textarea.form-control{
  min-height:42px;border:1px solid rgba(27,83,126,.34);border-radius:7px;background:#fff;
  color:var(--mde-ink);box-shadow:none;
}
body:is(#identity,#address) #main .form-control:focus,
body:is(#identity,#address) #main select.form-control:focus,
body:is(#identity,#address) #main textarea.form-control:focus{
  border-color:var(--mde-blue);box-shadow:0 0 0 3px rgba(27,83,126,.10);outline:none;
}
body:is(#identity,#address) #main .form-control-comment,
body:is(#identity,#address) #main .form-text,
body:is(#identity,#address) #main small{color:var(--mde-muted);}
body#identity #main .custom-checkbox{margin-top:.45rem;margin-bottom:.7rem;}
body:is(#identity,#address) #main .btn-primary,
body:is(#identity,#address) #main button[type="submit"],
body:is(#identity,#address) #main input[type="submit"]{
  min-height:42px;padding:.68rem 1.2rem;border:2px solid var(--mde-blue);border-radius:8px;
  background:var(--mde-blue);color:#fff;font-weight:700;box-shadow:none;
}
body:is(#identity,#address) #main .btn-primary:hover,
body:is(#identity,#address) #main button[type="submit"]:hover,
body:is(#identity,#address) #main input[type="submit"]:hover{
  border-color:var(--mde-blue-dark);background:var(--mde-blue-dark);
}

/* ===== Adresses ===== */
body#addresses #main .address,
body#addresses #main article.address{
  height:100%;border:3px solid var(--mde-yellow);border-radius:var(--mde-radius);
  background:var(--mde-cream);box-shadow:var(--mde-shadow);overflow:hidden;
}
body#addresses #main .address .address-body{min-height:190px;padding:1.15rem 1.25rem;background:transparent;color:var(--mde-ink);}
body#addresses #main .address .address-body h4,
body#addresses #main .address .address-body .h4{
  margin-bottom:.55rem;color:var(--mde-blue);font-family:Georgia,"Times New Roman",serif;
  font-weight:400;text-transform:none;
}
body#addresses #main .address .address-footer{
  padding:.75rem 1.05rem;border-top:1px solid var(--mde-line);background:rgba(255,255,255,.45);
}
body#addresses #main .address .address-footer a{color:var(--mde-blue);font-weight:600;}
body#addresses #main .addresses-footer{margin-top:1rem;}
body#addresses #main .addresses-footer a,
body#addresses #main a[data-link-action="add-address"]{
  display:inline-block;padding:.62rem .95rem;border:2px solid var(--mde-blue);border-radius:8px;
  background:var(--mde-blue);color:#fff!important;font-weight:700;text-decoration:none;
}

/* ===== Commandes / Avoirs / Retours ===== */
body:is(#history,#order-slip,#order-follow) #main .page-content{
  margin-bottom:1.5rem;padding:1.15rem 1.25rem 1.25rem;border:3px solid var(--mde-yellow);
  border-radius:var(--mde-radius);background:var(--mde-cream);box-shadow:var(--mde-shadow);
}
body:is(#history,#order-slip,#order-follow) #main .page-content>h6,
body:is(#history,#order-slip,#order-follow) #main .page-content>.h6,
body:is(#history,#order-slip,#order-follow) #main .page-content>p:first-child{
  color:var(--mde-blue-dark);font-weight:700;
}
body:is(#history,#order-slip,#order-follow) #main table,
body:is(#history,#order-slip,#order-follow) #main .table{margin-bottom:0;background:#fff;}
body:is(#history,#order-slip,#order-follow) #main table thead th,
body:is(#history,#order-slip,#order-follow) #main .table thead th{
  border-bottom:1px solid var(--mde-line);background:var(--mde-pale-blue);
  color:var(--mde-blue-dark);font-weight:700;vertical-align:middle;
}
body:is(#history,#order-slip,#order-follow) #main table td,
body:is(#history,#order-slip,#order-follow) #main table th,
body:is(#history,#order-slip,#order-follow) #main .table td,
body:is(#history,#order-slip,#order-follow) #main .table th{border-color:rgba(27,83,126,.10);vertical-align:middle;}
body:is(#history,#order-slip,#order-follow) #main .alert-info,
body:is(#history,#order-slip,#order-follow) #main .alert.alert-info{
  margin:.4rem 0 0;padding:.85rem 1rem;border:1px solid rgba(27,83,126,.22);
  border-radius:8px;background:var(--mde-pale-blue);color:var(--mde-blue-dark);
}

/* ===== Listes d'envies / blockwishlist ===== */
body[id^="module-blockwishlist-"] #main .wishlist-container,
body[id^="module-blockwishlist-"] #main .wishlist-list,
body[id^="module-blockwishlist-"] #main .wishlist-list-item,
body[id^="module-blockwishlist-"] #main .card{
  border:3px solid var(--mde-yellow);border-radius:var(--mde-radius);
  background:var(--mde-cream);box-shadow:var(--mde-shadow);
}
body[id^="module-blockwishlist-"] #main .wishlist-add-to-new,
body[id^="module-blockwishlist-"] #main .wishlist-create{color:var(--mde-blue);font-weight:700;}

/* ===== Retours bas de page ===== */
body:is(#identity,#addresses,#address,#history,#order-slip,#order-follow) #main .page-footer,
body[id^="module-blockwishlist-"] #main .page-footer{margin-top:1.2rem;}
body:is(#identity,#addresses,#address,#history,#order-slip,#order-follow) #main .page-footer a,
body[id^="module-blockwishlist-"] #main .page-footer a{color:var(--mde-blue);font-weight:600;}

@media(max-width:767px){
  body#identity #main .page-content,body#address #main .page-content,
  body:is(#history,#order-slip,#order-follow) #main .page-content{padding:1rem;border-radius:10px;}
  body#my-account #main .links a span.link-item{min-height:100px;}
  body#addresses #main .address .address-body{min-height:0;}
}