/*
  Theme Name: Noritomo Leather
  Author: noritomo
  Description: Origin theme of the Noritomo Leather.
  Version: 0.0.5
  Requires at least: 6.7
  Tested up to: 6.8
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
  Text Domain: noritomoleather
*/

html {
  scrollbar-gutter: stable;
}

.nl-header {
  padding-top: 16px;
  padding-bottom: 16px;
}

.nl-page {
  padding-top: 48px;
  padding-bottom: 64px;
}

.nl-footer {
  background: #f0f0f0;
  padding: 1em;
}

.nl-nav .wp-block-navigation__container {
  gap: 24px;
}

.wp-block-navigation .wp-block-navigation-item a {
  border-bottom: 3px solid transparent;
  padding-bottom: 3px;
}
.wp-block-navigation .wp-block-navigation-item a:hover {
  border-bottom-color: var(--wp--preset--color--primary);
}

body.path-home .nl-nav a[href="/"]::after,
body.path-works-keyaccessories .nl-nav a[href="/works/keyaccessories/"]::after,
body.path-works-kitchen .nl-nav a[href="/works/kitchen/"]::after,
body.path-concept .nl-nav a[href="/concept/"]::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 3px;
  border-bottom-color: var(--wp--preset--color--primary);
  background-color: var(--wp--preset--color--primary);
}