/* =============================================
   Good Creations Custom Styles 
   ============================================= */

/* Universal Styles */
.nopad {padding: 0 !important;}

.img-loop img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

.woocommerce-Tabs-panel--description h2 {
    display: none;
}

/* Content spacing */
.post-content h2,
.post-content h3,
.blog-intro{
  margin-top:35px;
  margin-bottom:20px;
}

.post-content p,
.post-content li{
  margin-top:15px;
}

/* Card */
.neobox{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:#fff;
  border-radius:10px;
  box-shadow:0 0 10px var(--gc-shadow), 0 0 10px var(--gc-white);
}

/* Marks */
.brand-name::after{
  content:" \00AE";
  vertical-align:super;
  font-size:.5em;
}
.brand-name-tm::after{
  content:" \2122";
  vertical-align:super;
  font-size:.5em;
}

/* Buttons — shared visuals */
.wp-element-button,
.sp-posts-block-read-more,
.sp-posts-block-read-more a{
  background-color:var(--gc-red);
  color:var(--gc-white);
  border:2px solid var(--gc-white);
  border-radius:10px;
  font-weight:600;
  cursor:pointer;
  box-sizing:border-box;
  text-decoration:none;
  display:inline-block;
}

/* Size variants */
.wp-element-button{ padding:15px; }
.sp-posts-block-read-more,
.sp-posts-block-read-more a{ padding:10px 20px; text-align:center; }

/* Hover */
.wp-element-button:hover,
.sp-posts-block-read-more:hover,
.sp-posts-block-read-more a:hover{
  background-color:var(--gc-red-hover);
  color:var(--gc-white);
}

/* ===== Responsive + Portrait ===== */
@media (max-width: 767px), (orientation: portrait) {
  .mediarow { display: flex; flex-wrap: wrap; }
  .mediarow-reverse { display: flex; flex-wrap: wrap-reverse; }
  .mediacol { width: 100% !important; }
}