/*
Theme Name: Metamorph Center
Theme URI: https://metamorph-center.ro
Author: Atum Marketing
Description: Temă custom pentru Metamorph Center – centru de remodelare corporală și tratamente faciale din Constanța. Construită de la zero, fără page builder, optimizată pentru viteză (PageSpeed) și SEO local.
Version: 1.3.1
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: metamorph
*/

/* =========================================================
   FONTURI SELF-HOSTED (Playfair Display + Jost, variabile,
   latin + latin-ext pentru diacritice RO)
   ========================================================= */
/* --- Playfair Display (titluri) – normal --- */
@font-face{
  font-family:"Playfair Display";
  src:url("assets/fonts/playfair-latin.woff2") format("woff2");
  font-weight:400 900; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Playfair Display";
  src:url("assets/fonts/playfair-latinext.woff2") format("woff2");
  font-weight:400 900; font-style:normal; font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* --- Playfair Display – italic --- */
@font-face{
  font-family:"Playfair Display";
  src:url("assets/fonts/playfair-italic-latin.woff2") format("woff2");
  font-weight:400 900; font-style:italic; font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Playfair Display";
  src:url("assets/fonts/playfair-italic-latinext.woff2") format("woff2");
  font-weight:400 900; font-style:italic; font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* --- Jost (text) – normal --- */
@font-face{
  font-family:"Jost";
  src:url("assets/fonts/jost-latin.woff2") format("woff2");
  font-weight:100 900; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Jost";
  src:url("assets/fonts/jost-latinext.woff2") format("woff2");
  font-weight:100 900; font-style:normal; font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* =========================================================
   METAMORPH CENTER – Variabile globale (brand)
   Paletă din logo: mov închis #282040, lila #A098D0, auriu #E3C58F.
   ========================================================= */
:root{
  /* Culori brand Metamorph */
  --mm-purple:      #282040;   /* mov închis – ink, header, footer, titluri */
  --mm-lila:        #A098D0;   /* lila brand */
  --mm-gold:        #E3C58F;   /* auriu – accent fin */

  /* Roluri (numele „pink" = accentul principal, moștenit de componente) */
  --mm-pink:        #7A6FB0;   /* accent principal (butoane, linkuri) */
  --mm-pink-hover:  #665AA0;
  --mm-pink-soft:   #EDEAF6;
  --mm-pink-pastel: #F3F1FA;
  --mm-pink-text:   #5A4E8C;
  --mm-cream:       #F6F3EC;   /* off-white cald – secțiuni alternate */
  --mm-cream-deep:  #EFEADD;
  --mm-ink:         #282040;
  --mm-body:        #3A3F4B;
  --mm-muted:       #8A8F9C;
  --mm-line:        #ECE9F2;
  --mm-white:       #FFFFFF;
  --mm-dark:        #282040;   /* header / footer mov */
  --mm-green:       #23544E;
  --mm-gold-soft:   #F7EFDD;

  /* Tokeni moșteniți de pluginul Metamorph Programări */
  --mm-accent:      #7A6FB0;
  --mm-accent-hov:  #665AA0;
  --mm-accent-soft: #EDEAF6;

  /* Tipografie */
  --mm-font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --mm-font-body:    "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Layout */
  --mm-container: 1180px;
  --mm-container-narrow: 760px;
  --mm-radius: 18px;
  --mm-radius-sm: 12px;
  --mm-gap: 24px;

  /* Umbre */
  --mm-shadow: 0 4px 18px rgba(40,32,64,.07);
  --mm-shadow-lg: 0 12px 40px rgba(40,32,64,.12);
}

/* =========================================================
   Reset minimal
   ========================================================= */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0; font-family:var(--mm-font-body); color:var(--mm-body);
  background:var(--mm-white); line-height:1.65; font-size:17px;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
img,svg,video{max-width:100%;height:auto;display:block;}
a{color:var(--mm-pink);text-decoration:none;}
a:hover{color:var(--mm-pink-hover);}
h1,h2,h3,h4,h5,h6{
  font-family:var(--mm-font-display); color:var(--mm-ink);
  line-height:1.18; margin:0 0 .5em; font-weight:600;
}
h1{font-size:clamp(2rem,5vw,3.25rem);}
h2{font-size:clamp(1.6rem,3.5vw,2.4rem);}
h3{font-size:clamp(1.25rem,2.5vw,1.6rem);}
p{margin:0 0 1.1em;}
ul,ol{margin:0 0 1.1em;padding-left:1.2em;}

.mm-container{ width:100%; max-width:var(--mm-container); margin-inline:auto; padding-inline:20px; }
.mm-container--narrow{max-width:var(--mm-container-narrow);}

:focus-visible{outline:3px solid var(--mm-pink);outline-offset:2px;}

.mm-skip-link{ position:absolute;left:-9999px;top:0; background:var(--mm-ink);color:#fff;padding:10px 16px;z-index:9999;border-radius:0 0 8px 0; }
.mm-skip-link:focus{left:0;color:#fff;}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
}

/* Tarife – buton mic per serviciu + durată */
.mm-btn--sm{ padding:7px 16px; font-size:.85rem; border-radius:var(--mm-radius-sm,12px); white-space:nowrap; }
.mm-price-table__dur{ display:block; font-size:.8rem; color:var(--mm-muted,#8A8F9C); margin-top:2px; }
.mm-price-table__cta{ text-align:right; white-space:nowrap; padding-left:10px; }
.mm-price-table__name{ padding-right:12px; }
@media (max-width:560px){
	.mm-price-table__cta{ display:block; text-align:left; padding:6px 0 12px; }
	.mm-price-table__cta .mm-btn--sm{ width:100%; text-align:center; }
}