/* ══════════════════════════════════════════════════════════
   HÖGA KUSTEN ANTIKHANDEL — v5 Final
   ══════════════════════════════════════════════════════════ */

/* ── Dölj sökfält ──────────────────────────────────────── */
.woocommerce-product-search,
form.woocommerce-product-search,
.ast-woocommerce-container .woocommerce-product-search {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ── Sidtitel centrerad ────────────────────────────────── */
.woocommerce-products-header__title,
h1.woocommerce-products-header__title,
.woocommerce h1.page-title {
  text-align: center !important;
  font-weight: 300 !important;
  letter-spacing: 0.05em !important;
  font-size: 32px !important;
  margin: 0 0 0.25rem !important;
}

/* Undertext ovanför titeln */
.woocommerce-products-header::before {
  display: none !important;
}

/* ── YITH filter – pills ───────────────────────────────── */
.yith-wcan-filters { margin: 1.5rem 0 !important; }

.yith-wcan-filter .filter-title { display: none !important; }

.yith-wcan-filter .filter-content {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-start !important;
}

.yith-wcan-filter .filter-content .term-label,
.yith-wcan-filter .filter-content a,
.yith-wcan-filter .filter-content label {
  display: inline-flex !important;
  align-items: center !important;
  padding: 7px 16px !important;
  border: 0.5px solid rgba(0,0,0,0.25) !important;
  border-radius: 1px !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #1a1a1a !important;
  background: transparent !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
  white-space: nowrap !important;
}

.yith-wcan-filter .filter-content a:hover,
.yith-wcan-filter .filter-content label:hover {
  border-color: #1a1a1a !important;
  color: #1a1a1a !important;
}

.yith-wcan-filter .filter-content .chosen a,
.yith-wcan-filter .filter-content a.selected,
.yith-wcan-filter .filter-content .selected label {
  background: #1a1a1a !important;
  color: #ffffff !important;
  border-color: #1a1a1a !important;
}

/* Streck under filter */
.yith-wcan-filters {
  padding-bottom: 1.5rem !important;
  border-bottom: 0.5px solid rgba(0,0,0,0.08) !important;
  margin-bottom: 2rem !important;
}

/* ── PRODUKTGRID ───────────────────────────────────────── */
.woocommerce ul.products,
ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 2.5rem 1.5rem !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  clear: both !important;
}

.woocommerce ul.products::after,
.woocommerce ul.products::before,
ul.products::after,
ul.products::before {
  display: none !important;
}

.woocommerce ul.products li.product,
ul.products li.product {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  clear: none !important;
  position: relative !important;
}

/* Bild wrapper */
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
  display: block !important;
  overflow: hidden !important;
  border-radius: 2px !important;
  line-height: 0 !important;
}

/* Bild kvadratisk */
.woocommerce ul.products li.product a.woocommerce-loop-product__link img,
ul.products li.product a img {
  width: 100% !important;
  aspect-ratio: 1/1 !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.5s ease !important;
  line-height: 0 !important;
}

.woocommerce ul.products li.product:hover a img {
  transform: scale(1.04) !important;
}

/* Produktnamn – TVINGA SYNLIG */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2,
ul.products li.product .woocommerce-loop-product__title {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: #1a1a1a !important;
  margin: 0.75rem 0 0.25rem !important;
  padding: 0 !important;
  text-decoration: none !important;
}

/* Pris – TVINGA SYNLIG */
.woocommerce ul.products li.product .price,
ul.products li.product .price {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #888 !important;
  margin-bottom: 0.75rem !important;
}

/* Knapp – TVINGA SYNLIG */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .add_to_cart_button,
ul.products li.product a.button,
ul.products li.product .add_to_cart_button {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  text-align: center !important;
  background: transparent !important;
  color: #1a1a1a !important;
  border: 0.5px solid rgba(0,0,0,0.25) !important;
  border-radius: 1px !important;
  padding: 9px 0 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  transition: all 0.2s !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover {
  background: #1a1a1a !important;
  color: #fff !important;
  border-color: #1a1a1a !important;
}

/* Sorteringsrad */
.woocommerce-ordering select {
  font-size: 12px !important;
  color: #1a1a1a !important;
  border: 0.5px solid rgba(0,0,0,0.3) !important;
  border-radius: 1px !important;
  padding: 8px 14px !important;
  background: #fff !important;
  cursor: pointer !important;
}

.woocommerce-ordering,
.woocommerce-result-count {
  margin-bottom: 1.5rem !important;
}

.woocommerce-result-count {
  font-size: 13px !important;
  color: #888 !important;
  letter-spacing: 0.05em !important;
}

/* Mobil – 1 kolumn */
@media (max-width: 767px) {
  .woocommerce ul.products, ul.products {
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 1.5rem !important;
  }
}

/* ── ENSKILD PRODUKTSIDA ───────────────────────────────── */
.woocommerce div.product {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 3rem !important;
  align-items: flex-start !important;
}

.woocommerce div.product div.images {
  flex: 0 0 47% !important;
  max-width: 47% !important;
  float: none !important;
  width: auto !important;
}

.woocommerce div.product div.summary {
  flex: 0 0 44% !important;
  max-width: 44% !important;
  float: none !important;
  width: auto !important;
}

.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product .related,
.woocommerce div.product .up-sells {
  flex: 0 0 100% !important;
  width: 100% !important;
}

.woocommerce div.product div.images img {
  width: 100% !important;
  border-radius: 2px !important;
}

.woocommerce div.product .product_title {
  font-size: 26px !important;
  font-weight: 300 !important;
  line-height: 1.3 !important;
  margin-bottom: 1rem !important;
  padding-bottom: 1rem !important;
  border-bottom: 0.5px solid rgba(0,0,0,0.1) !important;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-size: 20px !important;
  font-weight: 300 !important;
  color: #333 !important;
  margin: 0 0 1.25rem !important;
  display: block !important;
}

.woocommerce div.product .woocommerce-product-details__short-description {
  font-size: 14px !important;
  line-height: 1.8 !important;
  color: #555 !important;
  font-weight: 300 !important;
  margin-bottom: 1.5rem !important;
}

.woocommerce div.product form.cart {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.woocommerce div.product .single_add_to_cart_button {
  width: 100% !important;
  background: #1a1a1a !important;
  color: #fff !important;
  border: none !important;
  border-radius: 1px !important;
  padding: 15px !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  transition: background 0.2s !important;
  display: block !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
}

.woocommerce div.product .single_add_to_cart_button:hover {
  background: #444 !important;
}

@media (max-width: 767px) {
  .woocommerce div.product div.images,
  .woocommerce div.product div.summary {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* ── Kategori-widget – om till knappar ─────────────────── */
.widget_product_categories ul,
.wp-block-woocommerce-product-categories ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: center !important;
}

.widget_product_categories ul li,
.wp-block-woocommerce-product-categories ul li {
  margin: 0 !important;
  padding: 0 !important;
}

.widget_product_categories ul li a,
.wp-block-woocommerce-product-categories ul li a {
  display: inline-block !important;
  padding: 7px 16px !important;
  border: 0.5px solid rgba(0,0,0,0.25) !important;
  border-radius: 1px !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #1a1a1a !important;
  text-decoration: none !important;
  transition: all 0.2s !important;
  font-weight: 400 !important;
}

.widget_product_categories ul li a:hover,
.widget_product_categories ul li.current-cat a {
  background: #1a1a1a !important;
  color: #fff !important;
}

/* Dölj antal i parentes */
.widget_product_categories .count {
  display: none !important;
}

/* ── HERO – begränsa höjd på förstasidan ─────────────── */
.home .wp-block-image:first-of-type img,
.home .entry-content img:first-of-type {
  max-height: 90vh !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

.home .wp-block-image img {
  max-height: 85vh !important;
  object-fit: cover !important;
}

@media (max-width: 767px) {
  .home .wp-block-image img {
    max-height: 60vh !important;
  }
}

/* ── Uthyrningssidan ───────────────────────────────────── */
.page-id-uthyrning-av-porslin h1,
.single-page h1.entry-title {
  text-align: center !important;
  font-weight: 300 !important;
  font-size: 32px !important;
  letter-spacing: 0.03em !important;
}

/* ── Footer – Visa/Mastercard liten ────────────────────── */
.site-footer img[src*="Visa"],
.site-footer img[src*="Mastercard"],
.site-footer img[src*="visa"],
.footer-widget-area img[src*="Visa-Mastercard"] {
  max-width: 120px !important;
  height: auto !important;
}

.site-footer .custom-logo-link,
.site-footer .widget_media_image {
  display: flex !important;
  align-items: center !important;
}

img[src*="Visa-Mastercard"] {
  max-width: 100px !important;
  width: 100px !important;
  height: auto !important;
}

/* ── WooCommerce produktgalleri – Astra standard ───────── */
.woocommerce-product-gallery__trigger {
  display: block !important;
}

.woocommerce-product-gallery__image {
  overflow: visible !important;
  cursor: zoom-in !important;
}

.woocommerce-product-gallery__image img {
  transform: none !important;
  transition: none !important;
}

.woocommerce div.product div.images img {
  width: 100% !important;
  border-radius: 2px !important;
}