/* Valhalla Peptides — Footer compliance block (ByxCorp legal info) */ .vp-company-info { font-family: 'Inter', system-ui, -apple-system, sans-serif; font-size: 12px; line-height: 1.6; color: #999; margin: 1.5rem 0 0; padding: 0; letter-spacing: 0.01em; } .vp-company-info strong { display: block; color: #D4AF37; font-size: 13px; font-weight: 600; letter-spacing: 0.02em; margin-bottom: 4px; } .vp-company-info a { color: inherit; text-decoration: underline; text-underline-offset: 2px; text-decoration-color: rgba(212, 175, 55, 0.4); transition: color 0.2s ease, text-decoration-color 0.2s ease; } .vp-company-info a:hover { color: #D4AF37; text-decoration-color: #D4AF37; } /* When JS successfully relocated the block under the footer logo, this class is added — drop the top margin slightly to sit closer to the description. */ .vp-company-info.vp-company-info-in-footer { margin-top: 1.25rem; max-width: 360px; } /* Fallback location: the block lives at the bottom of (just before ). Give it consistent padding so it doesn't look orphaned. */ body > .vp-company-info { max-width: 1280px; margin: 0 auto; padding: 24px 24px 32px; } /* Shortcode rendering (e.g. inside Elementor widget) */ .vp-company-info.vp-company-info-shortcode { margin: 0; } /* Footer logo lock — keeps logo at consistent size across pages. Targets the branded VP footer (.vp-footer .vp-footer-logo) which is the actual selector used by template-parts/vp-footer.php. */ .vp-footer .vp-footer-logo { max-width: 240px; height: auto; } /* Defensive fallbacks for any other footer logo selectors used elsewhere */ .site-footer img[src*="logo"], .footer-logo img { max-width: 240px; height: auto; } /* === Footer logo size lock + subpage spacing (CC#2 append) ================= CC#1 already set max-width:240px and height:auto on .vp-footer-logo + the .site-footer/.footer-logo fallbacks. We just add width:auto (prevents the logo from stretching past its intrinsic width if the source is replaced with an SVG) and tighter top padding on non-home pages. */ .vp-footer .vp-footer-logo, .site-footer img[src*="logo"], .footer-logo img { width: auto; } /* Subpages: tighter spacing above the footer than the homepage uses */ body:not(.vp-page-home) .vp-footer { padding-top: 3rem; }