/*
Theme Name: SILBERWEISS-2025
Theme URI: https://silberweiss.de
Author: SILBERWEISS
Author URI: https://silberweiss.de
Description: Ein individuelles Block Theme der Firma SILBERWEISS generiert für unsere Kunden.
Requires at least: 5.8
Tested up to: 6.1
Requires PHP: 5.7
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template:
Text Domain: silberweiss2025
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks
*/

/* Styles intended only for the frontend.*/
html {
	scroll-behavior: smooth;
}

body {
  text-underline-offset: .2em;
}

/* basics */
* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

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

a:has(> img:first-child) {
  display: flex;
  flex-direction: column;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
  overflow-x: clip;
  width: 100vw;
}

/* scrollbar */

body::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: transparent;
}

body::-webkit-scrollbar
{
  width: 5px;
  background-color: transparent;
}

body::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
  background-color: var(--wp--preset--color--accent-1);
}

::-moz-selection {
	background-color: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--base);
}

::selection {
	background-color: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--base);
}


/* text wraps */
h1, h2, h3, h4, h5, h6,
dt, blockquote, figcaption {
  hyphens: auto;
  text-wrap: balance;
}

p, dd, li {
  hyphens: auto;
  text-wrap: pretty;
}


/* View transition */
@view-transition {
  navigation: auto;
}

/* Slider Animation toggle Button */
.gs-swiper-init {
  text-align: right;
}

.gs-slider-toggle {
  display: inline-block !important;
  padding: .2rem 0.6rem !important;
  margin-bottom: 1rem !important;
  margin-right: 1rem !important;
  border: 1px solid currentColor !important;
  border-radius: 99px !important;
  background: transparent !important;
  font: inherit !important;
  cursor: pointer !important;
  font-size: var(--wp--preset--font-size--small) !important;
}

.gs-slider-toggle:focus-visible {
  outline: 3px solid currentColor !important;
  outline-offset: 2px !important;
}



/* Inline-Button für Überschriften */
.inline-btn{
  --bg: var(--wp--preset--color--custom-rot-button);
  --fg: var(--wp--preset--color--base);

  display:inline-flex;
  align-items:center;
  gap:.45em;
  padding:.5em .9em;
  border-radius:9999px;
  background:var(--wp--preset--color--custom-rot-button);
  color: var(--wp--preset--color--base);
  text-decoration:none;
  border: 1px solid var(--wp--preset--color--base);

  font:inherit;           /* gleiche Schrift wie H2 */
  font-weight:600;
  font-size:.45em;        /* kleiner als H2, skaliert mit */
  line-height:1;
  white-space:nowrap;
  vertical-align:baseline;
  margin-left:.6ch;       /* kleiner Abstand zur Headline */
}
.inline-btn:hover{ 
  background:var(--wp--preset--color--base);
  color:var(--wp--preset--color--custom-rot-button);
  border: 1px solid var(--bg);
}
.inline-btn:active{ transform:translateY(1px); }
.inline-btn:focus-visible{
  outline:2px solid currentColor;
  outline-offset:2px;
}

/* kleines Pfeil-Icon */
.inline-btn .icon{
  width:1.1em;
  height:1.1em;
  display:inline-block;
}

.heading-highlight {
  color: var(--wp--preset--color--custom-rot-button) !important;
  font-weight: var(--wp--preset--font-weight--bold) !important;
  font-family: var(--wp--preset--font-family--lato) !important;
  letter-spacing: 0.05em !important; /* Laufweite */
  text-transform: uppercase !important; /* Alles groß */
}

/* Label DSGVO Schriftgröße */
.ff_t_c {
  font-size: var(--wp--preset--font-size--small) !important;
}