/*
Theme Name: Mentor - Consultant & Coach
Theme URI: https://convotra.website
Author: Convotra AI
Author URI: https://convotra.website
Description: A warm, personal theme for independent consultants, business and career coaches, freelance advisors and trainers. Ways to work together, how it works, priced packages, your story, testimonials, FAQs and discovery-call requests are all managed from the WordPress admin, with layout and alignment options in the Customizer.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: convotra-clinic
*/

/* The shared layout (assets/base.css) loads first; this file is the Mentor skin. */

/* ---------- Tokens ---------- */
.cvc {
  --cvc-ink: #1b2a26;
  --cvc-body: #47554f;
  --cvc-muted: #74817b;
  --cvc-line: #e6e2d8;
  --cvc-surface: #fffdf9;
  --cvc-tint: #f7f2e9;
  --cvc-dark: #1b332d;
  --cvc-dark-2: #142621;
  --cvc-radius: 22px;
  --cvc-radius-sm: 14px;
  --cvc-btn-radius: 999px;
  --cvc-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --cvc-font-head: "Fraunces", Georgia, "Times New Roman", serif;
  --cvc-head-weight: 500;
  --cvc-head-spacing: -0.02em;
  --cvc-shadow: 0 1px 2px rgba(27, 42, 38, 0.04), 0 14px 34px -18px rgba(31, 61, 54, 0.22);
  --cvc-shadow-lg: 0 2px 4px rgba(27, 42, 38, 0.04), 0 30px 60px -28px rgba(31, 61, 54, 0.4);
}

.cvc-header { background: rgba(255, 253, 249, 0.94); }
.cvc-logo-text { font-family: var(--cvc-font-head); font-size: 1.35rem; font-weight: 600; }
.cvc-logo-mark { border-radius: 50%; }
.cvc-h3 { font-family: var(--cvc-font); }
.cvc-kicker { font-family: var(--cvc-font); letter-spacing: 0.16em; color: var(--cvc-accent); }
.cvc-menu a { white-space: nowrap; }
.cvc-kicker-light { color: #f3c79b; }

/* ---------- Hero ---------- */
.cvc-hero {
  position: relative; overflow: clip; padding: clamp(48px, 6vw, 96px) 0 clamp(56px, 7vw, 104px);
  background: radial-gradient(60% 70% at 100% 0%, rgba(var(--cvc-accent-rgb), 0.13), transparent 70%), var(--cvc-tint);
}
.cvc-hero-grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr); gap: clamp(32px, 6vw, 88px); align-items: center; }
.cvc-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 18px; color: var(--cvc-accent); font-size: 0.86rem; font-weight: 700; letter-spacing: 0.06em; }
.cvc-eyebrow::before { content: ""; width: 28px; height: 2px; border-radius: 2px; background: currentColor; }
.cvc-hero-title { font-size: clamp(2.3rem, 5.2vw, 4rem); line-height: 1.08; }
.cvc-hero-visual { position: relative; width: 100%; max-width: 420px; margin-inline: auto; padding-bottom: 26px; }
.cvc-hero-blob { position: absolute; inset: -18px -18px 8px 22px; border-radius: 46% 54% 48% 52% / 52% 44% 56% 48%; background: rgba(var(--cvc-accent-rgb), 0.18); }
.cvc-hero-photo { position: relative; aspect-ratio: 4 / 4.8; border-radius: 180px 180px var(--cvc-radius) var(--cvc-radius); overflow: hidden; box-shadow: var(--cvc-shadow-lg); }
.cvc-hero-photo img { width: 100%; height: 100%; object-fit: cover; }
.cvc-hero-portrait {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 20% 11% 16%; text-align: center;
  background: linear-gradient(170deg, var(--cvc-primary) 0%, var(--cvc-dark-2) 100%); color: #fff;
}
.cvc-hero-portrait-icon { display: inline-flex; align-items: center; justify-content: center; width: 84px; height: 84px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); color: #f3c79b; }
.cvc-hero-portrait-icon .cvc-icon { width: 38px; height: 38px; stroke-width: 1.4; }
.cvc-hero-portrait-name { font-family: var(--cvc-font-head); font-size: 1.5rem; line-height: 1.2; }
.cvc-hero-points { display: grid; gap: 10px; width: 100%; margin-top: 6px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, 0.18); text-align: left; font-size: 0.9rem; }
.cvc-hero-points li { display: flex; align-items: flex-start; gap: 10px; color: rgba(255, 255, 255, 0.86); line-height: 1.4; }
.cvc-hero-points .cvc-icon { width: 16px; height: 16px; margin-top: 3px; flex-shrink: 0; color: #f3c79b; }
.cvc-hero-card {
  position: absolute; left: -14px; bottom: 0; display: flex; align-items: center; gap: 12px; padding: 14px 18px;
  border-radius: 18px; background: #fff; box-shadow: var(--cvc-shadow-lg);
}
.cvc-hero-card-icon { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; flex-shrink: 0; border-radius: 50%; background: var(--cvc-accent-soft); color: var(--cvc-accent); }
.cvc-hero-card-label { color: var(--cvc-muted); font-size: 0.78rem; font-weight: 600; }
.cvc-hero-card-value { color: var(--cvc-ink); font-size: 0.95rem; font-weight: 700; line-height: 1.3; }

/* Banner layouts chosen in the Customizer. */
.cvc-hero-text-right .cvc-hero-copy { order: 2; }
.cvc-hero-text-right .cvc-hero-card { left: auto; right: -14px; }
.cvc-hero-text-right .cvc-hero-blob { inset: -18px 22px 8px -18px; }
.cvc-hero-center .cvc-hero-grid { grid-template-columns: minmax(0, 1fr); gap: clamp(36px, 5vw, 60px); }
.cvc-hero-center .cvc-hero-copy { max-width: 780px; margin-inline: auto; text-align: center; }
.cvc-hero-center .cvc-hero-text { margin-inline: auto; }
.cvc-hero-center :is(.cvc-hero-actions, .cvc-hero-proof) { justify-content: center; }

/* ---------- Sections ---------- */
.cvc-stats { background: var(--cvc-surface); }
.cvc-stat { text-align: center; }
.cvc-stat dd { color: var(--cvc-primary); font-family: var(--cvc-font-head); }

.cvc-service { box-shadow: none; }
.cvc-service-icon { border-radius: 50%; background: var(--cvc-accent-soft); color: var(--cvc-accent); }
.cvc-service .cvc-h3 { font-family: var(--cvc-font-head); font-size: 1.3rem; font-weight: 600; }
.cvc-service-price { color: var(--cvc-primary); }
.cvc-service-meta { justify-content: space-between; }
.cvc-cards-center .cvc-service-meta { justify-content: center; align-self: stretch; }

.cvc-step-number { color: var(--cvc-accent); font-family: var(--cvc-font-head); }

.cvc-plan .cvc-h3 { font-family: var(--cvc-font-head); font-size: 1.45rem; font-weight: 600; }
.cvc-plan.is-featured { background: var(--cvc-primary); border-color: var(--cvc-primary); color: rgba(255, 255, 255, 0.86); }
.cvc-plan.is-featured :is(.cvc-h3, .cvc-plan-price strong) { color: #fff; }
.cvc-plan.is-featured :is(.cvc-plan-text, .cvc-plan-price span, .cvc-plan-features) { color: rgba(255, 255, 255, 0.82); }
.cvc-plan.is-featured .cvc-plan-price { border-bottom-color: rgba(255, 255, 255, 0.22); }
.cvc-plan.is-featured .cvc-plan-features .cvc-icon { color: #f3c79b; }
.cvc-plan.is-featured .cvc-btn-primary { background: #fff; color: var(--cvc-primary) !important; box-shadow: none; }

.cvc-about-photo, .cvc-about-panel { border-radius: 180px 180px var(--cvc-radius) var(--cvc-radius); }
.cvc-review-text { font-family: var(--cvc-font-head); font-size: 1.1rem; }
.cvc-rating-summary strong { color: var(--cvc-primary); }

/* ---------- Responsive ---------- */
@media (max-width: 860px) {
  .cvc-hero-grid { grid-template-columns: minmax(0, 1fr); }
  .cvc-hero-text-right .cvc-hero-copy { order: 0; }
  .cvc-hero-visual { max-width: 360px; }
  .cvc-hero-blob, .cvc-hero-text-right .cvc-hero-blob { inset: -12px -8px 8px 12px; }
  .cvc-hero-card, .cvc-hero-text-right .cvc-hero-card { left: 0; right: auto; }
}