/*
Theme Name: Fresa's
Theme URI: https://www.fresaschicken.com
Author: Fresa's
Description: Block Canvas theme for Fresa's.
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fresas
*/

:root {
  --wp--style--global--breakpoint: 960px; // default WP is 600px
}

/* Fix sticky
  @link https://olliewp.com/fixing-the-sticky-header-bug-in-the-wordpress-site-editor/
*/
header:has(>.is-position-sticky) {
	position: sticky;
	top: calc( 0px + var( --wp-admin--admin-bar--height, 0px ) );
	z-index: 100;
}

@media (max-width: 960px) {
	header:has(>.is-position-sticky) {
		top: 0;
	}
}

/* 
  Header 
  -------------------
*/

@media (max-width: 600px) {
  .has-global-padding {
    padding-right: 20px;
    padding-left: 20px;
  }

  header.wp-block-template-part .site-logo {
    flex-basis: 75px !important;
  }

  .wp-block-navigation-is-layout-flex {
    margin-left: auto;
    margin-right: auto;
  }

  .wp-block-buttons.has-custom-font-size .wp-block-button__link {
    font-size: 0.8rem;
  }

  header.wp-block-template-part .wp-block-group.is-content-justification-space-between {
    gap: 0.75rem;
  }

  header.wp-block-template-part .wp-block-buttons {
    gap: 0.75rem;
  }
}

@media (max-width: 960px) {
  /* hamburger button */
  .wp-block-navigation__responsive-container-open  {
    display: block !important;
  }

  /* full menu */
  .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
    display: none !important;
  }
}

/* 
  Content 
  -------------------
*/

/* Fix query loop > child list */
ul.wp-block-post-template > li.wp-block-post .entry-content ul.wp-block-list {
  list-style: disc;
}

/* Add margin to all anchors */
[id] {
  scroll-margin-top: 100px;
}

/* 
  Footer 
  -------------------
*/

/* Icons */
footer.wp-block-template-part .icon-container:hover {
  opacity: 0.75;
}

@media (max-width: 960px) {
  footer.wp-block-template-part .wp-block-column {
    border: 0 !important;
  }
}

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

/* Block: List: Remove first child list margin */
:root :where(.wp-block-list li:first-child) {
  margin-top: 0 !important;
}

/* Block: Button [outline] */
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  outline-color: hsla(0,0%,100%,.5);
}

/* Block: Media/Text: full height text */
.wp-block-media-text {
  grid-gap: var(--wp--preset--spacing--30);
}

.wp-block-media-text > .wp-block-media-text__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 960px) {
	.wp-block-media-text.is-stacked-on-mobile {
    grid-template-columns: 100% !important;
  }

  .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__content {
        grid-column: 1;
        grid-row: 2;
    }

  .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media {
        grid-column: 1;
        grid-row: 1;
    }
}

/* 
  Menus 
  -------------------
*/

/* Fix fixed width */
.menu .wp-block-group.is-content-justification-space-between > p:last-child {
  flex-shrink: 0
}

@media (max-width: 781px) {
	.menu .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    border: 0;
    flex-basis: 100% !important;
    padding: 0 !important;
  }

  .menu .wp-block-columns:not(.is-not-stacked-on-mobile) {
    gap: var(--wp--preset--spacing--30);
  }
  
  .menu .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column hr.wp-block-separator {
    border: 0;
    margin: 0 !important;
  }
}

/* 
  Dropdown 
  -------------------
*/

#reservation-menu .wp-block-separator {
  border-bottom-width: 1px;
  border-color: rgba(250, 248, 244, 0.5);
}

.dropdown {
  position: relative;
}

.dropdown-target {
  display: none;
  position: absolute;
  /* top: 100%; */
  right: 0;
  /* margin-top: 0.5rem; */
  min-width: 12rem;
  z-index: 1000;
}