/*
Projekt       : Sweet Heart USA
Komponente    : Wordpress
Datei         : style.css
Beschreibung  : Spezielle Anpassungen des Themes "twentytwentyfive" für die Website "dassweetheart.com"
Author:         Datenwege Informatik
Author URI:     https://Datenwege-Informatik.de
Template:       twentytwentyfive
Version:        1.0
Historie
   15.04.26  Gernot Daum  Beginn der Implementierung
*/


body {
	/*   Schriften */
	--wp--preset--font-family--system-font: "Montserrat Regular", -apple-system, BlinkMacSystemFont, sans-serif;
	--wp--preset--font-size--x-small: clamp(9pt, 0.7vw, 12pt);
	--wp--preset--font-size--small: clamp(10pt, 0.8vw, 13pt);
  --wp--preset--font-size--medium: clamp(11pt, 1.1vw, 16pt);
  --wp--preset--font-size--regular: clamp(12pt, 1.25vw, 18pt);
  --wp--preset--font-size--large: clamp(16pt, 1.7vw, 24pt);
  --wp--preset--font-size--x-large: clamp(24pt, 2.6vw, 40pt);
  --wp--preset--font-size--xx-large: clamp(30pt, 3.2vw, 48pt);
  --wp--preset--font-size--huge: clamp(36pt, 4vw, 54pt);
	font-size: var(--wp--preset--font-size--medium);

  /*   Breiten und Abstände */
  --global--spacing-unit: 15px;
  --global--spacing-small: var(--global--spacing-unit);
  --global--spacing-medium: calc(2 * var(--global--spacing-unit));
  --global--spacing-large: calc(3 * var(--global--spacing-unit));
  --global--spacing-x-large: calc(4 * var(--global--spacing-unit));
  --global--spacing-huge: calc(6 * var(--global--spacing-unit));
  --global--spacing-horizontal: var(--global--spacing-unit);
  --global--spacing-vertical: calc(2 * var(--global--spacing-unit));
  --global--spacing-section: calc(3 * var(--global--spacing-vertical));
  --default-outer-margin-mult: 4;
	--default-outer-margin: calc(var(--default-outer-margin-mult) * var(--global--spacing-horizontal));
	--default-outer-spacing: calc(2 * var(--default-outer-margin));
  --global-seam: 6px;

  --street-width: 1440px;
  --responsive--street-width: min(calc(100vw - var(--default-outer-spacing)), var(--street-width));
  --responsive--content-width: var(--responsive--street-width);
  --constriction-width: 1120px;
  --responsive--constriction-width: min(calc(100vw - var(--default-outer-spacing)), var(--constriction-width));
  --single-track-width: 800px;
  --responsive--single-track-width: min(calc(100vw - var(--default-outer-spacing)), var(--single-track-width));
  --margin-street: max(var(--default-outer-margin), calc((100vw - var(--street-width)) / 2));
  --margin-constriction: max(var(--default-outer-margin), calc((100vw - var(--constriction-width)) / 2));
  --wp--style--global--content-size: var(--constriction-width);
  
  /*     Plugins */
  --carousel-button-offset: calc(-1*var(--global--spacing-large));
}

/* Allgemein */

/* Theme Reset */
body {padding: 0; hyphens: auto}
:where(.wp-site-blocks :focus) {outline: none}

/*   Diverse Standards */
.small1 {display: none}
.listcaption {margin-bottom: 4px}
.listcaption + * {margin-top: 4px; margin-block-start: 4px}

/* Kopf */
#masthead {
  width: var(--responsive--content-width);
  margin-left: auto;
  margin-right: auto
}
#masthead .wp-block-navigation__submenu-container {min-width: 240px}
#masthead .wp-block-site-logo {width: 38.2%}


/* Fuß */
#footer {background: var(--wp--preset--color--accent-4)}
#footer > * {
	width: var(--responsive--content-width);
  margin-left: auto;
  margin-right: auto
}

 
/* Inhalt */
/*
.entry-content > * {
  width: var(--responsive--content-width);
  margin-left: auto;
  margin-right: auto
}
*/

/* Karussell */
.wp-block-post.product h4 {min-height: 60px}
.abcs-nav-btn {
	background-color: var(--ywraq_layout_button_bg_color);
	border: none
}
.abcs-nav-btn:hover {background-color: var(--ywraq_layout_button_bg_color)}

/* WooCommerce */
.et-cart-info {display:none}
/*   Kunde soll den gewährten Discount nicht aus Versehen löschen */
.wc-block-components-totals-discount__coupon-list {display: none}

/* YITH */
#content [id^="p-"].add-request-quote-button.button {
	/* Bugfix */ 
  background-color: var(--ywraq_layout_button_bg_color) !important;
  color: var(--ywraq_layout_button_color) !important;
  border-color: var(--ywraq_layout_button_border_color) !important;
}

/* Responsive */

/*   Kleiner Bildschirm */
@media only screen and (max-width: 1120px) {
}

/*   Tablett Landscape */
@media only screen and (max-width: 960px) {
	body {
    --default-outer-margin-mult: 3;
  }
	#content .wide1 {display: none}
	#content .small1 {display: initial}
	#content div.small1 {display: block}
}

/*   Tablett Portrait / großer Umbruch */
@media only screen and (max-width: 782px) {
}

/*   Smartphone groß */
@media only screen and (max-width: 600px) {
  body {
    --default-outer-margin-mult: 2;
  }
}

/*   Smartphone */
@media only screen and (max-width: 480px) {
}

/*   Smartphone klein */
@media only screen and (max-width: 400px) {
  body {
    --default-outer-margin-mult: 1;
  }
}