/*
Theme Name: GuidebookPress
Theme URI: https://guidebookpress.com/
Author: Guidebookpress
Description: GuidebookPress is a beginner-friendly block theme for travel bloggers. Build your travel blog faster, using the patterns, templates, and style options offered by the theme. Customize any design to suit your needs, without writing code or relying heavily on additional plugins. ✶ Full demo: https://demo.guidebookpress.com ✶
Requires at least: 6.8.1
Tested up to: 6.8.1
Requires PHP: 7.4
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: guidebookpress
Tags: blog, one-column, block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, sticky-post, style-variations, threaded-comments, translation-ready, wide-blocks
*/

/* Defaults
---------------------------------------------------------------------------- */

*,
*::before,
*::after {
	box-sizing: border-box;
}

a,
button,
input:focus,
input[type="button"],
input[type="submit"],
textarea:focus,
.wp-element-button {
	transition: all 0.2s ease-in-out;
}

html {
	scroll-behavior: smooth;
}

/* Forms
--------------------------------------------- */

/* Match theme default styles */
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/* Match theme default styles */
input:not([type="checkbox"], [type="file"], [type="hidden"], [type="image"], [type="radio"]),
select,
textarea {
  appearance: none;
  border: 1px solid var(--wp--preset--color--neutral-4);
  border-radius: 0.5rem;
  padding: 0.625rem 1.25rem;
  width: 100%;
}

/* Match theme default styles */
input:not([type="checkbox"], [type="file"], [type="hidden"], [type="image"], [type="radio"]) {
  min-height: 50px;
}

/* Match theme default styles */
input[type="reset"],
input[type="submit"] {
  border-radius: 100px; 
  cursor: pointer;
  font-weight: 500;
  min-height: 50px;
  min-width: 120px;
  width: auto;
}

/* Match theme default styles */
input[type="reset"] {
  background: transparent;
}

/* Match theme default styles */
input[type="reset"]:hover {
  background: var(--wp--preset--color--neutral-4);
  border: 1px solid var(--wp--preset--color--neutral-4);
}

/* Match theme default styles */
input[type="submit"] {
  background: var(--wp--preset--color--accent);
  border: 1px solid var(--wp--preset--color--accent);
  color: var(--wp--preset--color--base);
}

/* Match theme default styles */
input[type="submit"]:hover {
  background: var(--wp--preset--color--contrast);
  border: 1px solid var(--wp--preset--color--contrast);
}

/* Match theme default styles */
select {
  appearance: auto;
  background-color: var(--wp--preset--color--neutral);
}

/* Blocks
---------------------------------------------------------------------------- */

/* Navigation
--------------------------------------------- */

/* Prevent the header navigation item content from looking congested */
header .wp-block-navigation.wp-block-navigation__container > li > :where(.wp-block-navigation-item__content) { /* for front-end */
  padding: 4px;
}

/* Set the minimum width of the submenu container to prevent overflowing */
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,
.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container,
.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container {
  min-width: 180px;
}

/* Fix the navigation container's spacing issues when the responsive menu is open */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
  gap: 16px;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
  padding-top: 16px;
}