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;