/*
 Theme Name:   hngr
 Theme URI:    https://honigrauch.de/
 Description:  Child Theme für Kadence
 Author:       Aleksej Wachs
 Author URI:   https://honigrauch.de/
 Template:     kadence
 Version:      1.0.0
 Text Domain:  kadence-child
*/

/* =========================
   Local Variable Fonts
========================= */

/* Vollkorn */
@font-face {
  font-family: "Vollkorn";
  src: url("assets/fonts/Vollkorn-Regular.woff2") format("woff2");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Vollkorn";
  src: url("assets/fonts/Vollkorn-Italic.woff2") format("woff2");
  font-weight: 400 900;
  font-style: italic;
  font-display: swap;
}

/* noto-serif-jp-regular - japanese */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/noto-serif-jp-v33-japanese-regular.woff2') format('woff2'); 
}

/* noto-serif-jp-500 - japanese */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 500;
  src: url('assets/fonts/noto-serif-jp-v33-japanese-500.woff2') format('woff2'); 
}

/*Source Sans 3

@font-face {
  font-family: "Source Sans 3";
  src: url("assets/fonts/SourceSans3-Roman.woff2") format("woff2");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3";
  src: url("assets/fonts/SourceSans3-Italic.woff2") format("woff2");
  font-weight: 200 900;
  font-style: italic;
  font-display: swap;
}
*/

/* Noto Sans */
@font-face {
  font-family: "Noto Sans";
  src: url("assets/fonts/NotoSans-VariableFont_wdth,wght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}


:root {
  --hr-font-body: "Noto Sans", system-ui, -apple-system, sans-serif;
 --hr-font-head: "Vollkorn", "Noto Serif JP", Georgia, serif;
}

/* Fließtext */
body,
button,
input,
select,
textarea {
  font-family: var(--hr-font-body);
  font-weight: 400;
  line-height: 1.6;
}

/* Überschriften */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--hr-font-head);
  font-weight: 500;
  line-height: 1.2;
}

/* Navigation */
.main-navigation a,
.primary-navigation a {
  font-family: var(--hr-font-head);
  font-weight: 550;
  letter-spacing: 0.02em;
}
/* Header */
.site-title,
.site-title a{
  font-family: var(--hr-font-head);
  font-weight: 550;
  letter-spacing: 0.2em;
}

.site-branding a.brand {
	gap: 0.5em;	
}

/* Nur Zutatenliste: keine Bullets + etwas kräftiger */
ul.hr-ingredients {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

ul.hr-ingredients > li {
  margin: 0.3rem 0;
}

ul.hr-ingredients strong {
  font-weight: 600;
}

/* Separator */
.wp-block-separator {
    border: none;
    border-top: 1px solid;
    width: 150px;      /* gewünschte Breite */
    margin-left: 0;
    margin-right: auto;
}

/* Search Drawer */
#search-drawer .drawer-inner {
    background: #00000020;
}

#search-drawer .drawer-inner input.search-field {
    width: 100%;
    background: var(--global-palette7);
    color: var(--global-palette3);
    padding: .8em 80px .8em .8em;
    font-size: 20px;
    border: 1px solid currentColor;
}

#search-drawer .drawer-inner input.search-field:focus {
    color: #000000;
}

/* Rezepteinträge */
.entry {
    box-shadow: 0px 15px 25px -10px rgba(0, 0, 0, 0);
    border-radius: 0rem;
    border: 0px solid #E5E2DB;
}

.entry-list-item{
    border: 1px solid #E5E2DB;
}

.category-item img {
  display:block;
	 border: 1px solid #E5E2DB;
}

.category-item h4 {
  margin-top: 0rem;
}

.category-item figure.wp-block-image {
    margin-bottom: 0;
}

.category-item:hover img{
  transform: scale(1.05);
  transition: transform .3s ease;
}

@media (max-width: 781px) {
  .category-item .wp-block-image img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
  }

  .category-item .wp-block-image {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

a.post-more-link:hover {
  color: var(--global-palette10);
}

/* Originaltitel unter dem H1, offenes Rezept */
.single-rezepte .entry-title .hr-original-title{
  display: block;
  margin-top: 0.8rem;
  font-size: 0.75em;
	color: var(--global-palette5);
  line-height: 0;
}

/* Popup Drawer */
.popup-drawer .drawer-inner {
    max-width: 80%;
    background: var(--global-palette7);
    color: var(--global-palette3);
}

/* Drawer Items */
.mobile-navigation ul li > a, .mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap {
    color: var(--global-palette4);
}

.mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap, .mobile-navigation ul li:not(.menu-item-has-children) a {
    border-bottom: 1px solid var(--global-palette10);
}