/*
Theme Name: Digital Vikings
Theme URI: https://digitalvikings.dk/
Author: Digital Vikings
Author URI: https://digitalvikings.dk/
Description: A minimal, FSE-ready block theme for Digital Vikings, based on the original static site design.
Version: 1.1.6
Requires at least: 6.0
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: digitalvikings
Tags: full-site-editing, block-patterns, custom-colors, custom-logo, custom-menu
*/

/* Additional CSS will be added as needed for custom blocks or patterns. */

/* Navigation Menu (Figma style) */
.wp-block-navigation {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  font-family: "Montserrat", sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.wp-block-navigation__container {
  display: flex;
  gap: 2.5rem;
}
.wp-block-navigation-item__content,
.wp-block-navigation-item__label {
  color: var(--color-primary, #c00000);
  text-decoration: none;
  transition: opacity 0.2s;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.wp-block-navigation-item__content:hover,
.wp-block-navigation-item__label:hover {
  opacity: 0.7;
}
.wp-block-navigation-item.current-menu-item
  > .wp-block-navigation-item__content,
.wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__label {
  border-bottom: 2px solid var(--color-primary, #c00000);
  padding-bottom: 0.2em;
}

/* Override WP core nav color: inherit */
.wp-block-navigation
  .wp-block-navigation-item__content.wp-block-navigation-item__content {
  color: var(--color-primary, #c00000) !important;
}

/* Utility */
.wp-block-heading.bold,
.bold {
  font-weight: 800;
  color: var(--color-primary, #c00000);
}

.wp-site-blocks {
  max-width: var(--wp--style--global--content-size);
  margin: 0 auto;
  padding: 1.25rem;
}

.site-footer {
  margin-top: 6rem;
}

.logo-center {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  position: relative;
}

.logo-center .wp-block-site-logo {
  position: absolute;
  top: -3rem;
  background: #faf9f6;
  padding: 1rem;
}

.has-text-align-center {
  color: var(--color-primary, #c00000);
}

.is-layout-constrained {
  margin: 2rem auto;
  color: var(--color-primary, #c00000);
}

/**
 * Custom styles form elements
 */

input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  padding: 0.75rem 0.5rem;
}

.no-scroll {
  overflow: hidden;
}

.ff-btn-submit {
  background-color: #c00000;
  border-radius: 2rem;
  border-width: 0;
  color: #ffffff;
  font-weight: 500;
  line-height: inherit;
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  text-decoration: none;
  text-transform: capitalize;
}