/*
 Theme Name: Astra Child
 Template: astra
*/

/* === WooCommerce Thank You -sivun otsikkopalkit (desktop + mobile) === */
body.woocommerce-order-received
.woocommerce-order
h2.woocommerce-order-details__title,
body.woocommerce-order-received
.woocommerce-order
h2.woocommerce-column__title {
    background: none !important;
    border: none !important;
    padding: 0.5em 0 !important;
    color: #ffffff; /* jos haluat valkoisen tekstin */
}
/* === WooCommerce Checkout – checkbox-tekstien väri === */
body.woocommerce-checkout
.wc-block-components-checkbox__label {
    color: #ffffff !important;
}
/* ================================
   UAGB Post Grid + Slick fix
   ================================ */

/* Slick-slide täyteen korkeuteen */
.uagb-post-grid .slick-slide {
    display: flex !important;
    height: 100% !important;
}

/* Kortti */
.uagb-post-grid .slick-slide article {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Sisältöalue */
.uagb-post-grid .uagb-post__content-wrap {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Otsikko – estää eri rivimäärien vaikutuksen */
.uagb-post-grid .uagb-post__title {
    min-height: 3em;
}

/* CTA pysyy alhaalla */
.uagb-post-grid .uagb-post__cta {
    margin-top: auto;
}

/* Nappi: teksti keskelle */
.uagb-post-grid .uagb-post__cta a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
}
/* Checkout country select – kenttä */
.wc-blocks-components-select__select {
    background-color: #0b2a2f; /* tumma tausta */
    color: #ffffff;           /* valkoinen teksti */
    border-color: #ffffff;
}
/* Checkout country select – dropdown options */
.wc-blocks-components-select__select option {
    background-color: #ffffff !important;
    color: #000000 !important;
}
.wc-blocks-components-select__select option:hover,
.wc-blocks-components-select__select option:checked {
    background-color: #e6e6e6 !important;
    color: #000000 !important;
}
/* Ohjeteksti noutopistevalikon alla */
.woocommerce-checkout 
#pakettikauppa_pickup_point__help {
    color: #ffffff;
}

/* Validointivirhe (esim. "Valitse noutopiste") */
.woocommerce-checkout 
.wc-block-components-validation-error,
.woocommerce-checkout 
.wc-block-components-validation-error span {
    color: #ffffff;
}

/* Poistetaan mahdollinen vaalea tausta virheestä */
.woocommerce-checkout 
.wc-block-components-validation-error {
    background: transparent;
}

/* Piilotetaan koko tuotteiden nosto tyhjässä ostoskorissa */
.wp-block-woocommerce-empty-cart-block
.wc-block-grid,
.wp-block-woocommerce-empty-cart-block
.wp-block-product-new {
    display: none !important;
}

/* Piilotetaan myös otsikko "Uutta kaupassa" */
.wp-block-woocommerce-empty-cart-block
h2.wp-block-heading {
    display: none !important;
}

@media (max-width: 768px) {

  /* Keskitetään koko slider-blokki sivulla */
  .slick-slider {
    width: 100% !important;
    max-width: 420px;          /* säädä: esim 360–480 */
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Varmistetaan että list-alue ei jätä sisältöä vasemmalle */
  .slick-slider .slick-list {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Keskitetään trackin sisältö (Slick liikuttaa trackia transformilla) */
  .slick-slider .slick-track {
    display: flex !important;
    justify-content: center !important;
  }

  /* Poistetaan slickin float, jotta flex-keskitys toimii */
  .slick-slider .slick-slide {
    float: none !important;
    height: auto;
  }

  /* UAGB-kortti keskelle */
  .slick-slider article.uagb-post__inner-wrap {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
  }
}