/*
Theme Name: Raft Child
Template: raft
*/

.skip-link {
  position: absolute;
  /* Hides it visually off-screen */
  transform: translateY(-100%); 
  /* Or: left: -9999px; */
}

.skip-link:focus {
  /* Brings it back into view when focused by the Tab key */
  transform: translateY(0); 
  z-index: 999;
}


.footer-image {
  text-align: center;
  line-height: 0;   /* removes inline baseline gap */
  margin: 0;
  padding: 0;
}

.footer-mountain {
  display: block;   /* prevents baseline gap */
  width: 100%;
  max-width: 800px; /* grows up to 500px max */
  height: auto;
  margin: 0 auto;   /* centers horizontally */
}

/* Optional: ensure no trailing space under the footer content block */
.footer-content {
  padding-bottom: 0 !important; /* already set inline, enforced here */
}

/* Farben (bei Bedarf anpassen) */
:root {
  --ink: #12141a;         /* Haupttextfarbe (dunkles Grau/Schwarz) */
  --accent: #e11d2f;      /* Akzent (dezentes Karate-Rot) */
  --muted: #6b7280;       /* Sekundärtext */
  --bg: #ffffff;          /* Hintergrund */
}

.nav-container{
	width: 100%;
}

/* Container – sorgt dafür, dass der Nav-Block sauber rechts ausgerichtet ist */
.wp-block-group.is-layout-flex.wp-block-group-is-layout-flex {
  justify-content: flex-end;
  align-items: center;
}

/* Burger Menu 🍔: Standardmäßig ausgeblendet auf Desktop */
.wp-block-navigation__responsive-container:not(.always-shown) .wp-block-navigation__responsive-container-open {
    display: none;
}

/* Hauptmenü (Desktop-Ansicht) */
.wp-block-navigation__responsive-container .wp-block-navigation__container {
  list-style: none;
  display: flex;
  gap: 28px;
  margin: 0;
  padding: 0;
  align-items: center;
}

.wp-block-navigation__responsive-container li.wp-block-navigation-item {
  position: relative;
}

.wp-block-navigation__responsive-container li.wp-block-navigation-item > a {
  display: inline-block;
  color: var(--ink);
  font-weight: 600;
  text-decoration: none;
  padding: 10px 0;
  transition: color .15s ease;
}

/* Dezente Hover-/Active-Markierung als Unterstrich */
.wp-block-navigation__responsive-container li.wp-block-navigation-item > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 2px;
  background: var(--accent);
  transform: scaleX(0);
  opacity: 0;
  transition: transform .2s ease, opacity .2s ease;
}

.wp-block-navigation__responsive-container li.wp-block-navigation-item:hover > a,
.wp-block-navigation__responsive-container li.wp-block-navigation-item > a:focus {
  color: var(--ink);
}

.wp-block-navigation__responsive-container li.wp-block-navigation-item:hover > a::after,
.wp-block-navigation__responsive-container li.current-menu-item > a::after,
.wp-block-navigation__responsive-container li.wp-block-navigation-item > a:focus::after {
  transform: scaleX(1);
  opacity: 1;
}

/* Pfeil für Menüs mit Unterpunkten */
.wp-block-navigation__responsive-container li.menu-item-has-children > a::after {
  content: "▾";
  position: static;
  margin-left: .4rem;
  height: auto;
  background: none;
  transform: none;
  opacity: 1;
  color: var(--muted);
  font-size: .85rem;
  transition: transform .2s ease, color .2s ease;
}
.wp-block-navigation__responsive-container li.menu-item-has-children:hover > a::after {
  color: var(--accent);
  transform: rotate(180deg);
}

/* Dropdown */
@media (min-width: 1000px) {
	.wp-block-navigation__responsive-container .wp-block-navigation__submenu-container {
	  list-style: none;
	  display: none;
	  position: absolute;
	  top: 100%; /* was: calc(100% + 8px) */
	  right: 0;
	  min-width: 220px;
	  background: var(--bg);
	  border: 1px solid #e5e7eb;
	  box-shadow: 0 8px 20px rgba(17, 20, 24, .08);
	  border-radius: 10px;
	  padding: .5rem;
	  margin: 0;
	  z-index: 50;
	}

	.wp-block-navigation__responsive-container li.menu-item-has-children:hover > .wp-block-navigation__submenu-container,
	.wp-block-navigation__responsive-container li.menu-item-has-children:focus-within > .wp-block-navigation__submenu-container {
	  display: block;
	}

	.wp-block-navigation__responsive-container .wp-block-navigation__submenu-container li a {
	  display: block;
	  padding: .55rem .75rem;
	  color: var(--ink);
	  font-weight: 500;
	  border-radius: 8px;
	  white-space: nowrap;
	  text-decoration: none;
	  transition: background-color .15s ease, color .15s ease;
	}

	.wp-block-navigation__responsive-container .wp-block-navigation__submenu-container li a:hover,
	.wp-block-navigation__responsive-container .wp-block-navigation__submenu-container li a:focus {
	  background: #f3f4f6;
	}
}

/* Tastaturfokus sichtbar machen */
.wp-block-navigation__responsive-container a:focus {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

@media (min-width: 1000px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
        width: 100%;
        position: relative;
        z-index: auto;
        background-color: inherit;
    }
}

/* neutralize the wp default for 600px */
@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}

/* Zusätzliche Anpassungen für das mobile Dialogfenster (Burger Menü) */

/* Burger Menue */
.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
    margin-top: 10px;
    margin-right: 10px;
}

/* Footer Menue */
.footer-nav {
    width: 100%;
    justify-content: space-between;
    max-width: 800px;
  display: flex;
  
  list-style: none; /* Removes default list styling */
  padding: 0; /* Removes default padding */
  margin: 0; /* Removes default margin */
}

.footer-nav li {
  margin: 0 15px; /* Adds horizontal spacing between menu items */
}
.footer-menu-container{
    width: 100%;
    justify-content: center!important;
	margin-bottom: 20px;
}