/**
 * Mobile drawer spacing.
 *
 * Was an inline <style> block repeated verbatim in ten page templates. Loaded
 * only on those templates (see gah_template_styles() in functions.php), because
 * the rest of the site takes the drawer's padding from the compiled utilities.
 *
 * @package GermanyAssignment
 */

/* Drawer top spacing — plain CSS so it does not depend on compiled utilities.
   Also clears the WordPress admin bar, which is 32px on desktop and 46px on mobile. */
#drawer > div { padding-top: 42px; }
@media ( max-width: 620px ) { #drawer > div { padding-top: 38px; } }
body.admin-bar #drawer > div { padding-top: 74px; }
@media ( max-width: 782px ) { body.admin-bar #drawer > div { padding-top: 84px; } }

/* keep the panel scrollable to the very bottom on short mobile screens */
#drawer > div { padding-bottom: calc( 22px + env( safe-area-inset-bottom, 0px ) ); }
@media ( max-width: 620px ) { #drawer > div { padding-bottom: calc( 18px + env( safe-area-inset-bottom, 0px ) ); } }