/*
Theme Name: Sugar Sisters' Snack Shop
Theme URI: https://thefreewebsiteguys.com
Author: The Free Website Guys
Author URI: https://thefreewebsiteguys.com
Description: A custom WordPress theme built by The Free Website Guys for Sugar Sisters' Snack Shop — a colorful, family-owned snowball and snack stand site with full Customizer support.
Version: 1.1.3
License: GNU General Public License v2 or later
Text Domain: tmt
*/

*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; padding: 0; }

/* -------------------------------------------------------------------------
   Admin bar + fixed header
   Desktop (≥783px): 32px admin bar. Tablet/mobile (≤782px): 46px.
   ≤600px: WP switches #wpadminbar to absolute; keep it fixed and anchor
   the header with --wp-admin--admin-bar--height so it never hangs or gaps.
   Do not set position:relative on body (classic white-gap bug ≤600px).
-------------------------------------------------------------------------- */
:root {
  --tmt-admin-bar-offset: 0px;
}

body.admin-bar {
  --tmt-admin-bar-offset: var(--wp-admin--admin-bar--height, 32px);
}

@media screen and (max-width: 782px) {
  body.admin-bar {
    --tmt-admin-bar-offset: var(--wp-admin--admin-bar--height, 46px);
  }
}

@media screen and (max-width: 600px) {
  body.admin-bar #wpadminbar {
    position: fixed !important;
  }
  /* Avoid the classic white-gap bug when themes set body { position: relative } */
  body.admin-bar {
    position: static !important;
  }
}

body.admin-bar #tmt-app header.tmt-site-header,
body.admin-bar #tmt-app .tmt-mobile-nav {
  top: var(--tmt-admin-bar-offset) !important;
}

body.admin-bar #tmt-app .tmt-mobile-nav {
  height: auto !important;
  bottom: 0 !important;
}

/* Customizer preview also gets .admin-bar when the user is logged in */
.wp-customizer body.admin-bar #tmt-app header.tmt-site-header,
.wp-customizer body.admin-bar #tmt-app .tmt-mobile-nav,
.customize-partial-edit-shortcuts-shown body.admin-bar #tmt-app header.tmt-site-header {
  top: var(--tmt-admin-bar-offset) !important;
}
