mautourco-components 0.2.4 → 0.2.7

package/src/styles/components/organism/footer.css

@@ -1,113 +1,113 @@
-/* ===== Footer Container ===== */
-.footer {
-    @apply w-full bg-[var(--footer-color-background-default)] text-white font-sans;
-}
-
-.footer__wrapper {
-    @apply mx-auto w-full max-w-[1440px] px-6 py-10 md:px-10 lg:px-16;
-}
-
-.footer__desktop {
-    @apply flex-col hidden gap-10 md:flex;
-}
-
-.footer__top-row {
-    @apply flex flex-col gap-8 md:flex-row md:items-start md:justify-between lg:gap-0;
-}
-
-.footer__content-left {
-    @apply flex flex-wrap flex-1 gap-10 md:flex-nowrap lg:gap-16;
-}
-
-.footer__column {
-    @apply min-w-0 lg:min-w-[120px] space-y-3;
-}
-
-.footer__column-title {
-    @apply text-sm font-semibold tracking-wide text-white uppercase;
-}
-
-.footer__column-links {
-    @apply flex flex-col gap-1.5;
-}
-
-.footer__contact {
-    @apply min-w-0 lg:min-w-[180px] space-y-3;
-}
-
-.footer__contact-info {
-    @apply space-y-1 text-xs text-white/80;
-}
-
-.footer__socials {
-    @apply min-w-0 lg:min-w-[120px] space-y-3;
-}
-
-.footer__socials-icons {
-    @apply flex flex-wrap items-center gap-3;
-}
-
-.footer__social-link {
-    @apply text-white transition hover:opacity-80;
-}
-
-.footer__logo-section {
-    @apply flex items-start justify-end shrink-0;
-}
-
-.footer__logo-container {
-    @apply flex flex-col items-end gap-2;
-}
-
-.footer__copyright {
-    @apply text-[10px] text-white/70 text-right;
-}
-
-.footer__copyright-standalone {
-    @apply text-[10px] text-white/70;
-}
-
-/* ===== Mobile Layout ===== */
-.footer__mobile {
-    @apply flex flex-col gap-6 md:hidden;
-}
-
-.footer__mobile-section {
-    @apply pb-3 border-b border-white/10;
-}
-
-.footer__mobile-section-button {
-    @apply flex items-center justify-between w-full gap-2 text-sm font-semibold text-white;
-}
-
-.footer__mobile-section-icon {
-    @apply transition-transform;
-}
-
-.footer__mobile-section-icon--rotated {
-    @apply rotate-180;
-}
-
-.footer__mobile-section-content {
-    @apply mt-2 flex flex-col gap-1.5;
-}
-
-.footer__mobile-contact {
-    @apply space-y-2;
-}
-
-.footer__mobile-contact-title {
-    @apply text-sm font-semibold tracking-wide text-white uppercase;
-}
-
-.footer__mobile-contact-info {
-    @apply space-y-1 text-xs text-white/80;
-}
-
-.footer__mobile-footer {
-    @apply flex flex-col items-center gap-2 mt-4;
-}
-
-.footer__mobile-copyright {
-    @apply text-[10px] text-white/70 text-center;
-}
+/* ===== Footer Container ===== */
+.footer {
+    @apply w-full bg-[var(--footer-color-background-default)] text-white font-sans;
+}
+
+.footer__wrapper {
+    @apply mx-auto w-full max-w-[1440px] px-6 py-10 md:px-10 lg:px-16;
+}
+
+.footer__desktop {
+    @apply flex-col hidden gap-10 md:flex;
+}
+
+.footer__top-row {
+    @apply flex flex-col gap-8 md:flex-row md:items-start md:justify-between lg:gap-0;
+}
+
+.footer__content-left {
+    @apply flex flex-wrap flex-1 gap-10 md:flex-nowrap lg:gap-16;
+}
+
+.footer__column {
+    @apply min-w-0 lg:min-w-[120px] space-y-3;
+}
+
+.footer__column-title {
+    @apply text-sm font-semibold tracking-wide text-white uppercase;
+}
+
+.footer__column-links {
+    @apply flex flex-col gap-1.5;
+}
+
+.footer__contact {
+    @apply min-w-0 lg:min-w-[180px] space-y-3;
+}
+
+.footer__contact-info {
+    @apply space-y-1 text-xs text-white/80;
+}
+
+.footer__socials {
+    @apply min-w-0 lg:min-w-[120px] space-y-3;
+}
+
+.footer__socials-icons {
+    @apply flex flex-wrap items-center gap-3;
+}
+
+.footer__social-link {
+    @apply text-white transition hover:opacity-80;
+}
+
+.footer__logo-section {
+    @apply flex items-start justify-end shrink-0;
+}
+
+.footer__logo-container {
+    @apply flex flex-col items-end gap-2;
+}
+
+.footer__copyright {
+    @apply text-[10px] text-white/70 text-right;
+}
+
+.footer__copyright-standalone {
+    @apply text-[10px] text-white/70;
+}
+
+/* ===== Mobile Layout ===== */
+.footer__mobile {
+    @apply flex flex-col gap-6 md:hidden;
+}
+
+.footer__mobile-section {
+    @apply pb-3 border-b border-white/10;
+}
+
+.footer__mobile-section-button {
+    @apply flex items-center justify-between w-full gap-2 text-sm font-semibold text-white;
+}
+
+.footer__mobile-section-icon {
+    @apply transition-transform;
+}
+
+.footer__mobile-section-icon--rotated {
+    @apply rotate-180;
+}
+
+.footer__mobile-section-content {
+    @apply mt-2 flex flex-col gap-1.5;
+}
+
+.footer__mobile-contact {
+    @apply space-y-2;
+}
+
+.footer__mobile-contact-title {
+    @apply text-sm font-semibold tracking-wide text-white uppercase;
+}
+
+.footer__mobile-contact-info {
+    @apply space-y-1 text-xs text-white/80;
+}
+
+.footer__mobile-footer {
+    @apply flex flex-col items-center gap-2 mt-4;
+}
+
+.footer__mobile-copyright {
+    @apply text-[10px] text-white/70 text-center;
+}