/* Artisan Premium — palette & teintes uniquement
 * Structure / densité / composants : wellness-soft.css + wellness-soft-minimal.css
 * Actif via body[data-theme="artisan"]. */

/* —— Tokens palette finale —— */
body[data-theme="artisan"] {
  --card-bg: #f7f3ed;
  --card-surface: #fcfaf7;
  --card-primary: #8a6b4d;
  --card-accent: #8a6b4d;
  --card-accent-wood: #8a6b4d;
  --card-text: #2d2d2d;
  --card-muted: #6f665c;
  --card-border: #ddd2c4;
  --card-shadow: 0 24px 56px rgba(92, 64, 51, 0.08);
  --bg-page: #f7f3ed;
  --primary: #5c4033;
  --primary-soft: rgba(92, 64, 51, 0.12);
  --text-main: #2d2d2d;
  --text-soft: #6f665c;
  --border-soft: rgba(138, 107, 77, 0.22);
  --wellness-cream: #fcfaf7;
  --artisan-cta: #5c4033;
  --artisan-cta-hover: #523628;

  font-family: var(--font-body);
  color: var(--card-text);
  background-color: var(--bg-page);
  background-image:
    radial-gradient(ellipse 90% 70% at 50% -10%, rgba(255, 255, 255, 0.92), transparent 65%),
    linear-gradient(180deg, #faf6f0 0%, #f0ebe3 100%);
}

body[data-theme="artisan"] .phone-inner {
  background: var(--wellness-cream);
  border-color: rgba(221, 210, 196, 0.9);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    var(--card-shadow);
}

body[data-theme="artisan"] .phone-inner::after {
  opacity: 0.28;
}

/* —— Hero compact (densité SmartCard, pas landing) —— */
body[data-theme="artisan"] .hero {
  padding-top: 46px;
}

body[data-theme="artisan"] #hero-city {
  margin-bottom: 4px;
}

body[data-theme="artisan"] #hero-professional-tagline {
  white-space: normal;
  line-height: 1.36;
  margin-bottom: 2px;
}

@media (max-width: 479px) {
  body[data-theme="artisan"] .hero {
    padding-top: 40px;
  }
}

/* —— Proportions finales (v1 produit) —— */
body[data-theme="artisan"] .hero-avatar {
  width: clamp(110px, 29.07vw, 127px);
  height: clamp(110px, 29.07vw, 127px);
  padding: 4px;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.96),
    0 0 0 3px rgba(252, 250, 247, 0.94),
    0 0 0 4px rgba(221, 210, 196, 0.32),
    0 12px 30px rgba(92, 64, 51, 0.11);
}

body[data-theme="artisan"] #hero-avatar-fallback {
  font-size: 2.26rem;
  background: linear-gradient(145deg, #e8dfd0 0%, #a8896e 55%, #6b5344 100%);
}

body[data-theme="artisan"] .hero-texts {
  margin-top: -8px;
}

body[data-theme="artisan"] .wellness-cta-leaf {
  display: none !important;
}

/* —— Google : teinte artisan + preuve sociale renforcée (bloc gauche +5 %) —— */
body[data-theme="artisan"] .wellness-google-inner {
  box-shadow: 0 4px 16px rgba(92, 64, 51, 0.05);
}

body[data-theme="artisan"] .wellness-google-star-icon {
  color: #c9a227;
  font-size: 1.35rem;
}

body[data-theme="artisan"] .wellness-google-score {
  font-size: 1.7rem;
}

body[data-theme="artisan"] .wellness-google-label {
  font-size: 1.03rem;
}

body[data-theme="artisan"] .wellness-google-avatars {
  background: rgba(92, 64, 51, 0.05);
}

body[data-theme="artisan"] .wellness-google-avatar {
  box-shadow: 0 2px 6px rgba(92, 64, 51, 0.1);
}

body[data-theme="artisan"] .wellness-google-avatar:nth-child(2) {
  background: linear-gradient(145deg, #e8dfd0 0%, #b5a696 100%);
}

body[data-theme="artisan"] .wellness-google-avatar:nth-child(3)::after {
  color: rgba(92, 64, 51, 0.55);
}

/* —— CTA : dimensions wellness, brun profond —— */
body[data-theme="artisan"] .hero .btn-primary-contact-hero {
  background: linear-gradient(180deg, #6b4b3a 0%, var(--artisan-cta) 100%) !important;
  border: none !important;
  box-shadow:
    0 12px 32px rgba(92, 64, 51, 0.24),
    0 2px 0 rgba(255, 255, 255, 0.12) inset !important;
}

@media (hover: hover) {
  body[data-theme="artisan"] .hero .btn-primary-contact-hero:hover {
    background: linear-gradient(180deg, #745240 0%, var(--artisan-cta-hover) 100%) !important;
    box-shadow: 0 14px 36px rgba(92, 64, 51, 0.28) !important;
  }
}

body[data-theme="artisan"] #btn-send-feedback,
body[data-theme="artisan"] #btn-send-quote,
body[data-theme="artisan"] .btn-share-card-main,
body[data-theme="artisan"] .recommend-id-confirm {
  background: linear-gradient(180deg, #6b4b3a 0%, var(--artisan-cta) 100%) !important;
  color: #faf7ef !important;
  border: none !important;
  box-shadow: 0 10px 24px rgba(92, 64, 51, 0.2) !important;
}

/* —— Actions rapides : icônes brunes (structure wellness inchangée) —— */
body[data-theme="artisan"] #btn-call::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.5 4h2.8l1.2 3.5-1.8 1.2a11 11 0 0 0 5.3 5.3l1.2-1.8L19 14.7V17.5A1.5 1.5 0 0 1 17.5 19 16 16 0 0 1 5 6.5 1.5 1.5 0 0 1 6.5 5Z' stroke='%235C4033' stroke-width='1.7'/%3E%3C/svg%3E");
}

body[data-theme="artisan"] #btn-whatsapp::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 4a8 8 0 0 0-6.9 12.1L4 20l3.9-1A8 8 0 1 0 12 4Z' stroke='%235C4033' stroke-width='1.7'/%3E%3C/svg%3E");
}

body[data-theme="artisan"] #btn-cta-laisser-avis::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 4.5 14.2 9l4.8.4-3.6 3.1 1.1 4.7L12 15.8 7.5 17.2l1.1-4.7L5 9.4l4.8-.4L12 4.5Z' stroke='%235C4033' stroke-width='1.7'/%3E%3C/svg%3E");
}

body[data-theme="artisan"] #btn-discrete-partager::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 12V5.5A1.5 1.5 0 0 1 9.5 4h10A1.5 1.5 0 0 1 21 5.5v10a1.5 1.5 0 0 1-1.5 1.5H13m-5 0H3m5 0-3-3.5L11 12l-3 3.5' stroke='%235C4033' stroke-width='1.7'/%3E%3C/svg%3E");
}

body[data-theme="artisan"] #btn-call::after,
body[data-theme="artisan"] #btn-whatsapp::after {
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(138, 107, 77, 0.2) 20%,
    rgba(138, 107, 77, 0.2) 80%,
    transparent 100%
  );
}

body[data-theme="artisan"] #btn-cta-laisser-avis {
  box-shadow: inset -1px 0 0 rgba(138, 107, 77, 0.14) !important;
}

/* —— Reco & QR : teinte artisan légère —— */
body[data-theme="artisan"] .wellness-premium-row {
  box-shadow: 0 4px 16px rgba(92, 64, 51, 0.05);
}

body[data-theme="artisan"] .wellness-premium-row:hover {
  border-color: rgba(138, 107, 77, 0.32);
}

body[data-theme="artisan"] .qr-wrap.wellness-qr-card {
  box-shadow: 0 6px 22px rgba(92, 64, 51, 0.06);
}

body[data-theme="artisan"] .qr-wrap img {
  box-shadow: 0 4px 12px rgba(92, 64, 51, 0.06);
}

body[data-theme="artisan"] .footer a {
  color: var(--card-primary);
}

/* —— Modal contact —— */
body[data-theme="artisan"] .wellness-contact-modal-backdrop {
  background: rgba(45, 45, 45, 0.36);
}

body[data-theme="artisan"] .wellness-contact-modal-dialog {
  background: var(--wellness-cream);
  box-shadow:
    0 -8px 40px rgba(45, 45, 45, 0.12),
    0 24px 56px rgba(92, 64, 51, 0.1);
}

body[data-theme="artisan"] #wellness-contact-modal-host #btn-send-quote {
  background: linear-gradient(180deg, #6b4b3a 0%, var(--artisan-cta) 100%) !important;
}