/**
 * WP Tutorials : Product attribute snippets (WPTPAS)
 *
 * https://wp-tutorials.tech/refine-wordpress/product-attribute-icons-in-woocommerce/
 */

.pa-snippets {
   margin-top: 0em;
   margin-bottom: 0em;
   line-height: 0em;
}

.pa-snippets>ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
/*
   display: flex;
   flex-direction: column;
*/
   align-items: stretch;
/*
   gap: 0rem;
*/

/* TNtech CUSTOM START */
   display:block ruby; /* Align left */
   flex-direction: row; /* Phone align to row */
   gap: 1rem;           /* Gap between images */
/*   TNtech CUSTOM END */
}

.pa-snippets>ul>li {
   text-align: center;
   background-color: white;
   color: white;
   border-radius: 0rem;
   overflow: hidden;
}

@media(min-width: 768px) {
   .pa-snippets ul {
      flex-direction: row;
   }

   .pa-snippets ul li {
      flex-basis: 0;
      flex-grow: 1;
   }
}

.wptpas-attribute {
   font-size: 12pt;
   margin: 2rem 0 0.5rem 0;
}

.wptpas-attribute-icon,
.wptpas-attribute-label {
   display: block;
   margin-right: 0.3rem;
}

.wptpas-attribute-icon {
   font-size: 24pt;
   margin-bottom: 0.1rem;
}

.wptpas-attribute-label {
   display: none;
   color: black;
   font-size: 11pt;
}

.wptpas-term {
   font-size: 12pt;
   font-weight: bold;
   background-color: #0002;
   padding: 0.75rem;
}