/*
 Theme Name: Starscream Child
 Theme URI: https://thebeartraxs.com/
 Description: Permanent child theme for the Starscream parent theme.
 Author: Eric Kowalewski
 Author URI: https://thebeartraxs.com
 Version: 1.0.0
 Template: starscream
 Text Domain: starscream-child
 Tags: child-theme, woocommerce, responsive
*/

/* 
  You can put your overrides below. This file is versioned with filemtime in functions.php, 
  so updates bust cache automatically.
*/

/* Page 41: make the lead classic-editor graphic span full width responsively. */
body.page-id-41 main > .wp-caption.alignnone:first-of-type {
  width: 100vw !important;
  max-width: none !important;
  margin: 0 0 clamp(1.5rem, 4vw, 2.5rem);
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 0;
}

body.page-id-41 main > .wp-caption.alignnone:first-of-type img {
  display: block;
  width: 100%;
  height: auto;
}

body.page-id-41 main > .wp-caption.alignnone:first-of-type .wp-caption-text {
  width: min(var(--site-content-max, 72rem), calc(100% - 2.5rem));
  margin: 0.85rem auto 0;
  color: var(--site-muted-color, #5f6b76);
  text-align: center;
}

@media (max-width: 767px) {
  body.page-id-41 main > .wp-caption.alignnone:first-of-type .wp-caption-text {
    width: calc(100% - 1.25rem);
  }
}

/* Footer: place the Trusted Secure graphic to the right of the logo. */
.bt-footer-col.bt-footer-logo {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.bt-footer-col.bt-footer-logo::after {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  flex: 0 0 100px;
  background: url("https://karmaincapparel.thebeartraxs.com/wp-content/uploads/2026/04/Trusted-Secure.svg") no-repeat center;
  background-size: contain;
}