/*
Theme Name: ZMG Radio Stations
Template: hello-elementor
Description: Shared child theme for ZMG radio stations built on Elementor Hello theme.
Author: Tyler Jackson Development
Version: 1.0.0
*/

/* Global variables must match custom globals in Elementor Site Settings */
body.k95tulsa {
  --zmg-accent-color: #D6393A;
  --zmg-text-alt-color: #E1E1E1;
}
body.mix965tulsa {
  --zmg-accent-color: #E7358B;
  --zmg-text-alt-color: #E1E1E1;
}

body.home footer {
  margin-top: 4rem;
}

/* Global Styles */
body {
  margin-top: var(--header-height, 0);
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}

/* GAM Ad Slot Placeholders — reserve space to prevent layout shift.
   Mobile-first: all slots default to 320×50 (mobile banner).
   Breakpoints match the GPT size mappings in theme-hooks.php. */
#zmg-ad-banner,
#zmg-ad-banner-tall,
#zmg-ad-sidebar,
#zmg-ad-sidebar-tall {
	background-color: #f0f0f0;
	border: solid 1px #ccc;
	max-width: 100%;
	margin: 0 auto;
	width: 300px;
	min-height: 250px;
}

/* Announcement Bar */
.zmg-announcement-bar {
	background-color: var(--zmg-accent-color, #dddddd);
	color: #fff;
	padding: 6px 0;
	font-size: 0.875rem;
	text-align: center;
  font-weight: 600;
}

.zmg-announcement-bar p {
	margin: 0;
}

.zmg-announcement-bar a {
	color: #fff;
  text-decoration: underline !important;
}

.zmg-announcement-bar a:hover {
	color: #fff;
	opacity: 0.8;
  text-decoration: none !important;
}

/* Hide featured image on Contests detail page */
body.single-contests .elementor-widget-theme-post-featured-image {
  display: none;
}


/* -------------------------------------------------------
   Responsive Styles Breakpoints:
     sm:  576px
     md:  768px
     lg:  992px
     xl:  1200px
     xxl: 1448px
   ------------------------------------------------------- */

/* -- min-width: 728px — banner serves 728×90 -- */
@media (min-width: 728px) {
	#zmg-ad-banner { width: 728px; min-height: 90px; }
}

/* -- min-width: 768px — sidebars serve desktop sizes -- */
@media (min-width: 768px) {
	#zmg-ad-sidebar      { width: 300px; min-height: 250px; }
	#zmg-ad-sidebar-tall  { width: 300px; min-height: 600px; }
}

/* -- min-width: 970px — banner-tall serves 970×250 -- */
@media (min-width: 970px) {
	#zmg-ad-banner-tall  { width: 970px; min-height: 250px; }
}