/*
Theme Name: The Invisible Script
Theme URI: https://thefreewebsiteguys.com
Author: The Free Website Guys
Author URI: https://thefreewebsiteguys.com
Description: WordPress theme generated from The Invisible Script project.
Version: 1.0.10
License: GNU General Public License v2 or later
Text Domain: tmt
*/

*, *::before, *::after { box-sizing: border-box; }
:root { --pine: #212D26; }
html, body { margin: 0; padding: 0; background-color: var(--pine); }

/* Admin bar offset — header is nested inside #tmt-app React root, not a direct child */
body.admin-bar #tmt-app .tmt-site-header {
  top: var(--wp-admin--admin-bar--height, 32px);
}
body.admin-bar #tmt-app .tmt-hero-section {
  padding-top: calc(6rem + var(--wp-admin--admin-bar--height, 32px));
}
@media (min-width: 768px) {
  body.admin-bar #tmt-app .tmt-hero-section {
    padding-top: calc(7rem + var(--wp-admin--admin-bar--height, 32px));
  }
}
@media screen and (max-width: 782px) {
  body.admin-bar #tmt-app .tmt-site-header {
    top: var(--wp-admin--admin-bar--height, 46px);
  }
  body.admin-bar #tmt-app .tmt-hero-section {
    padding-top: calc(6rem + var(--wp-admin--admin-bar--height, 46px));
  }
}