/*
Theme Name: Downtown Child
Theme URI: https://eye-fish.com/
Description: Child theme for Downtown. Adds a basket icon with a live item count to the header top bar, and carries the site's custom CSS (migrated from Customizer Additional CSS, which is per-theme).
Author: Eye-Fish
Author URI: https://eye-fish.com/
Template: downtown
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: downtown-child
*/

/* ============================================================
   Migrated verbatim from Customizer > Additional CSS (theme:
   "downtown") on 2026-09-30, so these rules keep applying under
   the child theme. Do not remove without checking the shop's
   product-card layout and the Tail Blazer video sizing.
   ============================================================ */

/* Make each product card a positioning context */
.woocommerce ul.products li.product {
  position: relative;
}

/* --- Base reset so theme doesn't force full width blocks --- */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product button {
  float: none !important;
  width: auto !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

/* --- Main button sizing (Add to Cart / Compare / Quick View) --- */
.woocommerce ul.products li.product .button.product_type_simple.add_to_cart_button,
.woocommerce ul.products li.product button.woosc-btn,
.woocommerce ul.products li.product button.woosq-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 38px !important;
  line-height: 38px !important;
  padding: 0 16px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  white-space: nowrap !important;
}

/* -----------------------------------------------------
   1) HEART BUTTON: float it ABOVE Add to cart (centered)
   ----------------------------------------------------- */

/* Make wishlist container take full row but not push layout weird */
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  top: calc(100% - 88px) !important; /* adjusts vertical position above Add to cart */
  z-index: 5 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Heart button look */
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a.add_to_wishlist {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 34px !important;
  width: 34px !important;
  padding: 0 !important;
  border-radius: 6px !important;
}

/* Hide wishlist text label, keep icon only */
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a.add_to_wishlist span {
  display: none !important;
}

/* SVG sizing */
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}

/* -----------------------------------------------------
   2) BUTTON ROWS:
      - Add to cart alone on a centered row
      - Compare + Quick View in a row below
   ----------------------------------------------------- */

/* Add some spacing so absolutely-positioned heart doesn't overlap */
.woocommerce ul.products li.product .price {
  margin-bottom: 44px !important; /* space reserved for heart + add-to-cart area */
}

/* Center Add to cart on its own row */
.woocommerce ul.products li.product .button.product_type_simple.add_to_cart_button {
  display: flex !important;
  width: fit-content !important;
  margin: 0 auto 8px auto !important; /* centered + gap before Compare row */
}

/* Compare + Quick View as a centered row */
.woocommerce ul.products li.product button.woosc-btn,
.woocommerce ul.products li.product button.woosq-btn {
  margin: 0 2px 0 0 !important;
}

/* Wrap Compare + Quick View into a pseudo-row by making them inline and centering */
.woocommerce ul.products li.product button.woosc-btn {
  margin-left: auto !important;
}
.woocommerce ul.products li.product button.woosq-btn {
  margin-right: auto !important;
}

/* -----------------------------------------------------
   3) Hide duplicate buttons you have in markup
   ----------------------------------------------------- */
.woocommerce ul.products li.product button.woosw-btn,
.woocommerce ul.products li.product a.yith-wcqv-button {
  display: none !important;
}

/* Prevent weird uppercase transforms */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product button {
  text-transform: none !important;
}
.woocommerce ul.products li.product .button.product_type_simple.add_to_cart_button {
    display: flex !important;
    width: 149px !important;
    top: -2px;
    left: 26px;
    margin: 0 !important;
    text-transform: uppercase !important;
}
.woocommerce ul.products li.product .button.product_type_simple.add_to_cart_button.ajax_add_to_cart:before {
    display: none !important;
}
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist {
    width: 35px;
    position: absolute !important;
    right: 10px;
    left: unset !important;
    transform: translateX(-50%) !important;
    top: calc(100% - 81px) !important;
    z-index: 5 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist {
    width: 39px;
    height: 38px;
    position: absolute !important;
    right: 10px;
    left: unset !important;
    transform: translateX(-50%) !important;
    top: calc(100% - 78px) !important;
    z-index: 5 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 7px;
}
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a.add_to_wishlist
 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 38px !important;
    width: 39px !important;
    padding: 0 !important;
    border-radius: 6px !important;
}
@media (max-width: 768px) {
  .woocommerce ul.products li.product button.woosc-btn {
    margin-left: -39px !important;
    width: 106px !important;
}
  .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist {
    width: 39px;
    height: 38px;
    position: absolute !important;
    right: -7px;
    left: unset !important;
    transform: translateX(-50%
-50%
) !important;
    top: calc(100% - 78px) !important;
}
}
/* Tail Blazer (14708): balance video size with gallery image */
.postid-14708 .wp-video{width:100%!important;max-width:290px!important;margin:0 auto!important}
.postid-14708 .wp-video .mejs-container,.postid-14708 .wp-video .mejs-inner,.postid-14708 .wp-video .mejs-mediaelement,.postid-14708 .wp-video video{width:100%!important;max-width:100%!important;height:auto!important}
.postid-14708 .wp-video .mejs-layers .mejs-layer{width:100%!important;height:100%!important}
@media (max-width: 768px){
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist{width:39px;height:38px;position:absolute!important;right:-7px;left:unset!important;transform:translateX(-50% -50%)!important;top:calc(100% - 78px)!important;z-index:5!important;margin:0!important;margin-top:0!important;padding:0!important;border-radius:7px;

    z-index: 5 !important;
    margin: 0 !important;
    margin-top: 0px !important;
    padding: 0 !important;
    border-radius: 7px;
}
  .woocommerce ul.products li.product button.woosq-btn {
    margin-right: 42px !important;
    margin-top: 2px !important;
    width: 106px !important;
}
  .woocommerce ul.products li.product .button.product_type_simple.add_to_cart_button {
    display: flex !important;
    width: 149px !important;
    top: -2px;
    left: 14px;
    margin: 0 !important;
    text-transform: uppercase !important;
}
}

/* ============================================================
   Downtown Child additions
   ============================================================ */

/* Basket icon in the header top bar, next to the login links. */
.topbar-cart{display:inline-block;vertical-align:middle;margin-left:12px}
.topbar-cart-link{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none}
.topbar-cart-link svg{display:block}
.topbar-cart-link:hover{opacity:.75}
.topbar-cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#DE6425;color:#fff;font-size:12px;font-weight:700;line-height:20px}

/* Mobile slide-in menu: solid white panel. The theme's transparent
   navigation background setting washes out the parent's white panel,
   leaving bare text floating over the page content. */
@media only screen and (max-width: 979px){
.navigation.active .mobile-menu{background:#ffffff!important}
}