/*
 Theme Name: Bionnovation
 Theme URI:  https://bionnovation.com
 Author:     EDAPTIVE
 Author URI: https://edaptive.media
 Description: Classic header/footer theme with full block editor and WooCommerce support.
 Version:    1.0.0
 License:    GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: hybrid-blocks-starter
*/

body.admin-color-light {
    --wp-admin-theme-color: var(--wp--preset--color--red) !important;
    --wp-admin-theme-color-darker-10: var(--wp--preset--color--red) !important;
    --wp-admin-theme-color-darker-20: var(--wp--preset--color--red) !important;
}

body.admin-color-modern {
    --wp-admin-theme-color: var(--wp--preset--color--red) !important;
    --wp-admin-theme-color-darker-10: var(--wp--preset--color--red) !important;
    --wp-admin-theme-color-darker-20: var(--wp--preset--color--red) !important;
}


:root {
  --small-space: 1rem;
  --medium-space: 2rem;
  --large-space: 3.5rem;
  --x-large-space: 5rem;
  --container-border-radius: 1rem;
  --section-spacer: 2.5rem;
  --page-gutter: 1rem;
  --inline-spacer: 1rem;
  --header-spacer: 0px;
  text-wrap: pretty;
  --card-border-radius: 1rem;
}

html {
  scroll-behavior: smooth;
}

* {
  scroll-padding-top: 7rem;
}

@media (min-width: 600px) {
  :root {
    --section-spacer: 3.5rem;
    --page-gutter: 1.5rem;
    --inline-spacer: 1.5rem;
  }
}

@media (min-width: 900px) {
  :root {
    --section-spacer: 5rem;
    --page-gutter: 3rem;
    --inline-spacer: 3rem;
    --header-spacer: 1.5rem;
  }
}

@media (min-width: 1300px) {
  :root {
    --page-gutter: calc(50vw - 600px);
  }
}

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

body {
  margin: 0;
  font-family: "din-2014", sans-serif;
  font-weight: 400;
  line-height: 1.3;
}



a {
  text-decoration: none;
}

a[href^="tel:"] {
    color: var(--wp--preset--color--dark-red);
    text-decoration: underline;
}

svg {
  display: block;
  max-width: 100%;
}

.external-link::after {
    content: '';
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle;
    font-size: .6rem;
    background-color: rgb(0 0 0 / .1);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke='rgba(0%2C0%2C0%2C0.65)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 8.5 L8.5 1.5 M4 1.5 H8.5 V6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
    border-radius: .2rem;
    padding: .25em;
    position: relative;
    top: -.1em;
    width: 1.5em;
    height: 1.5em;
    box-sizing: border-box;
    transition: all .25s linear;
}

.external-link:hover::after {
    background-color: rgb(0 0 0 / .8);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke='rgba(255%2C255%2C255%2C0.9)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 8.5 L8.5 1.5 M4 1.5 H8.5 V6'/%3E%3C/svg%3E");
}


.site-header ul,
.site-footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
}

.site {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.site-main {
  flex: 1 0 auto;
}

address {
  font-style: normal;
}

#geistlich-group-brand .d {
  fill:var(--wp--preset--color--gold);
}
#bionnovation-logo .d {
  fill:var(--wp--preset--color--red);
}

@media screen and (max-width: 600px) {
    #wpadminbar {
        position: fixed !important;
    }
}





/* ---- Site Main ---- */

.site-main {
  padding-inline: var(--page-gutter);
}

.entry-content > .wp-block-cover:not(.alignfull) {
  padding-inline: var(--inline-spacer);
}

.entry-content > * {
  margin-top: var(--section-spacer);
}

.entry-content > *:last-child:not(.alignfull) {
  margin-bottom: var(--section-spacer);
}

.entry-content > .has-background.alignfull + .has-background {
  margin-top: 0;
}

.entry-content > .alignfull.has-background {
  padding-block: var(--section-spacer);
}

.entry-content > .alignfull:has(.wp-block-cover) {
  padding-inline: var(--page-gutter);
}

.entry-content > *.alignfull:first-child {
  margin-top: 0;
}

/* ---- Archive / Search ---- */


.result-heading {
  background-color: var(--wp--preset--color--red) !important;
  background-image: url(./img/clinician-brand-image.png);
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 1rem;
  padding: var(--inline-spacer);
  margin-bottom: 3rem;
  height: 15svh;
  min-height: 125px;
  max-height: 300px;
  display: grid;
  align-items: center;
  justify-content: start;
  text-align: left;
}

.result-heading h1 {
  color: #fff;
  margin: 0 !important;
  font-size: var(--wp--preset--font-size--large);
  font-weight: 300;
}

/* ---- Learndash Modifications ---- */

.entry-content .learndash:has(.wp-block-cover.small) {
  padding-top: 0 !important;
}

.learndash-shortcode-wrap .ld-lesson-status {
  display: none;
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview>.ld-tooltip, .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name {
  align-items: center;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_button, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2, .learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue {
  border-radius: 999px !important;
  padding: 0.6rem 1.4rem !important;
  line-height: 1rem !important;
}

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

.site-footer {
  flex-shrink: 0;
  padding-block: var(--large-space);
  background: var(--wp--preset--color--gold-10);
  border-top: solid 1px var(--wp--preset--color--gold-30);
}

.site-footer-inner {
  padding-inline: var(--page-gutter);
}

.site-footer .edit-link {
  position: fixed;
  bottom: 1rem;
  left: 0rem;
  font-size: 11px;
  background: rgba(0,0,0,.65);
  display: grid;
  gap: .5rem;
  padding: .375rem;
  border-radius: 0 .25rem .25rem 0;
}

.site-footer .edit-link a {
  color: #fff;
}

.site-footer .edit-link svg {
  height: 1rem;
  width: 1rem;
  
}

nav.footer-navigation {
  display: grid;
  gap: var(--small-space);
  padding-block: var(--medium-space);
  grid-template-columns: repeat(auto-fit, minmax(150px, auto));
  font-size: .85rem;
  justify-content: space-between;
}

nav.footer-navigation p {
  margin: 0;
  font-size: .875rem;
}

nav.footer-navigation p.company-name {
  font-weight: 600;
}

nav.footer-navigation a {
  padding: .25rem 0;
  display: inline-block;
}

nav.footer-navigation a:hover {
  text-decoration: underline;
}

nav.footer-navigation > * {
  border-left: solid 1px var(--wp--preset--color--gold-30);
  padding-left: var(--small-space);
}

.site-footer .site-branding {
  height: auto;
  max-width: 13rem;
}

.site-footer .site-info {
  font-size: .85rem;
  margin: 0;
  display: grid;
  gap: var(--small-space);
  align-items: center;
  grid-template-columns: 1fr 10.5rem;
}



.social-icons {
    list-style: none;
    padding: 0;
    margin-top: 1rem !important;
    margin-inline: -.25rem !important;
    display: flex;
    gap: .5rem;
}

.social-icons__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    color: currentColor;
    text-decoration: none;
    transition: color 0.2s ease, transform 0.2s ease;
}

.social-icons__link::after {
  content: unset !important;
}

.social-icons__link:hover {
    color: var(--wp--preset--color--red, #e40034); /* or whatever your accent is */
    transform: translateY(-2px);
}

.social-icons svg {
    width: 1.5rem;
    height: 1.5rem;
    display: block;
}


/* ---- Forms ---- */

select {
  
}


.grecaptcha-badge {
    visibility: hidden !important;
}