/*--------------------------------------------------------------
# homepage

Vzniklo rozpustenim 15-prevzato-z-astry.css. Pravidla sem prisla
beze zmeny, jen se presunula pod komponentu, ktere patri.
--------------------------------------------------------------*/

.lt-google-rating { display: flex; flex-direction: column; align-items: center; gap: 8px; width: 100%; box-sizing: border-box; padding: 14px 20px; background: rgba(15, 16, 12, 0.55); border: 1px solid #33352a; border-radius: var(--lt-radius); backdrop-filter: blur(2px); text-decoration: none; }
.lt-google-rating-avatars { display: flex; }
.lt-google-rating-avatar { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; margin-left: -10px; background: transparent; }
.lt-google-rating-avatar:first-child { margin-left: 0; }
.lt-google-rating-line { display: flex; align-items: center; gap: 6px; font-size: 14px; }
.lt-google-rating-star { color: #DA7C0C; font-size: 16px; }
.lt-google-rating-text { color: #e4e1d4; opacity: .9; }
@media (min-width: 601px) {
  #hero-homepage .icon-list .icon-item::before { width: 30px; height: 30px; top: 14px; }
}
@media (max-width: 600px) {
  #hero-homepage { padding: 40px 16px; }
  #hero-homepage .wp-block-columns > .wp-block-column:nth-child(2) { display: grid; grid-template-columns: 50% 1fr; align-items: center; column-gap: 12px; row-gap: 0; }
  #hero-homepage .wp-block-columns > .wp-block-column:nth-child(2) .wp-block-image { grid-column: 1; grid-row: 1; }
  #hero-homepage .wp-block-columns > .wp-block-column:nth-child(2) .caption-text { grid-column: 2; grid-row: 1; text-align: left !important; line-height: 1.2 !important; font-size: 17px !important; }
  #hero-homepage .wp-block-columns > .wp-block-column:nth-child(2) .wp-block-group { margin-top: -24px; grid-column: 1 / -1; grid-row: 2; }
  #hero-homepage h1 { font-size: 36px !important; line-height: 1.08 !important; }
  #hero-homepage .icon-item { font-size: 25px !important; line-height: 1.3 !important; }
  #hero-homepage { background-size: 135% auto; background-color: rgba(0, 0, 0, 0.1); background-position: right -100px top 170px; background-image: url('/wp-content/uploads/2026/08/hero-svetlo-tma-1024x576.avif'); }
  #hero-homepage { min-height: 650px; }
  #hero-homepage .wp-block-column:first-child > h2 { padding-top: 2px !important; margin-top: 10px !important; font-size: 14px !important; }
  #hero-homepage .icon-list { margin-left: -16px; margin-right: -16px; padding-left: 0; padding-right: 0; padding-top: 16px !important; width: calc(100% + 32px); }
  #hero-homepage .icon-item { padding-left: 25px !important; }
  .terapie-tmou-cena { margin-left: 0; max-width: 180px; }
}
.caption-text { text-align: center; font-style: italic; opacity: .8; }
#hero-homepage { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding-top: 100px; padding-bottom: 100px; padding-left: max(20px, calc((100vw - var(--lt-max-width)) / 2)); padding-right: max(20px, calc((100vw - var(--lt-max-width)) / 2)); background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('/wp-content/uploads/2026/08/hero-svetlo-tma.avif'); background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 820px; }
#hero-homepage h1 { max-width: 12.1ch; }
#hero-homepage .wp-block-columns > .wp-block-column:nth-child(2) { align-self: flex-start; background: rgba(15, 16, 12, 0.55); border: 1px solid #33352a; border-radius: var(--lt-radius); padding: 18px; backdrop-filter: blur(2px); }
#hero-homepage .wp-block-columns > .wp-block-column:nth-child(2) img { border-radius: 4px; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; object-position: center 40%; }
#hero-homepage .icon-list .icon-item::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 13c1.5 2 3 4.3 4.5 4.5 2.5.2 6.5-5.5 11.7-11.9' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 13c1.5 2 3 4.3 4.5 4.5 2.5.2 6.5-5.5 11.7-11.9' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain; background-color: #DA7C0C; }
#hero-homepage .icon-item { padding-left: 49px; }
#hero-homepage h2 { padding-top: 8px !important; }
@media (min-width: 601px) {
  #hero-homepage .icon-list .icon-item::before { width: 30px; height: 30px; top: 14px; }
}
@media (max-width: 600px) {
  #hero-homepage { padding: 40px 16px; }
  #hero-homepage .wp-block-columns > .wp-block-column:nth-child(2) { display: grid; grid-template-columns: 50% 1fr; align-items: center; column-gap: 12px; row-gap: 0; }
  #hero-homepage .wp-block-columns > .wp-block-column:nth-child(2) .wp-block-image { grid-column: 1; grid-row: 1; }
  #hero-homepage .wp-block-columns > .wp-block-column:nth-child(2) .caption-text { grid-column: 2; grid-row: 1; text-align: left !important; line-height: 1.2 !important; font-size: 17px !important; }
  #hero-homepage .wp-block-columns > .wp-block-column:nth-child(2) .wp-block-group { margin-top: -24px; grid-column: 1 / -1; grid-row: 2; }
  #hero-homepage h1 { font-size: 36px !important; line-height: 1.08 !important; }
  #hero-homepage .icon-item { font-size: 25px !important; line-height: 1.3 !important; }
  #hero-homepage { background-size: 135% auto; background-color: rgba(0, 0, 0, 0.1); background-position: right -100px top 170px; background-image: url('/wp-content/uploads/2026/08/hero-svetlo-tma-1024x576.avif'); }
  #hero-homepage { min-height: 650px; }
  #hero-homepage .wp-block-column:first-child > h2 { padding-top: 2px !important; margin-top: 10px !important; font-size: 14px !important; }
  #hero-homepage .icon-list { margin-left: -16px; margin-right: -16px; padding-left: 0; padding-right: 0; padding-top: 16px !important; width: calc(100% + 32px); }
  #hero-homepage .icon-item { padding-left: 25px !important; }
}
ul.icon-list { list-style: none; margin: 0; padding: 0; }
ul.icon-list .icon-item { position: relative; padding-left: 32px; margin-bottom: 12px; line-height: 1.8; }
ul.icon-list .icon-item::before { content: ""; position: absolute; left: 0; top: 4px; width: 20px; height: 20px; background-color: var(--lt-color-accent); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm-24.4 344.2L118.8 249.3l32.3-32.3 80.5 80.5 168.6-168.6 32.3 32.3z'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm-24.4 344.2L118.8 249.3l32.3-32.3 80.5 80.5 168.6-168.6 32.3 32.3z'/%3E%3C/svg%3E") no-repeat center / contain; }
.features-list .icon-item a { text-decoration: none; color: inherit; }
.features-list .icon-item a:hover { color: var(--lt-color-accent); }
.why-section .icon-list .icon-item::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 13c1.5 2 3 4.3 4.5 4.5 2.5.2 6.5-5.5 11.7-11.9' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 13c1.5 2 3 4.3 4.5 4.5 2.5.2 6.5-5.5 11.7-11.9' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain; background-color: #DA7C0C; }
#hero-homepage h1.wp-block-heading { padding-top: 0; padding-bottom: 0; }
.benefits-list { list-style: none; margin: 0; padding: 0; }
.benefits-list li { position: relative; padding-left: 40px; margin-bottom: 20px; }
.benefits-list li::before { content: ""; position: absolute; left: 0; top: 4px; width: 22px; height: 22px; background-color: #DA7C0C; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 13c1.5 2 3 4.3 4.5 4.5 2.5.2 6.5-5.5 11.7-11.9' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 13c1.5 2 3 4.3 4.5 4.5 2.5.2 6.5-5.5 11.7-11.9' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain; }
.terapie-tmou-cena { max-width: 250px; margin-left: -60px; margin-top: 0px; padding-top: 0px; }
@media (max-width: 600px) {
  .terapie-tmou-cena { margin-left: 0; max-width: 180px; }
}