/*
 Theme Name:   Astra Child - Mirror Talk
 Theme URI:    https://mirrortalkpodcast.com
 Description:  Child theme for Astra with Ask Mirror Talk widget and guest intake CTA styles
 Author:       Mirror Talk
 Author URI:   https://mirrortalkpodcast.com
 Template:     astra
 Version:      5.2.7
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  astra-child
*/

/*
 * This file is required for the child theme to be recognized by WordPress.
 * The "Template: astra" line tells WordPress this is a child of the Astra theme.
 *
 * Existing custom styles may still live in ask-mirror-talk.css.
 * Reusable guest CTA styles are defined here so they are not lost from Additional CSS.
 */

/* Mirror Talk Guest CTA */
.mt-guest-cta-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 36px 0;
}

.mt-guest-cta {
  display: block;
  width: 100%;
  max-width: 720px;
  padding: 26px 30px;
  border-radius: 28px;
  text-decoration: none;
  background: #f4e8d8;
  background:
    radial-gradient(circle at top right, rgba(255, 116, 24, 0.16), transparent 30%),
    linear-gradient(135deg, #fffaf4 0%, #f4e8d8 100%);
  border: 1px solid rgba(79, 57, 31, 0.10);
  box-shadow: 0 20px 50px rgba(45, 28, 12, 0.10);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
  color: inherit;
}

.mt-guest-cta:hover,
.mt-guest-cta:focus {
  transform: translateY(-2px);
  box-shadow: 0 26px 60px rgba(45, 28, 12, 0.14);
  border-color: rgba(255, 102, 0, 0.28);
}

.mt-guest-cta span {
  display: block;
}

.mt-guest-cta-eyebrow {
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #145a4a;
}

.mt-guest-cta-title {
  margin-bottom: 8px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 42px;
  line-height: 1.08;
  color: #2d241a;
}

.mt-guest-cta-copy {
  max-width: 42em;
  font-size: 16px;
  line-height: 1.6;
  color: #6f5b46;
}

@media (max-width: 768px) {
  .mt-guest-cta {
    padding: 22px 20px;
    border-radius: 22px;
  }

  .mt-guest-cta-title {
    font-size: 30px;
  }

  .mt-guest-cta-copy {
    font-size: 15px;
  }
}