/* Product Presentation plugin styles */


/* Salient Tabs: place image above tab label */
.tabbed>ul, .wpb_content_element .tabbed .wpb_tabs_nav{
  display: flex;
}
.tabbed>ul li a,
.tabbed>ul li a:hover{
  background-color:#FFF;
}
@media (min-width: 1000px) {
  .tabbed>ul > li, .wpb_content_element .tabbed .wpb_tabs_nav > li{
    flex: 0 0 20%;
    max-width: 20%;
  }
}
.tabbed .wpb_tabs_nav li a{
  padding:10px !important;
}
.tabbed>ul > li > a, .wpb_content_element .tabbed .wpb_tabs_nav > li > a{
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  color: #000 !important;
}
.tabbed[data-style=default] .wpb_tabs_nav li .im-icon-wrap.tab-icon{
  width: 100%;
  aspect-ratio: 3 / 2; /* altezza ridotta di un terzo rispetto a 1:1 */
  height: auto;
  margin-right: 0;
  margin-bottom: 0;
  overflow: hidden;
}
.tabbed .wpb_tabs_nav li a .im-icon-wrap.tab-icon { 
  display: block;
  margin: 0 auto 0;
  width: 100%;
  height: auto;
  line-height: 0;
}
.tabbed .wpb_tabs_nav li a .im-icon-wrap.tab-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

/* Product list layout */
.pp-product-list { margin-top: 20px; }
.pp-product-list .pp-product-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: stretch;
}
.pp-product-list .pp-product-row .pp-list-item {
  flex: 0 0 calc(50% - 10px);
  max-width: calc(50% - 10px);
  display: flex;
}
.pp-product-item {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 0;
  background: linear-gradient(180deg, #F4F4F4 0%, #FFF 100%);
  box-shadow: rgba(0, 0, 0, .04) 0 1px 0, rgba(0, 0, 0, .05) 0 2px 7px, rgba(0, 0, 0, .06) 0 12px 22px;
  padding: 30px;
}
.pp-product-list .pp-product-row .pp-list-item .pp-product-item { height: 100%; }
.pp-product-media { 
  flex: 1 1 0; 
  max-width: 50%;
}
.pp-product-media img { 
  width: 100%; 
  height: auto; 
  display: block; 
  margin: 0 !important;
}

/* Stato attivo: solo bordo, no full background del tema */
.tabbed .wpb_tabs_nav li a.active-tab {
  background: #fff !important;
  box-shadow: none !important;
  border: 1px solid #E42C37;
  border-radius: 6px;
  box-sizing: border-box;
  position: relative;
}
.tabbed .wpb_tabs_nav li a.active-tab::after {
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:-11px;                 /* quanto sporge verso il basso */
  width:0; height:0;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  border-top:11px solid #E42C37; /* lati rossi */
  z-index:0;
}
.tabbed .wpb_tabs_nav li a.active-tab::before {
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:-9px;                 /* stessa quota dell'after */
  width:0; height:0;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  border-top:10px solid #fff;    /* interno/sommità bianca */
  z-index:1;
}

.pp-product-content { flex: 1 1 0; max-width: 50%; }
.pp-product-title { 
  margin: 0 0 6px;
  font-weight: 700 !important;
  color:#D01631
}
.pp-product-desc { color: #666; margin-bottom: 20px; }
.pp-product-attrs { margin: 0; padding-left: 18px; }
.pp-product-attrs li { margin-bottom: 15px; }

@media (max-width: 768px) {
  .pp-product-item { flex-direction: column; }
  .pp-product-media, .pp-product-media img { width: 100%; max-width: 100%;margin: 0 auto !important; }
  .pp-product-content { width: 100%; max-width: 100%; flex: 1 1 auto; }
  .pp-product-list .pp-product-row { gap: 16px; }
  .pp-product-list .pp-product-row .pp-list-item { flex: 0 0 100%; max-width: 100%; }

  .tabbed[data-style=default] .wpb_tabs_nav li .im-icon-wrap.tab-icon,
  .tabbed .wpb_tabs_nav li a .im-icon-wrap.tab-icon img{
    display: none;
  }
  .tabbed>ul, .wpb_content_element .tabbed .wpb_tabs_nav{
    flex-wrap: wrap;
  }
  .wpb_content_element .wpb_tabs_nav li{
    display: block;
    width: 100%;
  }
  .tabbed .wpb_tabs_nav li a.active-tab::before,
  .tabbed .wpb_tabs_nav li a.active-tab::after{
    content:none
  }
  .tabbed .wpb_tabs_nav li a.active-tab{
    border:none;
    background-color:#E42C37 !important;
    color:#FFF !important;
  }
}