/*
 Theme Name:   Storefront Child with Bootstrap
 Theme URI:    https://collectorcrate.co.uk/
 Description:  Child theme of Storefront with Bootstrap 5 support
 Author:       ChatGPT + You
 Template:     storefront
 Version:      1.0.0
*/

@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css");

.woocommerce-ordering select.orderby {
  padding: 8px 12px;
  font-size: 0.95rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  color: #333;
  appearance: none; /* removes default browser styling */
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23333" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 14px;
  padding-right: 30px;
  transition: border 0.2s ease;
}

.woocommerce-ordering select.orderby:hover {
  border-color: #999;
	background-color: #f3e6d0;
}

.home.post-type-archive-product .site-header {
  margin-bottom: 2em;
}

@media (min-width: 768px) {
  .storefront-full-width-content.woocommerce-cart .entry-header, .storefront-full-width-content.woocommerce-checkout .entry-header, .storefront-full-width-content.woocommerce-account .entry-header, .storefront-full-width-content .woocommerce-products-header {
    text-align: center;
    padding: 0 0 3em;
  }
}