@digital-b2c/coreui-kit 0.11.2 → 0.11.4

package/dist/index.css

@@ -1926,49 +1926,116 @@ a:hover.Card_module_card {
     padding-bottom: 24px;
   }
 }
+.Footer_module_support-section {
+  display: flex;
+  flex-direction: column;
+  gap: 32px;
+}
+@media (max-width: 768px) {
+  .Footer_module_support-section {
+    gap: 32px;
+    align-items: center;
+    text-align: center;
+    margin-bottom: 1rem;
+  }
+}
+.Footer_module_support-heading {
+  font-size: var(--font-size-md);
+  font-weight: var(--font-weight-medium);
+  text-transform: uppercase;
+  letter-spacing: 0.15em;
+  color: var(--color-white);
+}
 .Footer_module_support {
   display: flex;
   justify-content: space-between;
-  gap: 32px;
+  gap: clamp(16px, 2.5vw, 32px);
 }
 @media (max-width: 768px) {
   .Footer_module_support {
     flex-direction: column;
-    gap: 24px;
+    gap: 56px;
+  }
+}
+.Footer_module_support-column {
+  display: flex;
+  flex-direction: column;
+  gap: 32px;
+}
+@media (max-width: 768px) {
+  .Footer_module_support-column {
+    align-items: center;
+    text-align: center;
+    width: 343px;
+  }
+  .Footer_module_support-column:not(:last-child) .Footer_module_support-title,
+  .Footer_module_support-column:not(:last-child) .Footer_module_support-subtitle {
+    font-weight: var(--font-weight-regular);
   }
 }
 .Footer_module_support-group {
-  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  min-width: 0;
 }
 .Footer_module_support-title {
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-bold);
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  margin-bottom: 16px;
+  font-size: var(--font-size-md);
+  font-weight: var(--font-weight-medium);
+  letter-spacing: -0.08px;
+  line-height: 1.5;
+  color: var(--color-light-gray);
+}
+.Footer_module_support-subtitle {
+  font-size: var(--font-size-md);
+  font-weight: var(--font-weight-medium);
+  line-height: 1.5;
   color: var(--color-white);
 }
-.Footer_module_support-list {
-  list-style: none;
-  padding: 0;
+.Footer_module_support-subtitle p {
   margin: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
 }
-.Footer_module_support-item {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
+.Footer_module_support-subtitle p:not(:last-child) {
+  margin-bottom: 8px;
 }
-.Footer_module_support-value {
-  font-size: var(--font-size-sm);
+.Footer_module_support-subtitle a {
   color: var(--color-white);
   text-decoration: none;
+  overflow-wrap: anywhere;
 }
-.Footer_module_support-value:hover {
+.Footer_module_support-subtitle a:hover {
   text-decoration: underline;
 }
+.Footer_module_support-subtitle table {
+  border-collapse: collapse;
+  width: 100%;
+}
+.Footer_module_support-subtitle td {
+  padding: 0 0 2px;
+  vertical-align: top;
+}
+.Footer_module_support-subtitle td:not(:last-child) {
+  padding-right: 16px;
+}
+@media (max-width: 768px) {
+  .Footer_module_support-subtitle table,
+  .Footer_module_support-subtitle tbody {
+    display: block;
+    width: 100%;
+  }
+  .Footer_module_support-subtitle tr {
+    display: flex;
+    width: 100%;
+  }
+  .Footer_module_support-subtitle td {
+    flex: 1 1 0;
+    min-width: 0;
+    text-align: left;
+  }
+  .Footer_module_support-subtitle td:last-child:not(:only-child) {
+    text-align: right;
+  }
+}
 .Footer_module_bottom {
   display: flex;
   justify-content: space-between;
@@ -2049,7 +2116,8 @@ a:hover.Card_module_card {
   min-width: 0;
 }
 .Footer_module_supporters-logos img {
-  height: clamp(18px, 2.5vw, 30px);
+  height: auto;
+  max-height: clamp(30px, 4.5vw, 68px);
   width: auto;
   filter: brightness(0) invert(1);
 }
@@ -2061,8 +2129,10 @@ a:hover.Card_module_card {
     justify-content: center;
   }
   .Footer_module_supporters-logos img {
-    height: 2.5rem;
+    height: auto;
+    max-height: 3rem;
     width: auto;
+    margin: 1rem 0;
   }
 }
 .Footer_module_supporter-link-primary {
@@ -2071,22 +2141,6 @@ a:hover.Card_module_card {
   min-width: 0;
   flex-shrink: 1;
 }
-.Footer_module_supporter-link-primary img {
-  height: auto;
-  width: 60%;
-  max-height: clamp(28px, 3.5vw, 50px);
-  filter: brightness(0) invert(1);
-  margin: auto;
-}
-@media (max-width: 768px) {
-  .Footer_module_supporter-link-primary {
-    margin-bottom: var(--spacing-xl);
-  }
-  .Footer_module_supporter-link-primary img {
-    width: 80%;
-    max-height: none;
-  }
-}
 .Footer_module_supporter-link {
   display: flex;
   align-items: center;
@@ -2131,6 +2185,7 @@ a:hover.Card_module_card {
   display: flex;
   flex-direction: column;
   gap: 16px;
+  align-items: flex-end;
 }
 @media (max-width: 768px) {
   .Footer_module_nav-list {