Merge pull request #7110 from Jerryby/wordpress

header fixes

htdocs/wp-content/themes/lawcarta/assets/css/main-page.css

@@ -1046,6 +1046,30 @@ blockquote {
   font-size: 16px;
 }
 
+.icon-logout:before {
+  content: "\e902";
+}
+
+.icon-admin:before {
+  content: "\e908";
+}
+
+.icon-account-access:before {
+  content: "\e90c";
+}
+
+.icon-order-history:before {
+  content: "\e90d";
+}
+
+.icon-royalties:before {
+  content: "\e90e";
+}
+
+.icon-my-profile:before {
+  content: "\e914";
+}
+
 .icon-back:before {
   content: "\e901";
 }
@@ -1689,6 +1713,13 @@ blockquote {
 .header .header-btn .icon-menu {
   font-size: 2.4rem;
 }
+.header .header-btn .icon-warning {
+  position: absolute;
+  left: 70%;
+  bottom: 70%;
+  font-size: 1.5rem;
+  color: #D63B00;
+}
 .header .header-btn:hover {
   color: #071e3a;
 }
@@ -1718,6 +1749,8 @@ blockquote {
 }
 .header .logo {
   position: relative;
+  padding: 1rem 0.5rem;
+  margin: 0 -0.5rem;
 }
 .header .desktop-menu {
   display: none;
@@ -1789,19 +1822,46 @@ blockquote {
   position: relative;
   z-index: 3;
 }
+.header .mobile-menu .mm-cont .menu-link-cont {
+  display: flex;
+  align-items: center;
+}
+.header .mobile-menu .mm-cont .menu-link-cont .confirm-email {
+  display: block;
+  padding: 0.8rem 1rem 0.8rem;
+  color: #0055D6;
+  text-decoration: underline;
+}
+.header .mobile-menu .mm-cont .menu-link-cont .confirm-email:hover {
+  text-decoration: none;
+}
 .header .mobile-menu .menu-link {
   font-size: 1.4rem;
   display: block;
-  padding: 0.8rem 1rem;
+  padding: 1rem 1rem;
   color: #333;
+  display: flex;
+  gap: 2rem;
+  align-items: center;
 }
 .header .mobile-menu .menu-link:hover {
+  text-decoration: none;
+}
+.header .mobile-menu .menu-link:hover .text {
   text-decoration: underline;
 }
 .header .mobile-menu .menu-link.selected {
   font-weight: bold;
   color: #0055D6;
 }
+.header .mobile-menu .menu-link [class^=icon-],
+.header .mobile-menu .menu-link [class*=" icon-"] {
+  font-size: 2.4rem;
+  color: #333;
+}
+.header .mobile-menu .mobile-links-cont .menu-link {
+  font-size: 1.6rem;
+}
 .header .mobile-menu .mobile-links-cont .menu-link:last-child {
   border-bottom: 0.1rem solid #C6C6C6;
   padding-bottom: 1.5rem;
@@ -1810,11 +1870,6 @@ blockquote {
 .header .mobile-menu .acc-manage {
   display: block;
   border-bottom: 0.1rem solid #C6C6C6;
-  padding-bottom: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.header .mobile-menu .acc-manage .menu-link {
-  margin-left: 2rem;
 }
 .header .mobile-menu .acc-manage .label {
   color: #848484;
@@ -1872,11 +1927,11 @@ blockquote {
     gap: 1rem;
   }
   .header .desktop-menu a {
-    font-size: 1.4rem;
+    font-size: 1.6rem;
     display: block;
     padding: 1rem 0.5rem;
     align-items: center;
-    color: #757575;
+    color: #333;
   }
   .header .desktop-menu a:hover {
     text-decoration: underline;
@@ -1912,8 +1967,8 @@ blockquote {
     display: none;
   }
   .header .header-right-menu .header-btn.circle {
-    width: 3.6rem;
-    height: 3.6rem;
+    width: 3.8rem;
+    height: 3.8rem;
     background-color: #EDF6FF;
     border-radius: 50%;
     margin: 0;
@@ -1932,7 +1987,7 @@ blockquote {
     position: absolute;
     right: 0;
     top: 100%;
-    width: 24rem;
+    width: auto;
     height: auto;
     left: auto;
     white-space: nowrap;
@@ -1948,9 +2003,10 @@ blockquote {
   }
   .header .mobile-menu .mm-cont {
     box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
-    padding: 0.5rem;
+    padding: 0.5rem 1rem;
     width: auto;
     margin: 0;
+    max-width: none;
   }
   .header .desktop-sign-cont {
     display: flex;

htdocs/wp-content/themes/lawcarta/assets/fonts/lawcarta.svg

@@ -23,19 +23,25 @@
 <glyph unicode="&#xe613;" glyph-name="rename" horiz-adv-x="1517" d="M237.034 267.852l-104.296-322.37h-132.741l350.815 1014.519h161.185l350.815-1014.519h-142.222l-104.296 322.37h-379.259zM568.886 372.149l-104.296 293.926c-18.963 66.37-37.926 123.259-56.889 189.63v0c-18.963-56.889-28.444-123.259-47.407-180.148l-104.296-293.926h312.889zM1507.553 116.149c0-66.37 0-123.259 9.481-170.667h-113.778l-9.481 94.815c-37.926-56.889-123.259-104.296-227.556-104.296-151.704 0-227.556 104.296-227.556 208.593 0 180.148 161.185 274.963 436.148 274.963v9.481c0 56.889-18.963 170.667-170.667 170.667-66.37 0-142.222-18.963-189.63-56.889l-28.444 85.333c56.889 37.926 151.704 66.37 237.037 66.37 227.556 0 274.963-151.704 274.963-303.407v-274.963zM1384.293 315.26c-142.222 0-312.889-18.963-312.889-161.185 0-85.333 56.889-123.259 123.259-123.259 94.815 0 151.704 56.889 180.148 123.259 0 9.481 9.481 28.444 9.481 37.926v123.259z" />
 <glyph unicode="&#xe900;" glyph-name="profile" d="M197.307 81.352c-0.245-3.212 0.148 3.235 0 0l73.238-51.954c0.288-2.541-0.365 2.518 0 0 71.028-41.053 153.478-64.545 241.413-64.545 87.938 0 170.389 23.491 241.417 64.545 1.005 5.469 0 0.996 0 0l73.239 51.954c103.149 88.604 168.485 219.992 168.485 366.643 0 266.831-216.306 483.141-483.142 483.141-266.83 0-483.14-216.31-483.14-483.141 0-146.651 65.337-278.039 168.488-366.643zM101.429 447.995c0 226.729 183.801 410.53 410.529 410.53 226.732 0 410.531-183.801 410.531-410.53 0-109.996-43.259-209.892-113.692-283.592-29.24 80.803-90.536 146.26-168.522 181.011 46.094 37.376 75.557 94.464 75.557 158.434 0 112.594-91.276 203.869-203.869 203.869-112.595 0-203.87-91.275-203.87-203.869 0-63.97 29.462-121.058 75.556-158.434-77.99-34.751-139.285-100.208-168.524-181.011-70.435 73.7-113.695 173.596-113.695 283.592zM511.963 299.981h0.559c114.86-0.261 211-80.221 236.051-187.513-66.877-47.248-148.503-75.003-236.614-75.003-88.107 0-169.733 27.755-236.608 75.003 25.048 107.292 121.189 187.252 236.050 187.513h0.563zM643.221 503.848c0-72.32-58.489-130.981-130.746-131.256h-1.024c-72.258 0.275-130.748 58.936-130.748 131.256 0 72.492 58.766 131.258 131.26 131.258 72.49 0 131.258-58.766 131.258-131.258z" />
 <glyph unicode="&#xe901;" glyph-name="back" d="M981.233 487.712l-841.036 2.542 356.082 389.55c16.725 18.367 16.725 48.101 0 66.421-16.725 18.367-43.799 18.367-60.481 0l-423.446-464.991c-16.469-18.086-16.469-48.333 0-66.422l423.45-465.034c16.724-18.371 43.799-18.371 60.481 0 16.727 18.365 16.727 48.097 0 66.417l-356.085 380.114 841.031-2.54c23.613 0 42.772 21.043 42.772 46.971 0 25.926-19.159 46.972-42.767 46.972z" />
+<glyph unicode="&#xe902;" glyph-name="logout" d="M572.335 847.741c0 14.871-12.54 26.926-28.011 26.926h-359.866c-54.745 0-99.124-42.656-99.124-95.275v-662.784c0-52.617 44.38-95.275 99.124-95.275h359.866c15.471 0 28.011 12.053 28.011 26.927 0 14.869-12.54 26.923-28.011 26.923h-359.866c-23.802 0-43.098 18.547-43.098 41.425v662.784c0 22.878 19.296 41.424 43.098 41.424h359.866c15.471 0 28.011 12.055 28.011 26.926zM752.183 618.237l178.278-171.354c10.94-10.513 10.94-27.563 0-38.076l-178.278-171.354c-10.94-10.517-28.676-10.517-39.616 0-10.94 10.513-10.94 27.563 0 38.076l130.453 125.389h-535.735c-15.471 0-28.014 12.058-28.014 26.927s12.542 26.927 28.014 26.927h535.735l-130.453 125.387c-10.94 10.515-10.94 27.564 0 38.078s28.676 10.515 39.616 0z" />
 <glyph unicode="&#xe903;" glyph-name="add-text-block" horiz-adv-x="896" d="M727.893-64h-727.893v851.285h727.893v-851.285zM86.357 28.523h542.848v666.219h-542.848v-666.219zM265.259 287.616l-49.344-160.384h-67.861l172.715 499.669h80.192l172.715-499.669h-67.861l-55.509 160.384h-185.067zM431.808 336.96l-49.344 141.888c-12.331 30.848-18.496 61.696-24.683 92.523v0c-6.165-30.848-18.496-61.696-24.683-92.523l-49.344-148.053h148.053zM727.893 960h166.549v-166.549h-166.549v166.549z" />
 <glyph unicode="&#xe904;" glyph-name="book" d="M512.853 732.444l-419.499-228.494s-85.166-76.157 4.732-189.622l414.777-150.773-3.154 31.090-394.268 141.446s-48.89 68.392-3.154 124.345l397.426-136.781 457.387 245.584zM516.897 660.821l280.579-94.612-92.501-45.372-281.896 92.894zM967.088 508.612l-39.433-21.751v-68.398l-417.963-224.003 3.015-30.743 454.372 245.419z" />
 <glyph unicode="&#xe905;" glyph-name="grad-cap" d="M512 832l470.016-256v-342.016h-86.016v296.021l-384-210.005-470.016 256zM214.016 397.995l297.984-164.011 297.984 164.011v-171.947l-297.984-162.048-297.984 162.005v171.947z" />
 <glyph unicode="&#xe906;" glyph-name="next" d="M170.667 746.667v-597.333l276.288 298.667-276.288 298.667zM577.045 746.667v-597.333l276.288 298.667-276.288 298.667z" />
 <glyph unicode="&#xe907;" glyph-name="audio" d="M64 647.883c-35.349 0-64-29.826-64-66.627v-266.506c0-36.8 28.651-66.627 64-66.627h181.333l224-233.193v866.145l-224-233.193h-181.333zM682.667 448.003c0 107.247-73.408 196.97-170.667 217.602v-68.692c61.611-19.166 106.667-78.619 106.667-148.91s-45.056-129.744-106.667-148.91v-68.692c97.259 20.632 170.667 110.356 170.667 217.602zM853.333 448.003c0 165.323-96.896 307.526-234.667 368.289v-73.889c101.376-55.944 170.667-166.855 170.667-294.401s-69.291-238.456-170.667-294.401v-73.889c137.771 60.763 234.667 202.967 234.667 368.289zM725.333 960.006v-76.443c140.651-89.901 234.667-251.493 234.667-435.56s-94.016-345.636-234.667-435.56v-76.443c177.301 96.475 298.667 289.714 298.667 512.003s-121.365 415.528-298.667 512.003z" />
+<glyph unicode="&#xe908;" glyph-name="admin" d="M636.497 440.405c68.386 41.374 113.933 115.294 113.933 199.595 0 129.603-107.652 234.667-240.444 234.667-132.794 0-240.444-105.064-240.444-234.667 0-84.302 45.547-158.221 113.934-199.599-161.591-53.756-279.507-207.791-298.007-390.123-1.597-15.735 11.109-28.945 26.926-28.945 14.839 0 26.968 11.695 28.556 26.449 21.643 201.050 178.176 357.099 368.207 357.551 0.277 0 0.55 0 0.828 0 0.273 0 0.55 0 0.823 0 190.037-0.448 346.577-156.501 368.218-357.551 1.591-14.754 13.717-26.449 28.557-26.449 15.821 0 28.523 13.21 26.927 28.945-18.5 182.336-136.418 336.371-298.014 390.127zM685.308 640c0-94.502-78.494-171.11-175.322-171.11-96.829 0-175.324 76.608-175.324 171.11s78.495 171.111 175.324 171.111c96.828 0 175.322-76.609 175.322-171.111zM533.692 136.533h53.103v-57.6c0-15.317 12.416-27.733 27.733-27.733s27.733 12.416 27.733 27.733v57.6h29.867v-14.933c0-15.317 12.416-27.733 27.733-27.733s27.733 12.416 27.733 27.733v14.933h23.467c15.317 0 27.733 12.416 27.733 27.733s-12.416 27.733-27.733 27.733h-220.416c-14.686 49.348-60.403 85.333-114.52 85.333-65.979 0-119.467-53.487-119.467-119.467s53.487-119.467 119.467-119.467c58.7 0 107.51 42.334 117.567 98.133zM480.124 157.867c0-35.345-28.651-64-63.999-64-35.346 0-64 28.655-64 64s28.654 64 64 64c35.348 0 63.999-28.655 63.999-64z" />
 <glyph unicode="&#xe909;" glyph-name="shop" horiz-adv-x="1155" d="M527.463 32.215c0-53.138-43.077-96.215-96.215-96.215s-96.215 43.077-96.215 96.215c0 53.138 43.077 96.215 96.215 96.215s96.215-43.077 96.215-96.215zM946.685 32.215c0-53.138-43.077-96.215-96.215-96.215s-96.215 43.077-96.215 96.215c0 53.138 43.077 96.215 96.215 96.215s96.215-43.077 96.215-96.215zM1096.161 655.893c-121.987 0-592.752 0-592.752 0s-34.362-8.591-34.362-46.389c0-37.799 34.362-49.826 34.362-49.826h530.899l-29.208-101.369c-146.040 0-522.309 0-522.309 0s-32.644-6.872-32.644-42.953c0-36.081 32.644-46.389 32.644-46.389h496.537l-27.49-94.497h-541.208l-36.081 285.208-12.027 96.215c0 0-10.309 89.342-15.463 125.423-6.872 36.081-97.933 82.47-297.235 175.248-46.389 20.617-84.188-65.289 0-109.96l156.349-72.161c0 0 36.081-20.617 39.517-49.826s67.007-498.255 67.007-498.255 1.718-65.289 61.852-65.289c60.134 0 546.362 0 596.188 0s60.134 51.544 60.134 51.544l118.55 350.497c-1.718 0 34.362 92.779-53.262 92.779z" />
 <glyph unicode="&#xe90a;" glyph-name="text" horiz-adv-x="1117" d="M739.77 642.025c-6.284 47.849-24.204 80.221-53.783 97.117-16.617 9.286-41.449 14.383-74.496 15.267v-349.417c0-24.413 4.282-40.634 12.8-48.593 8.541-8.006 26.298-12.009 53.295-12.009v-16.849h-236.428v16.849c25.903 0 43.101 4.049 51.665 12.148 8.518 8.099 12.777 24.25 12.777 48.454v349.417c-32.372-0.884-57.228-5.981-74.496-15.267-31.721-17.315-49.641-49.711-53.737-97.117h-19.13l0.675 133.748h399.313l0.628-133.748h-19.084zM1024 960h-930.909c-51.409 0-93.091-41.681-93.091-93.091v-651.636c0-51.409 41.681-93.091 93.091-93.091h139.636v-186.182l197.818 186.182h593.455c51.409 0 93.091 41.681 93.091 93.091v651.636c0 51.409-41.681 93.091-93.091 93.091z" />
 <glyph unicode="&#xe90b;" glyph-name="menu" horiz-adv-x="1138" d="M1080.889-64h-1024c-34.133 0-56.889 22.756-56.889 56.889s22.756 56.889 56.889 56.889h1024c34.133 0 56.889-22.756 56.889-56.889s-22.756-56.889-56.889-56.889zM1080.889 391.111h-1024c-34.133 0-56.889 22.756-56.889 56.889s22.756 56.889 56.889 56.889h1024c34.133 0 56.889-22.756 56.889-56.889s-22.756-56.889-56.889-56.889zM1080.889 846.222h-1024c-34.133 0-56.889 22.756-56.889 56.889s22.756 56.889 56.889 56.889h1024c34.133 0 56.889-22.756 56.889-56.889s-22.756-56.889-56.889-56.889z" />
+<glyph unicode="&#xe90c;" glyph-name="account-access" d="M501.589 822.585c-38.212 0-74.534-14.17-101.054-38.898-26.46-24.672-40.964-57.745-40.964-91.828v-61.052h515.629c33.365 0 63.467-25.629 63.467-60.878v-487.72c0-35.247-30.101-60.877-63.467-60.877h-726.4c-33.366 0-63.467 25.63-63.467 60.877v487.72c0 35.248 30.101 60.878 63.467 60.878h158.559v61.052c0 49.072 20.922 95.748 57.521 129.874 36.54 34.071 85.744 52.933 136.709 52.933s100.169-18.862 136.708-52.933c36.599-34.127 57.523-80.802 57.523-129.874 0-14.382-11.691-26.041-26.108-26.041s-26.103 11.659-26.103 26.041c0 34.083-14.507 67.155-40.964 91.828-26.522 24.728-62.844 38.898-101.056 38.898zM148.8 578.726c-7.902 0-11.255-5.565-11.255-8.796v-487.72c0-3.23 3.353-8.794 11.255-8.794h726.4c7.902 0 11.255 5.564 11.255 8.794v487.72c0 3.232-3.354 8.796-11.255 8.796h-726.4zM333.465 526.298c14.418 0 26.106-11.661 26.106-26.044v-348.369c0-14.383-11.688-26.039-26.106-26.039s-26.106 11.657-26.106 26.039v348.369c0 14.383 11.688 26.044 26.106 26.044zM496.725 429.525c14.417 0 26.103-11.657 26.103-26.039v-42.091l43.721 13.5c13.773 4.254 28.395-3.435 32.661-17.173 4.262-13.739-3.447-28.322-17.22-32.576l-41.826-12.919 25.267-33.011c8.747-11.43 6.549-27.772-4.911-36.501-11.46-8.725-27.84-6.537-36.591 4.898l-27.204 35.546-27.209-35.546c-8.751-11.435-25.131-13.623-36.591-4.898-11.461 8.73-13.658 25.071-4.911 36.501l25.267 33.011-41.829 12.919c-13.773 4.254-21.481 18.837-17.217 32.576s18.886 21.427 32.66 17.173l43.721-13.5v42.091c0 14.383 11.686 26.039 26.108 26.039zM741.611 429.525c14.417 0 26.108-11.657 26.108-26.039v-42.091l43.721 13.5c13.773 4.254 28.395-3.435 32.657-17.173s-3.443-28.322-17.216-32.576l-41.83-12.919 25.267-33.011c8.751-11.43 6.554-27.772-4.907-36.501-11.46-8.725-27.844-6.537-36.591 4.898l-27.209 35.546-27.209-35.546c-8.747-11.435-25.131-13.623-36.591-4.898-11.46 8.73-13.658 25.071-4.907 36.501l25.267 33.011-41.83 12.919c-13.773 4.254-21.483 18.837-17.216 32.576 4.262 13.739 18.884 21.427 32.657 17.173l43.721-13.5v42.091c0 14.383 11.691 26.039 26.108 26.039z" />
+<glyph unicode="&#xe90d;" glyph-name="order-history" d="M735.322 666.821l-176.111 187.965-19.251 19.805h-398.595c-7.438 0-15.751 0.413-23.014-0.703-8.714-1.169-16.678-5.3-22.402-11.619-12.295-13.149-10.501-29.646-10.501-45.813v-710.554c0-16.166-1.969-33.655 10.501-45.897 12.47-12.237 20.827-12.237 36.884-12.237l294.082-0.051c3.861-0.051 7.689 0.678 11.23 2.142 3.537 1.463 6.703 3.622 9.289 6.332 5.585 5.538 8.623 12.945 8.444 20.591 0.179 7.65-2.859 15.053-8.444 20.591-2.581 2.714-5.751 4.877-9.289 6.336-3.541 1.463-7.369 2.193-11.23 2.142l-282.706 0.051-0.263 712.374h318.31v-148.561c0-16.167 6.652-30.721 17.105-41.182 10.505-10.461 24.943-16.952 40.998-16.952h163.422v-24.306c-0.175-7.648 2.859-15.052 8.444-20.591 2.577-2.708 5.739-4.866 9.271-6.327 3.529-1.462 7.351-2.194 11.204-2.149 8.051 0 14.878 2.853 20.523 8.476 5.568 5.546 8.589 12.948 8.401 20.591v61.023l0.043 11.536-6.345 6.988zM523.686 673.933c-1.796 2.191-2.889 6.037-3.285 11.578v126.316l133.845-142.111h-119.974c-5.248 0.661-8.751 2.026-10.586 4.217zM713.719 362.633c16.533 0 29.935-12.864 29.935-28.74v-100.331l-54.827-52.634c-11.691-11.221-30.647-11.221-42.338 0-11.691 11.226-11.691 29.423 0 40.644l37.291 35.797v76.523c0 15.876 13.402 28.74 29.939 28.74zM938.667 277.777c0-141.632-119.603-256.444-267.14-256.444-60.506 0-116.309 19.307-161.097 51.857-18.377 13.355-11.725 39.556 10.044 46.827 10.714 3.58 22.485 1.31 31.757-4.966 33.732-22.831 74.884-36.241 119.296-36.241 114.466 0 207.262 89.079 207.262 198.967 0 109.884-92.796 198.963-207.262 198.963-79.168 0-125.325-44.612-159.471-107.307h67.349c16.533 0 29.939-12.864 29.939-28.736 0-15.876-13.406-28.74-29.939-28.74h-141.722c-7.94 0-15.554 3.025-21.169 8.418-5.615 5.389-8.769 12.698-8.769 20.322l0.001 136.043c0 15.872 13.404 28.736 29.94 28.736 16.533 0 29.935-12.864 29.935-28.736v-60.719c41.156 70.677 110.182 118.196 203.904 118.196 147.537 0 267.14-114.813 267.14-256.44z" />
+<glyph unicode="&#xe90e;" glyph-name="royalties" d="M742.268 874.671c14.212 0 25.732-11.521 25.732-25.733v-49.941c16.994-1.181 34.108-3.884 51.345-8.109 3.085-0.718 6.007-1.378 8.811-2.011 14.153-3.195 25.161-5.679 37.534-11.36 8.841-4.060 13.82-13.33 13.82-23.061 0-22.818-27.511-38.145-48.742-29.786-5.389 2.122-10.863 4.14-16.346 6.057-15.671 5.629-31.147 9.433-46.421 11.411v-120.036c12.139-2.306 22.455-4.446 30.942-6.419 30.724-7.037 54.413-19.116 71.066-36.238 16.653-17.356 24.981-40.342 24.981-68.955 0-35.887-14.895-65.323-44.681-88.307-21.606-16.806-49.045-27.465-82.308-31.987v-44.459c0-14.212-11.52-25.732-25.732-25.732s-25.732 11.52-25.732 25.732v42.18c-24.329 0.836-46.933 4.164-67.823 9.988-13.436 3.917-25.677 8.013-36.723 12.288-15.070 5.837-24.141 20.791-24.141 36.949v5.201c0 23.565 17.882 36.254 37.926 23.868 11.772-7.275 24.252-14.81 35.255-18.846 19.089-6.831 37.589-11.11 55.505-12.843v122.29c-11.456 2.305-22.097 4.756-31.936 7.355-34.479 9.147-58.987 22.516-73.527 40.107-14.31 17.826-21.461 39.638-21.461 65.438 0 16.183 3.281 31.429 9.847 45.737 6.805 14.307 17.007 27.090 30.609 38.348 13.137 11.024 29.79 19.702 49.958 26.035 11.435 3.68 23.603 6.328 36.51 7.946v51.159c0 14.212 11.52 25.733 25.732 25.733zM682.138 729.672c10.086 5.683 21.555 9.645 34.398 11.886v-108.822c-20.194 5.034-34.944 11.429-44.25 19.184-10.086 8.209-15.13 20.405-15.13 36.589 0 18.295 8.329 32.016 24.981 41.163zM768 446.148v110.261c22.434-5.383 37.794-11.777 46.067-19.183 8.913-7.973 13.372-19.702 13.372-35.181 0-20.173-8.209-34.948-24.627-44.331-9.489-5.423-21.094-9.276-34.812-11.567zM470.579 613.519c0 15.355-12.45 27.803-27.802 27.803h-282.881c-41.18 0-74.563-34.47-74.563-76.992v-427.736c0-42.522 33.383-76.992 74.563-76.992h704.206c41.182 0 74.564 34.47 74.564 76.992v165.555c0 14.874-12.053 26.927-26.927 26.927-14.869 0-26.923-12.053-26.923-26.927v-165.555c0-11.81-9.276-21.385-20.715-21.385h-704.206c-11.439 0-20.712 9.574-20.712 21.385v320.802h345.014c15.356 0 27.802 12.45 27.802 27.802 0 15.356-12.446 27.806-27.802 27.806h-345.014v51.327c0 11.812 9.273 21.387 20.712 21.387h282.881c15.351 0 27.802 12.448 27.802 27.802zM359.925 243.529c15.355 0 27.803 12.446 27.803 27.802s-12.448 27.802-27.803 27.802h-110.090c-15.355 0-27.803-12.446-27.803-27.802s12.448-27.802 27.803-27.802h110.090z" />
 <glyph unicode="&#xe90f;" glyph-name="stop" d="M256 682.667h512v-512h-512v512z" />
 <glyph unicode="&#xe910;" glyph-name="pause" d="M598 724.667h170v-596h-170v596zM256 128.667v596h170v-596h-170z" />
 <glyph unicode="&#xe911;" glyph-name="video" horiz-adv-x="1463" d="M590.664 247.978v405.038l362.371-202.518-362.371-202.518zM1217.607 863.923h-972.353c-59.669 0-108.047-48.065-108.047-107.347v-617.199c0-59.258 48.378-107.323 108.047-107.323h972.353c59.669 0 108.023 48.065 108.023 107.323v617.199c0 59.283-48.354 107.347-108.023 107.347z" />
 <glyph unicode="&#xe912;" glyph-name="video-camera" d="M1024 749.714v-621.714q0-24-22.286-33.714-7.429-2.857-14.286-2.857-15.429 0-25.714 10.857l-230.286 230.286v-94.857q0-68-48.286-116.286t-116.286-48.286h-402.286q-68 0-116.286 48.286t-48.286 116.286v402.286q0 68 48.286 116.286t116.286 48.286h402.286q68 0 116.286-48.286t48.286-116.286v-94.286l230.286 229.714q10.286 10.857 25.714 10.857 6.857 0 14.286-2.857 22.286-9.714 22.286-33.714z" />
 <glyph unicode="&#xe913;" glyph-name="warning" d="M1010.432 121.248l-383.968 768c-21.664 43.36-65.952 70.752-114.464 70.752s-92.8-27.392-114.464-70.752l-383.968-768c-19.84-39.68-17.728-86.816 5.6-124.576 23.328-37.696 64.512-60.672 108.864-60.672h767.904c44.384 0 85.568 22.976 108.864 60.672 23.328 37.76 25.44 84.896 5.632 124.576zM575.936 96c0-17.696-14.304-32-32-32h-64c-17.696 0-32 14.304-32 32v64c0 17.696 14.304 32 32 32h64c17.696 0 32-14.304 32-32v-64zM575.936 352c0-17.696-14.304-32-32-32h-64c-17.696 0-32 14.304-32 32v320c0 17.664 14.304 32 32 32h64c17.696 0 32-14.336 32-32v-320z" />
+<glyph unicode="&#xe914;" glyph-name="my-profile" d="M891.767 518.588c-21.397 21.012-54.558 19.371-74.074-3.665l-258.219-304.815c-2.889-3.413-5.376-7.189-7.411-11.255l-39.462-78.801c-11.418-22.805-6.959-51.046 10.82-68.506 17.775-17.459 44.305-19.648 64.346-5.316l69.261 49.54c3.571 2.556 6.839 5.568 9.728 8.981l258.214 304.815c19.516 23.036 17.993 58.743-3.405 79.757l-29.798 29.265zM886.234 447.612l-29.803 29.265-258.214-304.815-39.462-78.805 69.261 49.54 258.219 304.815zM743.906 640c0-84.297-45.090-158.212-112.794-199.59 14.724-4.945 29.082-10.739 43.029-17.327l-37.402-44.147c-40.474 16.977-84.369 26.308-130.231 26.398h-1.323c-188.224-0.367-343.289-156.446-364.724-357.551-1.573-14.754-13.595-26.449-28.304-26.449-15.678 0-28.271 13.21-26.69 28.945 18.319 182.306 135.066 336.367 295.11 390.131-67.706 41.374-112.799 115.292-112.799 199.59 0 129.603 106.585 234.667 238.064 234.667 131.477 0 238.063-105.064 238.063-234.667zM505.843 468.89c95.872 0 173.589 76.608 173.589 171.11s-77.717 171.111-173.589 171.111c-95.87 0-173.588-76.609-173.588-171.111s77.718-171.11 173.588-171.11zM820.779 209.677c26.551-48.294 44.203-103.185 50.462-161.916 1.57-14.754 13.594-26.428 28.301-26.428 15.68 0 28.271 13.197 26.692 28.932-7.467 74.304-31.283 143.919-67.716 203.959l-37.739-44.548z" />
 <glyph unicode="&#xe916;" glyph-name="link" d="M440.236 324.234c-13.31 0-26.616 5.076-36.77 15.23-95.134 95.136-95.134 249.934 0 345.070l192 192c46.088 46.086 107.36 71.466 172.534 71.466s126.448-25.38 172.536-71.464c95.132-95.136 95.132-249.934 0-345.070l-87.766-87.766c-20.308-20.308-53.23-20.308-73.54 0-20.306 20.306-20.306 53.232 0 73.54l87.766 87.766c54.584 54.586 54.584 143.404 0 197.99-26.442 26.442-61.6 41.004-98.996 41.004s-72.552-14.562-98.996-41.006l-192-191.998c-54.586-54.586-54.586-143.406 0-197.992 20.308-20.306 20.306-53.232 0-73.54-10.15-10.152-23.462-15.23-36.768-15.23zM256-52c-65.176 0-126.45 25.38-172.534 71.464-95.134 95.136-95.134 249.934 0 345.070l87.764 87.764c20.308 20.306 53.234 20.306 73.54 0 20.308-20.306 20.308-53.232 0-73.54l-87.764-87.764c-54.586-54.586-54.586-143.406 0-197.992 26.44-26.44 61.598-41.002 98.994-41.002s72.552 14.562 98.998 41.006l192 191.998c54.584 54.586 54.584 143.406 0 197.992-20.308 20.308-20.306 53.232 0 73.54 20.306 20.306 53.232 20.306 73.54-0.002 95.132-95.134 95.132-249.932 0.002-345.068l-192.002-192c-46.090-46.088-107.364-71.466-172.538-71.466z" />
 <glyph unicode="&#xe919;" glyph-name="check" d="M864 832l-480-480-224 224-160-160 384-384 640 640z" />
 <glyph unicode="&#xe91a;" glyph-name="download-pdf" horiz-adv-x="939" d="M845.505 217.835v-46.972c0-75.156-56.367-140.917-131.523-140.917h-497.908c-75.156 0-131.523 56.367-131.523 140.917v46.972h-84.55v-46.972c0-122.128 93.945-225.468 216.073-225.468h507.303c122.128 0 216.073 103.339 216.073 225.468v46.972h-93.945zM845.505 584.22h-206.679v375.78h-347.596v-375.78h-197.284l375.78-375.78z" />

htdocs/wp-content/themes/lawcarta/header.php

@@ -120,8 +120,8 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
                 </button>
                 <a href="#" class="logo">
                     <picture>
-                        <source media="(min-width: 600px)" srcset="<?= get_lawcarta_url()?>/img/logo.svg" width="130" height="23">
-                        <img src="<?= get_lawcarta_url()?>/img/logo-mobile.svg" alt="Logo" width="36" height="36">
+                        <source media="(min-width: 600px)" srcset="<?= get_lawcarta_url()?>/img/logo.svg">
+                        <img src="<?= get_lawcarta_url()?>/img/logo-mobile.svg" alt="Logo">
                     </picture>
                 </a>
                 <div class="desktop-menu">
@@ -140,10 +140,10 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
                                 <button class="button clear link">
                                     <span class="icon-close"></span>
                                 </button>
-                                <input type="text" class="form-control" placeholder="Search books and study materials">
+                                <input type="text" class="form-control" placeholder="Search books and study materials" id="header-search">
                             </div>
                             <div class="right">
-                                <button class="button action">
+                                <button class="button action" id="header-search-btn">
                                     <span class="icon-search"></span>													
                                 </button>
                             </div>
@@ -164,10 +164,6 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
                     <div class="mobile-links-cont">				
                         
                     </div>
-                    <!-- <div class="acc-manage">
-                        <span class="label">Manage account:</span>
-                        <a href="#" class="menu-link">Other Account</a>
-                    </div> -->
                     <div class="mm-links">
 
                     </div>
@@ -181,18 +177,20 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
 
             (function(){
 
+                let appUrl = 'https://app.livecarta.com';
+                let wpUrl = 'https://livecarta.com';
+                let isGuest = true;
+
+                let sharedAccounts = [];
+                let showAccountAccess = true;
+                let showAdmin = true;
+                let showConfirmationNotice = false;
+                let showRoyaltiesAndSales = true;
+
+                let currentPage = location.pathname;
+
                 function drawHeader() {
-                    let appUrl = 'https://app.livecarta.com';
-                    let wpUrl = 'https://livecarta.com';
-                    let isGuest = true;
-
-                    let sharedAccounts = [];
-                    let showAccountAccess = true;
-                    let showAdmin = true;
-                    let showConfirmationNotice = false;
-                    let showRoyaltiesAndSales = true;
-
-                    let currentPage = location.pathname;
+                    
 
                     if (typeof frontSettings !== 'undefined') {
                         appUrl = frontSettings.appUrl;
@@ -221,6 +219,8 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
                         login: appUrl + '/user/login',
                         signUp: appUrl + '/user/registration',
 
+                        verify: appUrl + '/user/registration/verify',
+
                         profile: appUrl + '/user/registration/profile',
                         royalties: appUrl + '/report/royalties',
                         order: appUrl + '/report/transactions',
@@ -238,14 +238,14 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
                     }
 
                     let desktopLinks = '';
-                    if (isGuest) desktopLinks += '<a href="' + linksObject.home + '" class="menu-link movable' + isPageSelected.home +'">Home</a>';
-                    if (!isGuest) desktopLinks += '<a href="' + linksObject.dashboard + '" class="menu-link movable">Dashboard</a>';
-                    desktopLinks += '<a href="' + linksObject.catalog + '" class="menu-link movable">Catalog</a>';                                              
-                    if (!isGuest) desktopLinks += '<a href="' + linksObject.library + '" class="menu-link movable">My Library</a>';
-                    if (!isGuest) desktopLinks += '<a href="' + linksObject.bundles + '" class="menu-link movable">Bundles</a>';
-                    if (isGuest) desktopLinks += '<a href="' + linksObject.features + '" class="menu-link movable' + isPageSelected.features +'">Features</a>';
-                    desktopLinks += '<a href="' + linksObject.blog + '" class="menu-link movable' + isPageSelected.blog +'">Blog</a>';
-                    if (isGuest) desktopLinks += '<a href="' + linksObject.aboutUs + '" class="menu-link movable' + isPageSelected.aboutUs +'">About Us</a>';
+                    if (isGuest) desktopLinks += '<a href="' + linksObject.home + '" class="menu-link movable' + isPageSelected.home +'"><span class="text">Home</span></a>';
+                    if (!isGuest) desktopLinks += '<a href="' + linksObject.dashboard + '" class="menu-link movable"><span class="text">Dashboard</span></a>';
+                    desktopLinks += '<a href="' + linksObject.catalog + '" class="menu-link movable"><span class="text">Catalog</span></a>';                                              
+                    if (!isGuest) desktopLinks += '<a href="' + linksObject.library + '" class="menu-link movable"><span class="text">My Library</span></a>';
+                    if (!isGuest) desktopLinks += '<a href="' + linksObject.bundles + '" class="menu-link movable"><span class="text">Bundles</span></a>';
+                    if (isGuest) desktopLinks += '<a href="' + linksObject.features + '" class="menu-link movable' + isPageSelected.features +'"><span class="text">Features</span></a>';
+                    desktopLinks += '<a href="' + linksObject.blog + '" class="menu-link movable' + isPageSelected.blog +'"><span class="text">Blog</span></a>';
+                    if (isGuest) desktopLinks += '<a href="' + linksObject.aboutUs + '" class="menu-link movable' + isPageSelected.aboutUs +'"><span class="text">About Us</span></a>';
 
                     document.querySelector('.desktop-menu').innerHTML = desktopLinks;  
 
@@ -265,11 +265,10 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
                         `;                  
                     }
                     if (!isGuest) {
-                        hrmHtml += `
-                            <button class="header-btn circle header-menu-toggle">
-                                <span class="icon-profile"></span>
-                            </button>
-                        `;
+                        hrmHtml += `<button class="header-btn circle header-menu-toggle">
+                                <span class="icon-profile"></span> `;
+                        if (showConfirmationNotice) hrmHtml += '<span class="icon-warning"></span>';
+                        hrmHtml += `</button>`;
                     }
                     hrmHtml += `
                         <a class="header-btn circle" href="` + linksObject.cart + `">
@@ -281,12 +280,28 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
 
                     let mmHtml = '';
                     if (!isGuest) {
-                        mmHtml += '<a href="' + linksObject.profile + '" class="menu-link">My Profile</a>';
-                        if (showRoyaltiesAndSales) mmHtml += '<a href="' + linksObject.royalties + '" class="menu-link">Royalties and Sales</a>';
-                        mmHtml += '<a href="' + linksObject.order + '" class="menu-link">Order History</a>';
-                        if (showAccountAccess) mmHtml += '<a href="' + linksObject.accountAccess + '" class="menu-link">Account Access</a>';
-                        if (showAdmin) mmHtml += '<a href="' + linksObject.admin + '" class="menu-link">Admin</a>';
-                        mmHtml += '<a href="' + linksObject.logout + '" class="menu-link">Logout</a>';                        
+
+                        if (sharedAccounts.length > 0) {
+                            mmHtml += `<div class="acc-manage">
+                                        <span class="label">Manage account:</span>`;
+                            sharedAccounts.forEach((account) => {
+                                mmHtml += '<a href="' + 
+                                          linksObject.accountManage.replace('<id>', account.id) + '" class="menu-link"><span class="text">' + 
+                                          account.name + '</span></a>'
+                            })
+                            mmHtml += `</div>`;
+                        }
+
+                        mmHtml += `<div class="menu-link-cont">
+                                    <a href="` + linksObject.profile + `" class="menu-link"><span class="icon-my-profile"></span><span class="text">My Profile</span></a>`;
+                        if (showConfirmationNotice) mmHtml += `<a href="` + linksObject.verify + `" class="confirm-email">Confirm email</a>`;
+                        mmHtml += `</div>`;
+
+                        if (showRoyaltiesAndSales) mmHtml += '<a href="' + linksObject.royalties + '" class="menu-link"><span class="icon-royalties"></span><span class="text">Royalties and Sales</span></a>';
+                        mmHtml += '<a href="' + linksObject.order + '" class="menu-link"><span class="icon-order-history"></span><span class="text">Order History</span></a>';
+                        if (showAccountAccess) mmHtml += '<a href="' + linksObject.accountAccess + '" class="menu-link"><span class="icon-account-access"></span><span class="text">Account Access</span></a>';
+                        if (showAdmin) mmHtml += '<a href="' + linksObject.admin + '" class="menu-link"><span class="icon-admin"></span><span class="text">Admin</span></a>';
+                        mmHtml += '<a href="' + linksObject.logout + '" class="menu-link"><span class="icon-logout"></span><span class="text">Logout</span></a>'; 
                     }
 
                     document.querySelector('.mm-links').innerHTML = mmHtml;
@@ -335,12 +350,24 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
                                     mobileMenu?.classList.toggle('open');
                                 }, 1);					
                         }
+
+                        if (event.target?.closest('#header-search-btn')) {
+                            let searchData = document.getElementById('header-search').value;
+                            top.location = appUrl + '/catalog?tab=books-tab&search=' + searchData;
+                        }
                         
                         if (!event.target.closest('.mobile-menu.open')) {
                             mobileMenu?.classList.remove('open');
                         }
-                    })
                     });
+
+                    document.querySelector('#header-search').addEventListener('keyup', function(e){
+                        if (e.key === "Enter") {
+                            let searchData = e.target.value;
+                            top.location = appUrl + '/catalog?tab=books-tab&search=' + searchData;
+                        }
+                    })
+                });
             })();