/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/*
main {
  background-color: var(--color-gray-200);
}*/

/***********************************************************
*
*                  FLUENTFORMS
*
***********************************************************/

.fluentform input[type="text"],
.fluentform input[type="email"],
.fluentform input[type="tel"],
.fluentform input[type="number"],
.fluentform input[type="textarea"],
.fluentform input[type="password"],
.fluentform textarea {
  width: 100% !important;
  padding: var(--spacing-xs) !important;
  border: 1px solid var(--color-gray-300) !important;
  border-radius: 0 !important;
  font-size: var(--text-l) !important;
  color: var(--color-charcoal) !important;
  background-color: var(--color-surface) !important;
  transition:
    border-color 0.2s,
    background-color 0.2s !important;
}
.fluentform input[type="tel"] {
  padding-left: 56px !important; /* pro telefonní čísla */
}
.fluentform label {
  font-weight: 500 !important;
  color: var(--color-charcoal) !important;
  margin-bottom: 0.25rem !important;
  display: block !important;
}

.fluentform .ff-custom_html {
  margin-bottom: 1.5rem !important;
}
.fluentform .haffit-receptury-container .ff-custom_html {
  margin-bottom: 0 !important;
}

.ff-default .ff-el-form-control:focus {
  border-color: var(--color-secondary-300) !important;
  box-shadow: var(--shadow-md);
}

.shipping_adrress_box,
.company_box {
  display: none !important;
}

/* Zvýraznění checkboxů ve Fluent Forms */
.ff-el-form-check-input[type="checkbox"] {
  width: var(--spacing-lg);
  height: var(--spacing-lg);
  accent-color: var(--primary);
  border-radius: 0.3em;
  cursor: pointer;
  transition:
    border 0.2s,
    box-shadow 0.2s;
}

/* Styl pro zaškrtnutý stav */
.ff-el-form-check-input[type="checkbox"]:checked {
  background: var(--color-secondary);
  color: var(--color-white);
}

/* Volitelně větší klikací oblast */
.ff-el-form-check-label {
  font-size: 1.1em;
  gap: 0.5em;
}
.ff_tc_checkbox input[type="checkbox"] {
  margin-right: 8px !important;
}

/***********************************************************
*                 END        FLUENTFORMS
***********************************************************/

/***********************************************************
*
*                         BUTTONS
*
***********************************************************/
.wc-block-components-button:not(.is-link):focus {
  box-shadow: none !important;
}
.btn-light-green {
  font-weight: bold;
  transition: all 0.4s ease 0s;
  color: var(--color-secondary-500) !important;
  background-color: var(--color-secondary-200) !important;
  border-color: transparent !important;
}
.btn-light-green:hover {
  background-color: var(--color-secondary-500) !important;
  color: var(--color-white) !important;
  border-color: var(--color-secondary-500) !important;
}
.btn-charcoal-outline {
  font-weight: bold;
  color: var(--color-charcoal) !important;
  border: 2px solid var(--color-charcoal) !important;
  background-color: transparent;
  padding: var(--spacing-xs) var(--spacing-base);
  transition: background-color 0.4s ease 0s;
}
.btn-charcoal-outline:hover {
  color: var(--color-white) !important;
  background-color: var(--color-charcoal);
}
.btn-charcoal-outline:hover img {
  filter: brightness(0) invert(1);
}
.btn-charcoal {
  font-weight: bold;
  color: var(--color-white) !important;
  border: 2px solid var(--color-charcoal) !important;
  background-color: var(--color-charcoal);
  padding: var(--spacing-xs) var(--spacing-base);
  transition: background-color 0.4s ease 0s;
}
.btn-charcoal:hover {
}
.btn-dark-bg {
  background-color: transparent;
  color: var(--color-white);
  padding: var(--spacing-xs) var(--spacing-base);
  border: 2px solid var(--color-white) !important;
  border-radius: 0;
  font-weight: bold;
  transition: background-color 0.4s ease 0s;
}
.btn-dark-bg:hover {
  color: var(--color-charcoal);
  background-color: var(--color-white);
}
.btn-CTA-haffit {
  width: 100%;
  text-align: center;
  color: white;
  background-color: var(--color-primary-500);
  padding: var(--spacing-lg);
  border-radius: 0;
  transition: background-color 0.4s ease 0s;
}
.btn-CTA-haffit:hover {
  background-color: var(--color-secondary-500);
}
/*** woo order button   ***/
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
  background: var(--color-secondary-500);
  border: 2px solid var(--color-secondary-500);
  color: white;
  font-weight: bold;
  transition: all;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.4s ease 0s;
}
@media (max-width: 640px) {
  button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,
  a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    width: 100%;
  }
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover,
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover {
  background: transparent;
  color: var(--color-secondary-500);
}
/*
.btn-header-sestav-haffit {
  background: var(--color-secondary-500);
  padding: var(--spacing-sm) var(--spacing-2xl);
  color: white;
  font-weight: 900;
  border: 2px solid var(--color-secondary-500);
  text-transform: uppercase;
  margin: 0 var(--spacing-sm);
  transition:  background-color 0.4s ease 0s !important;
}
.btn-header-sestav-haffit:hover {
  background: transparent;
  color: var(--color-secondary-500);
}
*/
/***********************************************************
*                 END        BUTTONS
***********************************************************/
.infobox {
  background-color: var(--color-gray-200);
  border-left: 4px solid var(--color-secondary-500) !important;
  padding-top: var(--spacing-sm);
  padding-right: var(--spacing-sm);
  padding-bottom: var(--spacing-sm);
  padding-left: var(--spacing-sm);
  margin-top: var(--spacing-sm);
  margin-right: var(--spacing-sm);
  margin-bottom: var(--spacing-sm);
  margin-left: var(--spacing-sm);
}

/***********************************************************
*
*                         PAGES-TEMPLATES
*
***********************************************************/
.page-id-1020 #breadcrumbs {
  background: var(--color-hafblue);
}
/***********************************************************
*                 END        PAGES-TEMPLATES
***********************************************************/

/***********************************************************
*
*                         HOMEPAGE
*
***********************************************************/
.hp-iconbox-jakFunguje {
  position: relative;
  padding: var(--spacing-xs);
}
.hp-iconbox-jakFunguje-icon {
  position: absolute;
  right: -15px;
  top: 40px;
}
.hp-iconbox-jakFunguje .icon svg {
  width: 70px;
  height: 70px;
}
.hp-iconbox-jakFunguje .icon {
  width: clamp(70px, 9.375vw, 160px);
  height: clamp(70px, 9.375vw, 160px);

  border: 1px solid var(--color-gray-200);
  background-color: var(--color-surface);
  padding: var(--spacing-base);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
}
.hp-iconbox:nth-child(2n) .hp-iconbox-jakFunguje-icon {
  display: none !important;
}

/*mažu šipky*/
#brxe-bbknuc,
#brxe-cgsmcz {
  display: none;
}

@media (min-width: 640px) {
  .hp-iconbox-jakFunguje-icon {
    top: 40px;
  }
  #brxe-bbknuc,
  #brxe-cgsmcz {
    display: block;
  }
  #brxe-nhbprl {
    display: none;
  }
  .hp-iconbox-jakFunguje:nth-child(3n) .hp-iconbox-jakFunguje-icon {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hp-iconbox-jakFunguje-icon {
    top: 50px;
  }
}

@media (min-width: 1024px) {
  .hp-iconbox-jakFunguje-icon {
    top: 80px;
  }
  #brxe-nhbprl {
    display: block;
  }
  .hp-iconbox-jakFunguje:nth-child(3n) .hp-iconbox-jakFunguje-icon {
    display: block !important;
  }
}
@media (max-width: 639px) {
  .hp-iconbox-jakFunguje:nth-child(2n) .hp-iconbox-jakFunguje-icon {
    display: none !important;
  }
  .hp-iconbox-jakFunguje:last-child {
    grid-column: 1 / -1; /* Zabere celou šířku gridu */
    justify-self: center; /* Vycentruje horizontálně */
  }
}
/**
 * Carousel for naši spokojení zákazníci
 */
#hp-carousel .swiper-slide {
  display: flex;
}
#hp-carousel .image.css-filter,
#hp-carousel .content-wrapper {
  height: 100%;
  width: 50%;
}
#brxe-gqipnf li.has-link a:hover .iccon,
#brxe-gqipnf li.no-link:hover .icon {
  color: var(--color-white) !important;
}
@media (max-width: 767px) {
  #hp-carousel .swiper-slide {
    flex-direction: column;
  }

  #hp-carousel .image.css-filter,
  #hp-carousel .content-wrapper {
    width: 100%;
    height: auto; /* volitelně, pokud nechceš natvrdo výšku */
    align-items: center;
  }
  #hp-carousel .content-wrapper {
    margin-top: var(--spacing-base);
    padding: var(--spacing-base);
    text-align: center;
  }
}

/***********************************************************
*                 END        HOMEPAGE
***********************************************************/
/***********************************************************
*
*                         VŠE O PRODEJI
*
***********************************************************/
.vse-o-prodeji-item {
  display: flex;
  flex-direction: column;
  text-align: left;
  text-transform: uppercase;
  padding: var(--spacing-base);
  box-shadow: var(--shadow-md);
  color: var(--color-primary-500) !important;
  border: 1px solid var(--color-primary-500) !important;
  font-weight: 600;
}
.vse-o-prodeji-item:hover {
  background-color: var(--color-primary-100);
}
/* Haffit plněné granule */
.page-id-1018 .haffit-pln-granule a {
  text-decoration: none !important;
  color: var(--color-charcoal);
}
.page-id-1018 .wc-block-components-product-price {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.page-id-1018 .wc-block-product-template__responsive > li {
  box-shadow: var(--shadow-md);
  transition: background-color 0.3s ease;
  background: var(--color-gray-50);
  border: 1px solid var(--color-slate-200);
}
.page-id-1018 .wc-block-product-template__responsive > li:hover {
  background-color: var(--color-gray-100);
  box-shadow: var(--shadow-xl);
}
.page-id-1018 h2,
.page-id-1018
  .has-font-size.has-small-font-size.has-text-align-center.product-price.my-\(--spacing-xs\).font-bold.\!text-lg.product-price.my-\(--spacing-xs\).font-bold.\!text-lg.wp-block-woocommerce-product-price.has-small-font-size {
  padding: var(--spacing-base);
}
a[data-block-name="woocommerce/product-button"] {
  margin-left: var(--spacing-base);
  margin-right: var(--spacing-base);
  margin-bottom: var(--spacing-base);
  margin-top: auto;
  width: calc(100% - var(--spacing-base) * 2);
}
.page-id-1018 .post-3809 {
  position: relative;
}
.page-id-1018 .post-3809 a[data-block-name="woocommerce/product-button"] {
  position: absolute;
  bottom: 0;
}

/***********************************************************
*                END         VŠE O PRODEJI
***********************************************************/

/***********************************************************
*
*                         Barvené dlaždice
*
***********************************************************/
.tile {
  padding: dvar(--spacing-base);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: fit-content;
}

.tile img {
  max-height: 300px;
}
@media (min-width: 768px) {
  .tile {
    padding: var(--spacing-2xl);
    aspect-ratio: 1 / 1;
  }
  .tile img {
    max-height: unset;
  }
}
/***********************************************************
*                END            Barvené dlaždice
***********************************************************/

/***********************************************************
*
*                         MENU
*
***********************************************************/
.language-switch {
  position: relative;
  width: 60px;

  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}

.lang-item {
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  font-size: 0.9rem;
}

.lang-item img {
  height: 36px;
  width: auto;
  display: block;
}

/* Aktivní jazyk */
.active-lang {
  z-index: 2;
}

/* Skrytá SK vlajka */
.hidden-lang {
  position: absolute;
  top: 56px; /* přesně pod CZ vlajku */
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
  background-color: white;
}

/* Při hoveru se SK zobrazí, ale CZ se nehýbe */
.language-switch:hover .hidden-lang {
  transform: scaleY(1);
  opacity: 1;
  pointer-events: auto;
}

/***********************************************************
*                END            MENU
***********************************************************/

/***********************************************************
*
*                         HEADER - sestate si haffit
*
***********************************************************/
/*******
* login form
*******/
#pop-up-login #wp-submit {
  font-weight: bold;
  color: var(--color-charcoal);
  border: 2px solid var(--color-charcoal) !important;
  background-color: transparent;
  padding: var(--spacing-xs) var(--spacing-base);
  transition: background-color 0.4s ease 0s;
}
#pop-up-login #wp-submit:hover {
  color: var(--color-white);
  background-color: var(--color-charcoal);
}

/***********************************************************
*                END            HEADER - sestate si haffit
***********************************************************/

.page-id-1828 .brxe-uobtpp a {
  display: none !important;
}

.btn_pohlavi label,
.suroviny-alergie label {
  margin-bottom: 0 !important;
}

/*****************************************
* MY ACCOUNT DASHBOARD CUSTOMIZATION
*****************************************/
.woocommerce-MyAccount-navigation {
  background-color: unset;
}
.woocommerce-account .woocommerce {
  flex-direction: column;
}
.woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-base);
}
.woocommerce-account .woocommerce-MyAccount-navigation a {
  box-shadow: var(--shadow-md);
  text-decoration: none;
  color: var(--color-charcoal);
}
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
  background-color: var(--color-secondary-200);
}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active {
  background-color: var(--color-secondary-500);
}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
  color: var(--color-white) !important;
}
/* Skryje úvodní odstavce WooCommerce, pokud je přítomen wrapper s produkty */
.woocommerce-MyAccount-content:has(.haffit-my-products-wrapper) > p {
  display: none;
}
/* --- sm breakpoint (min-width: 640px) --- */
@media (max-width: 640px) {
  .woocommerce-MyAccount-navigation li {
    width: 100%;
  }
}

/**************************************************
*
* Delete modal for My Products
*
*********************************************************/

.haffit-delete-modal {
  position: fixed;

  inset: 0;

  display: none;

  align-items: center;

  justify-content: center;

  z-index: 9999;
}

.haffit-delete-modal.is-active {
  display: flex;
}

.haffit-delete-modal__backdrop {
  position: absolute;

  inset: 0;

  background: rgba(0, 0, 0, 0.45);
}

.haffit-delete-modal__dialog {
  position: relative;

  width: min(480px, 90vw);

  background: var(--color-white);

  border-radius: var(--radius-lg);

  padding: var(--spacing-lg);

  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);

  z-index: 1;
}

.haffit-delete-modal__title {
  margin: 0 0 var(--spacing-sm);

  font-size: var(--text-lg);

  font-weight: 700;

  color: var(--color-charcoal);
}

.haffit-delete-modal__text {
  margin: 0 0 var(--spacing-sm);

  color: var(--color-gray-700);
}

.haffit-delete-modal__pet-name {
  font-weight: 700;

  color: var(--color-secondary-600);
}

.haffit-delete-modal__error {
  margin: 0 0 var(--spacing-sm);

  color: var(--color-red-600, #dc2626);

  font-size: var(--text-sm);

  display: none;
}

.haffit-delete-modal__error.is-visible {
  display: block;
}

.haffit-delete-modal__actions {
  display: flex;

  gap: var(--spacing-sm);

  justify-content: flex-end;
}

.haffit-delete-modal__btn {
  border: 1px solid var(--color-gray-300);

  background: var(--color-white);
  color: var(--color-charcoal);

  border-radius: var(--radius-md);

  padding: var(--spacing-xs) var(--spacing-base);

  font-weight: 600;

  cursor: pointer;

  transition: all 0.15s ease-in-out;
}

.haffit-delete-modal__btn:disabled {
  opacity: 0.7;

  cursor: not-allowed;
}

button.haffit-delete-modal__btn.haffit-delete-modal__btn--secondary:hover {
  background: var(--color-secondary-100) !important;
}

.haffit-delete-modal__btn--primary {
  background: var(--color-primary-500);

  color: var(--color-white);

  border-color: var(--color-primary-500);
}

.haffit-delete-modal__btn--primary:hover {
  background: var(--color-primary-600);

  border-color: var(--color-primary-600);
}

/* Skrytí standardního WooCommerce dashboard textu */

.haffit-product-card img {
  max-height: 250px;
  aspect-ratio: 1 / 1;
}

.alignwide {
  margin-left: 0;
}
.haffit-my-products a {
  text-decoration: none !important;
}
.btn-upravit-krmivo,
.btn-objedat-krmivo,
.btn-new-pet {
  padding: var(--spacing-2xs) var(--spacing-sm);
  display: flex;
  align-items: center;
  border: 2px solid;
  justify-content: center;
  transition: all 0.2s ease;
  text-decoration: uppercase;
  font-weight: bold;
}
.btn-upravit-krmivo {
  border-color: var(--color-secondary-500);
  background-color: var(--color-secondary-500);
  color: var(--color-white) !important;
}
.btn-objedat-krmivo,
.btn-new-pet {
  border-color: var(--color-charcoal);
  color: var(--color-charcoal) !important;
}
.btn-smaz-mazlicka {
  color: var(--color-primary-500) !important;
}
.btn-upravit-krmivo:hover {
  background-color: var(--color-white);
  color: var(--color-secondary-500) !important;
}
.btn-objedat-krmivo:hover,
.btn-new-pet:hover {
  background-color: var(--color-charcoal);
  color: var(--color-white) !important;
}
.btn-smaz-mazlicka:hover {
  text-decoration: underline !important;
}

/* Paginace pro My Products */
.haffit-pagination .page-numbers {
  padding: var(--spacing-2xs) var(--spacing-xs);
  border: 1px solid var(--color-gray-300);
  color: var(--color-charcoal);
  text-decoration: none;
  border-radius: 4px;
  transition: all 0.2s ease;
  box-shadow: var(--shadow-sm);
}
.haffit-pagination .page-numbers.current {
  background-color: var(--color-secondary-500);
  color: var(--color-white);
  border-color: var(--color-secondary-500);
  font-weight: bold;
}
.haffit-pagination a.page-numbers:hover {
  background-color: var(--color-secondary-100);
  border-color: var(--color-secondary-500);
}

/*
.minicart {
  position: fixed;
  bottom: 114px;
  right: 20px;
  border: 2px solid currentColor;
  background-color: var(
    --primary-500,
    #e63946
  );
  color: #fff;
  padding: 1rem;
  border-radius: 9999px;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
*/
/* --- sm breakpoint (min-width: 640px) --- */
/*
@media (min-width: 640px) {
  .minicart {
    position: static;
    bottom: auto;
    right: auto;
    border-width: 0;
    background-color: transparent;
    padding: 0;
    color: var(--color-charcoal, #353535);
  }
}*/
body:has(.cart-detail-hrmbvb.active) #brxe-ygginb,
body:has(.cart-detail-hrmbvb.active) #brxe-xkfilg {
  display: none;
}
.brxe-woocommerce-mini-cart .cart-detail .woocommerce-mini-cart__buttons a {
  border: 2px solid;
  background-color: transparent;
  transition: all 0.2s ease;
}
.brxe-woocommerce-mini-cart .cart-detail .wc-forward {
  border-color: var(--color-charcoal);
  color: var(--color-charcoal);
}
.brxe-woocommerce-mini-cart .cart-detail .wc-forward.checkout {
  border-color: var(--color-secondary-500);
  color: var(--color-secondary-500);
}

.brxe-woocommerce-mini-cart .cart-detail .wc-forward:hover {
  background-color: var(--color-charcoal);
  color: var(--color-white);
}
.brxe-woocommerce-mini-cart .cart-detail .wc-forward.checkout:hover {
  background-color: var(--color-secondary-500);
  color: var(--color-white);
}

/* Skrýt prvky když je otevřený filtr */
body.filter-open #brxe-ygginb,
body.filter-open #brxe-xkfilg,
body.filter-open #brxe-xnlxhe,
body.filter-open .filter-btn {
  display: none !important;
}

/* Custom checkboxy pro filtry produktů */
.filter-category,
.filter-size-tag,
.filter-age-tag {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 24px;
  height: 24px;
  background-image: url("https://haffit.cz/wp-content/uploads/2025/08/checkbox-empty.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  margin-right: 8px;
  border: 0;
}

.filter-category:checked,
.filter-size-tag:checked,
.filter-age-tag:checked {
  background-image: url(https://haffit.cz/wp-content/uploads/2025/08/checkbox.png);
  filter: saturate(84%) hue-rotate(165deg) brightness(41%);
}
.produkty-container a {
  text-decoration: none !important;
  color: var(--color-charcoal);
}
.product-price del {
  width: 100%;
  color: var(--color-primary-500);
  font-weight: 400;
  display: block;
}
.product-image img {
  object-fit: cover;
  width: 100%;
}
.product .onsale {
  position: absolute;
  top: 10rem;
  left: 1rem;
  background: #f56565;
  color: #fff;
  padding: 0.25rem 0.6rem;
  font-weight: 700;
  z-index: 2;
}
.product span.price {
  margin-top: var(--spacing-xs);
  width: 100%;
  display: flex;
  align-items: baseline;
}
.product span.price ins {
  text-decoration: none !important;
}
.produkty-container .nadpis-kategorie {
  font-size: var(--text-4xl);
}
.filters span {
  color: var(--color-charcoal);
}

/* Úprava filtru pro WP admin bar */
@media (max-width: 1023px) {
  body.admin-bar .filters {
    top: calc(70px + var(--wp-admin--admin-bar--height, 0px));
    height: calc(100% - 70px - var(--wp-admin--admin-bar--height, 0px));
  }
}

form.cart .quantity + button,
form.woocommerce-cart-form .quantity + button {
  margin-top: 0;
}

/* Skrýt šipky (spinner) v number inputu */
input[type="number"].no-spinner::-webkit-outer-spin-button,
input[type="number"].no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"].no-spinner {
  -moz-appearance: textfield;
  appearance: textfield;
}

.produkty-podle-kategorii .clear-filters {
  background-color: var(--primary-200);
  color: var(--color-primary-500);
}
.produkty-podle-kategorii .clear-filters:hover {
  background-color: var(--color-primary-500);
  color: var(--color-white);
}

/* Custom price format CSS variables */
:root {
  --price-prefix: "Cena od:";
  --price-connector: "za";
}

/* Price text customization */
.price-prefix::after {
  content: var(--price-prefix);
  font-size: small;
}

.price-connector::after {
  content: var(--price-connector);
  font-size: small;
  margin-left: 4px;
}
/*****************************************************************
*
*       Muj účet
*
******************************************************************/

.woocommerce-view-order .tqr-custom-bankdetails {
  display: none;
}

/* thank you page*/
@media (max-width: 768px) {
  .woocommerce-order-received .woocommerce .woocommerce-columns {
    flex-direction: column;
    gap: var(--spacing-xs);
  }
}

/* nezaplacené objednávky - zvýraznění */
.woocommerce-order-details .order-actions-button {
  margin-right: 8px; /* nebo kolik chceš */
}
@media (max-width: 640px) {
  .woocommerce-order-overview.order_details {
    grid-template-columns: 1fr;
  }
}

#order_review .toret-qr-wrap img {
  max-width: unset;
}
/*adresy v detailu objednávek*/
@media (max-width: 991px) {
  .woocommerce-account #customer_login.u-columns.col2-set {
    grid-template-columns: 1fr;
  }

  .woocommerce-account #customer_login.u-columns.col2-set > .u-column1,
  .woocommerce-account #customer_login.u-columns.col2-set > .u-column2 {
    float: none !important;
    width: 100% !important;
    grid-column: 1 / -1;
  }
}
.pridat-mazlicka a {
  text-decoration: none !important;
}
.pridat-mazlicka a:hover {
  text-decoration: underline !important;
}
.pridat-mazlicka::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 8px;
  background-image: url(https://haffit.cz/wp-content/uploads/2025/08/add.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* Skrýt info o krmivu když je tlačítko disabled */
.haffit-my-products__item:has(.haffit-order-btn.disabled)
  .haffit-info-item-krmivo {
  visibility: hidden;
}

/* Margin-bottom pro LO pouze když je krmivo skryté (disabled btn) a do 360px */
@media (max-width: 360px) {
  .haffit-my-products__item:has(.haffit-order-btn.disabled)
    .haffit-info-item-LO {
    margin-bottom: var(--spacing-lg);
  }
}

/*****************************************
* Detail objednávky - úprava odsasazení detailu krmiva
*****************************************/
.woocommerce-order-received #detail-krmiva {
  margin-top: -20px !important;
}
.woocommerce-view-order #detail-krmiva {
  margin-top: -10px !important;
}

/*****************************************
* End Detail objednávky - úprava odsasazení detailu krmiva
*****************************************/

/*****************************************
* úprava mezisoučtů v košíku
*****************************************/

.wc-block-components-totals-wrapper,
.wp-block-woocommerce-cart-order-summary-block {
  border: 0 !important;
}

/****************************************
*
* Archive produkty
*
*****************************************/

/****************************************
*
* HEADER - sticky
*
*****************************************/
.brx-sticky.on-scroll {
  box-shadow: var(--shadow-2xs);
}
.brx-sticky.on-scroll.scrolling {
  box-shadow: var(--shadow-xl);
}

/* Na mobilech (600px a méně) skrýt admin bar a upravit pozice */
@media screen and (max-width: 600px) {
  #wpadminbar {
    display: none !important;
  }
  .brx-sticky.on-scroll {
    margin-top: -46px;
  }
  /* Sticky header na top: 0 */
  #brx-header {
    top: 0 !important;
  }

  /* Filtr bez admin bar offsetu */
  body.admin-bar .filters {
    top: 70px;
    height: calc(100% - 70px);
  }
  main {
    margin-top: 46px;
  }
}

.page-id-235.woocommerce-lost-password .brxe-container .woocommerce {
  max-width: 600px;
  padding: var(--spacing-base);
  box-shadow: var(--shadow-xs);
  margin: 0 auto;
}
/****************************************
*
* košík a pokladna
*
*****************************************/
[data-block-name="woocommerce/checkout"].alignwide {
  /* styly */
  width: 100% !important;
}
.woocommerce-cart .wp-block-woocommerce-cart.alignwide,
.woocommerce-cart .wp-block-woocommerce-checkout.alignwide {
  margin-left: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}