/*
Theme Name: Jaida
Theme URI: https://wordpress.com/themes/jaida/
Description: A WordPress block theme made for blogging.
Version: 1.0.4
Author: Automattic
Author URI: https://automattic.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jaida
*/

:root {
	--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

 * {
	box-sizing: border-box;
}

/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */
.wp-block-button.is-style-outline
  > .wp-block-button__link:not(.has-background):hover {
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--background);
  border-color: var(--wp--preset--color--secondary);
}

/**
 * Currently table styles are only available with 'wp-block-styles' 
 * theme support (block css) thus the following needs to be included
 * since 'wp-block-styles' aren't used for this theme.
 * https://github.com/WordPress/gutenberg/issues/45065
 */
.wp-block-table thead {
  border-bottom: 3px solid;
}
.wp-block-table tfoot {
  border-top: 3px solid;
}
.wp-block-table td,
.wp-block-table th {
  padding: var(--wp--preset--spacing--30);
  border: 1px solid;
  word-break: normal;
}
.wp-block-table figcaption {
  font-size: var(--wp--preset--font-size--small);
  text-align: center;
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
  text-decoration-thickness: 0.0625em !important;
  text-underline-offset: 0.15em;
}

.wp-sticky-header {
  position: sticky;
  top: 0;
  z-index: 1000;
}

.footer-pages-grid .wp-block-navigation__container {
  column-count: 2;
  column-gap: 2rem;
}

html .has-modal-open .wp-block-navigation__responsive-close {
	margin-right: 0;
}

.wp-overflow-hidden {
	overflow: hidden;
}

/* Clickable Card Trick */
.clickable-card {
  position: relative;
}
.clickable-card a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}

/* CF7 Formular Styling */
.cf7-intro {
  margin-bottom: 24px;
  color: #444;
  font-size: var(--wp--preset--font-size--medium);
  line-height: 1.6;
}

.cf7-field-group {
  margin-bottom: 28px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e0e0e0;
}

.cf7-field-group label {
  font-weight: 600;
  font-size: var(--wp--preset--font-size--medium);
  display: block;
  margin-bottom: 8px;
}

.cf7-hint {
  font-weight: 400;
  font-size: var(--wp--preset--font-size--small);
  color: #666;
  display: block;
  margin-bottom: 8px;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="date"],
.wpcf7-form textarea {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 1.4rem;
  padding: 10px 12px;
  var(--wp--preset--font-size--medium);
  margin-top: 6px;
}

.wpcf7-form .wpcf7-form-control-wrap > input[type="date"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	display: block;
}

.wpcf7-form .wpcf7-radio,
.wpcf7-form .wpcf7-checkbox {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}

.wpcf7-form .wpcf7-list-item {
  margin: 0;
}

.wpcf7-form input[type="submit"], #cookie_action_close_header {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--background);
  border: none;
  border-radius: 1.4rem;
  padding: 12px 28px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

.wpcf7-form input[type="submit"]:hover, #cookie_action_close_header:hover {
  background-color: var(--wp--preset--color--secondary);
}

#cookie-law-info-bar {
	border-radius: calc(1.4rem + 4px);
	box-shadow: var(--shadow-md);
}

#cookie-law-info-again {
	border-radius: calc(1.4rem + 4px) calc(1.4rem + 4px) 0 0;
	box-shadow: var(--shadow-md);
	border-style: solid;
	border-width: 4px 4p 0 4px;
	border-color: var(--wp-preset-color-forground);
}

html {
	h1,h2,h3,h4,h5,h6 {
		& > a {
			font-family: var(--wp--preset--font-family--montserrat);
		}
	}
}


@media (max-width: 600px) {
  .footer-pages-grid .wp-block-navigation__container {
    column-count: 1;
  }
}