/*
Theme Name: SoteDataLab
Theme URI: 
Author: SoteDataLab
Author URI: 
Description: A theme for SoteDataLab
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sotedatalab
Tags: 

/* Box sizing rules */

*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */
html {
  box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

body {
  scrollbar-gutter: stable both-edges;
}

/* Balance text wrapping on headings */
h1,
h2,
h3,
h4 {
  text-wrap: balance;
}

p {
  text-wrap: pretty;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

:is(h1, h2) {
  max-width: 35ch;
}

:is(h3, h4, h5, h6) {
  max-width: 40ch;
}

/* Wordpress */

h1.wp-block-site-title {
  font-size: var(--wp--preset--font-size--paragraph, 1rem);
}

.is-layout-flow > * + :is(h1, h2, h3, h4, h5, h6),
.wp-block-post-content > * + :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 1.5em;
}

.is-layout-flow > :is(h1, h2, h3, h4, h5, h6) + *,
.wp-block-post-content > :is(h1, h2, h3, h4, h5, h6) + * {
  margin-top: 1.5em;
}

.taxonomy-category a {
  color: var(--wp--preset--color-contrast-medium);
  text-decoration: none;
}

:is(p, h3) a,
.wp-block-navigation a:hover,
.wp-block-navigation [aria-current="page"] {
  -webkit-text-decoration-skip: ink;
  text-decoration: underline;
  text-decoration-skip-ink: auto;
  color: var(--wp--preset--color--contrast-80);
  text-decoration-color: color-mix(in srgb, currentColor 30%, transparent);
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}

details summary {
  color: var(--wp--preset--color--contrast-80);
}

/* Search form. */

.wp-block-search__input {
  padding: 0 var(--wp--preset--spacing--40, 0.5rem);
}

.wp-block-search__input {
  box-shadow: none;
  border-radius: 0;
  border: none;
}

.wp-block-search__button {
  background-color: var(--wp--preset--color--accent-60);
  margin-inline-start: 0;
  color: rgb(248, 250, 251);
}

.is-style-tw-underline .wp-block-search__button {
  background: transparent !important;
}

.sticky-padding {
  top: var(--wp--preset--spacing--80);
}

/* Standardize form styling
--------------------------------------------- */

input,
button,
textarea,
select {
  font: inherit;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
  -webkit-appearance: none;
}

input[type="search"] {
  width: 100%;
  box-sizing: border-box;
}

input:not([type="submit"]),
select,
textarea,
.wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]),
.wp-block-post-comments-form textarea {
  color: var(--wp--preset--color--contrast-40);
  border-radius: 0;
  padding: 0.5em 1em;
}

input:focus-visible,
textarea:focus-visible {
  outline-color: var(--wp--preset--color--primary);
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
  width: auto;
}

label {
  width: 100%;
  display: block;
}

::placeholder {
  color: var(--wp--preset--color--contrast-40);
}

.editor-post-title {
  margin-bottom: var(--wp--preset--spacing--80, 1.5em);
}

header.wp-block-template-part + .wp-block-post-content {
  margin: 0;
}

/* Equal height grid rows */
.auto-rows {
  grid-auto-rows: 1fr;
}

strong {
  font-weight: 600;
}

/* Dark mode */
.theme-dark body {
  /* Color bg */
  --wp--preset--color--background: rgb(25, 25, 51);

  /* Color surface */
  --wp--preset--color--surface: rgb(41, 37, 77);

  /* Color contrast */
  --wp--preset--color--contrast-80: rgb(248, 250, 251);
  --wp--preset--color--contrast-60: rgb(235, 237, 239);
  --wp--preset--color--contrast-40: rgb(209, 214, 216);
  --wp--preset--color--contrast-20: rgb(151, 155, 157);

  /* Color accent */
  --wp--preset--color--accent-80: rgba(117, 73, 249, 1);
  --wp--preset--color--accent-60: rgba(117, 73, 249, 0.6);
  --wp--preset--color--accent-40: rgba(117, 73, 249, 0.4);
  --wp--preset--color--accent-20: rgba(117, 73, 249, 0.2);
}

.wp-block-navigation__responsive-container.is-menu-open {
  padding-inline: var(--wp--preset--spacing--40, 1.5rem);
  background-color: var(--wp--preset--color--background) !important;
  color: var(--wp--preset--color--contrast-80) !important;
}

@media (max-width: 767px) {
  .nav-group {
    flex-direction: row-reverse;
  }
}

.single .wp-block-image img {
  border-radius: 8px;
}

.sotedatalab-embed :is(h1, h2, h3, h4, h5, h6) {
  color: rgb(58, 58, 55);
}

.sotedatalab-embed {
  background-color: rgb(253, 253, 253);
  padding: var(--wp--preset--spacing--60, 1.5rem);
  border-radius: 8px;
  color: rgb(58, 58, 55);
}

.sotedatalab-embed :first-child {
  margin-top: 0;
}

.sotedatalab-embed :last-child {
  margin-bottom: 0;
}

.sotedatalab-embed__caption {
  font-size: var(--wp--preset--font-size--s, 0.875rem);
  color: rgb(58, 58, 55);
}

.logo {
  display: grid;
  place-content: center;
  /* aspect-ratio: 16/9; */
  min-height: 120px;
  background-color: rgb(253, 253, 253);
  padding: var(--wp--preset--spacing--40, 1.5rem);
  border-radius: 8px;
}

.is-sticky {
  position: sticky;
  top: 0;
  border: 4px sold red;
}

/* Custom language switcher styles
--------------------------------------------- */

.sdl-lang-switcher {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-radius: 8px;
  overflow: hidden;
}

.sdl-lang-switcher a {
  text-align: center;
  padding-inline: 1.2rem;
  padding-block: 0.4rem;
  text-decoration: none;
  background-color: hsla(0, 0%, 76%, 0.3);
  transition: background-color var(--wp--custom--transition--duration, 0.2s)
    ease-out;
}

.sdl-lang-switcher a:hover {
  background-color: hsla(0, 0%, 76%, 0.4);
}

.sdl-lang-switcher a.active {
  background-color: var(--wp--preset--color--accent-80, indigo);
  color: white;
}

.card {
  border-radius: 24px;
  overflow: hidden;
  border: 8px solid silver;
}