.elementor-33 .elementor-element.elementor-element-6167b49{--display:flex;--min-height:432px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.3;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-6167b49:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-6167b49 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.shoyu-sushi.com/wp-content/uploads/2025/12/sushi-set-of-salmon-tuna-and-smoked-eel-2025-01-09-06-47-31-utc-scaled.jpg");background-position:center center;background-size:cover;}.elementor-33 .elementor-element.elementor-element-6167b49::before, .elementor-33 .elementor-element.elementor-element-6167b49 > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-6167b49 > .e-con-inner > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-6167b49 > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-6167b49 > .e-con-inner > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-6167b49 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;background-image:url("https://www.shoyu-sushi.com/wp-content/uploads/2025/12/gray-concrete-texture-e1651024037927.jpg");--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-9110b80{text-align:center;}.elementor-33 .elementor-element.elementor-element-9110b80 .elementor-heading-title{font-family:"sink", Sans-serif;font-size:67px;font-weight:normal;color:#161F36;}.elementor-33 .elementor-element.elementor-element-a0ed086{--display:flex;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}@media(max-width:767px){.elementor-33 .elementor-element.elementor-element-9110b80 .elementor-heading-title{font-size:50px;}.elementor-33 .elementor-element.elementor-element-a0ed086{--content-width:1095px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}}/* Start custom CSS for shortcode, class: .elementor-element-0e732e0 *//* === 1) Virer le blabla dashboard Woo === */
.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type{
  display:none !important;
}

/* === 2) Virer la notice violette SysBasics (admin) === */
.woocommerce-account .notice,
.woocommerce-account .notice.notice-info,
.woocommerce-account .notice.notice-warning{
  display:none !important;
}

/* === 3) Virer les grosses tuiles grises du dashboard === */
.woocommerce-account .woocommerce-MyAccount-content .myaccount-dashboard,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-dashboard,
.woocommerce-account .woocommerce-MyAccount-content .myaccount-links{
  display:none !important;
}

/* === 4) Conteneur contenu premium === */
.woocommerce-account .woocommerce{
  max-width:1040px; /* ⬅ un peu moins large */
  margin:0 auto;
}
.woocommerce-account .woocommerce-MyAccount-content{
  background:#fff;
  border-radius:16px; /* ⬅ plus fin */
  padding:20px; /* ⬅ réduit */
  border:1px solid rgba(11,43,68,.08);
  box-shadow:0 12px 40px rgba(0,0,0,.06); /* ⬅ plus léger */
}

/* === 5) Menu gauche clean (pills) === */
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:grid;
  gap:8px; /* ⬅ réduit */
}

.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display:flex;
  align-items:center;
  justify-content:space-between;

  padding:10px 12px; /* ⬅ plus petit */
  border-radius:12px; /* ⬅ moins “gros pill” */

  text-decoration:none !important;
  font-weight:700; /* ⬅ moins bourrin */
  font-size:14px; /* ⬅ fixé */

  color:#0b2b44;
  background:#fff;
  border:1px solid rgba(11,43,68,.10);
  box-shadow:0 6px 20px rgba(0,0,0,.04); /* ⬅ plus soft */
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  background:rgba(11,43,68,.05);
  border-color:rgba(11,43,68,.18);
}

/* === 6) Garder seulement Commandes + Déconnexion === */
.woocommerce-MyAccount-navigation-link{ display:none !important; }
.woocommerce-MyAccount-navigation-link--orders,
.woocommerce-MyAccount-navigation-link--customer-logout{ display:block !important; }

/* === 7) Tableau commandes : clean & plus fin === */
.woocommerce-account table.shop_table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  border-radius:12px; /* ⬅ réduit */
  overflow:hidden;
  border:1px solid rgba(11,43,68,.10);
}

.woocommerce-account table.shop_table thead th{
  background:rgba(11,43,68,.04);
  color:#0b2b44;
  font-weight:700; /* ⬅ moins lourd */
  font-size:13px; /* ⬅ plus fin */
  padding:12px; /* ⬅ réduit */
  border-bottom:1px solid rgba(11,43,68,.08);
}

.woocommerce-account table.shop_table tbody td{
  padding:12px; /* ⬅ réduit */
  border-bottom:1px solid rgba(11,43,68,.06);
  font-size:13px; /* ⬅ plus élégant */
}

.woocommerce-account table.shop_table tbody tr:last-child td{
  border-bottom:none;
}

/* === 8) Mobile : encore plus clean === */
@media (max-width:768px){
  .woocommerce-account .woocommerce-MyAccount-content{
    padding:16px; /* ⬅ mobile */
    border-radius:14px;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation li a{
    padding:12px 14px;
    font-size:15px;
  }
}
/* === FIX Mobile : boutons MyAccount visibles à 100% === */
@media (max-width:768px){

  /* Forcer la mise en colonne (navigation au-dessus, contenu dessous) */
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content{
    float:none !important;
    width:100% !important;
    max-width:100% !important;
  }

  /* Éviter tout débordement / décalage du parent */
  .woocommerce-account .woocommerce{
    padding-left:12px !important;
    padding-right:12px !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  /* Nettoyer marges/padding que le thème peut remettre */
  .woocommerce-account .woocommerce-MyAccount-navigation ul,
  .woocommerce-account .woocommerce-MyAccount-navigation li{
    margin:0 !important;
    padding:0 !important;
  }

  /* Les “boutons” prennent toute la largeur et ne peuvent plus sortir de l’écran */
  .woocommerce-account .woocommerce-MyAccount-navigation li a{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    justify-content:center !important; /* optionnel : centre le texte */
    gap:10px; /* si tu as une icône */
  }
}/* End custom CSS */