/*
Theme Name: WP Residence Child
Template: wpresidence
Version: 1.0
*/
/* ---------- IMPORT FONTS ---------- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&family=Playfair+Display:wght@400;600;700&display=swap');

/* ---------- BASE TYPOGRAPHY ---------- */
/* Typography ONLY inside article content, not header/menu */
.single-post .entry-content,
.page .entry-content {
  font-family: "Montserrat", Arial, sans-serif;
  color: #333333;
  font-size: 17px;
  line-height: 1.6;
}

/* Headings use Playfair */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4 {
  font-family: "Playfair Display", Georgia, serif;
  color: #222222;
  margin-top: 0.6em;
  margin-bottom: 0.4em;
}

/* sizes */
.entry-content h1 { font-size: 34px; line-height:1.1; }
.entry-content h2 { font-size: 26px; }
.entry-content h3 { font-size: 20px; }

/* ---------- PAGE LAYOUT / LEFT OFFSET STYLE ---------- */
/* special group left offset: use class .offset-block */
.offset-block {
  margin-left: 28px;           /* offset from left to create visual column effect */
  margin-right: 0;
  padding-left: 18px;
  border-left: 4px solid #E0972F;
  background: transparent;
}

/* container for highlighted sections */
.highlight {
  background: #f6f6f6;
  border-radius: 14px;
  padding: 22px;
  margin: 28px 0;
  border: 1px solid #e9e9e9;
}

/* ---------- TRUST BLOCK (already used) ---------- */
.trust-block {
  background: #f3f3f3;
  border: 2px solid #d6d6d6;
  border-radius: 18px;
  padding: 28px 30px;
  margin: 30px 0 34px;
}
.trust-block h2 { font-size: 24px; margin-bottom: 12px; }
.trust-block ul { padding-left: 20px; margin: 0; }
.trust-block li { font-size: 18px; margin: 10px 0; }

/* ---------- EMOTIONAL LEAD (new) ---------- */
.emotional-lead {
  background: linear-gradient(180deg, rgba(224,151,47,0.06), rgba(243,243,243,0.02));
  border-radius: 12px;
  padding: 22px 24px;
  margin: 16px 0 28px;
  border-left: 6px solid rgba(224,151,47,0.9);
}
.emotional-lead h2 { font-size: 26px; margin-bottom: 6px; }
.emotional-lead p { font-size: 18px; margin: 6px 0; }

/* ---------- CHECKLIST / WHAT YOU GET ---------- */
.checklist {
  display: block;
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  border: 1px solid #e6e6e6;
  margin: 18px 0;
}
.checklist ul { margin: 0; padding-left: 22px; }
.checklist li { font-size: 18px; margin: 10px 0; }

/* ---------- AREAS LIST (offset left) ---------- */
.area-list {
  margin: 20px 0 30px;
  padding-left: 26px;
  font-size: 18px;
}
.area-list .area-item { margin: 8px 0; }

/* ---------- TESTIMONIAL / SOCIAL PROOF ---------- */
.testimonial {
  background: #ffffff;
  border: 1px solid #e9e9e9;
  padding: 18px;
  border-radius: 10px;
  margin: 22px 0;
  font-style: italic;
}
.testimonial cite { display:block; font-style:normal; font-weight:600; margin-top:8px; }

/* ---------- FORM (improved: keeps previous but integrated) ---------- */
.wpcf7-form {
  background: #ffffff;
  padding: 36px;
  border-radius: 14px;
  border: 2px solid #d6d6d6;
  box-shadow: 0 12px 34px rgba(0,0,0,0.07);
  margin: 18px 0;
}
.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea {
  width: 100%;
  padding: 14px 14px;
  border-radius: 10px;
  border: 2px solid #bfbfbf;
  margin-bottom: 16px;
  font-size: 17px;
  color: #111;
  background: #fff;
}
.wpcf7-form ::placeholder { color:#6b6b6b; }
.wpcf7-form input:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
  border-color: #E0972F;
  box-shadow: 0 0 0 4px rgba(224,151,47,0.18);
  outline:none;
}
.wpcf7-submit {
  width:100%;
  background:#E0972F;
  color:#fff;
  padding:14px;
  border-radius:12px;
  border:none;
  font-weight:700;
  font-size:18px;
  box-shadow: 0 8px 22px rgba(224,151,47,0.25);
  cursor:pointer;
}
.wpcf7-submit:hover { background:#c27c22; transform:translateY(-2px); }

/* ---------- CTA SUBLINE (micro-trust) ---------- */
.cta-subline {
  font-size:15px;
  color:#444;
  margin-top:8px;
}

/* ---------- responsive ---------- */
@media (max-width:900px) {
  .offset-block { margin-left: 12px; padding-left:12px; border-left-width:4px; }
  .emotional-lead h2 { font-size:22px; }
  .trust-block h2 { font-size:20px; }
  .wpcf7-form { padding:20px; }
}

/* ===== CLEAN BRAND DUAL CTA BUTTONS ===== */

.cta-dual {
  margin: 40px 0 20px;
}

.cta-buttons {
  display: flex;
  gap: 16px;
  margin-top: 18px;
  flex-wrap: wrap;
}

/* ===== PRIMARY BUTTON (FORM) ===== */

.cta-primary {
  background: #e86822; /* brand orange */
  color: #ffffff;
  padding: 14px 28px;
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  border: none;
  transition: all 0.25s ease;
}

.cta-primary:hover {
  background: #00878e; /* brand teal on hover */
  color: #ffffff;
  transform: translateY(-2px);
}

/* ===== WHATSAPP BUTTON ===== */

.cta-whatsapp {
  background: transparent;
  color: #00878e; /* brand teal */
  padding: 14px 28px;
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  border: 2px solid #00878e;
  transition: all 0.25s ease;
}

.cta-whatsapp:hover {
  background: #00878e;
  color: #ffffff;
  transform: translateY(-2px);
}

/* ===== Mobile stacking ===== */

@media (max-width: 600px) {
  .cta-buttons {
    flex-direction: column;
  }

  .cta-primary,
  .cta-whatsapp {
    width: 100%;
    text-align: center;
  }
}