/**
 * Theme Name:     GeneratePress Child
 * Author:         Tom Usborne
 * Template:       generatepress
 * Text Domain:	   generatepress-child
 * Description:    GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
 */



/* ZÁKLAD (stejné chování pro obě varianty tlačítka) */
.gbp-button--primary,
.mc4wp-form input[type="submit"],
.mc4wp-form button[type="submit"]{
  -webkit-appearance:none; appearance:none; border:0; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; column-gap:.5rem;
  font-size:1.125rem; font-weight:600; text-align:center;
  padding:.75rem 1.25rem;

  /* Barvy */
  background-color: var(--accent, #73BD6F);   /* světlejší zelená */
  color: var(--base-3, #fff);

  /* Stín (tmavší proužek) */
  box-shadow: -4px 4px 0 0 var(--btn-shadow, #166a2f);

  /* Plynulé prohození */
  transition: background-color .25s ease, box-shadow .25s ease, transform .15s ease;
}

/* HOVER – PROHOĎ barvu tlačítka a stínu */
.gbp-button--primary:hover,
.mc4wp-form input[type="submit"]:hover,
.mc4wp-form button[type="submit"]:hover{
  background-color: var(--btn-shadow, #166a2f);            /* ztmaví se na #166a2f */
  box-shadow: -4px 4px 0 0 var(--accent, #73BD6F);         /* stín převezme původní accent */
  transform: translate(-1px, -1px);                        /* lehoučké „zvednutí“ */
}

/* ACTIVE – „stlačení“ */
.gbp-button--primary:active,
.mc4wp-form input[type="submit"]:active,
.mc4wp-form button[type="submit"]:active{
  transform: translate(0,0);
  box-shadow: -2px 2px 0 0 currentColor; /* volitelně zkrátit stín při stisku */
}

/* FOCUS pro přístupnost */
.gbp-button--primary:focus-visible,
.mc4wp-form input[type="submit"]:focus-visible,
.mc4wp-form button[type="submit"]:focus-visible{
  outline: 2px solid var(--btn-shadow, #166a2f);
  outline-offset: 2px;
}

/* (Volitelné) Podtržení textu jako v původním návrhu */
.gbp-button--primary,
.mc4wp-form input[type="submit"],
.mc4wp-form button[type="submit"]{
  text-decoration: underline;
  text-underline-offset: 6px;
}
/* Ikonka externího odkazu */
.external-link-icon {
  display: inline-block;
  margin-left: 0.1em;
  vertical-align: middle;
}
.external-link-icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

/* Růžová odrážka */
li::marker {
	color: #FF2DA6;
}

/* GenerateBlocks Grid/Query Loop → horizontální slider přes scroll-snap */
.gb-grid--slider{
  /* přepiš fixní sloupce z GB, ať nám do toho nemluví */
  grid-template-columns: none !important;
  grid-template-rows: none !important;

  display: grid;
  grid-auto-flow: column;

  /* kolik karet má být vidět vedle sebe (lze měnit breakpoints níže) */
  --cards: 1.2;
  --gap: clamp(12px, 2vw, 24px);

  gap: var(--gap);
  /* šířka jedné karty = přesný díl viewportu podle počtu --cards */
  grid-auto-columns: calc( (100% - (var(--cards) - 1) * var(--gap)) / var(--cards) );

  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-bottom: .5rem;     /* prostor kvůli případnému scrollbar overlay */
  scrollbar-gutter: stable;  /* stabilní layout se scrollbarem */
}

.gb-grid--slider > *{
  scroll-snap-align: start;
  /* pomůže „chytlavosti“ snapu u rychlejšího scrollu */
  scroll-snap-stop: always;
}

/* Breakpointy – uprav počet karet viditelných na řádku */
@media (min-width: 768px){
  .gb-grid--slider{ --cards: 1.2; }   /* tablet/menší desktop: 3 karty */
}
@media (min-width: 1280px){
  .gb-grid--slider{ --cards: 1.5; }   /* velký desktop: 4 karty */
}

/* Volitelné: decentní vyhlazení okrajů obsahu (fade) při přejezdu */
.gb-grid--slider.is-masked{
  -webkit-mask-image: linear-gradient(to right, transparent, black 24px, black calc(100% - 24px), transparent);
          mask-image: linear-gradient(to right, transparent, black 24px, black calc(100% - 24px), transparent);
}




.dynamic-entry-content figure {
  margin-bottom: 3em; /* uprav podle potřeby */
}

.dynamic-entry-content figure img {
  margin-bottom: 0; /* zajistí, že se neodsazuje popisek od obrázku */
}


.wpdelicious-recipe-banner .dr-entry-title {
    font-size: 40px;
    font-weight: 800;
    line-height: 1.3;
    margin: 0 0 24px;
    color: var(--contrast);
}

.dr-recipe-summary-inner .dr-title-wrap .dr-title {
    margin-top: 0;
    font-size: 30px;
    line-height: 1.3333;
    font-weight: 800;
    margin-bottom: .35em;
    color: var(--contrast);
}

.dr-recipe-summary-inner .dr-title-wrap .dr-entry-meta .fn {
    font-size: .89em;
    color: var(--accent-3);
	text-decoration: underline;
}

.dr-recipe-summary-inner .dr-title-wrap .dr-entry-meta span a {
    font-size: .89em;
	text-decoration: underline;
    color: var(--accent-3);
}

.dr-recipe-summary-inner .dr-title-wrap .dr-entry-meta .dr-category a

 {
    width: auto;
    height: auto;
    color: var(--accent-3);
	text-decoration: underline;
    background: none;
    border-radius: 0;
    border: none;
    margin: 0 4px;
    padding: 0;
}

.wpdelicious-recipe-banner .wpdelicious-category a {
    color: var(--accent-3);
	text-decoration: underline;
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    gap: 4px;
}

.wpdelicious-recipe-banner .dr-btn-link.dr-print-trigger {
    display: none;
}

.dr-summary-holder {
    background: white;
	margin: 0;
	padding: 0;
}

.wpdelicious-outer-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1230px;
    padding: 0 0px; 
    margin: 0 auto;
}

/* Kontejner s recepty uprostřed stránky */
#dr-recipe-archive .dr-archive-list-gridwrap {
    max-width: 1200px;      /* nastav si šířku podle sebe */
    margin: 0 auto;         /* centrování kontejneru */
}

.one-container .site-content {
    padding: 0px;
}

.container {
    max-width: 1230px;
    padding: 0 0px; 
    margin: 0 auto;
    width: 100%;
}