górne menu - wiadomości

frontend/src/styles.css

@@ -129,13 +129,7 @@ svg {
   font-size: 18px;
 }
 
-.header-admin .icon-text span {
-  color: #dbe4f0;
-  font-size: 12px;
-}
-
-.header-admin .icon-text.active svg,
-.header-admin .icon-text.active span {
+.header-admin .icon-text.active svg {
   color: #34d399;
 }
 
@@ -276,18 +270,23 @@ svg {
   font-size: 20px;
 }
 
-.icon-text span {
-  font-size: 13px;
-  font-weight: 800;
+/* Skroty w pasku gornym to same ikony - jeden jezyk dla ulubionych, wiadomosci, dzwonka
+   i konta. Podpis zostaje w znaczniku (czytniki ekranu, dymek title), ale go nie rysujemy.
+   Awatar konta to tez <span>, wiec musi byc wyjety spod tej reguly. */
+.icon-text span:not(.avatar) {
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
   white-space: nowrap;
+  width: 1px;
 }
 
 .icon-text.active {
   color: #109457;
 }
 
-.icon-text.active svg,
-.icon-text.active span {
+.icon-text.active svg {
   color: #109457;
 }
 
@@ -295,13 +294,7 @@ svg {
   position: relative;
 }
 
-/* Ponizej 1560 px menu glowne nie miescilo sie miedzy logo a panelem i nachodzilo na oba -
-   "Ulubione" zostaje samym sercem (jak dzwonek i wiadomosci), podpis jest w dymku. */
 @media (max-width: 1560px) {
-  .favorites-shortcut span {
-    display: none;
-  }
-
   .header {
     gap: 20px;
   }
@@ -12411,8 +12404,7 @@ a.city-card:hover {
     gap: 17px;
   }
 
-  .nav button, .nav a,
-  .icon-text span {
+  .nav button, .nav a {
     font-size: 12px;
   }
 
@@ -12673,12 +12665,6 @@ a.city-card:hover {
     flex-wrap: nowrap;
   }
 
-  /* Podpisy skrotow ustepuja miejsca, ale awatar konta to tez <span> - musi zostac,
-     inaczej po zalogowaniu w naglowku wisi sama strzalka menu. */
-  .icon-text span:not(.avatar) {
-    display: none;
-  }
-
   .notification-popover {
     right: -18px;
     top: calc(100% + 12px);
@@ -20728,6 +20714,26 @@ a.city-card:hover {
   justify-content: space-between;
 }
 
+/* Drugi blok w tej samej karcie (zgody marketingowe pod powiadomieniami serwisu) -
+   oddzielony kreska, z mniejszym naglowkiem niz tytul karty. */
+.settings-card-subhead {
+  border-top: 1px solid #e8edf3;
+  margin-top: 18px;
+  padding-top: 16px;
+}
+
+.settings-card-subhead h3 {
+  color: #1a2c46;
+  font-size: 14px;
+  font-weight: 900;
+  margin: 0;
+}
+
+.settings-card-head a {
+  color: #0f8f55;
+  font-weight: 850;
+}
+
 .settings-card-head.split > button,
 .settings-profile-row > button, .settings-profile-row > a {
   background: #ffffff;