/*
Theme Name: Sbagov
Author: the AVB digital team
Description: Based on annual report page and sbademo
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.0
Version: 1.3
Text Domain: sbagov
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/


@import url('assets/css/header.css');
@import url('assets/css/footer.css');
@import url('assets/css/hero-sba-split.css');
@import url('assets/css/uswds-overrides.css');
@import url('assets/css/search.css');
@import url('assets/css/initiative-cards-grid.css');
@import url('assets/css/sbauswds-accordion.css');
@import url('assets/css/disaster-card.css');


/* Fixes the swipper button bug */
.wp-swiper .wp_swiper__button-prev img, .wp-swiper .wp_swiper__button-next img {
  width: 45px;
  height: 45px;
}

:is(.wp-element-button:hover, .wp-block-button__link:hover) {
  background-color: #1A4480;
  color: var(--wp--preset--color--primary-light);
}

/* changes the global focus color */
/* This one has a white and orange outline in case the object is dark */
[contentEditable=true]:focus, [href]:focus, [tabindex]:focus, iframe:focus {
  outline: .25rem solid rgb(229, 151, 0);
  outline-offset: 0;
}

button:not([disabled]):focus,input:not([disabled]):focus,select:not([disabled]):focus,textarea:not([disabled]):focus {
  outline: .25rem solid rgb(229, 151, 0);
  outline-offset: 0
}


.sba-hotline:has(a.wp-block-navigation-item__content) a.wp-block-navigation-item__content {
  background-color: #ffff;
  border-radius: var(--wp--custom--border-radius--md, 2rem);
  border: 1px solid var(--theme-button-border-color);
  padding-top: 0.4rem;
  padding-right: 1.5rem;
  padding-bottom: 0.4rem;
  padding-left: 1.5rem;
  text-decoration: none;
  span {
    color: #B50000;
  }
}

.sba-hotline:has(a.wp-block-navigation-item__content) a.wp-block-navigation-item__content:hover {
  background-color: #E7E7EA;
}

.sba-hotline:has(a.wp-block-button__link) a.wp-block-button__link:hover {
 background-color: #E7E7EA !important;
}

.wp-block-navigation__container .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
  z-index: 99;
}

/* Improvement on Wordpress core css for columns */
.wp-block-columns:not(.is-not-stacked-on-mobile) {
  --sba-columns: 1; /* fallback */
  --sba-gap: var(--wp--style--block-gap, 24px);
  display: flex;
  flex-wrap: wrap !important;
  gap: var(--sba-gap);
}

/* 2 columns */
.wp-block-columns:has(> .wp-block-column:nth-child(2):last-child) {
  --sba-columns: 2;
}
/* 3 columns */
.wp-block-columns:has(> .wp-block-column:nth-child(3):last-child) {
  --sba-columns: 3;
}
/* 4 columns */
.wp-block-columns:has(> .wp-block-column:nth-child(4):last-child) {
  --sba-columns: 4;
}

body:not(.single-sba_person, .post-type-sba_person, .post-type-post, .post-template-single-post-blog, .post-template-article) .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
  box-sizing: border-box;
  --sba-col-width: calc(
    (100% - (var(--sba-gap) * (var(--sba-columns) - 1)))
    / var(--sba-columns)
  );
  flex: 1 1 var(--sba-col-width) !important;
  min-width: 250px;
}

@media (min-width: 781px) {
  body .wp-block-columns.has-sba-centered-wrap:not(.is-not-stacked-on-mobile) {
    --sba-columns: 4;
    --sba-gap: var(--wp--style--block-gap, 1.5rem);

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--sba-gap);
  }

  body .wp-block-columns.has-sba-centered-wrap:not(.is-not-stacked-on-mobile) > .wp-block-column {
    box-sizing: border-box;

    --sba-col-width: calc(
      (100% - (var(--sba-gap) * (var(--sba-columns) - 1)))
      / var(--sba-columns)
    );

    flex: 0 1 var(--sba-col-width) !important;
    min-width: 250px;
  }
}
/* Force a minimum width on the dropdown list created by select2 ACF field */
.select2-results__options {
  width: 100% !important;
  min-width: 200px;
}

body.has-mobile-navigation-open {
	overflow: hidden;
}

/* Hides the div if it is completely empty on the single-sba_person*/
.sba-breadcrumbs + .wp-block-columns > .wp-block-column:not(:has(*)) {
  display: none;
}

@media (min-width: 782px) {
  :has(.wp-block-post-featured-image img) .sba-contacts {
    margin-block-start: 17.4rem;
    background: #F7F7F7;
    padding: 1rem;
  }
}

.sba-contacts {
  background: #F7F7F7;
  padding: 1rem;
  border-radius: 16px;
}

.taxonomy-post_tag.wp-block-post-terms a {
	display: inline-block;
	padding: 0.2rem 1.5rem;
	border-radius: 16px;
	background: var(--sba-hover-color-dark);
  color: #000441;
	text-decoration: none;
}

.taxonomy-post_tag.wp-block-post-terms a:hover {
	background: #ffffff;
}

.taxonomy-post_tag.wp-block-post-terms {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.taxonomy-post_tag .wp-block-post-terms__separator {
	display: none;
}

.taxonomy-post_tag.wp-block-post-terms span {
	display: inline-block;
	padding: 0.2rem 1.5rem;
	border-radius: 16px;
	background: var(--sba-hover-color-dark);
  color: #000441;
	text-decoration: none;
}

.taxonomy-post_tag.wp-block-post-terms span:hover {
	background: #ffffff;
}

.taxonomy-post_tag.wp-block-post-terms {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.sba-contacts .wp-block-group:last-child h3:not(:has(+ div.taxonomy-post_tag.wp-block-post-terms)) {
	display: none;
}