/*
Theme Name:     Toret Twenty Twenty-Five Child
Theme URI:      https://toret.cz/
Description:    Child theme for the Twenty Twenty-Five theme and Toret web
Author:         Váš Název
Author URI:     https://toret.cz/
Template:       twentytwentyfive
Version: 2.13
*/

:root {
  --fontSizeBase: 16px!important;
}


body {
  font-family: "Inter Tight", sans-serif;
  font-size: var(--wp--preset--font-size--medium);
}


.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
    min-width: 300px;
}

@media (max-width: 1000px) {
	.wp-block-columns {
		flex-wrap: wrap !important;
	}

	.wp-block-column {
		flex-basis: 100% !important;
		width: auto !important;
	}
}


h1,h2,h3 {
    font-weight: 600;
}

strong {
    font-weight: 600;
}

.wp-block-button__link {
    padding: 18px 25px;
    background-color: var(--wp--preset--color--accent-4);
    border-radius: 40px;
    cursor: pointer;
}

.wp-block-button__link:hover {
  background-color: var(--wp--preset--color--accent-1)!important;
  color: white!important;
}

.wc-block-mini-cart__footer-cart {
    border: 1px solid var(--wp--preset--color--accent-1);
    border-radius: 40px;
}

.wc-block-mini-cart__footer-checkout {
    background-color: var(--wp--preset--color--accent-4);
    border-radius: 40px;
}

.wc-block-mini-cart__footer-cart:hover, .wc-block-mini-cart__footer-checkout:hover {
    background-color: var(--wp--preset--color--accent-1)!important;
    color: white!important;
}

.wp-block-button.wc-block-load-more {
    margin: 30px 0;
}

.woocommerce div.product form.cart {
    margin-bottom: 1.2rem;
}

.wc-block-components-product-price .woocommerce-Price-amount {
    font-weight: 600;
}

.product-template-default .wp-block-post-excerpt__excerpt {
    font-size: 1.0625rem; /* 17px / 16 */
    line-height: 2.0625rem; /* 33px / 16 */
}

.product-template-default .wp-block-button a, .toret-licence-reset {
    font-size: 15px;
    padding: 15px 19px;
    border: 1px solid #6D58F3;
    border-radius: 25px;
    background-color: white;
    text-decoration: none;
    color: black;
    width: 135px;
    text-align: center;
}

.postid-71216.product-template-default .wp-block-button a {
    width: auto;
}

.toret-licence-reset {
    padding: 4px 0;
    cursor: pointer;
}

.product-template-default .wp-block-buttons .wp-block-button:last-child a, .button.pay {
    background-color: #6D58F3;
    color: white;
}

.product-template-default .wp-block-button a:hover, .toret-licence-reset:hover  {
    background-color: var(--wp--preset--color--accent-1);
    color: white;
}

.product-template-default .wp-block-buttons .wp-block-button:last-child a::after {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url('https://toret.cz/wp-content/uploads/2025/07/Ikona-kosik-koupit.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 0.5em;
    vertical-align: middle;
}

.product-template-default .wp-block-buttons .wp-block-button:last-child a:hover {
    background: #471e89!important;
}

form.cart input {
    border-radius: 9px;
    border: 1px solid #707070;
}

form.cart button {
    border: 1px solid #6D58F4;
    border-radius: 10px;
    background-color: var(--wp--preset--color--accent-1);
    color: white;
}

form.cart button::after {
        content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url('https://toret.cz/wp-content/uploads/2025/07/Ikona-kosik-koupit.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 0.5em;
    vertical-align: middle;
}

form.cart button:hover, .button.pay:hover  {
    background-color: var(--wp--preset--color--accent-4)!important;
}

.benefits ul {
	list-style: none;
	padding-left: 0;
}

.benefits ul li  {
	position: relative;
	padding-left: 30px;
    font-size: 1.1rem;
}

.benefits ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	width: 18px;
	height: 18px;
	background-image: url('https://toret.cz/wp-content/uploads/2025/07/ikona-odrazka.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

.woocommerce div.product div.images {
    margin-bottom: 0;
}

.popis-produktu p, .wp-block-woocommerce-accordion-group h4, .wp-block-woocommerce-accordion-group h3, .wp-block-woocommerce-accordion-group p  {
    font-size: 1.1rem;
    line-height: 1.7rem;
    font-weight: 400;
}

.wc-block-components-product-price del {
    display: block;
    font-size: 1.2rem;
}

.wp-block-woocommerce-accordion-group .wp-block-woocommerce-accordion-item {
    border: 1px solid #363636;
    border-radius: 10px;
    margin: 0;
    padding: 6px 25px;
}

.wp-block-woocommerce-accordion-group .wp-block-woocommerce-accordion-item+.wp-block-woocommerce-accordion-item {
    border-top: 0;
}

.accordion-item__toggle-icon {
    background-color: var(--wp--preset--color--accent-1);
    border-radius: 50%;
}

.accordion-item__toggle-icon svg {
    filter: invert(1);
}

.wp-block-woocommerce-accordion-group .accordion-content__wrapper p  {
    font-size: 1rem;
    line-height: 1.5rem;
}

.accordion-content__wrapper {
    padding-bottom: 10px;
}

.accordion-content__wrapper p {
    margin-bottom: 0!important;
}

.accordion-content__wrapper p+p {
    margin-top: 10px;
}

.popis-produktu p, .popis-produktu h2, .popis-produktu h3 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

#add-review {
    justify-content: center;
}

#review_form {
    text-align: center;
}

#reply-title {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: normal;
}

#commentform {
    margin-top: 1rem;
}

.comment-form-rating, .comment-form-comment label, .comment-form-author label, .comment-form-email label {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
}

.woocommerce #review_form #respond p {
     font-size: 1rem;
    line-height: 1.5rem;
}

.woocommerce #review_form #respond p {
    margin-top: 10px;
}

.woocommerce #review_form #respond textarea, :where(.wp-block-woocommerce-product-review-form) input:not([type=submit]), :where(.wp-block-woocommerce-product-review-form) textarea {
    border: 1px solid #707070;
    border-radius: 10px;
}

.wp-block-woocommerce-product-review-form .comment-form-cookies-consent {
    justify-content: center;
}

.wp-block-woocommerce-product-review-form .comment-form-cookies-consent #wp-comment-cookies-consent {
    margin-top: 2px; 
    height: 16px;
}

.woocommerce #review_form #respond .form-submit input {
    width: 135px;
    text-align: center;
    border-radius: 33px;
}

.wc-block-components-review-list.wc-block-components-review-list {
    padding-left: 0;
}

.wc-block-review-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
	list-style: none; /* zruší odrážky u <li> */
	padding: 0;
	margin: 0;
}

.wc-block-review-list li {
	margin: 0; /* odstraní mezery mezi recenzemi */
    border: 1px solid #505050;
    border-radius: 35px;
    background-color: white;
    padding: 2rem;
}

.wc-block-components-review-list-item__published-date, .wc-block-components-review-list-item__author {
    font-size: 1.1rem;
    line-height: 1.5rem;
}

.wc-block-review-list-item__text {
    font-size: 1rem;
    line-height: 1.5rem;
}

.stars, .wc-block-components-review-list-item__rating>.wc-block-components-review-list-item__rating__stars span:before {
    color: #ffb400!important;
}

.wc-block-sort-select__label span {
    font-size: 1rem;
}

.wc-block-sort-select__select {
    padding: 6px;
    border-radius: 10px;
}

.wc-block-components-product-price {
    font-weight: 600;
}

.toret-dole-bez {
    font-size: 1.1rem;
    font-weight: normal;
}

.woocommerce div.product form.cart .button {
    width: 100%;
}


@media (max-width: 1700px) {
	#hp-header {
        gap: 36px;
    }

    #hp-header .wp-block-column:last-child {
        flex-basis: 700px!important;
    }
}

@media (max-width: 1300px) {
    #hp-header .wp-block-column:last-child {
        flex-basis: 600px!important;
    }

}

@media (max-width: 1000px) {

    #hp-header .wp-block-column:last-child {
        flex-basis: 700px!important;
    }

	.wc-block-review-list {
		grid-template-columns: repeat(2, 1fr);
	}

    .vyhody {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    #hp-header {
        gap: 16px;
    }

        .skryt {
        display: none!important;
    }

    @media (min-width: 800px) and (max-width: 1000px) {
  .tablet2sloupce.wp-block-columns {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 36px;
  }

  .tablet2sloupce .wp-block-column {
    width: auto !important;
    margin: 0 !important;
  }

}

}

@media (max-width: 640px) {
	.wc-block-review-list {
		grid-template-columns: 1fr;
	}

    .wp-block-button__link {
        padding: 18px 10px;
        font-size: 1rem;
    }
}

.puzzle a:After {
    content: "";
    display: inline-block;
    width: 27px;
    height: 27px;
    background-image: url(https://toret.cz/wp-content/uploads/2025/07/ikona-kategorie-pluginu.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 0.7em;
    vertical-align: middle;
}

.oddelovace > .wp-block-column {
    position: relative;
}

.oddelovace > .wp-block-column:nth-child(1)::after,
.oddelovace > .wp-block-column:nth-child(2)::after,
.oddelovace > .wp-block-column:nth-child(3)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    background-color: #707070;
}

.oddelovace > .wp-block-column:nth-child(1)::after {
    height: 100px;
}

.oddelovace > .wp-block-column:nth-child(2)::after {
    height: 130px;
}

.oddelovace > .wp-block-column:nth-child(3)::after {
    height: 100px;
}

.alejendva.oddelovace > .wp-block-column:nth-child(2)::after {
    height: 100px;
}

.alejendva.oddelovace > .wp-block-column:nth-child(3)::after {
    display: none;
}

@media (max-width: 1000px) {
    .oddelovace > .wp-block-column:nth-child(1)::after,
    .oddelovace > .wp-block-column:nth-child(2)::after,
    .oddelovace > .wp-block-column:nth-child(3)::after {
        display: none;
    }

    .oddelovace.wp-block-columns {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 16px; /* mezera mezi sloupci */
  }

  .oddelovace > .wp-block-column {
    width: auto !important; /* zrušení šířky z WP */
    margin: 0 !important;
  }

  .oddelovace > .wp-block-column::after {
    display: none; /* schovej svislé oddělovače v tomto zobrazení */
  }

    .mob-align-center p, .mob-align-center h1, .mob-align-center h2, .mob-align-center h3, .mob-align-center h4  {
    text-align: center;
  }

  .tlac-mobil-center {
    justify-content: center;
  }

}

#footer-bot h4 {
    font-size: clamp(1.25rem, 1.1vw + 1rem, 1.4375rem); /* ~20px–23px */
    line-height: clamp(1.5rem, 1.3vw + 1.1rem, 1.75rem); /* ~24px–28px */
}

#footer-bot ul {
    gap: 0;
}

#footer-bot ul li a span {
    font-size: clamp(0.875rem, 0.7vw + 0.75rem, 1rem); /* ~14px–16px */
    line-height: clamp(1.5rem, 1.3vw + 1.1rem, 1.75rem); /* ~24px–28px */
}

#footer-bot ul.wp-block-social-links {
	gap: 5px;
}

.wp-block-social-links .wp-social-link a {
    background-color: #1E0B3B;
    border-radius: 6px;
}

.wp-block-social-links .wp-social-link a:hover {
    background-color: var(--wp--preset--color--accent-1);
}

.wp-block-social-link:hover {
    transform: scale(1);
}
/*
@media (max-width: 1000px) and (min-width:700px){
  .wp-block-columns {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem; 
  }
}*/

.footer-copy {
        font-size: clamp(0.875rem, 0.7vw + 0.75rem, 1rem); /* ~14px–16px */
    line-height: clamp(1.5rem, 1.3vw + 1.1rem, 1.75rem); /* ~24px–28px */
    text-align: center;
}

.subscription-details {
    font-size: 1rem!important;
}

/* hlavička */ 

.wp-block-woocommerce-customer-account a , .wc-block-mini-cart button {
    background-color: var(--wp--preset--color--accent-3) !important;
    padding-right: var(--wp--preset--spacing--20);
    padding-left: var(--wp--preset--spacing--20);
}

.wc-block-components-button.wp-element-button.wc-block-mini-cart__footer-checkout.wp-block-woocommerce-mini-cart-checkout-button-block {
    background-color: var(--wp--preset--color--accent-1) !important;
    color: white;
}

.wp-block-woocommerce-customer-account a:hover, .wc-block-mini-cart button:hover {
    background-color: var(--wp--preset--color--accent-1) !important;
}

.wc-block-components-button.wp-element-button.wc-block-mini-cart__footer-checkout.wp-block-woocommerce-mini-cart-checkout-button-block:hover {
    background-color: var(--wp--preset--color--accent-1) !important;
}

.wc-block-mini-cart .wc-block-cart-item__wrap button {
    background-color: transparent!important;
}

.wc-block-mini-cart__badge {
     background-color: var(--wp--preset--color--base) !important;
}

.wp-block-woocommerce-customer-account a {
    border-radius: 25px 0 0 25px!important;
    padding-left: var(--wp--preset--spacing--30);
}

.woocommerce-checkout .wp-block-woocommerce-customer-account a, .woocommerce-cart .wp-block-woocommerce-customer-account a {
    border-radius: 25px!important;
    padding-left: var(--wp--preset--spacing--20);
}

.wc-block-mini-cart button{
    border-radius: 0 25px 25px 0!important;
    padding-right: var(--wp--preset--spacing--30);
}

/* WooCommerce */

.woocommerce-MyAccount-navigation {
	border-radius: 16px;
}

.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.woocommerce-MyAccount-navigation li {
	margin-bottom: 10px;
    padding: 0!important;
}

.woocommerce-MyAccount-navigation a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 15px;
	text-decoration: none;
	color: #000;
	background: #fff;
	border-radius: 16px;
	transition: all 0.2s ease;
	border:1px solid var(--wp--preset--color--accent-1);
    font-size: 1rem;
}

.woocommerce-MyAccount-navigation a:hover {
	background-color: var(--wp--preset--color--accent-1);
    color: white;
    text-decoration: none!important;
}

.woocommerce-MyAccount-navigation .is-active a {
	background-color: var(--wp--preset--color--accent-3);
    color: white;
    text-decoration: none!important;
}

/* Ikony podle typu stránky (Font Awesome nebo Emoji) */
.woocommerce-MyAccount-navigation-link--dashboard a::before {
	content: "🏠";
}
.woocommerce-MyAccount-navigation-link--orders a::before {
	content: "🧾";
}
.woocommerce-MyAccount-navigation-link--subscriptions a::before {
	content: "🔁";
}
.woocommerce-MyAccount-navigation-link--payment-methods a::before {
	content: "💳";
}
.woocommerce-MyAccount-navigation-link--toret_licence a::before {
	content: "🔐";
}
.woocommerce-MyAccount-navigation-link--edit-account a::before {
	content: "👤";
}
.woocommerce-MyAccount-navigation-link--customer-logout a::before {
	content: "🚪";
}

.wp-block-woocommerce-mini-cart-items-block .wc-block-cart-item__total-price-and-sale-badge-wrapper, .wp-block-woocommerce-mini-cart-items-block .price.wc-block-components-product-price {
    display: none!important;
}

.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {
    max-width: 1340px!important;
    margin: 0 auto;
}

.woocommerce-page .woocommerce-cart-form .product-thumbnail {
    width: 50px;
}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 50px;
    box-shadow: none;
}

.coupon button, .actions button {
    background-color: transparent;
    border:1px solid var(--wp--preset--color--accent-1);
    border-radius: 40px;
    cursor: pointer;
    color: black;
    padding: 12px 20px;
    font-size: 1rem;
}

.coupon button:hover, .actions button:hover {
  background-color: var(--wp--preset--color--accent-1)!important;
  color: white;
}

.checkout-button {
    background-color: var(--wp--preset--color--accent-4)!important;
    border-radius: 40px;
    color: white!important;
    font-size: var(--wp--preset--font-size--medium)!important;
}

.checkout-button:hover {
    background-color: var(--wp--preset--color--accent-1);
}

.woocommerce-cart .shop_table.shop_table_responsive, .woocommerce-cart .woocommerce-cart-form__cart-item.cart_item, .my_account_orders, .shop_table  {
    font-size: 1rem;
}

.woocommerce-page .woocommerce-cart-form #coupon_code {
    border-radius: 40px;
    border:1px solid #F8F7FE;
    background-color: #F8F7FE ;
}

#order_review, #customer_details, .wc-block-order-confirmation-totals__table, .woocommerce table.my_account_orders, .woocommerce-page .woocommerce-customer-details address {
    font-size: 1rem;
}

#card-panel, #card-panel.Label, #card-panel .TermsText, .Label, .TermsText {
    font-size: 16px!important;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box, .comgate_select span, .comgate_bank_select span {
    font-size: 1rem!important;
    color: black!important;
    font-weight: normal!important;
}

#payment .wc_payment_method label img {
    border-radius: 8px;
}

#place_order {
    background-color: var(--wp--preset--color--accent-4);
    border-radius: 40px;
    font-size: var(--wp--preset--font-size--medium)!important;
    color: white;
}

#place_order:hover {
    background-color: var(--wp--preset--color--accent-1);
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: none;
    width: 100%;
}

.woocommerce form .form-row .woocommerce-input-wrapper .description {
    background-color: var(--wp--preset--color--accent-2);
    color: black;
    top: 20px;
    border-radius: 8px;
}

.woocommerce form .form-row .woocommerce-input-wrapper .description::before {
    border-color: var(--wp--preset--color--accent-2) transparent transparent transparent;
}

:root :where(.wp-element-button, .wp-block-button__link) {
    border:1px solid var(--wp--preset--color--accent-1);
    border-radius: 40px;
    cursor: pointer;
    color: black;
    background-color: white;
    font-size: 1rem;
}

:root :where(.wp-element-button, .wp-block-button__link):hover {
    background-color: var(--wp--preset--color--accent-1)!important;
  color: white;
}

.woocommerce-account .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a {
    padding: 0px;
    margin-bottom: 0;
}

.woocommerce-account .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a+a {
    margin-top: 5px;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 240px;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: calc(100% - 280px);
}

.woocommerce-order-details h2 {
    margin-top: 0.83em;
    margin-bottom: 0.83em!important;
}

.woocommerce-EditAccountForm.edit-account {
    font-size: 1rem;
}

.woocommerce.wc-block-catalog-sorting select.orderby {
    padding: 8px;
    border-radius: 16px;
    border: 1px solid #707070;
}

.toret-discount-bar {
    background-color: #F8F7FE ;
    padding: 24px;
    border-radius: 16px;
    margin-bottom: 32px;
    font-family: inherit;
    color: #2a1d66;
}

.toret-discount-bar p {
    margin: 0 0 12px;
    font-size: 16px;
    line-height: 1.5;
}

.toret-discount-bar strong {
    font-size: 1.2rem;
    color: black;
}

.toret-discount-bar i {
    margin-right: 6px;
    color: #7a5cff;
}

.toret-discount-bar-link {
    color: var(--wp--preset--color--accent-1);
    text-decoration: underline;
}

.toret-discount-bar-link:hover {
    color: var(--wp--preset--color--accent-3);
    text-decoration: none;
}

.toret-progress-bar {
    margin-top: 12px;
    height: 12px;
    background-color: #e6e1fb;
    border-radius: 6px;
    overflow: hidden;
}

.progress2.progress-moved {
    background-color: transparent;
    height: 100%;
    width: 10%; /* Dynamická šířka podle dosaženého pokroku */
}

.progress-bar2 {
    height: 100%;
    background-color: var(--wp--preset--color--accent-1);
    animation: progressAnimation 1s ease-in-out forwards;
}

@keyframes progressAnimation {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}


/* shortcode */
.kategorie-pluginu {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
}

.kategorie-pluginu h3 {
    font-size: clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 0.15), 2.15rem);
}

.kategorie-pluginu .kategorie-velke {
    flex: 0 0 calc(50% - 13px); /* 50 % mínus půlka mezer (26px / 2) */
    box-sizing: border-box;
}

.kategorie-pluginu .kategorie-male {
    flex: 0 0 calc(33.333% - 17.33px); /* 1/3 mínus půlka mezer (26px * 2 / 3) */
    box-sizing: border-box;
}

.kategorie-pluginu .kategorie-male p.has-small-font-size {
    min-height: 70px;
}

.kategorie-male {
    background: #F8F7FE 0% 0% no-repeat padding-box;
    border-radius: 60px;
    text-align: center;
    padding: 2.6875rem;
    align-content: center;
    align-items: center;
}

.kategorie-male img {
    max-width: 85px;
}

.kategorie-img {
    height: 105px;
        display: flex;
    align-items: center;
    justify-content: center;
}

.kategorie-pluginu a {
    font-size: 15px;
    padding: 15px 19px;
    border: 1px solid #6D58F3;
    border-radius: 25px;
    background-color: white;
    text-decoration: none;
    color: black;
}

.kategorie-pluginu a:hover {
      background-color: var(--wp--preset--color--accent-1);
      color: white;
}

.kategorie-velke {
    padding: 3.6525rem 3rem;
    border-radius: 60px;
    min-height: 440px;
}

.kategorie-velke.doprava {
    background: url(https://toret.cz/wp-content/uploads/2025/07/obr-doprava-a-ucetnictvi.jpg);
}

.kategorie-velke.platby {
    background: url(https://toret.cz/wp-content/uploads/2025/07/obr-platby.jpg);
}

.kategorie-velke h3 {
    color: white;
}

.kategorie-velke p {
    color: white;
}

.kategorie-pluginu .kategorie-velke,
.kategorie-pluginu .kategorie-male {
    display: flex;
    flex-direction: column;
}

.kategorie-footer {
    margin-top: auto;
}

.kategorie-pluginu > div {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.kategorie-footer {
    display: flex;
    gap: 50px;
    align-items: flex-end;
    justify-content: space-between; /* nebo flex-start pokud nechceš zarovnat na okraje */
}

.kategorie-footer p {
    margin: 0;
    flex: 1; /* text zabere zbytek prostoru */
}

.kategorie-footer p:last-child {
    flex: 0 0 150px; /* pevná šířka odkazu */
}

.kategorie-pluginu p:empty {
    display: none;
}

@media (max-width: 1000px) {
    .kategorie-footer {
        flex-direction: column;
        gap: 20px;
        align-items: stretch;
    }

    .kategorie-footer p:last-child {
        flex: 0 0 auto;
        width: 100%;
    }

    .kategorie-pluginu .kategorie-male {
        flex: 0 0 100%;
        min-height: 200px;
    }
}

@media (max-width: 750px) {
    .kategorie-pluginu .kategorie-velke {
            flex: 0 0 100%;
            min-height: 200px;
    }
}

.info-box-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.info-box {
    flex: 0 0 calc(50% - 15px); /* dvě krabice vedle sebe, 30px mezera */
    box-sizing: border-box;
    border: 1px solid #4F288B;
    border-radius: 40px;
    display: flex;
    gap: 50px;
    align-items: flex-start;
    padding: 2rem;
}

.info-box-left {
    flex-shrink: 0;
    width: 150px;
}

.info-box-left img {

}

.info-box-right {
    flex: 1;
}

.info-box p {
    margin: 0;
}

.info-box p.has-medium-font-size {
    margin-top: 0;
    margin-bottom: 2em;
}

.info-box-right a.tlacitko-box {
    font-size: 15px;
    padding: 15px 19px;
    border: 1px solid #6D58F3;
    border-radius: 25px;
    background-color: white;
    text-decoration: none;
    color: black;
}

.info-box-right a.tlacitko-box:hover {
    background-color: var(--wp--preset--color--accent-1);
      color: white;
}

.info-box-wrap p:empty {
    display: none;
}

/* 🔽 Responzivní verze – pod sebe */
@media (max-width: 1000px) {
    .info-box {
        flex: 0 0 100%;
        flex-direction: column;
        gap: 20px;
    }

    .info-box h3 {
        margin-bottom: 0;
    }

    .info-box-wrap {
        flex-direction: column;
        gap: 20px;
    }

    .info-box-left {
        width: 100%;
    }
}

.produkt-benefits {
    border: 1px solid #1E0B3B;
    border-radius: 40px;
}

.produkt-benefits p:empty {
    display: none;
}

.produkt-benefits h3 {
    margin-top: 0;
    margin-bottom: 15px;
}

.produkt-benefits h3::before {
	content: '';
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: 10px;
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
}

.produkt-benefits .potrebujete-pomoci h3::before {
    	background-image: url('https://toret.cz/wp-content/uploads/2025/07/Ikona-telefon-potrebujete-poradit.svg');
}

.produkt-benefits .potrebujete-pomoci p a {
    font-weight: 600;
    padding-bottom: 5px;
    display: block;
}

.produkt-benefits .co-je-soucasti h3::before {
    	background-image: url('https://toret.cz/wp-content/uploads/2025/07/Ikona-zpetna-vazba.svg');
}

.produkt-benefits .zaruka-vraceni-penez h3::before {
    	background-image: url('https://toret.cz/wp-content/uploads/2025/07/Ikona-14-dnu-na-vraceni-penez.svg');
}

.produkt-benefits .zpetna-vazba h3::before {
    	background-image: url('https://toret.cz/wp-content/uploads/2025/07/Ikona-zpetna-vazba.svg');
}

.produkt-benefits > div {
    padding: 25px 20px;
}

.produkt-benefits > div+div {
    border-top: 1px solid #1E0B3B;
}

.produkt-benefits p {
    margin: 0;
}

.co-je-soucasti ul {
	list-style: none;
	padding-left: 0;
}

.co-je-soucasti ul li {
	position: relative;
	padding-left: 20px;
}

.co-je-soucasti ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	width: 15px;
	height: 15px;
	background-image: url('https://toret.cz/wp-content/uploads/2025/07/ikona-odrazka.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

.produkt-buttons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.produkt-buttons a {
    font-size: 15px;
    padding: 15px 19px;
    border: 1px solid #6D58F3;
    border-radius: 25px;
    background-color: white;
    text-decoration: none;
    color: black;
    width: 135px;
    text-align: center;
    display: block;
}

.produkt-buttons a:hover {
    background-color: var(--wp--preset--color--accent-4);
    color: white;
}

.produkt-buttons .produkt-button:last-child a {
    background-color: var(--wp--preset--color--accent-1);
    color: white;
}

.produkt-buttons .produkt-button:last-child a:hover {
    background-color: var(--wp--preset--color--accent-4);
    color: white;
}

.produkt-buttons .produkt-button:last-child a:After{
      content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url('https://toret.cz/wp-content/uploads/2025/07/Ikona-kosik-koupit.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 0.5em;
    vertical-align: middle;
}

.toret-produkt {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.toret-produkt-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background-color: var(--wp--preset--color--accent-2);
    padding: 15px;
    border-radius: 35px;
    gap: 16px;
}

.toret-produkt-item-top {
    height: 16px;
    display: block
}


.toret-produkt-item-top .star-rating {
        color: gold;
        font-size: 1rem;
}

.toret-produkt-item-mid {
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 600;
}

.toret-produkt-item-bot {
    font-size: 15px;
    text-align: center;
}

.toret-produkt .toret-produkt-item:nth-child(2) .toret-produkt-item-mid {
    font-size: 1.5rem;
}

.toret-produkt p:empty {
    display: none;
}

.toret-produkt .toret-produkt-item:nth-child(2) .toret-produkt-item-top::before, .toret-produkt .toret-produkt-item:nth-child(3) .toret-produkt-item-top::before {
    content: "";
    display: block;
    height: 18px;
}

.custom-stars-wrapper {
    display: flex;
    height: 18px;
}

.star {
    font-size: 18px;
    color: #ddd;
    position: relative;
    display: inline-block;
    line-height: 18px;
}

.star-full {
    color: #ffb400;
}

.star-empty {
    color: #ddd;
}

.star-partial {
    background: linear-gradient(90deg, #ffb400 var(--fill-percentage), #ddd var(--fill-percentage));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Fallback pro starší prohlížeče */
.star-partial::before {
    content: '★';
    position: absolute;
    left: 0;
    color: #ffb400;
    width: var(--fill-percentage);
    overflow: hidden;
}

@media (max-width: 1200px) and (min-width: 1001px) {
    #produkt-sidebar {
        flex-basis: 400px!important;
    }
}
 

@media (max-width: 1000px) {
    .info-box-left {
        width: 99px;
    }

    .benefits {
        gap: 0;
    }

    .benefits.cenik {
        gap: 20px;
    }
}

@media (max-width: 650px) {
    .produkt-buttons a {
        padding: 10px 15px;
        width: 100px;
    }

    h1, h1.has-xx-large-font-size {
        font-size: clamp(2.5rem, 2.5rem + ((1vw - 0.2rem) * 0.5), 2.5rem)!important;
    }

    .toret-produkt {
        grid-template-columns: repeat(1, 1fr);
    }

    .comment-form-author input, .comment-form-email input{
        max-width: 175px;
    }

}

/* changelog */

 .changelog-filter {
     margin-bottom: 32px;
 }

 .changelog-filter form {
    display: flex;
    gap: 16px;
 }

.changelog-filter select {
    padding: 8px 16px;
    border: 1px solid #1E0B3B;
    border-radius: 8px;
}

.changelog-list h3 {
    margin-bottom: 20px;
    color: #333;
}

.changelog-entry {
    margin-bottom: 16px;
    padding: 32px;
    background: var(--wp--preset--color--accent-2);
    border-radius: 32px;
}

.changelog-header h4 {

}

.changelog-meta {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.changelog-meta span {
 
}

.changelog-content {
    font-size: 1rem;
}

.changelog-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-top: 32px;
    font-size: 16px;
}

.changelog-pagination .page-numbers {
    padding: 8px 16px;
    border: 1px solid var(--wp--preset--color--accent-1);
    border-radius: 8px;
    text-decoration: none;
}

.changelog-pagination .page-numbers.current {
    font-weight: bold;
    pointer-events: none;
    background-color: var(--wp--preset--color--accent-3);
    border: 1px solid var(--wp--preset--color--accent-3);
    color: white;
}

.changelog-pagination .page-numbers:hover {
    background-color: var(--wp--preset--color--accent-1);
    color: white;
}

.changelog-pagination .page-numbers.dots {
    border: none;
    padding: 6px 8px;
    pointer-events: none;
}


.wpcf7 label {
    font-size: 1rem;
}

.wpcf7 input.wpcf7-text, .wpcf7  .wpcf7-date, .affwp-form input[type=email], .affwp-form input[type=password], .affwp-form input[type=text], .affwp-form input[type=url], .affwp-form textarea {
    border: 1px solid #707070;
    padding: 16px 32px;
    border-radius: 33px;
    width: 100%;
    display: block;
    box-sizing: border-box;
}

.wpcf7-textarea {
     border: 1px solid #707070;
    padding: 16px 32px;
    border-radius: 33px;
    width: 100%;
    font-family: "Inter Tight", sans-serif;
    display: block;
    box-sizing: border-box;
}

.wpcf7-submit {
    background-color: var(--wp--preset--color--accent-4);
    color: white;
    padding: 24px 48px;
    border-radius: 35px;
    cursor: pointer;
    border: none;
    font-size: 1.25rem;
}

.wpcf7-submit:hover {
    background-color: var(--wp--preset--color--accent-1);
}

.toret-plugin-card {
    border-radius: 16px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 32px 16px;
    border: 1px solid #707070;
}

.toret-plugin-card a {
    text-decoration: none!important;
}

.toret-plugin-card img {
    max-width: 70px!important;
    border:2px solid white;
    background-color: #ffffff;
    border-radius: 16px;
}

.toret-plugin-card h3 {
    margin: 5px 0;
}

.toret-plugin-card p {
    color: var(--zakladni)!important;
    font-size: 14px!important;
}

.toret-plugin-card p:empty {
    display: none!important;
}

.toret-plugin-card-review, .product-rating-count {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1rem;
}

.product-rating-count {
    padding-left: 5px;
}

.toret-plugin-card-review span {
    font-weight: 400;
}

.toret-plugin-card h2 {
    font-size: 18px!important;
    line-height: 1.3em!important;
    padding: 0;
    text-align: left;
}

.toret-plugin-card-review {
    display: grid;
    grid-template-columns: 15px auto;
    grid-auto-rows: auto;
}

.woocommerce .toret-plugin-card-review .star-rating {
    width: 16px;
    margin: 0!important;
    top: -1px;
}

.toret-card-description {
    height: 200px;
}

.toret-dokumentace-wrap {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
}

.toret-dokumentace-cat a {
    display: block;
    font-size: 1rem;
}

@media (max-width: 1200px) {
	.toret-dokumentace-wrap {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 900px) {
	.toret-dokumentace-wrap {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.toret-dokumentace-wrap {
		grid-template-columns: 1fr;
	}
}

#affwp-affiliate-dashboard-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	list-style: none;
	padding: 0;
	margin: 0 0 32px 0;
}

#affwp-affiliate-dashboard-tabs li.affwp-affiliate-dashboard-tab {
	border-radius: 12px;
	overflow: hidden;
	background-color: var(--wp--preset--color--accent-2);
	transition: background-color 0.3s ease, transform 0.2s ease;
}

#affwp-affiliate-dashboard-tabs li.affwp-affiliate-dashboard-tab a {
	display: inline-block;
	padding: 8px 16px;
	text-decoration: none;
	color: var(--wp--preset--color--contrast);
	font-weight: 500;
	transition: color 0.3s ease;
    font-size: 1rem;
}

#affwp-affiliate-dashboard-tabs li.affwp-affiliate-dashboard-tab:hover {
	background-color: var(--wp--preset--color--accent-1);
	transform: translateY(-2px);
}

#affwp-affiliate-dashboard-tabs li.affwp-affiliate-dashboard-tab:hover a {
	color: white;
}

#affwp-affiliate-dashboard-tabs li.affwp-affiliate-dashboard-tab.active {
	background-color: var(--wp--preset--color--accent-3);
}

#affwp-affiliate-dashboard-tabs li.affwp-affiliate-dashboard-tab.active a {
	color: white;
}

#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li {
    padding: 0;
}

.affwp-affiliate-link__input, #affwp-url, #affwp-campaign, #affwp-payment-email {
    padding: 8px 16px;
    border: 1px solid #1E0B3B;
    border-radius: 25px;
}

.toret-thankyou-licence-box {
    padding: 30px;
    border-radius: 30px;
}

.toret-free-app {
    font-weight: 600;
}

.button, .affwp-button {
    font-size: 15px;
    padding: 15px 19px;
    border: 1px solid #6D58F3!important;
    border-radius: 25px;
    background-color: white;
    text-decoration: none;
    color: black;
    cursor: pointer;
}

.button:hover, .affwp-button {
    background-color: var(--wp--preset--color--accent-1);
    color: white;
}

table.affwp-table th {
    background-color: var(--wp--preset--color--accent-2);
    font-weight: normal;
}

table.affwp-table, .affwp-creative, .affwp-creatives-types-menu, .affwp-creatives-table {
    font-size: 1rem;
}

#affwp-affiliate-dashboard h4 {
     font-size: clamp(2rem, 2rem + ((1vw - 0.2rem) * 0.15), 2.15rem);
}

table.affwp-table td, table.affwp-table th {
    color: black;
}

#affwp-graphs-date-options {
    padding: 15px 19px;
    border: 1px solid #1E0B3B;
    border-radius: 25px;
}

.toret-woo-archive a {
    display: block;
    font-size: 1rem;
    position: relative;
    padding-left: 1em;
    text-decoration: none;
    color: inherit;
}

.toret-woo-archive a::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #111; /* výchozí barva tečky */
    transition: color 0.3s ease;

}

.toret-woo-archive a:hover::before {
    color: var(--wp--preset--color--accent-1); /* červená při hoveru */
}

.toret-woo-archive a:hover {
    text-decoration: underline;
}

#mp_form_slide_in6 {
    z-index: 9999999999!important;
}

.mailpoet_form p:empty, .mailpoet_form br {
    display: none;
}

#mailpoet_form_1 .mailpoet_paragraph.textinput, #mailpoet_form_8 .mailpoet_paragraph.textinput {
    width: calc(100% - 170px);
    float: left;
    margin: 0;
    height: 65px;
}

#mailpoet_form_1 .mailpoet_paragraph.textinput input, #mailpoet_form_8 .mailpoet_paragraph.textinput input {
    height: 64px;
    width: 100%!important;
    float: left;
    padding: 0 16px!important;
    margin: 0!important;
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
    border: 1px solid #707070;
}

#mailpoet_form_1 .mailpoet_paragraph.tlacitko, #mailpoet_form_8 .mailpoet_paragraph.tlacitko {
    width: 160px;
    float: left;
    margin: 0;
    height: 65px;
}

#mailpoet_form_1 .mailpoet_paragraph.tlacitko input, #mailpoet_form_8 .mailpoet_paragraph.tlacitko input {
    background-color: var(--wp--preset--color--accent-3);
    color: white;
    border-radius: 32px;
    height: 65px;
    text-align: center;
    text-transform: uppercase;
    font-size: 1rem;
    cursor: pointer;
    width: 100%;
}

#mailpoet_form_1 .mailpoet_paragraph.tlacitko input:Hover, #mailpoet_form_8 .mailpoet_paragraph.tlacitko input:Hover {
    background-color: var(--wp--preset--color--accent-1);
}

.souhlas {
    display: inline-block;
    width: 100%;
}

#ez-toc-container {
    border-radius: 32px;
    padding: 32px;
    box-sizing: border-box;
}

ul.ez-toc-list a.ez-toc-link {
    padding-left: 0!important;
}

.wp-block-post-featured-image {
  max-height: 200px;
}
.wp-block-post-featured-image img {
  display: block;
  width: 100%;
  height: 200px;        /* nutné pro fungování object-fit */
  object-fit: contain;  /* celé foto, bez ořezu */
  border-radius: 27px;
}

.wp-block-post-template {
    padding: 0!important;
}

/* Blog: 2 karty vedle sebe na PC */
@media (min-width: 1024px) {
  .wp-block-post-template {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap:25px;
  }
  /* odstraníme mezery z <li>, aby se nezdvojovaly s gapem */
  .wp-block-post-template > li {
    margin: 0 !important;
  }
  /* ať se rámečková karta roztáhne na stejnou výšku */
  .wp-block-post-template > li > .wp-block-group {
    height: 100%;
  }
}

.vypis-blog {
    max-width: 1340px!important;
    margin: 0 auto!important;
}

.wc-block-product-template__responsive>li {
    background: #F7F4FD 0% 0% no-repeat padding-box;
    border-radius: 40px;
    text-align: center;
    padding: 20px;
    border: 1px solid #E7DBFD;
}

.wc-block-product-template__responsive>li  .wc-block-components-product-price {
    margin-bottom: 0!important;
}

#affwp-payment-email,
label[for="affwp-payment-email"] {
    display: none !important;
}

.balicek-promo-wrap {
    background: url(./img/balicek-promo.png) right bottom no-repeat;
    background-size: cover;
    padding: 98px 69px 51px 69px;
    border-radius: 30px;
    border-bottom-right-radius: 0;
    color: white;
}

.balicek-promo {
    display: flex;
}

.balicek-promo-wrap h3 {
    color: white;
    font-weight: bold;
font-size: clamp(32px, 5vw, 50px);
line-height: clamp(40px, 6vw, 65px);
margin-block-start: 0;
margin-block-end: 0;
max-width: 1000px;
}

.balicek-left {
     width: calc(100% - 0px);
}

.balicek-left p {
    max-width: 700px;
}

.balicek-right {
     width: 0px;
}

.balicek-right-box {
    width: 303px;
    height: 248px;
        display: flex
;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #873EFF 0% 0% no-repeat padding-box;
    border-radius: 30px;
}

.balicek-promo a {
    background: #FFFFFF 0% 0% no-repeat padding-box;
border-radius: 10px;
padding: 23px 30px;
text-align: center;
color: #000000;
font-size: clamp(18px, 2vw, 22px);
line-height: clamp(22px, 2.4vw, 26px);
font-weight: bold;
text-decoration: none;
display: inline-block;
}

.balicek-promo a:hover {
    background: #000000;
    color: #fff;
}

@media (max-width: 1000px) {
.balicek-promo-wrap {
    padding: 49px 35px 25px 35px;
}

.balicek-promo a {
    padding: 10px 20px;
}
}

.help-navigation a {
    font-size: 14px;
}

.wc-block-order-confirmation-status .wc-block-order-confirmation-status__actions {
    display: flex;
}

.wc-block-order-confirmation-status__actions a:first-child {
    background-color: var(--wp--preset--color--accent-1);
    color: white;
}

.wc-block-order-confirmation-status__actions a:first-child:hover {
    background-color: var(--wp--preset--color--accent-3) !important;
}

.toret-install-wrap {
    margin-bottom: 10px;
}


.toret-install-wrap label {
        font-size: 14px;
            display: flex;
    align-items: center;
    align-content: center;
        gap: 3px;

}

.product-template-default .wp-block-add-to-cart-form {
    margin-block-start: 5px;

}

#payment .payment_methods li img.stripe-icon, #payment .payment_methods li img.bank-wire-icon, #payment .payment_methods li.payment_method_comgate-card_all img {
    height: 24px;
    width: 37px;
    -o-object-fit: contain;
    object-fit: contain;
}

.install-link {
    text-decoration: none;
}

.install-link:hover {
    color: var(--wp--preset--color--accent-3);
}

.toret-steps-vertical{margin-inline:auto;}
.tstepv{
  display:grid;
  grid-template-columns:56px 1fr;
  column-gap:14px;
  position:relative;
  padding-bottom:18px;
}
.tstepv:last-child{padding-bottom:0;}
.tstepv::before{
  content:"";
  position:absolute;
  left:23px; /* zarovnání na střed ikony (56/2 - 5) */
  top:56px;  /* pod ikonu */
  bottom:-2px;
  width:2px;
  background: currentColor;
  opacity:.22;
}
.tstepv--last::before{display:none;}

.tstepv__icon{width:56px; height:56px; display:flex; align-items:center; justify-content:center;}
.tstepv__icon img{width:48px; height:auto; display:block;}

.tstepv__content h3{margin:0 0 6px; font-size:clamp(17px,1.9vw,21px); line-height:1.35;}
.tstepv__content p{margin:0; font-size:clamp(14px,1.6vw,16px); line-height:1.6; color:inherit; opacity:.92;}

/* jemné zahuštění na malých displejích */
@media (max-width:560px){
  .tstepv{grid-template-columns:44px 1fr; column-gap:10px;}
  .tstepv__icon{width:44px;height:44px;}
  .tstepv::before{left:20px; top:44px;}
}


/* Minimal clean summary */
.wp-block-woocommerce-order-confirmation-summary.wc-block-order-confirmation-summary{
  --accent-1: var(--wp--preset--color--accent-1,#6b60ee);
  --accent-2: var(--wp--preset--color--accent-2,#f7f4fd);
  --accent-3: var(--wp--preset--color--accent-3,#471e89);
  --accent-4: var(--wp--preset--color--accent-4,#341664);
}

/* List layout */
.wp-block-woocommerce-order-confirmation-summary .wc-block-order-confirmation-summary-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns: 1fr;
  row-gap:14px;
  margin-bottom: 30px;
      border-bottom: 1px solid var(--wp--preset--color--accent-4);
    padding-bottom: 30px;
    padding: 25px;
    border: 1px solid var(--wp--preset--color--accent-4);
    background: #F8F7FE;
    border-radius: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}
@media (min-width:720px){
  .wp-block-woocommerce-order-confirmation-summary .wc-block-order-confirmation-summary-list{
    grid-template-columns: 1fr 1fr;
    column-gap:24px;
  }
}

/* Row: key | value with thin divider */
.wp-block-woocommerce-order-confirmation-summary .wc-block-order-confirmation-summary-list-item{
  display:flex;
  align-items:baseline;
  gap:14px;
  padding-bottom:12px;
  border-bottom:1px dashed color-mix(in oklab, var(--accent-1) 24%, transparent);
}
.wp-block-woocommerce-order-confirmation-summary .wc-block-order-confirmation-summary-list-item:last-child{
  border-bottom:0;
  padding-bottom:0;
}

/* Labels */
.wp-block-woocommerce-order-confirmation-summary .wc-block-order-confirmation-summary-list-item__key{
  flex:0 0 clamp(120px,24vw,180px);
  font-weight:600;
  letter-spacing:.01em;
  white-space:nowrap;
}

/* Values */
.wp-block-woocommerce-order-confirmation-summary .wc-block-order-confirmation-summary-list-item__value{
  flex:1 1 auto;
  color:#1b1b1b;
  text-align:right;
  font-weight:500;
  font-variant-numeric: tabular-nums;
  overflow-wrap:anywhere;
}

/* Price highlight */
.wp-block-woocommerce-order-confirmation-summary .woocommerce-Price-amount{
  font-weight:800;
}

/* Order number as subtle code pill */
.wp-block-woocommerce-order-confirmation-summary .wc-block-order-confirmation-summary-list-item:first-child .wc-block-order-confirmation-summary-list-item__value{
  color: var(--accent-4);
}
.wp-block-woocommerce-order-confirmation-summary .wc-block-order-confirmation-summary-list-item:first-child .wc-block-order-confirmation-summary-list-item__value{
  display:inline-flex;
  justify-content:flex-end;
  gap:.5ch;
}
.wp-block-woocommerce-order-confirmation-summary .wc-block-order-confirmation-summary-list-item:first-child .wc-block-order-confirmation-summary-list-item__value::before{
  content:"#";
  color: var(--accent-1);
}

/* Email/link styling in values */
.wp-block-woocommerce-order-confirmation-summary .wc-block-order-confirmation-summary-list-item__value a{
  color: var(--accent-1);
  text-decoration:none;
  border-bottom:1px solid color-mix(in oklab, var(--accent-1) 55%, transparent);
}
.wp-block-woocommerce-order-confirmation-summary .wc-block-order-confirmation-summary-list-item__value a:hover{
  color: var(--accent-3);
}

.woocommerce-checkout h2 {
    font-size: clamp(15.747px, 0.984rem + ((1vw - 3.2px) * 0.516), 24px)!important;
}

.woocommerce-checkout .order-again {
    display: inline-block;
}

.toret-thankyou-licence-box {
    margin-top: 30px;
    margin-bottom: 30px;
}

.toret-thankyou-licence-box p:not(.licence) {
    font-size: 16px;
}

.tqr-custom-bankdetails ul, .tqr-custom-bankdetails h3 {
    font-size: 16px;
}

.wp-block-term-description h2 {
    margin-top: 0;
    font-size: var(--wp--preset--font-size--large);
}

.wp-block-term-description h3 {
    font-size: var(--wp--preset--font-size--medium);
}

.wp-block-term-description p {
    font-size: var(--wp--preset--font-size--small);
}

.plnasirka a {
    width: 100%!important;
}

.plnasirka a::after {
    display: none!important;
}


@media (max-width: 1000px) {
  .swap-order-on-mobile {
    flex-direction: column; 
  }
  .swap-order-on-mobile > :first-child { order: 2; }
  .swap-order-on-mobile > :last-child  { order: 1; }

  #bf-term-mob-center {
 text-align: center;   
}
}

@media (max-width: 800px) and (min-width: 600px) {
  .wp-block-navigation__container li a.wp-block-navigation-item__content {
    font-size: 14px;
  }

  .wp-block-navigation__container {
     gap: 20px;
  }

  li.dokumentace {
    display: none !important;
  }
}

.ribbon-corner {
    background-image: url(https://toret.cz/wp-content/uploads/2025/10/usetrite-svetla.svg);
    background-position: top right;
    background-size: 115px;
    background-repeat: no-repeat;
}

.ribbon-corner.bf-corner {
    background-image: url(https://toret.cz/wp-content/uploads/2025/11/Black-friday-40.svg);
}

.ribbon-corner-10 {
    background-image: url(https://toret.cz/wp-content/uploads/2025/10/sleva-10-.svg);
    background-position: top right;
    background-size: 115px;
    background-repeat: no-repeat;
}

@media (max-width: 600px) {
    .oddelovace.alejendva.wp-block-columns {
        display: grid !important
;
        grid-template-columns: 1fr;
        gap: 36px;
        justify-items: center;
        text-align: center;
    }

    .oddelovace.alejendva > .wp-block-column {
        width: 100%!important;
    }

    .ribbon-corner {
        background-size: 75px;
    }
}

.cart-subtotal.recurring-total, .recurring-totals, .cart-subtotal {
    display: none;
}

.order-total.recurring-total {
    font-size: 0.85em;
}

.woocommerce-page table.shop_table {
    width: 100%;
}

.wp-block-woocommerce-product-review-form .comment-form-rating .stars-wrapper:not([hidden]) {
    justify-content: center;
}

/* Jemný badge u jména: "• Ověřený nákup" */
.wc-block-review-list-item__author {
  position: relative;
  padding-right: .5em;
}
.wc-block-review-list-item__author:has(> :where(span,em,strong)) { /* pro jistotu nic */ }

.mysticky-welcomebar-content p::before {
    content: "";                /* Vytvoří prázdný prostor */
    display: inline-block;      /* Abychom mohli nastavit rozměry */
    
    /* ZDE NASTAVTE VELIKOST */           
    height: 30px;
        width: 190px;
    
    /* Nastavení obrázku */
    background-image: url('https://i.countdownmail.com/4r7oj9.gif');
    background-size: contain;   /* Zajistí, že se celý obrázek vejde do rozměrů */
    background-repeat: no-repeat; /* Aby se neopakoval */
    background-position: center;  /* Vycentrování v boxu */
    
    /* Zarovnání vůči textu */
    vertical-align: middle;     
    margin-right: 10px;         /* Odstup od textu */
}

@media (max-width: 767px) {
    .mysticky-welcomebar-content p::before {

    
    /* ZDE NASTAVTE VELIKOST */           
    height: 20px;
        width: 130px;
}
}


/* --- Styl Spouštěcího tlačítka (Shortcode) --- */
.custom-search-trigger {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    color: var(--wp--preset--color--accent-3);
    text-decoration: none;
    transition: color 0.3s;
    margin-left: 15px;
}

.custom-search-trigger:hover {
    color: var(--wp--preset--color--accent-1)
}

/* --- Styl Postranního panelu --- */
#side-search-panel {
    position: fixed;
    top: 0;
    right: -450px; /* Změněno na 450px pro lepší prostor */
    width: 450px;  /* Změněno na 450px */
    height: 100vh;
    background: #fff;
    z-index: 99999;
    box-shadow: -5px 0 15px rgba(0,0,0,0.1);
    transition: right 0.4s ease-in-out;
    
    /* Flexbox pro strukturu */
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    /* Padding odstraněn odsud a přesunut do dětí (header/content), aby scrollbar byl u kraje */
    padding: 0; 
}

#side-search-panel.is-open {
    right: 0; /* Vysunuto */
}

/* Hlavička panelu */
.panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 30px; /* Padding přesunut sem */
    border-bottom: 1px solid #f0f0f0;
    flex-shrink: 0; /* Důležité: Hlavička se nesmí smrskávat */
}

#close-search-panel {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
}

/* --- NOVÉ: Obal obsahu pro rolování --- */
.panel-content {
    flex-grow: 1;      /* Zabere veškerý zbývající prostor pod hlavičkou */
    overflow-y: auto;  /* Zapne rolování, pokud je obsah dlouhý */
    padding: 25px 30px; /* Padding obsahu */
    min-height: 0;     /* Fix pro Firefox flexbox scroll */
}

/* Input pole */
#ajax-search-input {
    width: 100%; 
    box-sizing: border-box !important; 
    padding: 15px;
    border: 1px solid var(--wp--preset--color--accent-1);
    border-radius: 4px;
    font-size: 16px;
    margin-bottom: 20px;
    display: block; 
    outline: none;
}

/* Overlay (ztmavnutí pozadí) */
#search-panel-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 99998;
    display: none; 
    opacity: 0;
    transition: opacity 0.4s;
}

#search-panel-overlay.is-visible {
    display: block;
    opacity: 1;
}

/* Responzivita pro mobily */
@media (max-width: 500px) {
    #side-search-panel {
        width: 100%;
        right: -100%;
    }
}

/* --- Styl výsledků vyhledávání --- */

.search-section-title {
    font-size: 12px;
    text-transform: uppercase;
    color: #999;
    margin: 15px 0 10px 0;
    font-weight: bold;
    letter-spacing: 1px;
}

.search-result-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px;
    text-decoration: none;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.2s;
}

.search-result-item:last-child {
    border-bottom: none;
}

.search-result-item:hover {
    background: #f9f9f9;
}

/* Obrázek */
.result-image {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    border-radius: 4px;
    overflow: hidden;
    background: #eee;
}

.result-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Textový obsah */
.result-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.result-title {
    font-weight: 600;
    color: #333;
    font-size: 15px;
    line-height: 1.2;
}

/* Cena produktu */
.result-price, .result-price .subscription-details {
    color: var(--wp--preset--color--contrast); /* Barva ceny */
    font-weight: bold;
    font-size: 14px;
    margin-top: 4px;
}
.result-price del {
    color: #999;
    font-size: 0.8em;
    margin-right: 5px;
    font-weight: normal;
}

/* Meta popisek (Článek, Stránka...) */
.result-meta {
    font-size: 12px;
    color: #888;
    margin-top: 3px;
}

.search-divider {
    border: 0;
    border-top: 1px solid #eee;
    margin: 10px 0;
}

.no-results {
    padding: 20px;
    text-align: center;
    color: #777;
}

/* Placeholder pro kategorie bez obrázku */
.cat-placeholder {
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #f4f4f4;
}

.search-result-item.category .result-image {
    background: none; /* Odstraní šedé pozadí kontejneru */
}

/* Pokud chcete kategorie zvýraznit třeba jinou barvou pozadí při hoveru */
.search-result-item.category:hover {
    background: #fdfdfd; 
}

.wc-block-cart-item__product .wc-block-components-product-metadata__description {
    display: none!important;
}

.sticky-lista {
    position: -webkit-sticky; /* Pro Safari */
    position: sticky;
    top: 0;
    z-index: 1000; /* Aby plula nad ostatním obsahem */
}

@media (max-width: 1600px) {
    .sticky-lista {
        position: static !important; /* static = chová se normálně, nelepí se */
    }
}


.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    z-index: 1100;
}

@media (min-width: 1001px) {
.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    color: var(--wp--preset--color--contrast, #000000);
    text-decoration: none;
    transition: background-color 0.2s, color 0.2s;
    display: block;
    padding: 12px 20px;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
    color: var(--wp--preset--color--accent-3) !important;
    background-color: rgba(0, 0, 0, 0.05);
}
    /* --- Box podmenu (Vyskakovací karta) --- */
    .wp-block-navigation .wp-block-navigation__submenu-container {
        background-color: var(--wp--preset--color--base, #ffffff);
        border-radius: 8px;
        border: 1px solid rgba(0,0,0,0.05);
        padding: 0;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        margin-top: 20px !important;
        
        /* Animace */
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: all 0.2s ease-in-out;
        display: block !important;
        
        /* Pozice */
        position: absolute;
        min-width: 220px;
        z-index: 1000;
        left: -20px;
    }

    /* --- Zobrazení menu při najetí (Hover) --- */
    .wp-block-navigation .wp-block-navigation-item:hover > .wp-block-navigation__submenu-container,
    .wp-block-navigation .wp-block-navigation-item.is-hovered > .wp-block-navigation__submenu-container,
    .wp-block-navigation .wp-block-navigation-item.has-child:focus-within > .wp-block-navigation__submenu-container {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    /* --- Hover efekt uvnitř --- */
    .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
        background-color: rgba(0, 0, 0, 0.04);
        color: var(--wp--preset--color--accent-3, #000) !important;
    }

    /* --- Šipka vedle textu (Indikátor) --- */
    .wp-block-navigation > .wp-block-navigation-item > .wp-block-navigation__submenu-icon {
        display: inline-block !important; 
        vertical-align: middle;
        margin-left: 3px; 
        pointer-events: none;
        background: transparent;
        border: none;
    }
    
    .wp-block-navigation > .wp-block-navigation-item > .wp-block-navigation__submenu-icon svg {
        width: 12px;
        height: 12px;
        fill: currentColor;
        display: block;
    }

    /* --- Neviditelný most (aby se menu nezavíralo v mezeře) --- */
    .wp-block-navigation .wp-block-navigation__submenu-container:after {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 0;
        width: 100%;
        height: 20px;
    }
    
    /* --- Zaoblení rohů --- */
    .wp-block-navigation__submenu-container .wp-block-navigation-item:first-child .wp-block-navigation-item__content {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child .wp-block-navigation-item__content {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    
    /* --- 3. úroveň menu (do boku) --- */
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
        left: 100%;
        top: 0px;
        margin-top: 0 !important;
        margin-left: 0px;
    }
}

#mailpoet_form_8 {
    margin-block-start: 0rem;
}

@media (max-width: 1000px) {

.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
    padding: 3px 1em;
}

#mailpoet_form_1, #mailpoet_form_8 {
        margin-block-start: 0!important;
}

#mailpoet_form_1 form.mailpoet_form, #mailpoet_form_8 form.mailpoet_form {
    padding-left: 0!important;
    padding-right: 0!important;
}

#mailpoet_form_8 form.mailpoet_form {
    padding: 0!important;
}

#mailpoet_form_1 .mailpoet_paragraph.tlacitko, #mailpoet_form_8 .mailpoet_paragraph.tlacitko {
    width: 115px;
}

#mailpoet_form_1 .mailpoet_paragraph.textinput, #mailpoet_form_8 .mailpoet_paragraph.textinput {
    width: calc(100% - 115px);
    float: left;
    margin: 0;
    height: 65px;
}

.sticky-lista p {
    text-align: center;
}

.sticky-lista .wp-block-columns {
    row-gap: 20px;
}

}

.toret-thankyou-licence-box h2 {
    margin-top: 0;
    margin-bottom: 0;
}

/* Kontejner */
.toret-thankyou-licence-box {
    margin: 50px auto 20px;
    font-size: 16px;
        background-color: #F8F7FE;
    border: 1px solid var(--wp--preset--color--accent-4);
}

.toret-thankyou-licence-box h2 {

}

/* Tabulka */
.toret-thankyou-licence-box table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.toret-thankyou-licence-box td {
    padding: 12px 8px;
    border-bottom: 1px solid #edf2f7;
    vertical-align: middle;
}

/* První prázdný sloupec - pokud ho nemůžeš smazat v HTML, skryj ho */
.toret-thankyou-licence-box td:first-child {
    display: none; 
} 

/* Název pluginu */
.toret-thankyou-licence-box td:nth-child(2) {
    font-weight: 500;
}

/* Licenční klíč - to nejdůležitější */
.toret-thankyou-licence-box strong {
    display: inline-block;
    font-family: 'Courier New', Courier, monospace; /* Monospace pro čitelnost */
    background-color: #fff;
    color: var(--wp--preset--color--accent-4); /* Modrá barva pro důraz */
    padding: 6px 12px;
    border: 1px solid var(--wp--preset--color--accent-4);
    border-radius: 4px;
    letter-spacing: 1px;
    user-select: all; /* Umožní vybrat celý klíč jedním kliknutím */
    width: calc(100% - 15px);

    word-break: break-all; /* ZÁSADNÍ: Zalomí dlouhý klíč */
    display: inline-block; /* Lepší pro formátování */
}

/* Zarovná nadpisy tabulky doleva, aby lícovaly s obsahem */
.toret-thankyou-licence-box th {
    text-align: left;
    padding-left: 10px; /* Stejný padding jako mají buňky td */
    color: var(--wp--preset--color--contrast); /* Jemnější barva než černá působí moderněji */
}

/* Zajistí, že text vlevo bude přesně uprostřed výšky řádku */
.toret-thankyou-licence-box td {
    vertical-align: middle;
}

.woocommerce-MyAccount-downloads-file {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}

.woocommerce-view-order .tidoklad-download-button {
    background-color: var(--wp--preset--color--accent-4);
    color: white;
}

/* 1. Odstranění všech vnitřních čar (borderů) */
.toret-thankyou-licence-box table,
.toret-thankyou-licence-box tbody,
.toret-thankyou-licence-box tr,
.toret-thankyou-licence-box td,
.toret-thankyou-licence-box th {
    border: none !important;
    border-style: none !important;
    border-width: 0 !important;
    box-shadow: none !important; /* Pro jistotu, kdyby to byl stín */
}

/* 2. Pokud chceš, aby řádky nebyly nalepené na sobě, přidej jim vzduch */
.toret-thankyou-licence-box td {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

/* 3. (Volitelné) Pokud chceš zachovat JEN tu úplně spodní čáru pod nadpisy "Název" a "Licence" */
.toret-thankyou-licence-box th {
    border-bottom: 1px solid #e2e8f0 !important; /* Velmi jemná šedá */
    border-width: 0 0 1px 0 !important;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: bold !important
}

.woocommerce-checkout .toret-thankyou-licence-box h2 {
    margin-bottom: 0.83em !important;
}

@media only screen and (max-width: 600px) {

    /* 1. Reset tabulky na blokové elementy (aby se skládaly pod sebe) */
    .wc-block-order-confirmation-downloads__table,
    .wc-block-order-confirmation-downloads__table tbody,
    .wc-block-order-confirmation-downloads__table tr,
    .wc-block-order-confirmation-downloads__table td {
        display: block;
        width: 100%;
        box-sizing: border-box; /* Aby padding nerozšiřoval šířku */
    }

    /* 2. Skrytí původní hlavičky tabulky (Produkt, Vyprší...) */
    .wc-block-order-confirmation-downloads__table thead {
        display: none;
    }

    /* 3. Oddělení jednotlivých produktů (řádků) od sebe */
    .wc-block-order-confirmation-downloads__table tr {
        margin-bottom: 20px; /* Mezera mezi položkami */
        border-bottom: 1px solid #ccc; /* Jednoduchá oddělovací čára */
    }

    /* 4. Rozložení buňky: Vlevo popisek, Vpravo hodnota */
    .wc-block-order-confirmation-downloads__table td {
        display: flex;
        justify-content: space-between; /* Roztáhne obsah od sebe */
        align-items: center; /* Zarovná na střed vertikálně */
        text-align: right; /* Obsah vpravo */
        padding: 10px 0; /* Malý vertikální rozestup */
    }

    /* 5. Vložení textu popisku (z HTML atributu data-title) */
    .wc-block-order-confirmation-downloads__table td::before {
        content: attr(data-title);
        font-weight: bold; /* Aby byl popisek odlišen */
        text-align: left;
        padding-right: 15px; /* Mezera mezi popiskem a hodnotou */
        flex-shrink: 0; /* Aby se popisek nedeformoval */
    }

    /* 6. Výjimka pro tlačítko (poslední buňka) */
    .wc-block-order-confirmation-downloads__table td:last-child {
        display: block; /* Tlačítko necháme na samostatném řádku */
        text-align: center;
        border-bottom: none;
    }

    /* Skryjeme generovaný popisek u tlačítka, tam není potřeba */
    .wc-block-order-confirmation-downloads__table td:last-child::before {
        display: none;
    }
    
    /* Tlačítko roztáhneme na celou šířku pro snadný klik */
    .wc-block-order-confirmation-downloads__table a.button {
        display: block; 
        margin-top: 5px;
        text-align: center;
    }

    .wc-block-order-confirmation-downloads__table .download-remaining {
        display: none!important;
    }
}

.tidoklad-download-wrap {
    background-color: #F8F7FE;
    border: 1px solid var(--wp--preset--color--accent-4);
    border-radius: 30px;
    padding: 24px;
    margin: 30px 0; 
    text-align: center; 
} 

.woocommerce-checkout .toret-free-app {
    margin-top: 48px;
}

.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward {
    border: none!important;
}

.wc-block-components-notice-banner {
    border-radius: 15px;
}

.woocommerce-account h2 {
    font-weight: 700!important;
}

/* --- START: Toret E-shop PROFI Bundle Design --- */

/* 1. HLAVNÍ ROZLOŽENÍ (Obrázek vlevo, obsah vpravo) */
.bundle_form .bundled_product {
    display: flex !important;      /* Vynutí řádek */
    flex-direction: row;           /* Vedle sebe */
    align-items: flex-start;       /* Zarovnání nahoru */
    width: 100%;
    clear: both;
}

/* 2. OBRÁZEK (Desktop: 100x100px) */
.bundle_form .bundled_product .bundled_product_images {
    width: 80px !important;       /* Pevná šířka sloupce */
    flex: 0 0 80px !important;    /* Zákaz změn velikosti */
    margin: 0 !important;
    float: none !important;
}

.bundle_form .bundled_product .bundled_product_images img {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain;           /* Zachová poměr stran */
    background: #fff;
}

/* 3. OBSAH (Pravý sloupec) */
.bundle_form .bundled_product .details {
    flex-grow: 1;                  /* Zabere zbytek místa */
    width: auto !important;
    float: none !important;
    padding: 0 0 0 20px !important; /* Odsazení zleva od obrázku */
}

/* 4. TYPOGRAFIE */
.product-type-bundle .item_title {
    font-size: var(--wp--preset--font-size--medium, 18px);
    font-weight: bold;
    margin-bottom: 5px !important;
    margin-top: 0 !important;
    display: block;
}

/* 5. CENA */
.bundled_product_summary .bundled_item_wrap span.price, 
.single-product .bundled_product_summary .bundled_item_wrap span.price {
    margin-top: 0 !important;
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}

/* 6. FORMULÁŘE A VÝBĚR */
table.variations tr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    margin-bottom: 10px;
}

table.variations td {
    display: block;
    padding: 0 !important;
    width: 100%;
}

/* Styl Select boxu */
table.variations select {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-size: 15px;
    transition: all 0.2s;
    background-color: #fff !important;
    height: auto;
}

table.variations select:focus {
    border-color: #6366f1; /* Toret fialová */
    background-color: #fff;
    outline: none;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

/* 7. SKRÝVÁNÍ PRVKŮ */
table.variations td.label,
.product-type-bundle .attribute_options label {
    display: none !important;
}

.reset_bundled_variations_fixed,
.reset_variations, 
.bundled_product_title_link {
    display: none !important;
}

table.variations td.value {
    display: block;
    width: 100%;
    padding: 0;
}

/* 8. HLAVNÍ TLAČÍTKO KOUPIT */
.bundle_button {
    display: flex;
    margin-top: 20px;
}

/* --- 9. RESPONSIVE (MOBILNÍ ZOBRAZENÍ) --- */
/* Zde měníme velikost obrázku pro obrazovky menší než 768px */

@media (max-width: 768px) {
    /* Zmenšení kontejneru obrázku na 60px */
    .bundle_form .bundled_product .bundled_product_images {
        width: 60px !important;
        flex: 0 0 60px !important;
    }

    /* Zmenšení samotného obrázku na 60px */
    .bundle_form .bundled_product .bundled_product_images img {
        width: 60px !important;
        height: 60px !important;
    }
    
    /* Volitelné: Jemné zmenšení mezery mezi obrázkem a textem na mobilu */
    .bundle_form .bundled_product .details {
        padding: 0 0 0 15px !important;
    }
}

/* --- END CSS --- */

.wc-block-components-notice-banner.is-info {
    background-color: #f5ebff;
    border-color: #aea1d7;
}

.wc-block-components-notice-banner.is-info>svg {
    background-color: #6b60ee;
}

.product-type-bundle .wc-block-components-notice-banner__content ul {
   margin-left: 0;
}

.product-type-bundle .wc-block-components-notice-banner__content ul li {
    list-style-type: none;
}

.ikona-text {
        display: flex;
    gap: 5px;
    align-items: center;
}

.mensi-cena .price {
    font-size: 16px;
}

.mensi-cena .bundle_error .msg {
      font-size: 16px;
}

.features-content .feature-visual {
    /* Mapování tvých barev */
    --accent-color: var(--wp--preset--color--accent-1); /* #6b60ee (fialová) */
    --light-bg: var(--wp--preset--color--accent-2);    /* #f7f4fd (velmi světlá fialová) */
    --base-white: var(--wp--preset--color--base);      /* #FFFFFF */
    --border-radius: 30px; /* Větší rádius vypadá moderněji */
    --spacing: 30px;       /* Vnitřní padding kolem videa */
    position: relative;
    /* Hlavní kontejner - jemný světlý přechod */
    background: linear-gradient(110deg, var(--base-white) 0%, var(--light-bg) 100%);
    border: 1px solid rgba(107, 96, 238, 0.2); /* Velmi jemný fialový okraj */
    border-radius: var(--border-radius);
    padding: var(--spacing);
    line-height: 0;
    transform: translateZ(0);
    transform-style: preserve-3d;
    box-shadow: 0 20px 50px rgba(0,0,0,0.05); /* Jemný stín pro "odlepení" od stránky */
}

.features-content .feature-visual video {
    width: 100%;
    height: auto;
    display: block;
    border-radius: calc(var(--border-radius) / 2);
    position: relative;
    z-index: 1;
}

.features-content {
    perspective: 1000px;
}

.text-vertikalne {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap: 4px;
}

#toret-slider-5 {
    margin-top: 10px;
}

<style>
.balicek-promo-container {
    display: flex;
    align-items: center;
    background: #f4f6f8; /* Jemná šedá nebo tvoje brand barva */
    border-radius: 8px;
    padding: 30px;
    margin: 20px 0;
    border: 1px solid #e2e4e7;
}

.balicek-left {
    flex: 2;
    padding-right: 20px;
}

.balicek-left h3 {
    margin-top: 0;
    font-size: 24px;
    color: #1d2327;
}

.toret-highlight {
    color: #d63638; /* Červená pro slevu, nebo tvoje fialová */
    white-space: nowrap;
}


.toret-btn-cta {
    background: #2271b1; /* Toret modrá/fialová */
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 4px;
    font-weight: bold;
    display: inline-block;
}

.toret-btn-cta:hover {
    background: #135e96;
}

.mensi-balicek {
        padding: 49px 69px 35px 69px;
}

.mensi-balicek h3 {
        font-size: clamp(20px, 5vw, 32px);
}

.mensi-balicek a {
    padding: 16px 20px;
    font-size: clamp(14px, 2vw, 18px);
    line-height: clamp(14px, 2.4vw, 18px);
}

@media (max-width: 1000px) {
    .balicek-promo-wrap {
        padding: 49px 35px 25px 35px;
    }
}