/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.2
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* --------------------------------------------------------------------------
   Odrážky seznamů — hexagon místo výchozí tečky
   -------------------------------------------------------------------------- */

:root {
	--hex-bullet-image: url('assets/img/hex-bullet.png');
	--hex-bullet-size: 0.7em;
	--hex-bullet-gap: 0.7em;
}

/*
 * Scope je daný obsahovými kontejnery (Elementor Text Editor, obsah příspěvku),
 * ne třídou samotného <ul> — seznamy vložené z Wordu/Pages si nesou vlastní
 * třídy (ul1 / li1) a jinak by nám vypadly. Uvnitř těchhle kontejnerů žádné
 * systémové seznamy (menu, icon list, breadcrumbs) nevznikají, ty mají vlastní
 * widgety. Pro jistotu je přesto vylučujeme jménem.
 *
 * Vynucení na libovolném seznamu:  <ul class="hex-list">
 * Vypnutí na konkrétním seznamu:   <ul class="no-hex-list">
 */
:is(
	.entry-content,
	.wp-block-post-content,
	.elementor-widget-text-editor,
	.elementor-widget-theme-post-content
) ul:not(.elementor-icon-list-items, .e-n-menu-heading, .no-hex-list),
ul.hex-list {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

:is(
	.entry-content,
	.wp-block-post-content,
	.elementor-widget-text-editor,
	.elementor-widget-theme-post-content
) ul:not(.elementor-icon-list-items, .e-n-menu-heading, .no-hex-list) > li,
ul.hex-list > li {
	position: relative;
	padding-left: calc(var(--hex-bullet-size) + var(--hex-bullet-gap));
}

:is(
	.entry-content,
	.wp-block-post-content,
	.elementor-widget-text-editor,
	.elementor-widget-theme-post-content
) ul:not(.elementor-icon-list-items, .e-n-menu-heading, .no-hex-list) > li::before,
ul.hex-list > li::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: var(--hex-bullet-size);
	/* Výška řádku textu, aby se odrážka svisle vycentrovala na první řádek. */
	height: 1.6em;
	background-image: var(--hex-bullet-image);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}

@supports (height: 1lh) {
	:is(
		.entry-content,
		.wp-block-post-content,
		.elementor-widget-text-editor,
		.elementor-widget-theme-post-content
	) ul:not(.elementor-icon-list-items, .e-n-menu-heading, .no-hex-list) > li::before,
	ul.hex-list > li::before {
		height: 1lh;
	}
}


.elementor-widget-form {
  /* Vynucené zvětšení a zakulacení pro všechny checkboxy ve formuláři */
  input[type="checkbox"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-color: #ffffff !important;
    margin: 0 !important;
    width: 24px !important;
    height: 24px !important;
    border: 1px solid #119DDD !important;
    border-radius: 50% !important;
    display: inline-grid !important;
    place-content: center !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    position: relative !important;
  }

  /* Vnitřní kolečko po zaškrtnutí */
  input[type="checkbox"]::before {
    content: "" !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    transform: scale(0) !important;
    transition: 120ms transform ease-in-out !important;
    background-color: #054A69 !important;
  }

  /* Aktivní stav - zobrazení vnitřního kolečka */
  input[type="checkbox"]:checked::before {
    transform: scale(1) !important;
  }

  /* Úprava textu (labelu) vedle checkboxu */
  .elementor-field-option label {
    /*display: inline-flex !important;*/
    align-items: center !important;
    /*gap: 10px !important;*/
    cursor: pointer !important;
  }

  a {
    color:#fff;
    text-decoration: underline;

    &:hover {
      text-decoration: none;
    }
  }
}

.elementor-widget-counter {
  .elementor-counter-number-prefix {
    font-size: 0.5em;
  }
}