/* ====== Container main Woocommerce ====== */

/* add paddings for pages woo: [single-product, shop, checkout, order-received] */
.woocommerce-shop main.wp-block-group,
.single-product main.wp-block-group,
.woocommerce-checkout main.wp-block-group,
.woocommerce-order-received main.wp-block-group {
    margin-top: var(--wp--preset--spacing--70) !important;
    padding-left: var(--wp--preset--spacing--50) !important;
    padding-right: var(--wp--preset--spacing--50) !important;
    margin-bottom: var(--wp--preset--spacing--70) !important;
}

@media (min-width: 712px) {
    .woocommerce-shop main.wp-block-group,
    .single-product main.wp-block-group,
    .woocommerce-checkout main.wp-block-group,
    .woocommerce-order-received main.wp-block-group {
        margin-top: var(--wp--preset--spacing--11) !important;
        margin-bottom: var(--wp--preset--spacing--11) !important;
    }
}

/* ============ SHOP ======== */

.woocommerce-ordering select {
    background-color: transparent;
    border: 1px solid;
}

/* Wymuszenie nowoczesnej siatki 4 kolumn dla sklepu WooCommerce */
.columns-3.wc-block-product-template {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: var(--wp--preset--spacing--30, 24px) !important;
}
 
/* Responsywność dla tabletów (2 kolumny) */
@media (max-width: 980px) {
    .columns-3.wc-block-product-template {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Responsywność dla telefonów (1 kolumna) */
@media (max-width: 480px) {
    .columns-3.wc-block-product-template {
        grid-template-columns: 1fr !important;
    }
}

@media (min-width: 1359px) {
  .columns-3.wc-block-product-template {
    gap: var(--wp--preset--spacing--60) !important;
  }
}

.columns-3 li {
    padding: 24px !important;
    border: 1px solid;
    border-radius: 8px;
    border-color: var(--wp--preset--color--line-2);
}
.columns-3 h2.wp-block-post-title {
    font-size: var(--wp--preset--font-size--large) !important;
}

.columns-3 .wc-block-components-product-price {
    font-size: var(--wp--preset--font-size--medium);
}

/* ====== SINGLE PRODUCT  ========= */

  .single-product .wp-block-post-title {
    font-style: italic;
    color: var(--wp--preset--color--accent);
}

@media (min-width: 1200px) {
    .single-product .wp-block-columns.alignwide.is-layout-flex {
        gap: var(--wp--preset--spacing--70) !important;
    }
}

.wp-block-woocommerce-product-collection h2.wp-block-heading {
    font-size: var(--wp--preset--font-size--xx-large) !important;
}

.single-product .columns-5 li {
    padding: 15px !important;
    border: 1px solid;
    border-radius: 8px;
    border-color: var(--wp--preset--color--line-2);
 }

.single-product .columns-5 h3 {
    font-size: var(--wp--preset--font-size--large) !important;
}

 .single-product .columns-5 .wc-block-components-product-price  {
    font-size: var(--wp--preset--font-size--normal) !important;
}

/* ============ ACCENT ONSALE and BADGE ============= */

.woocommerce span.onsale,
.wc-block-components-product-sale-badge {
    background-color: var(--wp--preset--color--paper) !important;
    color: var(--wp--preset--color--ink-2) !important;
    border: 0px;
}

/* =========== SINGLE BUTTON CARD ============== */
.single_add_to_cart_button:hover {
   color: var(--wp--preset--color--cream-2) !important
}

.dark-mode .single_add_to_cart_button:hover {
    color: var(--wp--preset--color--ink-2) !important
}

/* =========== SINGLE quantity =============== */
form.cart .quantity input {
    background-color: transparent;
    border: 1px solid;
    border-color: var(--wp--preset--color--line-2);
}

.dark-mode form.cart .quantity input {
    color: var(--wp--preset--color--ink-2)
}

/* ============ SINGLE sku / prefix / category / tags ======== */
.woocommerce .wc-block-components-product-sku {
    display: none
}

.woocommerce .wp-block-woocommerce-product-meta > .wp-block-group {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.woocommerce  .wp-block-post-terms {
 font-weight: 400;  
 font-size: var(--wp--preset--font-size--normal) !important; 
 }
 
.woocommerce .wp-block-post-terms__prefix {
    font-weight: 600;    
}

/* =========== SINGLE Additional Information ====== */
.woocommerce-product-attributes-item__label {
    text-align: left;
}

/* ============ CHECKOUT =============== */
.woocommerce-checkout .wc-block-components-button:hover { /* mini card btn */
    background: var(--wp--preset--color--accent) !important;
    color: var(--wp--preset--color--ink-2) !important;
}

.dark-mode .wc-block-components-form .wc-block-components-text-input input,
.dark-mode .wc-blocks-components-select__container,
.dark-mode .wc-block-checkout__order-notes textarea {
    background: var(--wp--preset--color--cream-2);
}

.dark-mode .wc-block-components-form .wc-block-components-text-input input,
.dark-mode .wc-block-checkout__order-notes textarea,
.dark-mode .wc-blocks-components-select__select {
    color: var(--wp--preset--color--ink-4);
    border-color: var(--wp--preset--color--line);
}
.dark-mode .wc-block-checkout__order-notes textarea {
    font-size: var(--wp--preset--font-size--medium);
}

.dark-mode .wc-block-components-checkbox input {
    background-color: var(--wp--preset--color--ink-2) !important;
}

.dark-mode .wc-blocks-components-select__container option {
    color: var(--wp--preset--color--ink-2)
}

.dark-mode .wc-block-components-form .wc-block-components-text-input input:focus {
    background: var(--wp--preset--color--cream-2);
     color: var(--wp--preset--color--ink-4);
}
.dark-mode .wc-block-components-form .wc-block-components-text-input:focus-visible {
    border-color: var(--wp--preset--color--line-2);
}

.dark-mode .wc-block-components-totals-coupon__content input {
    background: var(--wp--preset--color--cream-2);
    border-color: var(--wp--preset--color--line);
}
.dark-mode .wc-block-components-totals-coupon__content input:focus-visible  {
    color: var(--wp--preset--color--ink-4);
    background: var(--wp--preset--color--cream-2);
}

/* reset for ALL (Lite/Dark) focus-visible */
.wc-block-components-text-input > input:focus-visible,
.wc-block-checkout__order-notes textarea {
  outline: none !important;
  box-shadow: 0 0 0 1px var(--wp--preset--color--accent) !important;
  border-color: var(--wp--preset--color--accent) !important;
}

/* -----------------------------------
PAGE Order completed  
------------------------------------*/
.woocommerce-order-received main.wp-block-group {
    margin-top: 120px !important;
}