.brxe-container {width: var(--max-screen-width); max-width: 100%; column-gap: var(--space-xl); row-gap: var(--space-xl)} .woocommerce main.site-main {width: var(--max-screen-width)} #brx-content.wordpress {width: var(--max-screen-width); max-width: 100%} html {font-size: 62.5%} body {font-size: var(--text-m); color: var(--text-body); line-height: 1.5; font-family: "Outfit"} h1, h2, h3, h4, h5, h6 {color: var(--text-title); line-height: 1.2; font-family: "Outfit"} body.bricks-is-frontend :focus-visible {outline: 2px solid var(--primary)} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: 2px solid var(--primary); }} .brxe-section {padding-top: var(--space-3xl); padding-right: var(--space-m); padding-bottom: var(--space-3xl); padding-left: var(--space-m)} .bricks-button {font-size: var(--text-s); font-weight: 400; line-height: 150%; padding-top: var(--space-xs); padding-right: var(--space-m); padding-bottom: var(--space-xs); padding-left: var(--space-m); border: 1px solid var(--bricks-border-color); border-radius: var(--radius-s); transition: var(--standard-transition)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"] {color: var(--light); border-color: var(--primary)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--secondary)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--dark)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--primary-80)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--secondary-80)} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: var(--dark-80)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--light-90)} :root .bricks-button[class*="dark"] {color: var(--light); border-color: var(--dark)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--light)} .bricks-button.sm {padding-top: var(--space-3xs); padding-right: var(--space-s); padding-bottom: var(--space-3xs); padding-left: var(--space-s); font-size: var(--text-xs)} :root .bricks-button[class*="primary"].outline {border-color: var(--primary); color: var(--primary)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--bg-surface)} .bricks-button.md {padding-top: calc(var(--space-xs) * 1.2); padding-right: var(--space-m); padding-bottom: calc(var(--space-xs) * 1.2); padding-left: var(--space-m); font-size: var(--text-m)} .bricks-button.lg {padding-top: calc(var(--space-xs) * 1.5); padding-right: var(--space-l); padding-bottom: calc(var(--space-xs) * 1.5); padding-left: var(--space-l); font-size: var(--text-l)} .bricks-button.xl {padding-top: calc(var(--space-s) * 1); padding-right: var(--space-xl); padding-bottom: calc(var(--space-s) * 1); padding-left: var(--space-xl); font-size: var(--text-2xl)} :root .bricks-button[class*="secondary"] {border-color: var(--secondary)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {border-color: var(--dark-10)} .bricks-button:hover {border: 1px solid var(--transparent)} :root .bricks-button[class*="primary"]:hover {border-color: var(--transparent)} :root .bricks-button[class*="secondary"]:hover {border-color: var(--transparent)} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {border-color: var(--transparent)} :root .bricks-button[class*="dark"]:hover {border-color: var(--transparent)} :root .bricks-button[class*="dark"].outline {color: var(--dark)} :root .bricks-button[class*="light"].outline {border-color: var(--light-80)} .bricks-button.outline:hover {border: 1px solid var(--bricks-border-color)} :root .bricks-button[class*="primary"].outline:hover {background-color: var(--primary-40)} :root .bricks-button[class*="secondary"].outline:hover {background-color: var(--secondary-40)} :root .bricks-button[class*="light"].outline:hover {border-color: var(--transparent); background-color: var(--light-40)} :root .bricks-button[class*="dark"].outline:hover {background-color: var(--dark-40)} :root .bricks-button[class*="muted"].outline:hover {border: 1px solid var(--bricks-border-color)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):active {background-color: var(--primary)} :root .bricks-button[class*="primary"]:not(.outline):active {background-color: var(--primary)} :root .bricks-button[class*="secondary"]:not(.outline):active {background-color: var(--secondary)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):active {background-color: var(--light)} :root .bricks-button[class*="light"].outline:active {background-color: var(--light-80)} :root .bricks-button[class*="secondary"].outline:active {background-color: var(--secondary-80)} :root .bricks-button[class*="primary"].outline:active {background-color: var(--primary-80)} :root .bricks-button[class*="dark"]:not(.outline):active {background-color: var(--dark)} :root .bricks-button[class*="dark"].outline:active {background-color: var(--dark-80)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):focus {background-color: var(--light)} :root .bricks-button[class*="primary"]:not(.outline):focus {background-color: var(--secondary)} :root .bricks-button[class*="primary"].outline:focus {background-color: var(--secondary-80)} :root .bricks-button[class*="secondary"]:not(.outline):focus {background-color: var(--primary)} :root .bricks-button[class*="secondary"].outline:focus {background-color: var(--primary-80)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):focus {background-color: var(--light)} :root .bricks-button[class*="light"].outline:focus {background-color: var(--light-80)} :root .bricks-button[class*="dark"]:not(.outline):focus {background-color: var(--dark)} :root .bricks-button[class*="dark"].outline:focus {background-color: var(--dark-80)} :where(.brxe-accordion .accordion-content-wrapper) a, :where(.brxe-icon-box .content) a, :where(.brxe-list) a, :where(.brxe-post-content):not([data-source="bricks"]) a, :where(.brxe-posts .dynamic p) a, :where(.brxe-shortcode) a, :where(.brxe-tabs .tab-content) a, :where(.brxe-team-members) .description a, :where(.brxe-testimonials) .testimonial-content-wrapper a, :where(.brxe-text) a, :where(a.brxe-text), :where(.brxe-text-basic) a, :where(a.brxe-text-basic), :where(.brxe-post-comments) .comment-content a, .brxe-product-content a, .brxe-product-short-description a, .brxe-product-tabs .woocommerce-Tabs-panel a {color: var(--primary)} html {background-color: var(--bg-body)} body {background: none}header, main, footer {*, *::before, *::after { box-sizing: border-box; transition: all var(--standard-transition) ease-in-out;}}section { order: 1;}.woocommerce, .woocommerce-checkout { display: flex; flex-direction: column;}.first-section { order: -1;}.woocommerce .before-cart:has(.woocommerce-notices-wrapper:empty) { display: none;}.woocommerce .before-cart, .woocommerce-NoticeGroup { order: 0; align-items: center; display: flex; flex-direction: column; margin-left: auto; margin-right: auto; width: 100%; max-width: 100%; padding: var(--space-m); padding-bottom: 0;}.woocommerce-notices-wrapper, .woocommerce-NoticeGroup div { width: 100%; max-width: var(--max-screen-width);}.woocommerce-notices-wrapper, .woocommerce-NoticeGroup ul { font-size: var(--text-s); line-height: 150%; width: 100%; margin: 0; backdrop-filter: blur(5px) saturate(500%); -webkit-backdrop-filter: blur(5px) saturate(500%); box-shadow: var(--shadow-l); border-radius: var(--radius-m);}.woocommerce-NoticeGroup li:not(:last-child) { margin-bottom: var(--space-2xs);}.checkout-inline-error-message { color: var(--bricks-text-danger); font-size: var(--text-s); margin-top: 5px;}.woocommerce-billing-fields p:has(.checkout-inline-error-message) input { border-color: var(--bricks-text-danger);}.button, .added_to_cart { box-sizing: border-box; padding-top: var(--space-xs); padding-right: var(--space-m); padding-bottom: var(--space-xs); padding-left: var(--space-m); background-color: var(--dark); color: var(--light); line-height: 150%; font-weight: 400; border-radius: var(--radius-s); border: 1px solid var(--dark); align-items: center;}.button:hover { background-color: var(--primary); border: 1px solid var(--primary);}.added_to_cart { background-color: var(--primary); border: 1px solid var(--primary); grid-column: span 2;}.single_add_to_cart_button span, .added_to_cart { font-size: var(--text-m) !important; font-weight: 500 !important; }.single_add_to_cart_button, .added_to_cart { min-height: calc(40px + (2 * var(--space-xs))); display: flex; justify-content: center; align-items: center;}.added_to_cart:hover { background-color: var(--dark); border: 1px solid var(--dark);}.woocommerce-variation-add-to-cart { display: grid; grid-gap: var(--space-s); grid-template-columns: repeat(2, minmax(0, 1fr));}@media(max-width: 991px){ .added_to_cart { grid-column: span 1; } .woocommerce-variation-add-to-cart { grid-template-columns: repeat(1, minmax(0, 1fr)); }}.checkout-button, .place-order .button { background-color: var(--primary) !important; border-color: var(--primary) !important; &:hover, &:focus { background-color: var(--dark) !important; border-color: var(--dark) !important; }} .quantity{ color: var(--dark); .plus, .minus { border-color: var(--dark); &:hover, &:focus { background-color: var(--primary-10); border-color: var(--transparent); } &:active { background-color: var(--primary); } } .action.minus{ border-radius: var(--radius-s) 0 0 var(--radius-s); } .action.plus{ border-radius: 0 var(--radius-s) var(--radius-s) 0; } input { border-color: var(--dark) !imoprtant; border-radius: 0 !important; }}.bricks-button, .button { &.sm { border-radius: var(--radius-s); } &.md { border-radius: calc(var(--radius-s) * 1.15 ); } &.lg { border-radius: calc(var(--radius-m) * 1.15 ); } &.xl { border-radius: var(--radius-l); }}.woocommerce-shipping-destination { font-size: var(--text-s); color: var(--text-body); line-height: 1.5em;}.brxe-filter-radio, .woocommerce-shipping-methods, .payment_methods { input { display: none; }} .brxe-filter-radio li, .woocommerce-shipping-methods li, .payment_methods li { position: relative; width: 100%; display: flex; flex-direction: row; align-items: center; gap: var(--space-2xs); label { font-weight: 600; color: var(--dark); } label, .brx-option-text { position: relative; display: flex; align-items: center; gap: var(--space-2xs); width: 100%; } label.brx-option-disabled::before { border-color: var(--dark-d-4); } &:hover label:not(.brx-option-disabled) { color: var(--primary); } label::before { content: ''; display: block; width: var(--text-m); height: var(--text-m); border: 1px solid var(--primary); border-radius: 100em; background-color: var(--transparent); flex-shrink: 0; } label::after { z-index: 1; content: ''; display: block; width: calc(var(--text-m) * 0.65); height: calc(var(--text-m) * 0.65); position: absolute; transform: translate(-50%, -50%); top: 50%; left: calc(var(--text-m) * 0.5); border-radius: 100em; background-color: var(--light); opacity: 0; flex-shrink: 0; } &:hover label:not(.brx-option-disabled)::after { opacity: 1; } &:hover label:not(.brx-option-disabled)::before { background-color: var(--primary-5); border: 1px solid var(--transparent); } &.brx-option-active label::before, &:has(input[checked="checked"]) label::before { background-color: var(--primary-5); } &.brx-option-active label::after, &:has(input[checked="checked"]) label::after { background-color: var(--primary); opacity: 1; }}.payment_methods li { flex-direction: column; align-items: start;}.payment_methods li label img { margin-left: auto;}.payment_box {margin: 0; padding: 0; padding-left: var(--space-m); padding-bottom: var(--space-s);}.brxe-filter-checkbox:not(.filter__size-selector) { display: flex; flex-direction: column; input { display: none; }}.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-form__input-checkbox { display: none !important;}.brxe-filter-checkbox:not(.filter__size-selector) li { position: relative; width: 100%; display: flex; flex-direction: row; align-items: center; gap: var(--space-2xs); label, .brx-option-text { width: 100%; } .brx-option-text { display: flex; justify-content:space-between; } label.brx-option-disabled::before { border-color: var(--dark-d-4); } &:hover label:not(.brx-option-disabled) { color: var(--primary); } label::before { content: ''; display: block; width: var(--text-m); height: var(--text-m); border: 1px solid var(--primary); border-radius: var(--radius-xs); background-color: var(--transparent); flex-shrink: 0; } label::after { z-index: 1; content: ''; display: block; width: calc(var(--text-m) * 0.65); height: calc(var(--text-m) * 0.65); position: absolute; transform: translate(-50%, -50%); top: 50%; left: calc(var(--text-m) * 0.5); border-radius: calc(var(--radius-xs) * 0.65); background-color: var(--light); opacity: 0; flex-shrink: 0; } &:hover label:not(.brx-option-disabled)::after { opacity: 1; } &:hover label:not(.brx-option-disabled)::before { background-color: var(--primary-5); border: 1px solid var(--transparent); } &.brx-option-active label::before { background-color: var(--primary-5); } &.brx-option-active label::after { background-color: var(--primary); opacity: 1; }}.card-product, .card-crossroad__card { &:hover, &:focus-within{ .card-product__add-cart, .card-crossroad-img__btn { opacity: 1; transform: translateY(0); } }}.card-product__price{ .price:not(:has(del)) bdi { color: var(--dark); font-weight: 500; }}.checkout__form-details h3 { margin-bottom: var(--space-s); }.form-row { margin-bottom: var(--space-s); }#ship-to-different-address label { width: 100%; padding-inline-end: var(--space-m); }.checkbox { border: none; }.input,input:not([type="submit"]),select,textarea { border: 1px solid var(--dark-20); border-radius: var(--radius-xs); padding: var(--space-xs); background-color: var(--light);}.input:focus,input:not([type="submit"]):focus,select:focus,textarea:focus { border-color: var(--dark); }.form-row-first,.form-row-last { width: calc(50% - var(--space-m) / 2); }@media (max-width: 991px) { .form-row-first, .form-row-last { width: 100%; }}.form-row-first { float: left; }.form-row-last { float: right; }.form-row-wide { clear: both; }.select2-container--default .select2-selection--single { border: 1px solid var(--dark-20); border-radius: var(--radius-xs); padding: var(--space-xs); height: auto;}.select2-container--default .select2-selection--single .select2-selection__arrow { top: 50%; }.woocommerce-checkout-review-order { gap: var(--space-m); }.woocommerce-checkout-payment { margin: 0; }.woocommerce-checkout table,.woocommerce-checkout-payment,.cart__items-container,.cart__totals-container { border: none; border-radius: var(--radius-m); background-color: var(--light-90); backdrop-filter: blur(5px) saturate(500%); -webkit-backdrop-filter: blur(5px) saturate(500%); box-shadow: var(--shadow-l);}.cart_totals { display:flex; flex-direction: column; gap: var(--space-m);}.shop_table thead,.shop_table tbody,.shop_table tfoot { display: flex; flex-direction: column; gap: var(--space-s); border: none;}.shop_table tr { display: flex; justify-content: space-between; gap: var(--space-m); width: 100%;}.shop_table tr.cart_item,.shop_table tr.shipping { padding-bottom: var(--space-s); border-bottom: 1px solid var(--dark-10);}.shop_table tr.cart-subtotal,.shop_table tr.packetery-widget-button-table-row { padding-bottom: var(--space-m); border-bottom: 1px solid var(--dark-50); width: 100%;}.shop_table tr:has(#installment-mini-total) { display: none;}.shop_table tr.shipping { flex-direction: column; }.shop_table tr.shipping td { display: flex; flex-direction: column; gap: var(--space-s); justify-content: flex-start;}.shop_table tr.shipping li:last-child,.shop_table tr.shipping label:last-child { margin: 0; }.packetery-widget-button-table-row td, .packetery-widget-button-table-row div, .packetery-widget-button-table-row button {width: 100%;}.packetery-widget-button-table-row .packetery-widget,.packetery-widget-button-table-row .packeta-widget { display: flex; align-items: center; width: 100%; margin: 0;}.packetery-widget-button-table-row .packeta-widget { flex-direction: column; gap: var(--space-m); align-items: flex-start;}.packetery-widget-button-table-row .packeta-widget-info::before { content: "Vyrané místo dodání "; display: block; font-size: var(--text-s); font-weight: 400;}.packetery-widget-button-table-row .packeta-widget.table-row img { display: block; margin: 0; height: calc(2px + (var(--space-xs) * 2) + (var(--text-m) * 1.5)); width: calc(2px + (var(--space-xs) * 2) + (var(--text-m) * 1.5)); aspect-ratio: 1 / 1; border-radius: var(--radius-s) 0 0 var(--radius-s); border: 1px solid var(--dark);}.packetery-widget-button-table-row button { font-size: var(--text-m); border-radius: 0 var(--radius-s) var(--radius-s) 0; padding: var(--space-xs); text-wrap: nowrap; }.packetery-widget-button-table-row th,.packetery-widget-button-table-row p:empty { display: none; }.shop_table th,.shop_table td { width: 100%; padding: 0; border: none;}.shop_table th:last-child,.shop_table td:last-child { display: flex; justify-content: flex-end;}.shop_table tbody { padding-block: 0; }.woocommerce-terms-and-conditions-wrapper { display: flex; flex-direction: column; gap: var(--space-m);}.woocommerce-terms-and-conditions-checkbox-text { padding-left: calc(var(--space-2xs) / 2); font-size: var(--text-s);} .pswp__bg { background: var(--dark-80); backdrop-filter: blur(5px);}.pswp__top-bar { background: none; background-color: transparent !important;}.pswp__button--arrow--right { content: url("");}@media (max-width: 767px) { .brxe-container {column-gap: var(--space-2xl); row-gap: var(--space-2xl)} .bricks-button {padding-top: var(--space-s); padding-right: var(--space-l); padding-bottom: var(--space-s); padding-left: var(--space-l); font-weight: 500}}