/* =====================================================================
   SHOP PAGE + THE 4 CATEGORY PAGES
   (/shop/, /shop/?filter_product_cat=ID, /product-category/...)
   Loaded only on those pages by wp-content/mu-plugins/anison-shop.php
   Blocks are numbered; the same numbers are used in the notes.
   ===================================================================== */

/* 1. HEADER IMAGE, pushed below the menu exactly like the About Us banner in Appearance > Customize > Additional CSS
      (position:relative + top:100px + margin-bottom:100px). Desktop only: below 1024px the menu is not on top of the banner.
      Change the url() to use another picture. The page title and the site map are NOT printed on the image:
      the site map is printed above the title by anison-shop-breadcrumb.php, the title by anison-shop.php (see 7). */
body.woocommerce-shop #rbb-page-title,
body.post-type-archive-product #rbb-page-title,
body.tax-product_cat #rbb-page-title{
  background-image:url(https://www.anisonco.com/wp-content/uploads/2026/10/testt.jpg)!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  min-height:360px!important;
  position:relative!important;
  z-index:0!important;
  box-sizing:border-box;
}
@media(min-width:1024px){
  body.woocommerce-shop #rbb-page-title,
  body.post-type-archive-product #rbb-page-title,
  body.tax-product_cat #rbb-page-title{top:100px!important;margin-bottom:100px!important}
}
body.woocommerce #rbb-page-title h1.heading,
body.woocommerce #rbb-page-title .rbb-breadcrumb{display:none!important}
/* the site map above the title: RIGHT aligned, with space around it */
.anison-crumb{text-align:right;padding:0 30px 16px}
.anison-crumb .rbb-breadcrumb{text-align:right!important}

/* 2. TOP BAR (view modes, sorting, number of products, result count): hidden */
body.woocommerce .category-top-bar,
body.woocommerce .woocommerce-result-count,
body.woocommerce .woocommerce-ordering{display:none!important}

/* 3. FILTERS: removed in PHP (anison_no_filter_sidebar). Safety net only. */
body.woocommerce .rbb-sidebar-shop-filter,
body.woocommerce .rbb-filter-title,
body.woocommerce h2.sidebar-filter,
body.woocommerce .rbb-filter-active-bar,
body.woocommerce .category-product-bottom{display:none!important}

/* 4. THE 4 CATEGORY CIRCLES, same look as the product family circles on the home page:
      the blue brush ring (the theme's bg-slide1.png used as a mask, blue #6199CB) turns half a circle and the circle lifts when the mouse is on it.
      Change #6199CB to recolor the ring, width/padding to resize. */
/* the theme prints its own copy of the circles on /shop/ (that made 8): only our copy (.anison-cats) is shown */
body.woocommerce .content-categories-top{display:none!important}
body.woocommerce .anison-cats .content-categories-top{display:block!important}
.anison-cats{margin-bottom:30px}
.anison-cats .content-categories-top{overflow:visible!important}
.anison-cats .slick-list{overflow:visible!important;padding:20px 0 10px}
.anison-cats .item-product-cat-content{transition:transform .4s ease}
.anison-cats .item-product-cat-content:hover{transform:translateY(-14px)}
.anison-cats .img-cate{position:relative;overflow:visible!important;border-radius:0!important;width:236px;max-width:none!important;min-width:0!important;padding:18px}
.anison-cats .img-cate:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#6199CB;-webkit-mask:url(/wp-content/themes/botanica/dist/images/elementor/widgets/slick/bg-slide1.png) 50% no-repeat;-webkit-mask-size:cover;mask:url(/wp-content/themes/botanica/dist/images/elementor/widgets/slick/bg-slide1.png) 50% no-repeat;mask-size:cover;transition:transform 2s;pointer-events:none}
.anison-cats .item-product-cat-content:hover .img-cate:before{transform:rotate(-180deg)}
.anison-cats .img-cate a{display:block;position:relative}
.anison-cats .img-cate img{display:block;border-radius:50%;aspect-ratio:1/1;object-fit:cover}
.anison-cats .item-title a{color:#203878}
.anison-cats .item-product-cat-content:hover .item-title a{color:#F07920}
@media(max-width:767px){.anison-cats .img-cate{width:150px;padding:12px}}

/* 5. PRODUCT CARDS: 3 per row, only title + short description (max 6 lines), no price / buttons */
body.woocommerce .rbb-product-catalog .products-category{display:flex;flex-wrap:wrap}
body.woocommerce .rbb-product-catalog .products-category .item{width:33.3333%!important;max-width:33.3333%!important;flex:0 0 33.3333%;margin-bottom:30px}
@media(max-width:991px){body.woocommerce .rbb-product-catalog .products-category .item{width:50%!important;max-width:50%!important;flex-basis:50%}}
@media(max-width:575px){body.woocommerce .rbb-product-catalog .products-category .item{width:100%!important;max-width:100%!important;flex-basis:100%}}
body.woocommerce .rbb-product-catalog .item-product .product_price,
body.woocommerce .rbb-product-catalog .item-product .product_button,
body.woocommerce .rbb-product-catalog .item-product .wishlist,
body.woocommerce .rbb-product-catalog .item-product .product_ratting,
body.woocommerce .rbb-product-catalog .item-product .product-popup,
body.woocommerce .rbb-product-catalog .item-product .item-countdown,
body.woocommerce .rbb-product-catalog .item-product .onsale,
body.woocommerce .rbb-product-catalog .item-product .rbb-quick-view,
body.woocommerce .rbb-product-catalog .item-product .compare,
body.woocommerce .rbb-product-catalog .item-product .add_to_cart_button,
body.woocommerce .rbb-product-catalog .item-product .product_type_variable,
body.woocommerce .rbb-product-catalog .item-product .product_stock,
body.woocommerce .rbb-product-catalog .item-product .stock{display:none!important}
/* short description: max 6 lines. Change -webkit-line-clamp to show more or fewer lines. */
body.woocommerce .rbb-product-catalog .item-product .short_description{
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:6;
  overflow:hidden;
  padding-top:0!important;
  margin-bottom:0!important;
  font-size:13px;
  line-height:1.9;
  color:#555;
}
body.woocommerce .rbb-product-catalog .item-product .product_title .product_name{margin-bottom:8px!important}
body.woocommerce .rbb-product-catalog .item-product .product_info{margin-top:0!important;padding-bottom:22px!important}
body.woocommerce .rbb-product-catalog .item-product .product_title,
body.woocommerce .rbb-product-catalog .item-product .product_info{padding-right:20px;padding-left:20px}

/* 5b. NO LINK to the single product page (image and title are not clickable); the title only turns orange on mouse over */
body.woocommerce .rbb-product-catalog .item-product a{pointer-events:none;cursor:default}
body.woocommerce .rbb-product-catalog .item-product .product_title{cursor:default}
body.woocommerce .rbb-product-catalog .item-product .product_title .product_name{transition:color .2s}
body.woocommerce .rbb-product-catalog .item-product .product_title:hover .product_name{color:#F07920!important}

/* 6. HOVER IMAGE: the second image fades in over the product photo while the mouse is on the picture (the same rule for the whole site is in global.css) */
body.woocommerce .rbb-product-catalog .item-product .thumbnail-container a{position:relative;display:block}
body.woocommerce .rbb-product-catalog .item-product .thumbnail-container img.image-cover{
  width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease;
}
body.woocommerce .rbb-product-catalog .item-product .thumbnail-container:hover img.image-cover{opacity:1!important}

/* 7. TITLE (same style as before) WITH A FISH ICON, AND THE TEXT UNDER IT (PHP: anison_shop_head_text, texts: anison_default_texts) */
.anison-shop-head{padding:10px 0 30px;text-align:center}
.anison-shop-head__title{font-size:30px;font-weight:800;color:#203878;margin:0 0 18px}
.anison-shop-head__title:after{content:"";display:inline-block;width:48px;height:30px;margin-inline-start:14px;vertical-align:middle;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 20'%3E%3Cpath fill='%23F58220' d='M1 10C6 2 16 1 22 6l9-5v18l-9-5C16 19 6 18 1 10z'/%3E%3Ccircle cx='7' cy='8.5' r='1.3' fill='%23fff'/%3E%3C/svg%3E") center/contain no-repeat}
.anison-shop-head__text{max-width:900px;margin:0 auto;font-size:15px;line-height:2.1;color:#444;text-align:justify}
.anison-shop-head__text p{margin:0 0 12px}

/* 8. BOTTOM: the light gray band above the footer is removed (it is the theme's footer-newsletter:before strip, 120px high),
      and the products get space below them because the orange footer box is pulled up 120px over this area. */
body.post-type-archive-product .footer-newsletter:before,
body.woocommerce-shop .footer-newsletter:before,
body.tax-product_cat .footer-newsletter:before{display:none!important}
body.woocommerce .rbb-product-catalog{padding-bottom:170px!important}

/* 9. "MORE PRODUCTS" BUTTON (text: anison-shop-extras.php, loader: same file). The "showing N of M" line and the progress bar are hidden. */
body.woocommerce .rbb-woo-pagination .pagination_count,
body.woocommerce .rbb-woo-pagination .pagination_bar{display:none!important}
body.woocommerce .rbb-woo-pagination{padding:10px 0 20px;clear:both}
body.woocommerce .rbb-woo-pagination .rbb-load-more{background:#F07920;color:#fff;border:0;border-radius:30px;min-width:220px;height:50px;font-size:15px;font-weight:700;cursor:pointer;position:relative;z-index:2;transition:background .3s,transform .3s}
body.woocommerce .rbb-woo-pagination .rbb-load-more:hover{background:#203878;color:#fff;transform:translateY(-2px)}
body.woocommerce .rbb-woo-pagination .rbb-load-more.loading{opacity:.6;pointer-events:none}