{"id":25,"date":"2026-05-15T16:24:02","date_gmt":"2026-05-15T16:24:02","guid":{"rendered":"https:\/\/isyafa.com\/mon-compte\/"},"modified":"2026-07-10T21:48:57","modified_gmt":"2026-07-10T21:48:57","slug":"mon-compte","status":"publish","type":"page","link":"https:\/\/isyafa.com\/ar\/mon-compte\/","title":{"rendered":"Mon compte"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25\" class=\"elementor elementor-25\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ca7482 e-flex e-con-boxed e-con e-parent\" data-id=\"0ca7482\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60f3f54 elementor-widget elementor-widget-html\" data-id=\"60f3f54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"isyafa-account-hero\">\r\n  <div class=\"isyafa-account-hero-text\">\r\n    <h1>Mon compte<\/h1>\r\n    <p>\r\n      <a href=\"\/\">Accueil<\/a>\r\n      <span>\u203a<\/span>\r\n      <a href=\"\/mon-compte\/\">Mon compte<\/a>\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"isyafa-account-hero-deco\">\r\n    <span><\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ==============================\r\n   ISYAFA - MON COMPTE\r\n   TH\u00c8ME PREMIUM NATUREL\r\n   CODE COMPLET CORRIG\u00c9\r\n   ============================== *\/\r\n\r\nbody.woocommerce-account {\r\n  background: #faf6ee !important;\r\n}\r\n\r\n\/* Masquer le titre WooCommerce par d\u00e9faut *\/\r\nbody.woocommerce-account .entry-title,\r\nbody.woocommerce-account h1.entry-title {\r\n  display: none !important;\r\n}\r\n\r\n\/* Supprimer les effets WooCommerce qui cassent l'alignement *\/\r\nbody.woocommerce-account .woocommerce::before,\r\nbody.woocommerce-account .woocommerce::after {\r\n  content: none !important;\r\n  display: none !important;\r\n}\r\n\r\n\/* ==============================\r\n   HERO MON COMPTE\r\n   ============================== *\/\r\n\r\n.isyafa-account-hero {\r\n  max-width: 1180px;\r\n  margin: 45px auto 35px auto;\r\n  padding: 0 24px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 30px;\r\n}\r\n\r\n.isyafa-account-hero-text h1 {\r\n  margin: 0 0 10px 0 !important;\r\n  padding: 0 !important;\r\n  font-size: 48px !important;\r\n  font-weight: 800 !important;\r\n  color: #171717 !important;\r\n  line-height: 1.1 !important;\r\n}\r\n\r\n.isyafa-account-hero-text p {\r\n  margin: 0;\r\n  font-size: 15px;\r\n  color: #777;\r\n}\r\n\r\n.isyafa-account-hero-text p span {\r\n  margin: 0 8px;\r\n  color: #b07b22;\r\n}\r\n\r\n.isyafa-account-hero-text p a {\r\n  color: #777 !important;\r\n  text-decoration: none !important;\r\n  font-weight: 500 !important;\r\n}\r\n\r\n.isyafa-account-hero-text p a:hover {\r\n  color: #b07b22 !important;\r\n}\r\n\r\n.isyafa-account-hero-deco {\r\n  flex: 1;\r\n  height: 120px;\r\n  max-width: 560px;\r\n  border-radius: 28px;\r\n  background:\r\n    radial-gradient(circle at 85% 30%, rgba(23,75,33,0.18), transparent 22%),\r\n    radial-gradient(circle at 70% 60%, rgba(199,154,43,0.20), transparent 20%),\r\n    linear-gradient(135deg, #f7efe1, #fffaf2);\r\n  border: 1px solid #eee4d2;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.isyafa-account-hero-deco::before {\r\n  content: \"\ud83c\udf3f\";\r\n  position: absolute;\r\n  right: 45px;\r\n  top: 25px;\r\n  font-size: 55px;\r\n  opacity: 0.85;\r\n}\r\n\r\n.isyafa-account-hero-deco::after {\r\n  content: \"Produits naturels ISYAFA\";\r\n  position: absolute;\r\n  right: 45px;\r\n  bottom: 26px;\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  color: #174b21;\r\n}\r\n\r\n\/* ==============================\r\n   STRUCTURE WOOCOMMERCE\r\n   ============================== *\/\r\n\r\nbody.woocommerce-account .woocommerce {\r\n  max-width: 1180px !important;\r\n  margin: 35px auto 80px auto !important;\r\n  padding: 0 24px !important;\r\n  display: flex !important;\r\n  flex-direction: row !important;\r\n  gap: 34px !important;\r\n  align-items: flex-start !important;\r\n  justify-content: center !important;\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n\/* ==============================\r\n   COLONNE GAUCHE\r\n   ============================== *\/\r\n\r\nbody.woocommerce-account .woocommerce-MyAccount-navigation {\r\n  width: 280px !important;\r\n  min-width: 280px !important;\r\n  max-width: 280px !important;\r\n  float: none !important;\r\n  flex: 0 0 280px !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n\/* Carte profil *\/\r\nbody.woocommerce-account .isyafa-account-profile {\r\n  background: #ffffff;\r\n  border: 1px solid #eee4d2;\r\n  border-radius: 22px;\r\n  padding: 22px 18px;\r\n  margin-bottom: 18px;\r\n  box-shadow: 0 16px 45px rgba(0,0,0,0.08);\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n}\r\n\r\nbody.woocommerce-account .isyafa-profile-avatar {\r\n  width: 58px;\r\n  height: 58px;\r\n  min-width: 58px;\r\n  border-radius: 50%;\r\n  background: #174b21;\r\n  color: #ffffff;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 30px;\r\n  box-shadow: 0 8px 20px rgba(23,75,33,0.25);\r\n}\r\n\r\nbody.woocommerce-account .isyafa-profile-text {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 3px;\r\n}\r\n\r\nbody.woocommerce-account .isyafa-profile-text span {\r\n  font-size: 14px;\r\n  color: #777;\r\n}\r\n\r\nbody.woocommerce-account .isyafa-profile-text strong {\r\n  font-size: 15px;\r\n  color: #171717;\r\n  font-weight: 800;\r\n}\r\n\r\nbody.woocommerce-account .isyafa-profile-text em {\r\n  display: inline-block;\r\n  width: fit-content;\r\n  margin-top: 4px;\r\n  padding: 4px 10px;\r\n  background: #fff1d6;\r\n  color: #b07b22;\r\n  border-radius: 999px;\r\n  font-size: 12px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* Menu gauche *\/\r\nbody.woocommerce-account .woocommerce-MyAccount-navigation ul {\r\n  list-style: none !important;\r\n  margin: 0 !important;\r\n  padding: 18px !important;\r\n  background: #ffffff !important;\r\n  border-radius: 22px !important;\r\n  border: 1px solid #eee4d2 !important;\r\n  box-shadow: 0 16px 45px rgba(0,0,0,0.08) !important;\r\n}\r\n\r\nbody.woocommerce-account .woocommerce-MyAccount-navigation ul li {\r\n  margin: 0 0 7px 0 !important;\r\n  padding: 0 !important;\r\n  border: none !important;\r\n}\r\n\r\nbody.woocommerce-account .woocommerce-MyAccount-navigation ul li a {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  gap: 12px !important;\r\n  padding: 14px 16px !important;\r\n  border-radius: 14px !important;\r\n  color: #222222 !important;\r\n  text-decoration: none !important;\r\n  font-size: 15px !important;\r\n  font-weight: 600 !important;\r\n  transition: all 0.25s ease !important;\r\n}\r\n\r\n\/* Ic\u00f4nes menu *\/\r\nbody.woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard a::before {\r\n  content: \"\ud83c\udfe0\";\r\n}\r\n\r\nbody.woocommerce-account .woocommerce-MyAccount-navigation-link--orders a::before {\r\n  content: \"\ud83d\udce6\";\r\n}\r\n\r\nbody.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads a::before {\r\n  content: \"\u2b07\ufe0f\";\r\n}\r\n\r\nbody.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-address a::before {\r\n  content: \"\ud83d\udccd\";\r\n}\r\n\r\nbody.woocommerce-account .woocommerce-MyAccount-navigation-link--payment-methods a::before {\r\n  content: \"\ud83d\udcb3\";\r\n}\r\n\r\nbody.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account a::before {\r\n  content: \"\ud83d\udc64\";\r\n}\r\n\r\nbody.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a::before {\r\n  content: \"\u21aa\";\r\n}\r\n\r\nbody.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {\r\n  background: #f5efe3 !important;\r\n  color: #174b21 !important;\r\n  transform: translateX(4px);\r\n}\r\n\r\nbody.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {\r\n  background: #eef4e8 !important;\r\n  color: #174b21 !important;\r\n  font-weight: 800 !important;\r\n  box-shadow: inset 4px 0 0 #174b21 !important;\r\n}\r\n\r\n\/* Bloc besoin d'aide *\/\r\nbody.woocommerce-account .isyafa-account-help {\r\n  margin-top: 18px;\r\n  background: #ffffff;\r\n  border: 1px solid #eee4d2;\r\n  border-radius: 22px;\r\n  padding: 24px 20px;\r\n  box-shadow: 0 16px 45px rgba(0,0,0,0.08);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\nbody.woocommerce-account .isyafa-help-leaf {\r\n  font-size: 35px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\nbody.woocommerce-account .isyafa-account-help h3 {\r\n  margin: 0 0 8px 0;\r\n  font-size: 20px;\r\n  font-weight: 800;\r\n  color: #171717;\r\n}\r\n\r\nbody.woocommerce-account .isyafa-account-help p {\r\n  margin: 0 0 16px 0;\r\n  color: #555;\r\n  font-size: 14px;\r\n  line-height: 1.6;\r\n}\r\n\r\nbody.woocommerce-account .isyafa-account-help a {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: #174b21;\r\n  color: #ffffff !important;\r\n  padding: 11px 18px;\r\n  border-radius: 12px;\r\n  text-decoration: none !important;\r\n  font-weight: 800;\r\n  font-size: 14px;\r\n  transition: all 0.25s ease;\r\n}\r\n\r\nbody.woocommerce-account .isyafa-account-help a:hover {\r\n  background: #c79a2b;\r\n  color: #111111 !important;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* ==============================\r\n   CONTENU DROITE\r\n   ============================== *\/\r\n\r\nbody.woocommerce-account .woocommerce-MyAccount-content {\r\n  width: 100% !important;\r\n  flex: 1 !important;\r\n  max-width: 820px !important;\r\n  float: none !important;\r\n  margin: 0 !important;\r\n  background: #ffffff !important;\r\n  border-radius: 24px !important;\r\n  border: 1px solid #eee4d2 !important;\r\n  box-shadow: 0 16px 45px rgba(0,0,0,0.08) !important;\r\n  padding: 34px !important;\r\n  min-height: 420px !important;\r\n  box-sizing: border-box !important;\r\n}\r\n\r\nbody.woocommerce-account .woocommerce-MyAccount-content p {\r\n  color: #333333 !important;\r\n  font-size: 16px !important;\r\n  line-height: 1.8 !important;\r\n  margin-bottom: 16px !important;\r\n}\r\n\r\nbody.woocommerce-account .woocommerce-MyAccount-content a {\r\n  color: #b07b22 !important;\r\n  font-weight: 700 !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\nbody.woocommerce-account .woocommerce-MyAccount-content a:hover {\r\n  color: #174b21 !important;\r\n}\r\n\r\nbody.woocommerce-account .woocommerce-MyAccount-content h2,\r\nbody.woocommerce-account .woocommerce-order-details h2,\r\nbody.woocommerce-account .woocommerce-customer-details h2,\r\nbody.woocommerce-account .woocommerce-column__title {\r\n  color: #171717 !important;\r\n  font-size: 28px !important;\r\n  font-weight: 800 !important;\r\n  margin: 25px 0 18px 0 !important;\r\n}\r\n\r\n\/* Cacher le texte WooCommerce par d\u00e9faut sur le tableau de bord *\/\r\nbody.woocommerce-account .woocommerce-MyAccount-content.isyafa-dashboard-active > p {\r\n  display: none !important;\r\n}\r\n\r\n\/* ==============================\r\n   DASHBOARD DROITE\r\n   ============================== *\/\r\n\r\n.isyafa-dashboard-welcome {\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.isyafa-dashboard-welcome h2 {\r\n  margin: 0 0 8px 0 !important;\r\n  font-size: 30px !important;\r\n  font-weight: 800 !important;\r\n  color: #171717 !important;\r\n}\r\n\r\n.isyafa-dashboard-welcome p {\r\n  margin: 0 !important;\r\n  color: #555 !important;\r\n  font-size: 15px !important;\r\n}\r\n\r\n.isyafa-dashboard-cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 18px;\r\n  margin: 28px 0;\r\n}\r\n\r\n.isyafa-dashboard-card {\r\n  background: #fffaf2;\r\n  border: 1px solid #eee4d2;\r\n  border-radius: 18px;\r\n  padding: 22px 18px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  box-shadow: 0 10px 28px rgba(0,0,0,0.05);\r\n}\r\n\r\n.isyafa-dashboard-card-icon {\r\n  width: 46px;\r\n  height: 46px;\r\n  min-width: 46px;\r\n  border-radius: 14px;\r\n  background: #eef4e8;\r\n  color: #174b21;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 23px;\r\n}\r\n\r\n.isyafa-dashboard-card strong {\r\n  display: block;\r\n  font-size: 24px;\r\n  color: #171717;\r\n  font-weight: 800;\r\n  line-height: 1.1;\r\n}\r\n\r\n.isyafa-dashboard-card span {\r\n  display: block;\r\n  margin-top: 5px;\r\n  color: #555;\r\n  font-size: 14px;\r\n}\r\n\r\n.isyafa-dashboard-card a {\r\n  display: block;\r\n  margin-top: 8px;\r\n  color: #174b21 !important;\r\n  font-size: 13px;\r\n  font-weight: 800 !important;\r\n}\r\n\r\n\/* Commandes r\u00e9centes *\/\r\n.isyafa-recent-orders {\r\n  margin-top: 28px;\r\n  background: #ffffff;\r\n  border: 1px solid #eee4d2;\r\n  border-radius: 20px;\r\n  padding: 22px;\r\n}\r\n\r\n.isyafa-recent-orders-head {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 15px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.isyafa-recent-orders-head h3 {\r\n  margin: 0;\r\n  font-size: 22px;\r\n  font-weight: 800;\r\n  color: #171717;\r\n}\r\n\r\n.isyafa-recent-orders-head a {\r\n  border: 1px solid #d9c9a9;\r\n  border-radius: 12px;\r\n  padding: 9px 14px;\r\n  color: #174b21 !important;\r\n  font-weight: 800 !important;\r\n  font-size: 13px;\r\n}\r\n\r\n.isyafa-recent-orders-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n.isyafa-order-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr auto auto;\r\n  gap: 15px;\r\n  align-items: center;\r\n  padding: 14px 0;\r\n  border-top: 1px solid #f0e6d8;\r\n  color: #222 !important;\r\n}\r\n\r\n.isyafa-order-row:first-child {\r\n  border-top: none;\r\n}\r\n\r\n.isyafa-order-main strong {\r\n  display: block;\r\n  font-size: 15px;\r\n  color: #171717;\r\n}\r\n\r\n.isyafa-order-main span {\r\n  display: block;\r\n  font-size: 13px;\r\n  color: #777;\r\n  margin-top: 3px;\r\n}\r\n\r\n.isyafa-order-status {\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  border-radius: 999px;\r\n  padding: 7px 12px;\r\n  background: #eef4e8;\r\n  color: #174b21;\r\n  white-space: nowrap;\r\n}\r\n\r\n.isyafa-order-status.isyafa-status-processing {\r\n  background: #fff1d6;\r\n  color: #a46b00;\r\n}\r\n\r\n.isyafa-order-status.isyafa-status-cancelled {\r\n  background: #ffe5e5;\r\n  color: #b00020;\r\n}\r\n\r\n.isyafa-order-total {\r\n  font-weight: 800;\r\n  color: #171717;\r\n  white-space: nowrap;\r\n}\r\n\r\n.isyafa-order-empty {\r\n  color: #555;\r\n  font-size: 14px;\r\n  padding: 12px 0;\r\n}\r\n\r\n\/* Bloc promo boutique *\/\r\n.isyafa-dashboard-promo {\r\n  margin-top: 28px;\r\n  border-radius: 20px;\r\n  padding: 28px;\r\n  background:\r\n    linear-gradient(90deg, rgba(255,250,242,0.95), rgba(247,239,225,0.75)),\r\n    linear-gradient(135deg, #fffaf2, #f7efe1);\r\n  border: 1px solid #eee4d2;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.isyafa-dashboard-promo::after {\r\n  content: \"\ud83c\udf3f\";\r\n  position: absolute;\r\n  right: 35px;\r\n  top: 25px;\r\n  font-size: 70px;\r\n  opacity: 0.25;\r\n}\r\n\r\n.isyafa-dashboard-promo h3 {\r\n  margin: 0 0 8px 0;\r\n  font-size: 24px;\r\n  font-weight: 800;\r\n  color: #171717;\r\n}\r\n\r\n.isyafa-dashboard-promo p {\r\n  margin: 0 0 18px 0 !important;\r\n  color: #555 !important;\r\n  max-width: 520px;\r\n}\r\n\r\n.isyafa-dashboard-promo a {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: #174b21;\r\n  color: #ffffff !important;\r\n  padding: 13px 22px;\r\n  border-radius: 12px;\r\n  text-decoration: none !important;\r\n  font-weight: 800 !important;\r\n}\r\n\r\n.isyafa-dashboard-promo a:hover {\r\n  background: #c79a2b;\r\n  color: #111111 !important;\r\n}\r\n\r\n\/* ==============================\r\n   TABLES \/ COMMANDES \/ ADRESSES\r\n   ============================== *\/\r\n\r\nbody.woocommerce-account table.shop_table,\r\nbody.woocommerce-account .woocommerce-orders-table,\r\nbody.woocommerce-account .woocommerce-table {\r\n  width: 100% !important;\r\n  border-collapse: separate !important;\r\n  border-spacing: 0 !important;\r\n  border-radius: 18px !important;\r\n  overflow: hidden !important;\r\n  border: 1px solid #eee4d2 !important;\r\n  background: #ffffff !important;\r\n  margin-top: 18px !important;\r\n}\r\n\r\nbody.woocommerce-account table.shop_table th,\r\nbody.woocommerce-account .woocommerce-orders-table th,\r\nbody.woocommerce-account .woocommerce-table th {\r\n  background: #f7efe1 !important;\r\n  color: #171717 !important;\r\n  padding: 16px !important;\r\n  font-weight: 800 !important;\r\n  font-size: 14px !important;\r\n  border: none !important;\r\n}\r\n\r\nbody.woocommerce-account table.shop_table td,\r\nbody.woocommerce-account .woocommerce-orders-table td,\r\nbody.woocommerce-account .woocommerce-table td {\r\n  padding: 16px !important;\r\n  border-top: 1px solid #f0e6d8 !important;\r\n  color: #333333 !important;\r\n  font-size: 14px !important;\r\n}\r\n\r\nbody.woocommerce-account address {\r\n  background: #fbf6ed !important;\r\n  border: 1px solid #efe1c8 !important;\r\n  border-radius: 18px !important;\r\n  padding: 22px !important;\r\n  line-height: 1.8 !important;\r\n  color: #333333 !important;\r\n}\r\n\r\n\/* ==============================\r\n   BOUTONS \/ FORMULAIRES\r\n   ============================== *\/\r\n\r\nbody.woocommerce-account .button,\r\nbody.woocommerce-account .woocommerce-button,\r\nbody.woocommerce-account a.button,\r\nbody.woocommerce-account button.button {\r\n  background: #174b21 !important;\r\n  color: #ffffff !important;\r\n  border-radius: 12px !important;\r\n  padding: 11px 18px !important;\r\n  font-weight: 800 !important;\r\n  border: none !important;\r\n  text-decoration: none !important;\r\n  transition: all 0.25s ease !important;\r\n}\r\n\r\nbody.woocommerce-account .button:hover,\r\nbody.woocommerce-account .woocommerce-button:hover,\r\nbody.woocommerce-account a.button:hover,\r\nbody.woocommerce-account button.button:hover {\r\n  background: #c79a2b !important;\r\n  color: #111111 !important;\r\n  transform: translateY(-2px);\r\n}\r\n\r\nbody.woocommerce-account input.input-text,\r\nbody.woocommerce-account input[type=\"text\"],\r\nbody.woocommerce-account input[type=\"email\"],\r\nbody.woocommerce-account input[type=\"password\"],\r\nbody.woocommerce-account select,\r\nbody.woocommerce-account textarea {\r\n  border: 1px solid #e5d6bd !important;\r\n  border-radius: 12px !important;\r\n  padding: 13px 15px !important;\r\n  background: #ffffff !important;\r\n  color: #222222 !important;\r\n}\r\n\r\nbody.woocommerce-account input:focus,\r\nbody.woocommerce-account select:focus,\r\nbody.woocommerce-account textarea:focus {\r\n  border-color: #c79a2b !important;\r\n  box-shadow: 0 0 0 3px rgba(199,154,43,0.18) !important;\r\n  outline: none !important;\r\n}\r\n\r\nbody.woocommerce-account .woocommerce-message,\r\nbody.woocommerce-account .woocommerce-info,\r\nbody.woocommerce-account .woocommerce-error {\r\n  border-radius: 16px !important;\r\n  border-top: none !important;\r\n  background: #f7efe1 !important;\r\n  color: #222222 !important;\r\n  padding: 16px 20px !important;\r\n  margin-bottom: 22px !important;\r\n}\r\n\r\n\/* ==============================\r\n   RESPONSIVE\r\n   ============================== *\/\r\n\r\n@media (max-width: 900px) {\r\n  .isyafa-account-hero {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    margin-top: 30px;\r\n  }\r\n\r\n  .isyafa-account-hero-deco {\r\n    width: 100%;\r\n    max-width: 100%;\r\n  }\r\n\r\n  .isyafa-account-hero-text h1 {\r\n    font-size: 38px !important;\r\n  }\r\n\r\n  body.woocommerce-account .woocommerce {\r\n    flex-direction: column !important;\r\n    padding: 0 18px !important;\r\n    gap: 24px !important;\r\n  }\r\n\r\n  body.woocommerce-account .woocommerce-MyAccount-navigation {\r\n    width: 100% !important;\r\n    min-width: 100% !important;\r\n    max-width: 100% !important;\r\n    flex: none !important;\r\n  }\r\n\r\n  body.woocommerce-account .woocommerce-MyAccount-navigation ul {\r\n    display: grid !important;\r\n    grid-template-columns: 1fr 1fr !important;\r\n    gap: 8px !important;\r\n  }\r\n\r\n  body.woocommerce-account .woocommerce-MyAccount-navigation ul li {\r\n    margin: 0 !important;\r\n  }\r\n\r\n  body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {\r\n    justify-content: center !important;\r\n    text-align: center !important;\r\n    font-size: 14px !important;\r\n  }\r\n\r\n  body.woocommerce-account .woocommerce-MyAccount-content {\r\n    max-width: 100% !important;\r\n    padding: 24px !important;\r\n  }\r\n\r\n  .isyafa-dashboard-cards {\r\n    grid-template-columns: 1fr !important;\r\n  }\r\n\r\n  .isyafa-order-row {\r\n    grid-template-columns: 1fr;\r\n    gap: 8px;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  body.woocommerce-account .woocommerce-MyAccount-navigation ul {\r\n    grid-template-columns: 1fr !important;\r\n  }\r\n\r\n  body.woocommerce-account .woocommerce {\r\n    margin-top: 25px !important;\r\n  }\r\n\r\n  body.woocommerce-account table.shop_table th,\r\n  body.woocommerce-account .woocommerce-orders-table th,\r\n  body.woocommerce-account .woocommerce-table th,\r\n  body.woocommerce-account table.shop_table td,\r\n  body.woocommerce-account .woocommerce-orders-table td,\r\n  body.woocommerce-account .woocommerce-table td {\r\n    padding: 12px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const ACCOUNT_URL = \"\/mon-compte\/\";\r\n\r\n  function cleanText(value) {\r\n    return (value || \"\").replace(\/\\s+\/g, \" \").trim();\r\n  }\r\n\r\n  function normalizeText(value) {\r\n    return cleanText(value)\r\n      .toLowerCase()\r\n      .normalize(\"NFD\")\r\n      .replace(\/[\\u0300-\\u036f]\/g, \"\");\r\n  }\r\n\r\n  function escapeHTML(value) {\r\n    return cleanText(value)\r\n      .replace(\/&\/g, \"&amp;\")\r\n      .replace(\/<\/g, \"&lt;\")\r\n      .replace(\/>\/g, \"&gt;\")\r\n      .replace(\/\"\/g, \"&quot;\")\r\n      .replace(\/'\/g, \"&#039;\");\r\n  }\r\n\r\n  function isDashboardPage() {\r\n    const path = window.location.pathname.replace(\/\\\/$\/, \"\");\r\n    return path === \"\/mon-compte\";\r\n  }\r\n\r\n  function getClientName() {\r\n    const content = document.querySelector(\".woocommerce-MyAccount-content\");\r\n    if (!content) return \"Client ISYAFA\";\r\n\r\n    const text = content.innerText || \"\";\r\n    const match = text.match(\/Bonjour\\s+([^(\\n]+?)\\s*\\(\/i);\r\n\r\n    if (match && match[1]) {\r\n      const candidate = cleanText(match[1].replace(\",\", \"\"));\r\n\r\n      if (\r\n        candidate &&\r\n        !normalizeText(candidate).includes(\"vous n\") &&\r\n        !normalizeText(candidate).includes(\"deconnexion\")\r\n      ) {\r\n        return candidate;\r\n      }\r\n    }\r\n\r\n    return \"Client ISYAFA\";\r\n  }\r\n\r\n  function addAccountBlocks() {\r\n    const nav = document.querySelector(\".woocommerce-MyAccount-navigation\");\r\n    if (!nav) return false;\r\n\r\n    const clientName = getClientName();\r\n\r\n    if (!document.querySelector(\".isyafa-account-profile\")) {\r\n      const profile = document.createElement(\"div\");\r\n      profile.className = \"isyafa-account-profile\";\r\n      profile.innerHTML = `\r\n        <div class=\"isyafa-profile-avatar\">\ud83d\udc64<\/div>\r\n        <div class=\"isyafa-profile-text\">\r\n          <span>Bonjour,<\/span>\r\n          <strong class=\"isyafa-dynamic-name\">${escapeHTML(clientName)}<\/strong>\r\n          <em>Client fid\u00e8le<\/em>\r\n        <\/div>\r\n      `;\r\n      nav.insertBefore(profile, nav.firstChild);\r\n    } else {\r\n      const nameBox = document.querySelector(\".isyafa-dynamic-name\");\r\n      if (nameBox) {\r\n        nameBox.textContent = clientName;\r\n      }\r\n    }\r\n\r\n    if (!document.querySelector(\".isyafa-account-help\")) {\r\n      const help = document.createElement(\"div\");\r\n      help.className = \"isyafa-account-help\";\r\n      help.innerHTML = `\r\n        <div class=\"isyafa-help-leaf\">\ud83c\udf3f<\/div>\r\n        <h3>Besoin d\u2019aide ?<\/h3>\r\n        <p>Notre \u00e9quipe est l\u00e0 pour vous accompagner.<\/p>\r\n        <a href=\"\/contact\/\">Nous contacter<\/a>\r\n      `;\r\n      nav.appendChild(help);\r\n    }\r\n\r\n    return true;\r\n  }\r\n\r\n  function buildDashboard() {\r\n    const content = document.querySelector(\".woocommerce-MyAccount-content\");\r\n    if (!content || !isDashboardPage()) return false;\r\n\r\n    content.classList.add(\"isyafa-dashboard-active\");\r\n\r\n    if (document.querySelector(\".isyafa-dashboard-welcome\")) {\r\n      updateDashboardName();\r\n      return true;\r\n    }\r\n\r\n    const clientName = getClientName();\r\n    const welcomeTitle =\r\n      clientName && clientName !== \"Client ISYAFA\"\r\n        ? `Bienvenue ${escapeHTML(clientName)} ! \ud83c\udf3f`\r\n        : `Bienvenue sur votre espace ISYAFA ! \ud83c\udf3f`;\r\n\r\n    const dashboard = document.createElement(\"div\");\r\n    dashboard.className = \"isyafa-dashboard\";\r\n    dashboard.innerHTML = `\r\n      <div class=\"isyafa-dashboard-welcome\">\r\n        <h2 class=\"isyafa-dashboard-title\">${welcomeTitle}<\/h2>\r\n        <p>Voici un aper\u00e7u de votre compte et de vos derni\u00e8res activit\u00e9s.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"isyafa-dashboard-cards\">\r\n        <div class=\"isyafa-dashboard-card\">\r\n          <div class=\"isyafa-dashboard-card-icon\">\ud83d\udce6<\/div>\r\n          <div>\r\n            <strong class=\"isyafa-stat-total\">\u2014<\/strong>\r\n            <span>Commandes<\/span>\r\n            <a href=\"\/mon-compte\/orders\/\">Voir toutes<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"isyafa-dashboard-card\">\r\n          <div class=\"isyafa-dashboard-card-icon\">\ud83d\ude9a<\/div>\r\n          <div>\r\n            <strong class=\"isyafa-stat-processing\">\u2014<\/strong>\r\n            <span>En cours<\/span>\r\n            <a href=\"\/mon-compte\/orders\/\">Voir mes commandes<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"isyafa-dashboard-card\">\r\n          <div class=\"isyafa-dashboard-card-icon\">\u2705<\/div>\r\n          <div>\r\n            <strong class=\"isyafa-stat-completed\">\u2014<\/strong>\r\n            <span>Termin\u00e9es<\/span>\r\n            <a href=\"\/mon-compte\/orders\/\">Voir l'historique<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"isyafa-recent-orders\">\r\n        <div class=\"isyafa-recent-orders-head\">\r\n          <h3>Commandes r\u00e9centes<\/h3>\r\n          <a href=\"\/mon-compte\/orders\/\">Voir toutes les commandes<\/a>\r\n        <\/div>\r\n        <div class=\"isyafa-recent-orders-list\">\r\n          <div class=\"isyafa-order-empty\">Chargement des commandes...<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"isyafa-dashboard-promo\">\r\n        <h3>D\u00e9couvrez nos nouveaut\u00e9s<\/h3>\r\n        <p>Des produits naturels marocains soigneusement s\u00e9lectionn\u00e9s pour votre bien-\u00eatre.<\/p>\r\n        <a href=\"\/boutique\/\">D\u00e9couvrir la boutique<\/a>\r\n      <\/div>\r\n    `;\r\n\r\n    content.prepend(dashboard);\r\n    loadRecentOrders();\r\n\r\n    return true;\r\n  }\r\n\r\n  function updateDashboardName() {\r\n    const title = document.querySelector(\".isyafa-dashboard-title\");\r\n    if (!title) return;\r\n\r\n    const clientName = getClientName();\r\n\r\n    if (clientName && clientName !== \"Client ISYAFA\") {\r\n      title.textContent = `Bienvenue ${clientName} ! \ud83c\udf3f`;\r\n    }\r\n  }\r\n\r\n  function statusClass(status) {\r\n    const value = normalizeText(status);\r\n\r\n    if (value.includes(\"en cours\") || value.includes(\"processing\")) {\r\n      return \"isyafa-status-processing\";\r\n    }\r\n\r\n    if (\r\n      value.includes(\"annule\") ||\r\n      value.includes(\"cancelled\") ||\r\n      value.includes(\"failed\") ||\r\n      value.includes(\"echoue\")\r\n    ) {\r\n      return \"isyafa-status-cancelled\";\r\n    }\r\n\r\n    return \"\";\r\n  }\r\n\r\n  async function loadRecentOrders() {\r\n    const list = document.querySelector(\".isyafa-recent-orders-list\");\r\n    if (!list || list.dataset.loaded === \"yes\") return;\r\n\r\n    list.dataset.loaded = \"yes\";\r\n\r\n    try {\r\n      const response = await fetch(ACCOUNT_URL + \"orders\/\", {\r\n        credentials: \"same-origin\"\r\n      });\r\n\r\n      const html = await response.text();\r\n      const doc = new DOMParser().parseFromString(html, \"text\/html\");\r\n\r\n      const rows = Array.from(\r\n        doc.querySelectorAll(\r\n          \".woocommerce-orders-table tbody tr, table.shop_table tbody tr\"\r\n        )\r\n      ).filter(function (row) {\r\n        return row.querySelectorAll(\"td\").length >= 3;\r\n      });\r\n\r\n      const orders = rows.slice(0, 3).map(function (row) {\r\n        const cells = row.querySelectorAll(\"td\");\r\n\r\n        const orderLink =\r\n          cells[0].querySelector(\"a\") ||\r\n          row.querySelector(\"a.woocommerce-button\") ||\r\n          row.querySelector(\"a\");\r\n\r\n        const actionLink =\r\n          row.querySelector(\"a.woocommerce-button\") ||\r\n          orderLink;\r\n\r\n        return {\r\n          order: cleanText(cells[0] ? cells[0].innerText : \"\"),\r\n          date: cleanText(cells[1] ? cells[1].innerText : \"\"),\r\n          status: cleanText(cells[2] ? cells[2].innerText : \"\"),\r\n          total: cleanText(cells[3] ? cells[3].innerText : \"\"),\r\n          link: actionLink ? actionLink.href : ACCOUNT_URL + \"orders\/\"\r\n        };\r\n      });\r\n\r\n      updateStats(rows);\r\n\r\n      if (!orders.length) {\r\n        list.innerHTML = `\r\n          <div class=\"isyafa-order-empty\">\r\n            Aucune commande r\u00e9cente pour le moment.\r\n          <\/div>\r\n        `;\r\n        return;\r\n      }\r\n\r\n      list.innerHTML = orders\r\n        .map(function (item) {\r\n          return `\r\n            <a class=\"isyafa-order-row\" href=\"${escapeHTML(item.link)}\">\r\n              <div class=\"isyafa-order-main\">\r\n                <strong>${escapeHTML(item.order)}<\/strong>\r\n                <span>${escapeHTML(item.date)}<\/span>\r\n              <\/div>\r\n              <div class=\"isyafa-order-status ${statusClass(item.status)}\">\r\n                ${escapeHTML(item.status)}\r\n              <\/div>\r\n              <div class=\"isyafa-order-total\">\r\n                ${escapeHTML(item.total)}\r\n              <\/div>\r\n            <\/a>\r\n          `;\r\n        })\r\n        .join(\"\");\r\n    } catch (error) {\r\n      list.innerHTML = `\r\n        <div class=\"isyafa-order-empty\">\r\n          Impossible de charger les commandes r\u00e9centes.\r\n        <\/div>\r\n      `;\r\n    }\r\n  }\r\n\r\n  function updateStats(rows) {\r\n    const totalBox = document.querySelector(\".isyafa-stat-total\");\r\n    const processingBox = document.querySelector(\".isyafa-stat-processing\");\r\n    const completedBox = document.querySelector(\".isyafa-stat-completed\");\r\n\r\n    if (!rows || !rows.length) {\r\n      if (totalBox) totalBox.textContent = \"0\";\r\n      if (processingBox) processingBox.textContent = \"0\";\r\n      if (completedBox) completedBox.textContent = \"0\";\r\n      return;\r\n    }\r\n\r\n    let processing = 0;\r\n    let completed = 0;\r\n\r\n    rows.forEach(function (row) {\r\n      const cells = row.querySelectorAll(\"td\");\r\n      const status = normalizeText(cells[2] ? cells[2].innerText : \"\");\r\n\r\n      if (status.includes(\"en cours\") || status.includes(\"processing\")) {\r\n        processing++;\r\n      }\r\n\r\n      if (\r\n        status.includes(\"termine\") ||\r\n        status.includes(\"completed\") ||\r\n        status.includes(\"livre\")\r\n      ) {\r\n        completed++;\r\n      }\r\n    });\r\n\r\n    if (totalBox) totalBox.textContent = rows.length;\r\n    if (processingBox) processingBox.textContent = processing;\r\n    if (completedBox) completedBox.textContent = completed;\r\n  }\r\n\r\n  function runAll() {\r\n    addAccountBlocks();\r\n    buildDashboard();\r\n    updateDashboardName();\r\n  }\r\n\r\n  document.addEventListener(\"DOMContentLoaded\", runAll);\r\n  window.addEventListener(\"load\", runAll);\r\n\r\n  let attempts = 0;\r\n  const timer = setInterval(function () {\r\n    attempts++;\r\n    runAll();\r\n\r\n    if (attempts > 20) {\r\n      clearInterval(timer);\r\n    }\r\n  }, 300);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5309727b e-flex e-con-boxed e-con e-parent\" data-id=\"5309727b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-221dd8a3 elementor-widget elementor-widget-text-editor\" data-id=\"221dd8a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><div class=\"woocommerce\"><\/div><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mon compte Accueil \u203a Mon compte<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/isyafa.com\/ar\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isyafa.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isyafa.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isyafa.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/isyafa.com\/ar\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":24,"href":"https:\/\/isyafa.com\/ar\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":783,"href":"https:\/\/isyafa.com\/ar\/wp-json\/wp\/v2\/pages\/25\/revisions\/783"}],"wp:attachment":[{"href":"https:\/\/isyafa.com\/ar\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}