/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* Layout Extras - Shared Components */
/* Specifically For Ads */

/* Supporter/Feature Section (Ad Banner) */
.supporter-wrapper {
  width: 100%;
  max-width: 728px;
  background-color: transparent;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;

  /* Default: Stacking logic for main footer */
  /* Hidden by default in fixed footer as per user request */
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1001;
}

/* Show it ONLY when inside static footer layout */
body.static-footer-layout footer .supporter-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* Static position modifier for inline use (Cover pages) OR when inside static footer layout */
.supporter-wrapper.static-position,
body.static-footer-layout footer .supporter-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* Ensure it's visible when manually placed or in static footer */
  position: static;
  bottom: auto;
  left: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  margin: 0 auto 0 auto; /* Remove bottom margin to stack with footer */
  width: 100%;
  max-width: 800px; /* Limit width as requested */
  border-radius: 8px;
}

.supporter-wrapper.static-position .feature-graphic,
body.static-footer-layout footer .supporter-wrapper .feature-graphic {
  border-radius: 8px 8px 0 0;
}

.action-link {
  width: 100%;
  display: block;
  text-decoration: none;
}

.feature-graphic {
  width: 100%;
  max-width: 100%; /* Ensure image never overflows container */
  height: auto;
  display: block;
  -webkit-box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition:
    transform 0.3s ease,
    -webkit-transform 0.3s ease;
}

.feature-graphic:hover {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}