/*
Theme Name: Jonesing For The Journey
Theme URI: https://jonesingforthejourney.com/
Author: JFTJ Media Group
Description: Custom WordPress theme based on the approved Jonesing For The Journey static HTML/CSS design.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: jftj
*/
/* =========================================
   COMPACT EBOOK + ZERO SECTION
========================================= */

.conversion {
  min-height: 0 !important;
}

/* LEFT SIDE */
.conversion__ebook {
  height: 430px !important;
  min-height: 430px !important;
  padding: 28px 34px !important;

  grid-template-columns: 175px minmax(0, 1fr) !important;
  gap: 28px !important;
}

/* Smaller ebook cover */
.ebook-image {
  max-width: 155px !important;
}

/* Tighter copy */
.ebook-content h2 {
  font-size: 31px !important;
  line-height: 1.05 !important;
  margin-bottom: 10px !important;
}

.ebook-content > p {
  font-size: 14px !important;
  line-height: 1.4 !important;
  margin-bottom: 10px !important;
}

/* Smaller Kit form */
.kit-ebook-form {
  max-width: 360px !important;
  margin-top: 4px !important;
}

.kit-ebook-form .formkit-form,
.kit-ebook-form .formkit-form [data-style="clean"] {
  max-width: 360px !important;
}

.kit-ebook-form .formkit-input {
  height: 38px !important;
  min-height: 38px !important;
  font-size: 14px !important;
}

.kit-ebook-form .formkit-submit {
  height: 44px !important;
  min-height: 44px !important;
}

.kit-ebook-form .formkit-submit > span {
  font-size: 14px !important;
}

/* RIGHT SIDE */
.conversion__zero {
  height: 430px !important;
  min-height: 430px !important;
}

.zero-content {
  padding: 28px 24px 28px 34px !important;
}

.zero-logo {
  max-width: 335px !important;
}

.zero-content p {
  font-size: 14px !important;
  line-height: 1.4 !important;
}

/* Keep right photo contained */
.zero-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* MOBILE */
@media (max-width: 900px) {

  .conversion__ebook,
  .conversion__zero {
    height: auto !important;
    min-height: 0 !important;
  }

  .conversion__ebook {
    grid-template-columns: 1fr !important;
  }
}
/* =========================================
   FINAL ZERO PANEL FIX
   KEEP TEXT LEFT / PHOTO RIGHT
========================================= */

.conversion__zero {
  display: grid !important;
  grid-template-columns: 56% 44% !important;
  align-items: stretch !important;

  position: relative !important;
  height: 490px !important;
  min-height: 490px !important;

  background: #f7f3eb !important;
  overflow: hidden !important;
}

/* Stop old overlay/background behavior */
.conversion__zero::before,
.conversion__zero::after {
  display: none !important;
  content: none !important;
}

/* LEFT CONTENT AREA */
.zero-content {
  grid-column: 1 !important;
  grid-row: 1 !important;

  position: relative !important;
  z-index: 5 !important;

  width: 100% !important;
  height: 100% !important;

  padding: 44px 40px 40px 50px !important;
  box-sizing: border-box !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;

  background: #f7f3eb !important;
}



/* PHOTO */
.zero-photo img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  max-width: none !important;
  max-height: none !important;

  object-fit: cover !important;
  object-position: center center !important;

  opacity: 1 !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* ZERO COPY */
.zero-content .eyebrow {
  margin: 0 0 12px !important;
  color: #d47a2a !important;
}

.zero-content small {
  display: block !important;
  margin: 0 0 16px !important;

  color: #08233e !important;
  font-size: 16px !important;
}

.zero-logo {
  display: block !important;

  width: 100% !important;
  max-width: 340px !important;
  height: auto !important;

  margin: 0 0 22px !important;
}

.zero-content > p {
  max-width: 470px !important;

  margin: 0 0 18px !important;

  color: #08233e !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

/* BUTTONS */
.zero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;

  margin: 0 !important;
}

/* MOBILE */
@media (max-width: 900px) {

  .conversion__zero {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .zero-content {
    height: auto !important;
    padding: 35px 24px !important;
  }

  .zero-photo {
    width: 100% !important;
    height: 350px !important;
  }
}
.jftj-stay-connected h3 {
    margin-bottom: 18px;
}

.jftj-stay-connected p {
    margin-bottom: 14px;
}

.jftj-social-icons {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 16px 0 12px;
}

.jftj-social-icons a {
    color: #ffffff;
    font-size: 20px;
    text-decoration: none;
    line-height: 1;
    transition: color 0.2s ease, transform 0.2s ease;
}

.jftj-social-icons a:hover {
    color: #d47a2a;
    transform: translateY(-2px);
}

.jftj-contact-link {
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
}

.jftj-contact-link:hover {
    color: #d47a2a;
}