.elementor-5252 .elementor-element.elementor-element-69b97163{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-100px;--margin-bottom:120px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-5252 .elementor-element.elementor-element-2fecacab{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0140px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-2adae17e{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 0px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:2px;--padding-top:10px;--padding-bottom:12px;--padding-left:20px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-d86f109{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 0px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:2px;}.elementor-5252 .elementor-element.elementor-element-3fdbb14{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-5252 .elementor-element.elementor-element-3fdbb14.e-con{--align-self:center;}.elementor-5252 .elementor-element.elementor-element-cd052e5{width:auto;max-width:auto;text-align:center;color:var( --e-global-color-secondary );font-family:"Literata", Sans-serif;font-weight:400;line-height:1.35rem;}.elementor-5252 .elementor-element.elementor-element-cd052e5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5252 .elementor-element.elementor-element-1fe2c9e9{width:auto;max-width:auto;columns:1;text-align:center;color:var( --e-global-color-secondary );font-family:"Literata", Sans-serif;font-weight:400;font-style:italic;line-height:1.35rem;}.elementor-5252 .elementor-element.elementor-element-1fe2c9e9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5252 .elementor-element.elementor-element-2cd7c0c{width:auto;max-width:auto;text-align:center;color:var( --e-global-color-secondary );font-family:"Literata", Sans-serif;font-weight:400;line-height:1.35rem;}.elementor-5252 .elementor-element.elementor-element-2cd7c0c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5252 .elementor-element.elementor-element-35c9f420{text-align:center;}.elementor-5252 .elementor-element.elementor-element-422d066e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-776844dd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 2px 2px 2px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-b619260{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-c10e962{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-1f46547{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-81c634f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-f97b9cc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-4536cfd{width:100%;max-width:100%;}.elementor-5252 .elementor-element.elementor-element-9a8714b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-4d27a5d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-26dbb3e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-57f0067{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-06e567b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-ae016f4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-4798a4a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-45c4f276{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-1af5a28b{width:100%;max-width:100%;}.elementor-5252 .elementor-element.elementor-element-1af5a28b > .elementor-widget-container{padding:0% 0% 0% 50%;}.elementor-5252 .elementor-element.elementor-element-3cab07d7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-7668ec5b{text-align:right;color:var( --e-global-color-primary );font-family:"Rund", Sans-serif;font-size:2rem;font-weight:400;}@media(max-width:1024px){.elementor-5252 .elementor-element.elementor-element-422d066e{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-5252 .elementor-element.elementor-element-b619260{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-c10e962{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-1f46547{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-81c634f{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5252 .elementor-element.elementor-element-9a8714b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-4d27a5d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-26dbb3e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-06e567b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-ae016f4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-4798a4a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-45c4f276{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;}}@media(min-width:768px){.elementor-5252 .elementor-element.elementor-element-2adae17e{--width:15%;}.elementor-5252 .elementor-element.elementor-element-b619260{--width:100%;}.elementor-5252 .elementor-element.elementor-element-c10e962{--width:40%;}.elementor-5252 .elementor-element.elementor-element-1f46547{--width:60%;}.elementor-5252 .elementor-element.elementor-element-81c634f{--width:100%;}.elementor-5252 .elementor-element.elementor-element-f97b9cc{--width:100%;}.elementor-5252 .elementor-element.elementor-element-9a8714b{--width:100%;}.elementor-5252 .elementor-element.elementor-element-4d27a5d{--width:40%;}.elementor-5252 .elementor-element.elementor-element-26dbb3e{--width:60%;}.elementor-5252 .elementor-element.elementor-element-06e567b{--width:100%;}.elementor-5252 .elementor-element.elementor-element-ae016f4{--width:40%;}.elementor-5252 .elementor-element.elementor-element-4798a4a{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-5252 .elementor-element.elementor-element-2adae17e{--width:20%;}.elementor-5252 .elementor-element.elementor-element-45c4f276{--width:50%;}}@media(max-width:767px){.elementor-5252 .elementor-element.elementor-element-2fecacab{--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-2adae17e{--width:100%;}.elementor-5252 .elementor-element.elementor-element-d86f109{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-5252 .elementor-element.elementor-element-cd052e5{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-5252 .elementor-element.elementor-element-cd052e5 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-5252 .elementor-element.elementor-element-1fe2c9e9{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-5252 .elementor-element.elementor-element-1fe2c9e9 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-5252 .elementor-element.elementor-element-2cd7c0c{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-5252 .elementor-element.elementor-element-2cd7c0c > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-5252 .elementor-element.elementor-element-35c9f420 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-5252 .elementor-element.elementor-element-422d066e{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5252 .elementor-element.elementor-element-b619260{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-5252 .elementor-element.elementor-element-c10e962{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-5252 .elementor-element.elementor-element-81c634f{--gap:15px 0px;--row-gap:15px;--column-gap:0px;}.elementor-5252 .elementor-element.elementor-element-f97b9cc{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-5252 .elementor-element.elementor-element-9a8714b{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-5252 .elementor-element.elementor-element-06e567b{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-5252 .elementor-element.elementor-element-1af5a28b > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-5252 .elementor-element.elementor-element-3cab07d7{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:10px;}}/* Start custom CSS *//* Base styling for the recipe steps list */
.recipe-steps {
    margin: 0;
}

/* Each recipe step as a flex container */
.recipe-step {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 0px;
}

/* Style for the manually inserted step number */
.step-number {
    font-size: 3rem;
    font-weight: normal;
    margin-right: 15px;
    padding-top: 20px ;
    /* Give it a fixed width on larger screens */
    flex: 0 0 50px;
    text-align: left;
}

/* Container for the step content */
.step-content {
    flex: 1;
    padding-top: 5px;
    padding-bottom: 20px;
    padding-left: 10px;
}

/* English text styling */
.step-english p {
    font-family: 'Rund', sans-serif;
    font-size: 1rem;
    color: #1a1818;
    margin: 0 0 10px 0;
}

/* Ancient Greek text styling */
.step-ancient p {
    font-family: 'Literata', serif;
    font-weight: 400;
    font-size: 0.95rem;
    line-height: 1.35rem;
    letter-spacing: 0.01rem;
    color: #979797;
    margin: 0 0 10px 0;
}

/* Horizontal rule styling */
.step-separator {
    width: 100%;
    border: 0;
    border-top: 2px solid #1A1818;
    margin-top: 20px;
    padding-bottom: 10px;
    }

/* Responsive adjustments: on small screens, stack the number and content */
@media (max-width: 768px) {
    .recipe-step {
        flex-direction: column;
        margin-left: 0px;
    }
    .step-content {
        padding-left: 0px;
    }
    .step-number {
        font-size: 2.5rem;
        font-weight: normal;
        margin-right: 20px;
        margin-bottom: 5px;
        margin-top: 5px;
        flex: none;
    }
    .step-ancient {
        font-size: 1.0rem;
    }
}

/* --- UL styling: use native bullet markers --- */
.recipe-ingredients {
  list-style-type: disc;  /* native disc marker */
  margin: 0;
  padding-left: 40px;     /* leave space for the bullet */
}

/* --- LI items remain list items --- */
.recipe-ingredients li.ingredient-item {
  display: list-item;
  margin-bottom: 10px;
}

/* --- Set up the inner grid for each LI --- */
.ingredient-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3px;
  padding-bottom: 15px;
  /* For wide screens: first row shows canonical and modern measure,
     second row shows ancient and ancient measure */
  grid-template-areas:
    "canonical modern"
    "ancient ancientmeasure";
}

/* --- Flatten the two wrappers so the paragraphs become grid items --- */
.ingredient-left,
.ingredient-right {
  display: contents;
}

/* --- Assign grid areas to the paragraphs --- */
.ingredient-canonical {
  grid-area: canonical;
  margin: 0;
  /* Optional styling */
  font-family: 'Rund', sans-serif;
  font-size: 1rem;
  color: #1a1818;
}

.ingredient-modern-measure {
  grid-area: modern;
  margin: 0;
  font-family: 'Rund', sans-serif;
  font-size: 1rem;
  color: ##1a1818;
}

.ingredient-ancient {
  grid-area: ancient;
  margin: 0;
  font-family: 'literata', serif;
  font-weight: 400;
  font-size: 0.95rem;
  line-height: 1.35rem;
  letter-spacing: 0.01rem;
  color: #979797;
}

.ingredient-ancient-measure {
  grid-area: ancientmeasure;
  margin: 0;
  font-family: 'Literata', serif;
  font-weight: 400;
  font-size: 0.95rem;
  line-height: 1.35rem;
  letter-spacing: 0.01rem;
  color: #979797;
}

/* --- Horizontal rule: extend left so that it starts directly under the bullet --- */
.recipe-ingredients .ingredient-separator {
  width: calc(100% +25px);
  margin-left: -25px;
  border: 0;
  border-top: 2px solid #1A1818;
  padding-bottom: 10px;
}

/* --- Responsive adjustments: on screens under 768px, change the grid order --- */
@media (max-width: 768px) {
  .ingredient-row {
    gap: 10px;
    padding-bottom: 12px;

    /* On phone, we want the first row to contain canonical & ancient,
       and the second row to contain modern measure & ancient measure */
    grid-template-areas:
      "canonical ancient"
      "modern ancientmeasure";
  }

  /* Increase the font for the canonical name and modern measure on small screens */
  .ingredient-canonical,
  .ingredient-modern-measure {
    font-size: 1.1rem; /* adjust as needed */
  }
  
  /* Increase the font for the ancient texts slightly on small screens */
  .ingredient-ancient,
  .ingredient-ancient-measure {
    font-size: .95rem; /* adjust as needed */
  }
  .recipe-ingredients .ingredient-separator {
  width: calc(100% +25px);
  margin-left: -25px;
  border: 0;
  border-top: 2px solid #1A1818;
  padding-bottom: 5px;
}

/* Initially hide the transliterated name */
.name-hover-container .transliterated {
  display: none;
}

/* On hover over the container, swap the visibility */
.name-hover-container:hover .transliterated {
  display: block;
}
.name-hover-container:hover .ancient {
  display: none;
}}

.step-ancient {
  position: relative; /* ensure its contents can float */
}

/* Wrapper for the icon & tooltip */
.step-comment-wrapper {
  position: relative;
  display: inline-block;
  margin-left: 10px;
}

/* The icon in black and white */
.step-comment-icon {
  cursor: pointer;
  color: #000;
  font-size: 1.2em;
}

/* Tooltip styling (positioned relative to the wrapper) */
.step-comment-popup {
    font-family: 'Literata',serif;
    font-size: .8rem;
    font-style: italic;
  display: none;
  position: absolute;
  top: 100%;  /* position below the icon */
  left: 0;
  background: #fff;
  border: 1px solid #ccc;
  padding: 8px;
  z-index: 9999;
  max-width: none !important;  /* Remove any max-width restriction */
  width: auto !important;       /* Allow width to be determined by content */
  min-width: 350px !important;  /* Set a larger minimum width */
  white-space: normal !important; /* Allow text to wrap */
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Literata';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://test02.flu.cas.cz/wp-content/uploads/2024/01/LiterataTT_var.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Rund';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://test02.flu.cas.cz/wp-content/uploads/2024/01/RundText-Regular.woff2') format('woff2'),
		url('https://test02.flu.cas.cz/wp-content/uploads/2024/01/RundText-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Rund';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://test02.flu.cas.cz/wp-content/uploads/2024/01/RundText-Bold.woff2') format('woff2'),
		url('https://test02.flu.cas.cz/wp-content/uploads/2024/01/RundText-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Rund';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://test02.flu.cas.cz/wp-content/uploads/2024/01/RundText-Italic.woff2') format('woff2'),
		url('https://test02.flu.cas.cz/wp-content/uploads/2024/01/RundText-Italic.woff') format('woff');
}
/* End Custom Fonts CSS */