/* C101 Category Cards 1.0.0 - product category archives only (body.tax-product_cat).
   Card rules are copied 1:1 from C101 Shop Page Style 1.0.0 (Shop page 341) with the selector prefix
   "body.page-id-341 #main-content .et_pb_shop" -> "body.tax-product_cat #main-content #left-area".
   Same tiles, red price pill, Poppins titles, 6 / 4 / 3 / 2 columns at >=1280 / 1101-1279 / 768-1100 / <=767.
   The Shop page, single product pages and the homepage are not matched by any selector here.
   Deactivate the plugin to restore the original look. */

/* ---------- page frame: full-width like the Shop module (30px side gutters) ---------- */
body.tax-product_cat #main-content > .container{width:100%!important;max-width:none!important;padding-left:0!important;padding-right:0!important}
body.tax-product_cat #main-content > .container::before{display:none!important}
body.tax-product_cat #main-content #left-area{float:none!important;width:100%!important;box-sizing:border-box}
body.tax-product_cat #main-content #left-area .woocommerce-breadcrumb{text-align:center;margin:0 0 6px;font-family:Poppins,system-ui,sans-serif;font-size:13px;color:rgba(35,31,32,.55)}
body.tax-product_cat #main-content #left-area .woocommerce-products-header{text-align:center;margin:0 0 18px;padding:0}
body.tax-product_cat #main-content #left-area .woocommerce-products-header__title{font-family:Poppins,system-ui,sans-serif!important;font-size:42px!important;line-height:1.2!important;font-weight:700!important;color:#333!important;text-align:center!important;padding:0!important;margin:0!important}
body.tax-product_cat #main-content #left-area .term-description{max-width:820px;margin:8px auto 0;text-align:center}
@media (max-width:767px){body.tax-product_cat #main-content #left-area .woocommerce-products-header__title{font-size:30px!important}}

/* toolbar row: pills + Sort pill (markup printed by the plugin's PHP) */
body.tax-product_cat #main-content #left-area .c101cc-toolbar form.woocommerce-ordering{margin:0!important}

body.tax-product_cat #main-content #left-area{
  --c101cc-ink:#231f20;--c101cc-red:#ef4136;--c101cc-price:#ff3a2d;--c101cc-line:#e5e5e5;--c101cc-panel:#f5f5f5;
  --c101cc-lime:#d7df23;--c101cc-hover:rgba(215,223,35,.28);--c101cc-blue:#30bce7;
  --c101cc-font:Poppins,system-ui,-apple-system,"Helvetica Neue",sans-serif;
  --c101cc-cols:6;--c101cc-gap:20px;
  margin-left:0!important;margin-right:0!important;padding-left:30px!important;padding-right:30px!important;font-family:var(--c101cc-font)}
@media (max-width:1279px){body.tax-product_cat #main-content #left-area{--c101cc-cols:4}}
@media (max-width:1100px){body.tax-product_cat #main-content #left-area{--c101cc-cols:3}}
@media (max-width:767px){body.tax-product_cat #main-content #left-area{--c101cc-cols:2;padding-left:30px!important;padding-right:30px!important}}

/* ---------- toolbar: category pills + Sort pill on one centred row (homepage placement) ---------- */
body.tax-product_cat #main-content .c101cc-toolbar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 14px;margin:8px 0 10px;clear:both}
body.tax-product_cat #main-content .c101cc-filters{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:0;max-width:100%;box-sizing:border-box;margin:0;padding:4px;
  background:#fff;border:2px solid var(--c101cc-line);border-radius:999px;box-shadow:0 2px 10px rgba(35,31,32,.07)}
body.tax-product_cat #main-content .c101cc-pill{display:inline-flex;align-items:baseline;flex:0 0 auto;white-space:nowrap;height:44px;line-height:44px;margin:0;padding:0 22px;box-sizing:border-box;
  font-family:var(--c101cc-font);font-size:16px;font-weight:500;letter-spacing:0;color:var(--c101cc-ink);text-decoration:none;
  background:transparent;border:0;border-radius:999px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease,color .2s ease}
body.tax-product_cat #main-content .c101cc-pill:hover{background:var(--c101cc-hover);color:var(--c101cc-ink)}
body.tax-product_cat #main-content .c101cc-pill.is-selected,body.tax-product_cat #main-content .c101cc-pill.is-selected:hover{background:var(--c101cc-red);color:#fff;box-shadow:0 2px 6px rgba(239,65,54,.28)}
body.tax-product_cat #main-content .c101cc-pill:focus-visible{outline:2px solid var(--c101cc-blue);outline-offset:1px}
body.tax-product_cat #main-content .c101cc-amt{margin-left:6px;font-size:.82em;font-weight:400;font-variant-numeric:tabular-nums;color:rgba(35,31,32,.5)}
body.tax-product_cat #main-content .c101cc-pill.is-selected .c101cc-amt{color:rgba(255,255,255,.8)}

/* Sort: WooCommerce's own select inside the same capsule (still submits normally) */
body.tax-product_cat #main-content #left-area form.woocommerce-ordering{float:none!important;display:inline-flex;align-items:center;position:relative;margin:0!important;padding:4px;box-sizing:border-box;
  background:#fff;border:2px solid var(--c101cc-line);border-radius:999px;box-shadow:0 2px 10px rgba(35,31,32,.07)}
body.tax-product_cat #main-content #left-area form.woocommerce-ordering select.orderby{-webkit-appearance:none;appearance:none;height:44px;line-height:44px;margin:0;padding:0 46px 0 18px;
  font-family:var(--c101cc-font)!important;font-size:16px!important;font-weight:500;color:var(--c101cc-ink)!important;background:transparent!important;
  border:0!important;border-radius:999px;box-shadow:none!important;cursor:pointer;transition:background-color .2s ease;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23231f20' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 18px center!important}
body.tax-product_cat #main-content #left-area form.woocommerce-ordering select.orderby:hover{background-color:var(--c101cc-hover)!important}
body.tax-product_cat #main-content #left-area form.woocommerce-ordering select.orderby:focus-visible{outline:2px solid var(--c101cc-blue);outline-offset:1px}

/* result count: quiet centred line under the toolbar */
body.tax-product_cat #main-content #left-area p.woocommerce-result-count{float:none!important;display:block;width:100%;margin:0 0 18px!important;padding:0!important;
  text-align:center;font-family:var(--c101cc-font);font-size:13px;font-weight:500;color:rgba(35,31,32,.55)}

/* ---------- grid: homepage columns 6 / 3 / 2, 20px gutters ---------- */
body.tax-product_cat #main-content #left-area ul.products{display:grid!important;grid-template-columns:repeat(var(--c101cc-cols),minmax(0,1fr));gap:var(--c101cc-gap);
  margin:0!important;padding:0!important;list-style:none!important}
body.tax-product_cat #main-content #left-area ul.products::before,body.tax-product_cat #main-content #left-area ul.products::after{content:none!important;display:none!important}
body.tax-product_cat #main-content #left-area ul.products li.product{float:none!important;clear:none!important;width:auto!important;margin:0!important;padding:0!important;
  display:flex;flex-direction:column;position:relative;overflow:hidden;background:#fff;border:2px solid var(--c101cc-line);border-radius:12px;box-shadow:none;
  transition:border-color .2s ease,box-shadow .2s ease}
body.tax-product_cat #main-content #left-area ul.products li.product:hover{border-color:#d6d6d6;box-shadow:0 4px 14px rgba(35,31,32,.10)}
body.tax-product_cat #main-content #left-area ul.products li.product > a.woocommerce-LoopProduct-link{display:flex;flex-direction:column;flex:1 1 auto;color:inherit;text-decoration:none}

/* image: full-bleed square on white */
body.tax-product_cat #main-content #left-area .et_shop_image{display:block;position:relative;margin:0!important;aspect-ratio:1/1;overflow:hidden;background:#fff}
body.tax-product_cat #main-content #left-area .et_shop_image img{display:block;width:100%!important;height:100%!important;object-fit:contain;margin:0!important;border:0!important;box-shadow:none!important}
/* hover: homepage-style red title bar across the image (replaces Divi's dark $ overlay) */
body.tax-product_cat #main-content #left-area .et_shop_image .et_overlay{display:flex!important;align-items:center;justify-content:center;position:absolute;inset:0;z-index:2;
  background:transparent!important;border:0!important;opacity:1!important;pointer-events:none}
body.tax-product_cat #main-content #left-area .et_shop_image .et_overlay::before{content:attr(data-c101cc-title)!important;display:block;position:static!important;top:auto!important;left:auto!important;
  width:100%;margin:0!important;padding:10px 10px 9px;box-sizing:border-box;transform:translateX(30px) rotateY(-40deg) scale(.6);opacity:0;
  background:var(--c101cc-price);color:rgba(255,255,255,.92)!important;font-family:var(--c101cc-font)!important;font-size:14px!important;font-weight:800!important;line-height:1.55!important;
  text-align:center;transition:transform .35s ease,opacity .3s ease}
body.tax-product_cat #main-content #left-area .et_shop_image .et_overlay:not([data-c101cc-title])::before{content:none!important}
body.tax-product_cat #main-content #left-area li.product:hover .et_shop_image .et_overlay::before{transform:none;opacity:1}
@media (hover:none){body.tax-product_cat #main-content #left-area .et_shop_image .et_overlay::before{display:none}}

/* content panel: grey, centred, price pill first then title (homepage order) */
body.tax-product_cat #main-content #left-area li.product h2.woocommerce-loop-product__title,
body.tax-product_cat #main-content #left-area li.product .price{background:var(--c101cc-panel)}
body.tax-product_cat #main-content #left-area li.product .price{order:2;display:block!important;margin:0!important;padding:20px 5px 12px!important;text-align:center!important;line-height:25px!important}
body.tax-product_cat #main-content #left-area li.product .price > .amount,
body.tax-product_cat #main-content #left-area li.product .price ins{display:inline-block;padding:2px 9px 1px;border-radius:999px;background:var(--c101cc-price);color:#fff!important;
  font-family:var(--c101cc-font)!important;font-size:17px!important;font-weight:700!important;line-height:25px!important;text-decoration:none!important}
body.tax-product_cat #main-content #left-area li.product .price ins .amount,body.tax-product_cat #main-content #left-area li.product .price ins .amount *,body.tax-product_cat #main-content #left-area li.product .price > .amount *{color:#fff!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important}
body.tax-product_cat #main-content #left-area li.product .price del{display:inline-block;margin:0 6px 0 0!important;opacity:1!important;color:rgba(35,31,32,.45)!important;
  font-family:var(--c101cc-font)!important;font-size:13px!important;font-weight:500!important;vertical-align:middle}
body.tax-product_cat #main-content #left-area li.product .price del .amount,body.tax-product_cat #main-content #left-area li.product .price del .amount *{color:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important}
body.tax-product_cat #main-content #left-area li.product h2.woocommerce-loop-product__title{order:3;flex:1 1 auto;margin:0!important;padding:0 10px 18px!important;
  font-family:var(--c101cc-font)!important;font-size:14px!important;font-weight:600!important;line-height:17px!important;color:#000!important;text-align:center!important;letter-spacing:0!important}
@media (max-width:767px){
  body.tax-product_cat #main-content #left-area li.product .price{padding:14px 4px 10px!important}
  body.tax-product_cat #main-content #left-area li.product .price > .amount,body.tax-product_cat #main-content #left-area li.product .price ins{font-size:15px!important;padding:1px 8px 0}
  body.tax-product_cat #main-content #left-area li.product .price del{font-size:12px!important}
  body.tax-product_cat #main-content #left-area li.product h2.woocommerce-loop-product__title{font-size:13px!important;line-height:16px!important;padding:0 8px 14px!important}
}
/* Divi star rating / misc kept but centred */
body.tax-product_cat #main-content #left-area li.product .star-rating{order:4;margin:0 auto 12px!important}

/* Sale badge: small brand-lime chip in the tile corner instead of the big orange block */
body.tax-product_cat #main-content #left-area li.product span.onsale{position:absolute!important;top:10px!important;left:10px!important;right:auto!important;z-index:3;margin:0!important;
  min-width:0!important;min-height:0!important;padding:3px 10px!important;border-radius:999px!important;background:var(--c101cc-lime)!important;color:var(--c101cc-ink)!important;
  font-family:var(--c101cc-font)!important;font-size:11px!important;font-weight:700!important;line-height:16px!important;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 1px 4px rgba(35,31,32,.12)!important}
/* WooCommerce "Out of stock" badge if the theme prints one: same chip, neutral */
body.tax-product_cat #main-content #left-area li.product .out-of-stock-badge,
body.tax-product_cat #main-content #left-area li.product .soldout{border-radius:999px!important}

/* pagination: same pills */
body.tax-product_cat #main-content #left-area .woocommerce-pagination{margin:28px 0 0;text-align:center}
body.tax-product_cat #main-content #left-area .woocommerce-pagination ul.page-numbers{display:inline-flex!important;gap:6px;padding:4px!important;border:2px solid var(--c101cc-line)!important;border-radius:999px;background:#fff;box-shadow:0 2px 10px rgba(35,31,32,.07)}
body.tax-product_cat #main-content #left-area .woocommerce-pagination ul.page-numbers li{border:0!important;margin:0!important;float:none!important}
body.tax-product_cat #main-content #left-area .woocommerce-pagination .page-numbers a,body.tax-product_cat #main-content #left-area .woocommerce-pagination .page-numbers span{display:inline-block;min-width:40px;height:40px;line-height:40px;padding:0 12px!important;
  border-radius:999px;font-family:var(--c101cc-font);font-size:15px;font-weight:500;color:var(--c101cc-ink)!important;background:transparent!important}
body.tax-product_cat #main-content #left-area .woocommerce-pagination .page-numbers a:hover{background:var(--c101cc-hover)!important}
body.tax-product_cat #main-content #left-area .woocommerce-pagination .page-numbers span.current{background:var(--c101cc-red)!important;color:#fff!important}

/* ---------- tablet / phone toolbar ---------- */
@media (max-width:1100px){
  body.tax-product_cat #main-content .c101cc-pill{padding:0 16px;font-size:15px}
}
@media (max-width:767px){
  body.tax-product_cat #main-content .c101cc-toolbar{flex-direction:column;gap:12px;margin:4px 0 10px}
  body.tax-product_cat #main-content .c101cc-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}
  body.tax-product_cat #main-content .c101cc-pill{height:40px;line-height:36px;padding:0 16px;font-size:14px;background:#fff;border:2px solid var(--c101cc-line);box-shadow:0 1px 4px rgba(35,31,32,.06)}
  body.tax-product_cat #main-content .c101cc-pill.is-selected,body.tax-product_cat #main-content .c101cc-pill.is-selected:hover{border-color:var(--c101cc-red)}
  body.tax-product_cat #main-content .c101cc-amt{margin-left:5px}
  body.tax-product_cat #main-content #left-area form.woocommerce-ordering{padding:2px}
  body.tax-product_cat #main-content #left-area form.woocommerce-ordering select.orderby{height:38px;line-height:38px;font-size:14px!important;padding:0 40px 0 15px;background-position:right 15px center!important}
}


/* ---------- archive extras ---------- */
/* <picture> wrappers (WebP plugin) fill the square like a bare <img> */
body.tax-product_cat #main-content #left-area .et_shop_image picture{display:block;width:100%;height:100%}
/* no-JS / fallback: if a subcategory tile is ever printed, same card, centred title, plain count (no yellow highlight) */
body.tax-product_cat #main-content #left-area ul.products li.product-category > a{display:flex;flex-direction:column;flex:1 1 auto;color:inherit;text-decoration:none}
body.tax-product_cat #main-content #left-area ul.products li.product-category img,body.tax-product_cat #main-content #left-area ul.products li.product-category picture{display:block;width:100%!important;aspect-ratio:1/1;height:auto!important;object-fit:contain;margin:0!important}
body.tax-product_cat #main-content #left-area ul.products li.product-category h2.woocommerce-loop-category__title{flex:1 1 auto;margin:0!important;padding:16px 10px 18px!important;background:var(--c101cc-panel,#f5f5f5);
  font-family:Poppins,system-ui,sans-serif!important;font-size:14px!important;font-weight:600!important;line-height:17px!important;color:#000!important;text-align:center!important}
body.tax-product_cat #main-content #left-area ul.products li.product-category mark.count{background:none!important;color:rgba(35,31,32,.5)!important;font-weight:400}

/* category pill row: category pages can have more (and longer) pills than the Shop page, so the capsule wraps
   instead of running off-screen, and a very long name is cut with an ellipsis rather than overflowing */
body.tax-product_cat #main-content .c101cc-filters{flex-wrap:wrap;justify-content:center;border-radius:28px}
body.tax-product_cat #main-content .c101cc-pill{max-width:100%;min-width:0}
body.tax-product_cat #main-content .c101cc-pill > span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.tax-product_cat #main-content .c101cc-amt{flex:0 0 auto}
/* phone: one swipeable row instead of a tall stack of pills */
@media (max-width:767px){
  body.tax-product_cat #main-content .c101cc-filters{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;border-radius:0;padding:2px 0 4px;scroll-snap-type:x proximity}
  body.tax-product_cat #main-content .c101cc-filters::-webkit-scrollbar{display:none}
  body.tax-product_cat #main-content .c101cc-pill{flex:0 0 auto;max-width:82vw;scroll-snap-align:start}
}