/*
Theme Name: Twenty Twenty-Five Syrhult Child
Theme URI: https://syrhultjakt.se/
Description: Child theme för Twenty Twenty-Five
Author: Bengt Storberg
Template: twentytwentyfive
Version: 1.0*/

.fancy-table {
  table-layout: fixed;
  width: 100%;
	overflow-x: auto;
  display: block;
}

.fancy-table {
  font-size: 16px; /* Adjust this value as needed */
  font-family: 'Manrope', sans-serif;
	border-collapse: collapse;
  width: 100%;
  background-color: #f0f0f0;
}

.fancy-table th {
  background-color: #0084ff;
  color: white;
  padding: 10px;
}

.fancy-table tfoot {
  background-color: #0084ff;
  color: white;
  padding: 10px;
	height: 45px; /* ändrar höjden på hela footer-raden */
}

@media screen and (max-width: 600px){ .fancy-table tfoot {
  min-height: 85px;}
}

.fancy-table td {
  border: 1px solid #ccc;
  padding: 10px;
}
.fancy-table td:nth-child(1) {
  width: 18%;
}

.fancy-table td:nth-child(2) {
  width: 15%;
}

.fancy-table td:nth-child(3) {
  width: 32%;
}

.fancy-table td:nth-child(4) {
  width: 17%;
}

.fancy-table td:nth-child(5) {
  width: 18%;
}
.fancy-table {
  width: 100%;
  table-layout: auto;
  overflow-x: auto;
  display: block;
}

@media screen and (max-width: 600px) {
  .fancy-table td,
  .fancy-table th {
    font-size: 8px;
    padding: 4px;
	}}

@media screen and (max-width: 600px)
	{.fancy-table td:nth-child(4),
  .fancy-table td:nth-child(5),
	.fancy-table th:nth-child(4),
  .fancy-table th:nth-child(5){
    display: none;}}


.wp-block-cover h1 {
  font-size: 72px !important;
	color: black;
}


@media screen and (max-width: 600px) {
.wp-block-cover h1 {
  font-size: 36px !important;
	color: black;
}
}

.wp-block-cover .wp-block-group {
  text-align: left !important;
}

.wp-site-blocks {
  padding-top: 0 !important;
}

header.wp-block-template-part {
  margin-bottom: 0 !important;
}

.wp-block-group {
  margin-top: 1 !important;
  padding-top: 0 !important;
}

.home .wp-block-post-title {
  display: none;
}

.wp-element-caption {
  font-size: 12px;
  font-style: italic;
  text-align: right;
  color: #000;
}
/* Apply custom navigation styling 0084ff only on screens wider than 600px */
@media (min-width: 600px) {
  /* === Top navigation bar (desktop only) === */
  .wp-block-navigation {
    background-color: #fff;   /* white background for top bar */
    border: none;             /* no border */
    box-shadow: none;         /* no inset border */
    padding: 0.5rem 1rem;     /* spacing inside bar */
  }

  /* Reset list defaults for clean layout */
  .wp-block-navigation__container,
  .wp-block-navigation__submenu-container {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  /* Ensure all parent items anchor their submenus */
  .wp-block-navigation-item.has-child,
  .wp-block-pages-list__item.has-child {
    position: relative;
  }

  /* === Top-level links === */
  .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content,
  .wp-block-navigation__container > .wp-block-pages-list__item > .wp-block-navigation-item__content {
    color: #000;              /* black text on white */
    padding: 0.5rem 1rem;
    text-decoration: none;
    display: inline-block;
    font-style: normal;
  }

  /* Hover effect for top-level links */
  .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover,
  .wp-block-navigation__container > .wp-block-pages-list__item > .wp-block-navigation-item__content:hover {
    background-color: #f0f0f0; /* subtle gray hover */
    font-style: italic;
    color: #000;
  }

  /* === Second-level dropdowns (drop down below parent) === */
  .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container,
  .wp-block-navigation > .wp-block-navigation__container > .wp-block-pages-list__item.has-child > .wp-block-navigation__submenu-container {
    background-color: #0084ff; /* blue background */
    border: 1px solid #000;    /* black border */
    box-shadow: 0 0 0 1px #fff inset;
    position: absolute;
    top: 100%;                 /* drop below parent */
    left: 0;
    right: auto;
    min-width: 200px;
    opacity: 0;                /* hidden by default */
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
    z-index: 10;
  }

  /* Show second-level when parent OR submenu hovered */
  .wp-block-navigation-item.has-child:hover > .wp-block-navigation__submenu-container,
  .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container:hover,
  .wp-block-pages-list__item.has-child:hover > .wp-block-navigation__submenu-container,
  .wp-block-pages-list__item.has-child > .wp-block-navigation__submenu-container:hover {
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* === Third-level (and deeper) flyouts — open to the left === */
  .wp-block-navigation__submenu-container > .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container,
  .wp-block-navigation__submenu-container > .wp-block-pages-list__item.has-child > .wp-block-navigation__submenu-container {
    background-color: #0084ff;
    border: 1px solid #000;
    box-shadow: 0 0 0 1px #fff inset;
    position: absolute;
    top: 0;                    /* align with parent */
    right: 100%;               /* fly out to the left */
    left: auto;
    margin-right: 1px;         /* avoid border overlap */
    min-width: 200px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
    z-index: 10;
  }

  /* Show third-level when parent OR submenu hovered */
  .wp-block-navigation__submenu-container > .wp-block-navigation-item.has-child:hover > .wp-block-navigation__submenu-container,
  .wp-block-navigation__submenu-container > .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container:hover,
  .wp-block-navigation__submenu-container > .wp-block-pages-list__item.has-child:hover > .wp-block-navigation__submenu-container,
  .wp-block-navigation__submenu-container > .wp-block-pages-list__item.has-child > .wp-block-navigation__submenu-container:hover {
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* === Submenu links (all levels) === */
  .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
  .wp-block-navigation__submenu-container .wp-block-pages-list__item__link {
    background-color: #0084ff; /* default blue background */
    color: #fff !important;    /* white text */
    padding: 0.5rem 1rem;
    display: block;
    text-decoration: none;
    font-style: normal;
  }

  /* Hover state for submenu links */
  .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
  .wp-block-navigation__submenu-container .wp-block-pages-list__item__link:hover {
    background-color: #225B82; /* darker blue */
    font-style: italic;
    color: #fff;
  }
  
  /* Only flip arrows inside submenus (not top-level dropdowns) */
.wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg {
  transform: rotate(90deg) !important;
}

}