/* FORCE show the cart remove control in The7 */
.woocommerce-cart .shop_table .product-remove a.remove,
.woocommerce .shop_table .product-remove a.remove,
.shop_table .product-remove a.remove,
.product-remove a.remove {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 2 !important;

  /* make it obvious */
  font-size: 20px !important;
  line-height: 1 !important;
  width: 1.6em; height: 1.6em;
  text-align: center;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,.12) !important;
  background: #fff !important;
  color: #85BDB1 !important;              /* your teal */
  text-decoration: none !important;
}

/* Some themes hide the × symbol; ensure it exists */
.product-remove a.remove::before {
  content: "×";
  font-weight: 700;
  color: inherit;
}

/* Hover feedback */
.product-remove a.remove:hover {
  color: #cc0000 !important;              /* clear remove signal */
  border-color: rgba(204,0,0,.2) !important;
  transform: scale(1.1);
}

/* Make sure the column is wide enough */
.woocommerce .product-remove { width: 2.4em !important; }

/* Mini-cart (header) too */
.woocommerce-mini-cart a.remove {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #85BDB1 !important;
}
.woocommerce-mini-cart a.remove::before { content: "×"; font-weight:700; }
.woocommerce-mini-cart a.remove:hover { color:#cc0000 !important; }


/* --- Bea custom style: smaller centered vertical videos --- */
.small-video video {
  max-width: 480px;
  width: 100%;
  margin: 1.5em auto;
  display: block;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}

}
.classroom-container {
  padding-left: 40px;
  padding-right: 40px;
  max-width: 1200px;
  margin: 0 auto;
}

.classroom-container p {
  line-height: 1.6;
}

.classroom-container .wp-block-gallery {
  margin-top: 40px;
  margin-bottom: 40px;
}
.class-card{
  background:#E6F3F2;
  padding:1rem 1.25rem;
  border-radius:14px;
  display:inline-block;
  margin:.75rem 0 0;
  font-weight:600;
  box-shadow:0 2px 5px rgba(0,0,0,.05);
  transition:transform .2s;
}
.class-card:hover{ transform:translateY(-2px); }
.class-card a{ color:#005E66; text-decoration:none; }
.class-card a:hover{ text-decoration:underline; }