/** * Footer Styles - Professional & Production Ready * FSE-First Approach with Minimal Custom Styles * * @package Versana * @since 1.0.0 */ /* ========================================================================== Base Footer Styles ========================================================================== */ .site-footer { position: relative; margin-top: auto; /* Push to bottom for sticky footer */ } /* Footer widgets/content area */ .footer-widgets { padding-top: var(--wp--preset--spacing--60, 2.5rem); padding-bottom: var(--wp--preset--spacing--60, 2.5rem); } /* Footer bottom/copyright area */ .footer-bottom { padding-top: var(--wp--preset--spacing--40, 1.5rem); padding-bottom: var(--wp--preset--spacing--40, 1.5rem); border-top: 1px solid var(--wp--preset--color--contrast, rgba(0, 0, 0, 0.1)); } /* ========================================================================== Footer Navigation Enhancements ========================================================================== */ /* Footer menu links - subtle styling */ .site-footer .wp-block-navigation-item__content { padding: var(--wp--preset--spacing--20, 0.5rem) 0; text-decoration: none; transition: opacity 0.2s ease; } .site-footer .wp-block-navigation-item__content:hover { opacity: 0.7; } /* Footer navigation - compact spacing */ .site-footer .wp-block-navigation__container { gap: var(--wp--preset--spacing--30, 1rem); } /* Mobile: Stack footer navigation */ @media (max-width: 781px) { .site-footer .wp-block-navigation__container { flex-direction: column; align-items: flex-start; } } /* ========================================================================== Footer Social Links Enhancement ========================================================================== */ /* Social icons in footer - consistent sizing */ .site-footer .wp-block-social-links { gap: var(--wp--preset--spacing--30, 1rem); } .site-footer .wp-block-social-link { width: 36px; height: 36px; } /* ========================================================================== Sticky Footer Support ========================================================================== */ /* * Make footer stick to bottom on short pages * Requires adding class to or root element */ .has-sticky-footer { min-height: 100vh; display: flex; flex-direction: column; } .has-sticky-footer .site-footer { margin-top: auto; } /* ========================================================================== Copyright Text Styling ========================================================================== */ .footer-copyright { font-size: var(--wp--preset--font-size--small, 0.875rem); opacity: 0.8; }