diff --git a/index3.css b/index3.css index 6805ee84..f61e5556 100644 --- a/index3.css +++ b/index3.css @@ -1172,6 +1172,70 @@ padding: 32px 0 42px; } + .classic-footer { + width: 100%; + margin-top: 24px; + padding: 44px 0 28px; + background: #0a1f47; + border-top: 1px solid rgba(255, 255, 255, 0.16); + } + + .classic-footer-shell { + display: grid; + gap: 22px; + } + + .classic-footer-main { + display: grid; + grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(180px, 1fr)); + gap: 28px; + align-items: start; + } + + .classic-footer-col { + min-width: 0; + } + + .classic-footer-col h3 { + margin: 0; + color: #ffffff; + font-size: 18px; + line-height: 1.2; + } + + .classic-footer .brand-text strong, + .classic-footer .brand-text span, + .classic-footer .footer-description, + .classic-footer .footer-links a, + .classic-footer .footer-legal a, + .classic-footer .footer-bottom { + color: rgba(255, 255, 255, 0.78); + } + + .classic-footer .footer-links, + .classic-footer .footer-legal { + margin-top: 14px; + } + + .classic-footer .footer-links a, + .classic-footer .footer-legal a { + transition: color 0.2s ease; + } + + .classic-footer .footer-links a:hover, + .classic-footer .footer-legal a:hover, + .classic-footer .footer-links a:focus-visible, + .classic-footer .footer-legal a:focus-visible { + color: #ffffff; + } + + .classic-footer-bottom { + margin-top: 8px; + padding-top: 16px; + border-top: 1px solid rgba(255, 255, 255, 0.16); + font-size: 13px; + } + .footer-grid { align-items: start; } @@ -1449,6 +1513,14 @@ .product-row { justify-items: start; } + + .classic-footer-main { + grid-template-columns: 1fr 1fr; + } + + .classic-footer-main .brand-col { + grid-column: 1 / -1; + } } @media (max-width: 640px) { @@ -1491,6 +1563,19 @@ align-items: start; } + .classic-footer { + padding-top: 32px; + } + + .classic-footer-main { + grid-template-columns: 1fr; + gap: 20px; + } + + .classic-footer-main .brand-col { + grid-column: auto; + } + .cart-actions { grid-template-columns: 1fr; } diff --git a/wp-content/themes/twentytwentyfour/assets/css/test1-checkout.css b/wp-content/themes/twentytwentyfour/assets/css/test1-checkout.css index d008368d..55f5e249 100644 --- a/wp-content/themes/twentytwentyfour/assets/css/test1-checkout.css +++ b/wp-content/themes/twentytwentyfour/assets/css/test1-checkout.css @@ -564,7 +564,7 @@ h2 { padding: 22px; } -.premium-footer { +.premium-footer:not(.classic-footer) { position: relative; z-index: 1; padding-top: 0; diff --git a/wp-content/themes/twentytwentyfour/template-parts/test1-shared-footer.php b/wp-content/themes/twentytwentyfour/template-parts/test1-shared-footer.php index e610e6d6..f118a74f 100644 --- a/wp-content/themes/twentytwentyfour/template-parts/test1-shared-footer.php +++ b/wp-content/themes/twentytwentyfour/template-parts/test1-shared-footer.php @@ -6,10 +6,10 @@ */ ?> -