{"id":24,"date":"2026-05-29T09:11:05","date_gmt":"2026-05-29T09:11:05","guid":{"rendered":"https:\/\/mindrise.ro\/services\/parenting\/"},"modified":"2026-05-29T16:16:40","modified_gmt":"2026-05-29T16:16:40","slug":"parenting","status":"publish","type":"page","link":"https:\/\/mindrise.ro\/en\/services\/parenting\/","title":{"rendered":"Parenting support"},"content":{"rendered":"<style id=\"spdhd-v2-css\">\n\/* =============================================================\n   Mindrise \/ Superputerea ADHD \u2014 V2 site stylesheet\n   Scoped under .spdhd-v2 so it cannot affect the current site.\n   Inject site-wide via Simple Custom CSS and JS or theme additional CSS.\n   ============================================================= *\/\n\n\/* ---- Fonts: load Inter from Google ---- *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n\/* ---- Hide theme chrome ONLY on pages that contain a .spdhd-v2 wrapper ----\n   Uses :has() so we don't need a body class set by JavaScript \u2014 works even\n   when WordPress strips inline <script> tags from page content. *\/\nhtml:has(.spdhd-v2) #masthead,\nhtml:has(.spdhd-v2) #site-navigation,\nhtml:has(.spdhd-v2) .site-header,\nhtml:has(.spdhd-v2) header.site-header,\nhtml:has(.spdhd-v2) #colophon,\nhtml:has(.spdhd-v2) .site-footer,\nhtml:has(.spdhd-v2) footer.site-footer,\nhtml:has(.spdhd-v2) .wp-site-blocks > header,\nhtml:has(.spdhd-v2) .wp-site-blocks > footer,\nhtml:has(.spdhd-v2) .entry-title,\nhtml:has(.spdhd-v2) .page-title,\nhtml:has(.spdhd-v2) .entry-header,\nhtml:has(.spdhd-v2) .page-header,\n\/* GeneratePress specifics *\/\nhtml:has(.spdhd-v2) .generate-back-to-top,\nhtml:has(.spdhd-v2) .navigation-branding,\n\/* Block theme specifics *\/\nhtml:has(.spdhd-v2) .wp-block-template-part[data-block-name=\"header\"],\nhtml:has(.spdhd-v2) .wp-block-template-part[data-block-name=\"footer\"] { display: none !important; }\n\nhtml:has(.spdhd-v2) .entry-content,\nhtml:has(.spdhd-v2) .inside-article,\nhtml:has(.spdhd-v2) .wp-block-post-content,\nhtml:has(.spdhd-v2) .site-main,\nhtml:has(.spdhd-v2) .container,\nhtml:has(.spdhd-v2) main {\n  padding: 0 !important; margin: 0 !important;\n  max-width: none !important; width: auto !important;\n}\n\nhtml:has(.spdhd-v2) body { margin: 0 !important; padding: 0 !important; background: #fff !important; }\n\n\/* Fallback for older browsers (Chrome <105, Safari <15.4, Firefox <121):\n   if the deploy script's body-class script survives kses, these still apply. *\/\nbody.spdhd-v2-body #masthead,\nbody.spdhd-v2-body #site-navigation,\nbody.spdhd-v2-body .site-header,\nbody.spdhd-v2-body #colophon,\nbody.spdhd-v2-body .site-footer,\nbody.spdhd-v2-body .entry-title,\nbody.spdhd-v2-body .page-title,\nbody.spdhd-v2-body .entry-header,\nbody.spdhd-v2-body .page-header { display: none !important; }\nbody.spdhd-v2-body .entry-content,\nbody.spdhd-v2-body .inside-article,\nbody.spdhd-v2-body main { padding: 0 !important; margin: 0 !important; max-width: none !important; }\n\n\/* ---- Root scope ---- *\/\n.spdhd-v2,\n.spdhd-v2 * {\n  box-sizing: border-box;\n  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n}\n\n.spdhd-v2 {\n  color: #1D2A35;\n  line-height: 1.5;\n  font-size: 16px;\n  background: #FFFFFF;\n}\n\n.spdhd-v2 a { color: #1EC4C9; text-decoration: none; }\n.spdhd-v2 a:hover { color: #1ab0b5; }\n.spdhd-v2 img { max-width: 100%; height: auto; display: block; }\n.spdhd-v2 p { margin: 0 0 1em 0; }\n.spdhd-v2 h1, .spdhd-v2 h2, .spdhd-v2 h3, .spdhd-v2 h4 { margin: 0 0 .5em 0; color: #1D2A35; }\n.spdhd-v2 h1 { font-size: 60px; font-weight: 800; line-height: 1.1; }\n.spdhd-v2 h2 { font-size: 36px; font-weight: 700; line-height: 1.2; }\n.spdhd-v2 h3 { font-size: 24px; font-weight: 700; line-height: 1.3; }\n.spdhd-v2 h4 { font-size: 18px; font-weight: 700; line-height: 1.4; }\n.spdhd-v2 ul { margin: 0 0 1em 0; padding-left: 1.25em; }\n.spdhd-v2 ul li { margin: .25em 0; }\n\n.spdhd-v2 h1, .spdhd-v2 h2, .spdhd-v2 h3, .spdhd-v2 h4 {\n  overflow-wrap: break-word; word-wrap: break-word; hyphens: auto;\n}\n@media (max-width: 1024px) {\n  .spdhd-v2 h1 { font-size: 40px; }\n  .spdhd-v2 h2 { font-size: 30px; }\n}\n@media (max-width: 640px) {\n  .spdhd-v2 h1 { font-size: 28px; line-height: 1.2; }\n  .spdhd-v2 h2 { font-size: 24px; line-height: 1.25; }\n  .spdhd-v2 h3 { font-size: 20px; }\n}\n\n\/* ---- Layout primitives ---- *\/\n.mr-container { max-width: 1280px; margin: 0 auto; padding: 0 32px; }\n@media (max-width: 1024px) { .mr-container { padding: 0 24px; } }\n@media (max-width: 640px)  { .mr-container { padding: 0 16px; } }\n\n.mr-section { padding: 80px 0; position: relative; }\n@media (max-width: 1024px) { .mr-section { padding: 64px 0; } }\n@media (max-width: 640px)  { .mr-section { padding: 48px 0; } }\n\n.mr-row { display: flex; flex-wrap: wrap; gap: 32px; }\n.mr-col { flex: 1 1 0; min-width: 0; }\n\n.mr-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; align-items: start; }\n.mr-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; align-items: stretch; }\n.mr-grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; align-items: start; }\n.mr-grid-2 > *, .mr-grid-3 > *, .mr-grid-4 > * { min-width: 0; width: 100%; }\n@media (max-width: 1024px) {\n  .mr-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .mr-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n}\n@media (max-width: 640px) {\n  .mr-grid-2, .mr-grid-3, .mr-grid-4 { grid-template-columns: 1fr; }\n}\n\n.mr-text-center { text-align: center; }\n.mr-mt-sm { margin-top: 8px; }\n.mr-mt-md { margin-top: 16px; }\n.mr-mt-lg { margin-top: 24px; }\n.mr-mt-xl { margin-top: 32px; }\n.mr-mt-2xl { margin-top: 48px; }\n.mr-mt-3xl { margin-top: 64px; }\n.mr-mb-sm { margin-bottom: 8px; }\n.mr-mb-md { margin-bottom: 16px; }\n.mr-mb-lg { margin-bottom: 24px; }\n.mr-mb-xl { margin-bottom: 32px; }\n\n\/* ---- Backgrounds \/ hero ---- *\/\n.mr-hero-bg {\n  background: linear-gradient(135deg, rgba(30,196,201,0.05) 0%, #fff 50%, rgba(166,224,28,0.05) 100%);\n}\n.mr-cta-turcoaz {\n  background: linear-gradient(to bottom right, #1EC4C9 0%, #1ab0b5 100%);\n  color: #fff;\n}\n.mr-cta-turcoaz h2, .mr-cta-turcoaz p { color: #fff; }\n.mr-bg-turcoaz-5  { background-color: rgba(30,196,201,0.05); }\n.mr-bg-turcoaz-10 { background-color: rgba(30,196,201,0.10); }\n.mr-bg-verde-10   { background-color: rgba(166,224,28,0.10); }\n.mr-bg-verde-20   { background-color: rgba(166,224,28,0.20); }\n.mr-bg-muted      { background-color: #F9FAFB; }\n.mr-bg-dark       { background-color: #1D2A35; color: #fff; }\n\n\/* ---- Blobs ---- *\/\n.mr-blob { position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none; z-index: 0; }\n.mr-blob.tl { top:-250px; left:-250px; width:500px; height:500px; background: rgba(166,224,28,.10); }\n.mr-blob.tr { top:-250px; right:-250px; width:500px; height:500px; background: rgba(30,196,201,.10); }\n.mr-blob.bl { bottom:-250px; left:-250px; width:500px; height:500px; background: rgba(166,224,28,.10); }\n.mr-blob.br { bottom:-250px; right:-250px; width:500px; height:500px; background: rgba(30,196,201,.10); }\n\n\/* ---- Card ---- *\/\n.mr-card {\n  background: #fff;\n  border: 1px solid rgba(0,0,0,0.08);\n  border-radius: 24px;\n  padding: 32px;\n  transition: all 200ms ease;\n  position: relative;\n}\n.mr-card:hover {\n  border-color: rgba(30,196,201,0.40);\n  box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n  transform: translateY(-4px);\n}\n.mr-card-tight { padding: 24px; }\n.mr-card-tinted-turcoaz { border: 2px solid rgba(30,196,201,0.20); }\n.mr-card-tinted-verde   { border: 2px solid rgba(166,224,28,0.20); }\n\n\/* ---- Buttons ---- *\/\n.mr-btn-primary, .mr-btn-outline, .mr-btn-dark, .mr-btn-white {\n  display: inline-flex; align-items: center; justify-content: center; gap: 8px;\n  padding: 14px 32px; font-weight: 700; border-radius: 12px; cursor: pointer;\n  text-decoration: none !important; transition: all 200ms ease; border: 0;\n  font-size: 15px; line-height: 1;\n}\n.mr-btn-primary {\n  background: linear-gradient(to right, #1EC4C9, #1ab0b5);\n  color: #fff !important;\n  box-shadow: 0 4px 12px rgba(30,196,201,0.25);\n}\n.mr-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(30,196,201,0.35); color:#fff !important; }\n.mr-btn-outline {\n  background: #fff; color: #1D2A35 !important;\n  border: 1px solid rgba(0,0,0,0.10); padding: 12px 24px;\n}\n.mr-btn-outline:hover { background: #F9FAFB; }\n.mr-btn-dark { background: #1D2A35; color: #fff !important; }\n.mr-btn-dark:hover { background: #2A3C4C; color:#fff !important; }\n.mr-btn-white { background:#fff; color:#1EC4C9 !important; box-shadow:0 4px 12px rgba(0,0,0,.10); }\n.mr-btn-white:hover { transform: translateY(-2px); color:#1EC4C9 !important; }\n.mr-btn-ghost-on-dark {\n  display:inline-flex; align-items:center; justify-content:center; gap:8px;\n  padding:14px 32px; font-weight:700; border-radius:12px;\n  background: transparent; color: #fff !important; border: 2px solid #fff;\n  text-decoration:none !important;\n}\n.mr-btn-ghost-on-dark:hover { background: rgba(255,255,255,.10); color:#fff !important; }\n\n\/* ---- Badge ---- *\/\n.mr-badge {\n  display: inline-flex; align-items: center; gap: 8px;\n  padding: 6px 14px; background: rgba(166,224,28,0.20); color: #1D2A35;\n  border: 1px solid rgba(166,224,28,0.30); border-radius: 9999px;\n  font-size: 13px; font-weight: 700; letter-spacing: 0.02em;\n}\n.mr-badge-light {\n  background: rgba(255,255,255,0.80);\n  border-color: rgba(30,196,201,0.20);\n}\n\n\/* ---- Icon square ---- *\/\n.mr-icon-square {\n  display:inline-flex; align-items:center; justify-content:center;\n  width:56px; height:56px; border-radius:16px; flex-shrink:0;\n}\n.mr-icon-square.sm { width:40px; height:40px; border-radius:12px; }\n.mr-icon-square.lg { width:64px; height:64px; border-radius:16px; }\n.mr-icon-square svg { width: 28px; height: 28px; }\n.mr-icon-square.sm svg { width: 20px; height: 20px; }\n.mr-icon-square.lg svg { width: 32px; height: 32px; }\n\n\/* ---- Header ---- *\/\n.mr-header {\n  position: sticky; top: 0; z-index: 50;\n  background: #fff; border-bottom: 1px solid #E9EBEF;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n}\n.mr-header-inner {\n  display:flex; align-items:center; justify-content:space-between;\n  max-width: 1280px; margin: 0 auto; padding: 0 32px; min-height: 80px;\n}\n@media (max-width: 1024px){ .mr-header-inner { padding: 0 24px; } }\n@media (max-width: 640px) { .mr-header-inner { padding: 0 16px; } }\n.mr-header-logo { display:flex; align-items:center; gap:12px; }\n.mr-header-logo img { width:56px; height:56px; border-radius:50%; object-fit: cover; }\n.mr-header-logo span { font-size:24px; font-weight:700; color:#1D2A35; }\n.mr-header-right { display:flex; align-items:center; gap:8px; }\n.mr-header-nav { display:flex; align-items:center; gap:4px; }\n.mr-header-nav a {\n  padding: 8px 12px; border-radius: 8px;\n  font-size: 15px; font-weight: 500; color: #1D2A35;\n  transition: all 150ms ease;\n  text-decoration: none;\n}\n.mr-header-nav a:hover { background: rgba(30,196,201,0.10); color: #1EC4C9; }\n.mr-header-nav a.active,\n.mr-header-nav .current-menu-item > a,\n.mr-header-nav .current_page_item > a { background: rgba(30,196,201,0.10); color: #1EC4C9; }\n\/* When wp_nav_menu renders, it outputs <ul class=\"mr-header-menu\"><li><a>.\n   Flatten that so it visually matches the fallback flat-link layout. *\/\n.mr-header-nav .mr-header-menu {\n  display: flex; align-items: center; gap: 4px;\n  list-style: none; margin: 0; padding: 0;\n}\n.mr-header-nav .mr-header-menu li { list-style: none; padding: 0; margin: 0; }\n.mr-header-cta { margin-left: 12px; padding: 10px 20px !important; font-size: 14px; }\n.mr-burger {\n  display: none; background: transparent; border: 1px solid rgba(0,0,0,0.10);\n  padding: 8px; cursor: pointer; border-radius: 10px;\n  color: #1D2A35; align-items: center; justify-content: center;\n}\n.mr-burger:hover { background: rgba(30,196,201,0.05); border-color: rgba(30,196,201,0.30); }\n.mr-burger svg { width: 24px; height: 24px; display: block; }\n.mr-burger .icon-close { display: none; }\n.mr-burger.open .icon-open { display: none; }\n.mr-burger.open .icon-close { display: block; }\n\n.mr-mobile-menu {\n  display: none;\n  padding: 16px 24px 24px;\n  border-top: 1px solid #E9EBEF;\n  background: #fff;\n}\n.mr-mobile-menu.open { display: block; }\n.mr-mobile-menu a {\n  display: block; padding: 12px 14px; border-radius: 10px;\n  color: #1D2A35; font-weight: 500; text-decoration: none;\n  font-size: 16px;\n}\n.mr-mobile-menu a:hover,\n.mr-mobile-menu a.active,\n.mr-mobile-menu .current-menu-item > a,\n.mr-mobile-menu .current_page_item > a { background: rgba(30,196,201,0.10); color: #1EC4C9; }\n.mr-mobile-menu ul.mr-mobile-menu-list { list-style: none; margin: 0; padding: 0; }\n.mr-mobile-menu ul.mr-mobile-menu-list li { list-style: none; }\n.mr-mobile-menu .mr-btn-primary { width: 100%; margin-top: 12px; }\n\n\/* Language switcher inside the mobile menu panel.\n   Always rendered in the markup; we just show or hide based on whether\n   we're inside the mobile-menu panel vs the desktop header. *\/\n.mr-mobile-lang {\n  margin-top: 16px;\n  padding-top: 16px;\n  border-top: 1px solid #E9EBEF;\n  display: flex; justify-content: center;\n}\n.mr-mobile-lang .mr-lang-switch { display: inline-flex; }\n\n@media (max-width: 1024px) {\n  .mr-header-nav,\n  .mr-header-cta,\n  .mr-header-right .mr-lang-switch { display: none !important; }\n  .mr-burger { display: inline-flex; }\n}\n@media (min-width: 1025px) {\n  \/* On desktop the mobile-menu-only switcher is hidden;\n     the desktop one in .mr-header-right is the visible one. *\/\n  .mr-mobile-lang { display: none !important; }\n}\n\n\/* ---- Language switcher ---- *\/\n.mr-lang-switch {\n  display: inline-flex; align-items: center; gap: 4px;\n  padding: 6px; background: #F3F3F5; border-radius: 9999px;\n  font-size: 13px; font-weight: 600;\n}\n.mr-lang-switch a {\n  display: inline-flex; align-items: center; justify-content: center;\n  min-width: 32px; height: 28px; padding: 0 10px; border-radius: 9999px;\n  color: #6B7280; text-decoration: none !important; transition: all 150ms ease;\n  letter-spacing: 0.02em;\n}\n.mr-lang-switch a:hover { color: #1D2A35; background: rgba(0,0,0,0.04); }\n.mr-lang-switch a.current {\n  background: #fff; color: #1D2A35; box-shadow: 0 1px 2px rgba(0,0,0,0.06);\n}\n@media (max-width: 1024px) {\n  .mr-header-right .mr-lang-switch { display: none; }\n  .mr-mobile-menu .mr-lang-switch { display: inline-flex; margin-top: 12px; }\n}\n\n\/* ---- Footer ---- *\/\n.mr-footer { background: #1D2A35; color: #9CA3AF; }\n.mr-footer-main { padding: 56px 32px; max-width: 1280px; margin: 0 auto; }\n.mr-footer-cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; }\n@media (max-width: 1024px) { .mr-footer-cols { grid-template-columns: repeat(2, 1fr); } }\n@media (max-width: 640px)  { .mr-footer-cols { grid-template-columns: 1fr; text-align: center; } }\n.mr-footer h3 { color: #fff; font-size: 18px; font-weight: 600; margin: 0 0 20px 0; }\n.mr-footer a { color: #9CA3AF; }\n.mr-footer a:hover { color: #1EC4C9; }\n.mr-footer ul { list-style: none; padding: 0; margin: 0; }\n.mr-footer li { margin: 8px 0; font-size: 15px; }\n.mr-footer-logo {\n  width: 160px; height: 160px; background: #fff; border-radius: 9999px;\n  border: 4px solid rgba(30,196,201,0.20); padding: 12px; margin: 0 auto 16px;\n  display:flex; align-items:center; justify-content:center;\n}\n.mr-footer-logo img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }\n.mr-footer-about p { font-size:14px; color:#9CA3AF; max-width: 360px; margin: 0 auto; }\n.mr-footer-anpc { display:flex; gap:8px; margin-top:16px; flex-wrap:wrap; }\n@media (max-width: 640px) {\n  .mr-footer-anpc { justify-content: center; }\n  .mr-footer-socials { justify-content: center; }\n  .mr-footer-contact-row { justify-content: center; }\n}\n.mr-footer-anpc a {\n  display:flex; align-items:center; justify-content:center;\n  width:120px; height:48px; background:#fff; padding:4px; border-radius:6px;\n}\n.mr-footer-anpc img { max-width: 100%; max-height: 100%; }\n.mr-footer-contact-row { display:flex; gap:8px; align-items:center; font-size:14px; margin: 8px 0; }\n.mr-footer-contact-row svg { width: 18px; height: 18px; color: #1EC4C9; flex-shrink:0; }\n.mr-footer-socials { display:flex; gap:12px; margin-top: 16px; }\n.mr-footer-socials a {\n  display:inline-flex; align-items:center; justify-content:center;\n  width:40px; height:40px; border-radius:50%; border:1px solid rgba(255,255,255,.10);\n}\n.mr-footer-eu {\n  background: rgba(0,0,0,0.20);\n  border-top: 1px solid rgba(255,255,255,0.10);\n  padding: 16px 32px;\n}\n.mr-footer-eu-inner {\n  max-width: 1280px; margin: 0 auto;\n  display:flex; align-items:center; gap:32px; flex-wrap: wrap;\n}\n.mr-footer-eu-logo { background:#fff; padding:8px; border-radius:12px; max-width:280px; flex-shrink:0; }\n.mr-footer-eu-logo img { width: 100%; height: auto; }\n.mr-footer-eu-text { font-size:13px; line-height:1.5; color:#9CA3AF; flex: 1; min-width: 280px; }\n.mr-footer-copy {\n  background: rgba(0,0,0,0.40);\n  border-top: 1px solid rgba(255,255,255,0.10);\n  padding: 20px 32px;\n}\n.mr-footer-copy-inner {\n  max-width: 1280px; margin: 0 auto;\n  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px;\n  font-size: 12px;\n}\n.mr-footer-copy-inner .l { color: #6B7280; }\n.mr-footer-copy-inner .r { color: #4B5563; }\n\n\/* ---- Hero (specific) ---- *\/\n.mr-hero {\n  position: relative; overflow: hidden;\n}\n.mr-hero-grid {\n  display:grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center;\n  position: relative; z-index: 1;\n}\n@media (max-width: 1024px) { .mr-hero-grid { grid-template-columns: 1fr; gap: 32px; } }\n.mr-hero-image-wrap { position: relative; }\n.mr-hero-image-wrap::before {\n  content: \"\"; position: absolute; inset: 0;\n  transform: translate(24px, 24px);\n  background: linear-gradient(to bottom right, #1EC4C9, #A6E01C);\n  border-radius: 24px; opacity: 0.20; z-index: 0;\n}\n.mr-hero-image-wrap img {\n  position: relative; z-index: 1; width: 100%; aspect-ratio: 4\/3;\n  object-fit: cover; border-radius: 24px; border: 8px solid #fff;\n  box-shadow: 0 25px 50px rgba(0,0,0,0.20);\n}\n@media (max-width: 1024px) { .mr-hero-image-hide-tablet { display: none; } }\n\n\/* ---- Sub-hero (smaller hero used on interior pages) ---- *\/\n.mr-subhero {\n  padding: 80px 0 64px;\n  text-align: center;\n  position: relative; overflow: hidden;\n}\n.mr-subhero p.lead {\n  max-width: 720px; margin: 16px auto 32px;\n  font-size: 18px; line-height: 1.6; color: #6B7280;\n}\n\n\/* ---- Process step card ---- *\/\n.mr-step {\n  position: relative; padding-top: 48px;\n}\n.mr-step-num {\n  position: absolute; top: -32px; left: 50%; transform: translateX(-50%);\n  width: 64px; height: 64px; border-radius: 16px;\n  display:flex; align-items:center; justify-content:center;\n  font-size: 24px; font-weight: 800; color: #fff;\n  box-shadow: 0 8px 20px rgba(0,0,0,0.10);\n}\n.mr-step-num.turcoaz { background: linear-gradient(to bottom right, #1EC4C9, #1ab0b5); }\n.mr-step-num.verde   { background: linear-gradient(to bottom right, #A6E01C, #8bc919); }\n\n\/* ---- Icon list row ---- *\/\n.mr-row-icon {\n  display:flex; align-items:flex-start; gap:16px; padding: 12px 0;\n}\n.mr-row-icon .mr-icon-square { flex-shrink: 0; }\n.mr-row-icon h4 { margin: 0 0 4px 0; font-size: 16px; font-weight: 700; }\n.mr-row-icon p { margin: 0; font-size: 14px; color: #6B7280; line-height: 1.4; }\n\n\/* ---- Form ---- *\/\n.mr-form-field { margin-bottom: 16px; }\n.mr-form-field label { display:block; font-size:14px; font-weight: 600; margin-bottom:6px; color:#1D2A35; }\n.mr-form-field input[type=\"text\"],\n.mr-form-field input[type=\"email\"],\n.mr-form-field input[type=\"tel\"],\n.mr-form-field input[type=\"password\"],\n.mr-form-field textarea,\n.mr-form-field select {\n  width:100%; padding:12px 14px; border:1px solid #E5E7EB; border-radius:10px;\n  background:#F3F3F5; font-size: 15px; color:#1D2A35;\n  transition: border-color 150ms, background 150ms;\n  font-family: inherit;\n}\n.mr-form-field textarea { min-height: 120px; resize: vertical; }\n.mr-form-field input:focus, .mr-form-field textarea:focus, .mr-form-field select:focus {\n  outline: none; background: #fff; border-color: #1EC4C9;\n  box-shadow: 0 0 0 3px rgba(30,196,201,0.15);\n}\n\n\/* ---- Plugin form overrides (Contact Form 7 + Ultimate Member) ----\n   Scoped under .spdhd-v2 so they only affect v2 pages. *\/\n\n\/* Contact Form 7 \u2014 fields *\/\n.spdhd-v2 .wpcf7-form { font-family: inherit; color: #1D2A35; }\n.spdhd-v2 .wpcf7-form p { margin: 0 0 16px 0; }\n.spdhd-v2 .wpcf7-form label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 6px; color: #1D2A35; }\n.spdhd-v2 .wpcf7-form input[type=\"text\"],\n.spdhd-v2 .wpcf7-form input[type=\"email\"],\n.spdhd-v2 .wpcf7-form input[type=\"tel\"],\n.spdhd-v2 .wpcf7-form input[type=\"url\"],\n.spdhd-v2 .wpcf7-form input[type=\"number\"],\n.spdhd-v2 .wpcf7-form input[type=\"password\"],\n.spdhd-v2 .wpcf7-form textarea,\n.spdhd-v2 .wpcf7-form select {\n  width: 100%;\n  padding: 12px 14px;\n  border: 1px solid #E5E7EB;\n  border-radius: 10px;\n  background: #F3F3F5;\n  font-size: 15px;\n  color: #1D2A35;\n  font-family: inherit;\n  margin-top: 6px;\n  transition: border-color 150ms, background 150ms, box-shadow 150ms;\n  box-sizing: border-box;\n}\n.spdhd-v2 .wpcf7-form textarea { min-height: 140px; resize: vertical; }\n.spdhd-v2 .wpcf7-form input:focus,\n.spdhd-v2 .wpcf7-form textarea:focus,\n.spdhd-v2 .wpcf7-form select:focus {\n  outline: none; background: #fff; border-color: #1EC4C9;\n  box-shadow: 0 0 0 3px rgba(30,196,201,0.15);\n}\n.spdhd-v2 .wpcf7-form .wpcf7-list-item { margin: 0; }\n.spdhd-v2 .wpcf7-form .wpcf7-acceptance { font-size: 14px; }\n.spdhd-v2 .wpcf7-form .wpcf7-acceptance .wpcf7-list-item-label { margin-left: 8px; color: #4B5563; }\n\n\/* Contact Form 7 \u2014 submit button *\/\n.spdhd-v2 .wpcf7-form .wpcf7-submit,\n.spdhd-v2 .wpcf7-form input[type=\"submit\"] {\n  display: inline-flex; align-items: center; justify-content: center;\n  padding: 14px 36px; font-weight: 700; font-size: 15px;\n  background: linear-gradient(to right, #1EC4C9, #1ab0b5);\n  color: #fff !important;\n  border: 0; border-radius: 12px; cursor: pointer;\n  box-shadow: 0 4px 12px rgba(30,196,201,0.25);\n  transition: all 200ms ease;\n  margin-top: 8px;\n  width: auto;\n}\n.spdhd-v2 .wpcf7-form .wpcf7-submit:hover,\n.spdhd-v2 .wpcf7-form input[type=\"submit\"]:hover {\n  transform: translateY(-2px); box-shadow: 0 8px 24px rgba(30,196,201,0.35);\n}\n.spdhd-v2 .wpcf7-form .wpcf7-submit:disabled {\n  background: #E5E7EB !important; color: #9CA3AF !important;\n  box-shadow: none; transform: none; cursor: not-allowed;\n}\n\n\/* CF7 \u2014 response messages *\/\n.spdhd-v2 .wpcf7-response-output {\n  margin: 16px 0 0 0; padding: 12px 16px; border-radius: 10px; font-size: 14px;\n  border: 1px solid rgba(30,196,201,0.30);\n  background: rgba(30,196,201,0.08); color: #1D2A35;\n}\n.spdhd-v2 .wpcf7 form.invalid .wpcf7-response-output,\n.spdhd-v2 .wpcf7 form.unaccepted .wpcf7-response-output {\n  border-color: rgba(239,68,68,0.30); background: rgba(239,68,68,0.08); color: #991B1B;\n}\n.spdhd-v2 .wpcf7-not-valid-tip { color: #DC2626; font-size: 13px; margin-top: 4px; }\n\n\/* ---- Ultimate Member ---- *\/\n.spdhd-v2 .um,\n.spdhd-v2 .um *,\n.spdhd-v2 .um-form,\n.spdhd-v2 .um-form * { font-family: inherit !important; }\n\n.spdhd-v2 .um .um-row,\n.spdhd-v2 .um .um-col-1 { background: transparent !important; }\n\n.spdhd-v2 .um .um-field-label label,\n.spdhd-v2 .um .um-field-label {\n  font-size: 14px !important; font-weight: 600 !important;\n  color: #1D2A35 !important; margin-bottom: 6px !important;\n}\n.spdhd-v2 .um input[type=\"text\"],\n.spdhd-v2 .um input[type=\"email\"],\n.spdhd-v2 .um input[type=\"tel\"],\n.spdhd-v2 .um input[type=\"password\"],\n.spdhd-v2 .um input[type=\"url\"],\n.spdhd-v2 .um input[type=\"number\"],\n.spdhd-v2 .um textarea,\n.spdhd-v2 .um select {\n  width: 100% !important;\n  padding: 12px 14px !important;\n  border: 1px solid #E5E7EB !important;\n  border-radius: 10px !important;\n  background: #F3F3F5 !important;\n  font-size: 15px !important;\n  color: #1D2A35 !important;\n  height: auto !important;\n  box-sizing: border-box;\n  transition: border-color 150ms, background 150ms, box-shadow 150ms;\n}\n.spdhd-v2 .um input:focus,\n.spdhd-v2 .um textarea:focus,\n.spdhd-v2 .um select:focus {\n  outline: none !important; background: #fff !important;\n  border-color: #1EC4C9 !important;\n  box-shadow: 0 0 0 3px rgba(30,196,201,0.15) !important;\n}\n\n\/* Ultimate Member buttons \u2014 primary (Login on login form, Register on register form) *\/\n.spdhd-v2 .um .um-button,\n.spdhd-v2 .um input[type=\"submit\"],\n.spdhd-v2 .um button[type=\"submit\"] {\n  display: inline-flex !important; align-items: center !important; justify-content: center !important;\n  padding: 12px 28px !important;\n  background: linear-gradient(to right, #1EC4C9, #1ab0b5) !important;\n  color: #fff !important;\n  font-weight: 700 !important;\n  font-size: 15px !important;\n  border: 0 !important;\n  border-radius: 12px !important;\n  box-shadow: 0 4px 12px rgba(30,196,201,0.25) !important;\n  text-shadow: none !important;\n  transition: all 200ms ease !important;\n  text-decoration: none !important;\n  height: auto !important;\n  line-height: 1.2 !important;\n}\n.spdhd-v2 .um .um-button:hover {\n  transform: translateY(-2px); box-shadow: 0 8px 24px rgba(30,196,201,0.35) !important;\n  color: #fff !important;\n}\n\n\/* Secondary UM button (the alt-action Register-on-login-form \/ Login-on-register-form) *\/\n.spdhd-v2 .um .um-button.um-alt {\n  background: #fff !important;\n  color: #1D2A35 !important;\n  border: 1px solid rgba(0,0,0,0.10) !important;\n  box-shadow: none !important;\n}\n.spdhd-v2 .um .um-button.um-alt:hover {\n  background: #F9FAFB !important; color: #1D2A35 !important;\n  border-color: rgba(30,196,201,0.40) !important;\n}\n\n\/* UM checkbox row (\"Keep me signed in\") *\/\n.spdhd-v2 .um .um-field-checkbox-option,\n.spdhd-v2 .um .um-field-checkbox label,\n.spdhd-v2 .um label[for*=\"checkbox\"] {\n  font-weight: 500 !important; color: #4B5563 !important; font-size: 14px !important;\n}\n\n\/* UM \"Forgot password\" \/ inline links *\/\n.spdhd-v2 .um a { color: #1EC4C9; font-weight: 600; }\n.spdhd-v2 .um a:hover { color: #1ab0b5; }\n\n\/* UM error \/ notice messages: only override the TEXT color so the\n   message is readable on UM's default red banner. Nothing else is\n   touched \u2014 UM's default background, padding, arrow, and layout all\n   stand. Minimal contrast fix, intentionally. *\/\n.spdhd-v2 .um .um-field-error,\n.spdhd-v2 .um .um-notice,\n.spdhd-v2 .um .um-notice-error,\n.spdhd-v2 .um .um-error,\n.spdhd-v2 .um .um-error-block {\n  color: #fff !important;\n}\n\n\/* ---- UM Account page (settings: Account \/ Change Password \/ Privacy \/ Delete) ---- *\/\n\n\/* The page itself shouldn't be cramped to the side *\/\n.spdhd-v2 .um.um-account {\n  max-width: 1100px; margin: 48px auto; padding: 0 24px;\n  background: transparent !important;\n}\n\n\/* Left sidebar (avatar + name + nav tabs) *\/\n.spdhd-v2 .um-account-side {\n  background: #fff !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n  border-radius: 16px !important;\n  padding: 24px 0 !important;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.04);\n  overflow: hidden;\n}\n\n\/* Avatar block (top of sidebar) *\/\n.spdhd-v2 .um-account-side .um-account-meta {\n  text-align: center !important;\n  padding: 0 16px 16px !important;\n  border-bottom: 1px solid #F3F4F6;\n}\n.spdhd-v2 .um-account-side .um-account-meta-img img {\n  width: 96px !important; height: 96px !important;\n  border-radius: 50% !important; object-fit: cover;\n  margin: 0 auto 12px !important;\n  border: 3px solid rgba(30,196,201,0.20) !important;\n}\n.spdhd-v2 .um-account-side .um-account-meta-info-name {\n  font-size: 16px !important; font-weight: 700 !important;\n  color: #1D2A35 !important; margin-bottom: 4px !important;\n}\n.spdhd-v2 .um-account-side .um-account-meta-info-name a { color: #1D2A35; }\n.spdhd-v2 .um-account-side .um-account-meta-info-url a {\n  font-size: 13px; color: #1EC4C9; font-weight: 600;\n}\n\n\/* Nav tabs (Account \/ Change Password \/ Privacy \/ Delete Account) *\/\n.spdhd-v2 .um-account-tabs { background: transparent !important; padding: 8px 0 !important; }\n.spdhd-v2 .um-account-tab,\n.spdhd-v2 .um-account-side a.current,\n.spdhd-v2 .um-account-side a {\n  background: transparent !important;\n  color: #4B5563 !important;\n  border: 0 !important;\n  font-size: 14px !important;\n  font-weight: 500 !important;\n  transition: all 150ms ease;\n}\n.spdhd-v2 .um-account-tab a,\n.spdhd-v2 .um-account-side a {\n  display: flex !important; align-items: center !important; gap: 12px !important;\n  padding: 12px 20px !important;\n  color: #4B5563 !important;\n  text-decoration: none !important;\n  border-radius: 0 !important;\n}\n.spdhd-v2 .um-account-tab a:hover,\n.spdhd-v2 .um-account-side a:hover {\n  background: rgba(30,196,201,0.05) !important;\n  color: #1D2A35 !important;\n}\n.spdhd-v2 .um-account-tab.current,\n.spdhd-v2 .um-account-tab.current a,\n.spdhd-v2 .um-account-side a.current {\n  background: rgba(30,196,201,0.10) !important;\n  color: #1EC4C9 !important;\n  border-left: 3px solid #1EC4C9 !important;\n}\n.spdhd-v2 .um-account-tab i,\n.spdhd-v2 .um-account-side i {\n  color: inherit !important; font-size: 18px !important;\n  width: 20px !important; text-align: center !important;\n}\n\n\/* Main content pane (right side: form fields) *\/\n.spdhd-v2 .um-account-main {\n  background: #fff !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n  border-radius: 16px !important;\n  padding: 32px !important;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.04);\n}\n\n\/* Section header above the form (e.g. \"Account\") *\/\n.spdhd-v2 .um-account-name h3,\n.spdhd-v2 .um-account-name {\n  font-size: 22px !important; font-weight: 700 !important;\n  color: #1D2A35 !important; margin: 0 0 24px 0 !important;\n  display: flex !important; align-items: center !important; gap: 10px !important;\n  padding: 0 !important; border: 0 !important;\n}\n.spdhd-v2 .um-account-name i { color: #1EC4C9 !important; font-size: 22px !important; }\n.spdhd-v2 .um-account-name a { color: inherit !important; }\n\n\/* Field labels *\/\n.spdhd-v2 .um-account .um-field-label,\n.spdhd-v2 .um-account .um-field-label label {\n  color: #1D2A35 !important; font-weight: 600 !important; font-size: 14px !important;\n  margin-bottom: 8px !important;\n}\n\n\/* Required marker *\/\n.spdhd-v2 .um-account .um-req { color: #DC2626 !important; }\n\n\/* Update Account submit row *\/\n.spdhd-v2 .um-account .um-button {\n  margin-top: 8px !important;\n}\n\n\/* Row layout \u2014 sidebar + main side-by-side on desktop, stacked on\n   mobile. Uses inline-block so we don't rely on any specific UM\n   wrapper class structure. *\/\n@media (min-width: 768px) {\n  .spdhd-v2 .um-account .um-account-side,\n  .spdhd-v2 .um-account .um-account-main {\n    display: inline-block !important;\n    vertical-align: top !important;\n    float: none !important;\n  }\n  .spdhd-v2 .um-account .um-account-side {\n    width: 280px !important;\n    margin-right: 32px !important;\n  }\n  .spdhd-v2 .um-account .um-account-main {\n    width: calc(100% - 280px - 32px - 8px) !important;\n  }\n}\n@media (max-width: 767px) {\n  \/* Stack the two cards. Force max-width:100% so neither card pokes\n     past the viewport on narrow screens. *\/\n  .spdhd-v2 .um.um-account,\n  .spdhd-v2 .um.um-account * { max-width: 100% !important; }\n  .spdhd-v2 .um-account .um-account-side,\n  .spdhd-v2 .um-account .um-account-main {\n    display: block !important;\n    width: 100% !important; max-width: 100% !important;\n    margin-right: 0 !important; float: none !important;\n  }\n  .spdhd-v2 .um-account .um-account-side {\n    margin-bottom: 24px !important;\n  }\n  \/* Hide UM's mobile-only compressed icon strip (the duplicate sidebar\n     that shows as bare icons + chevrons on mobile, see screenshot). *\/\n  .spdhd-v2 .um-account .um-account-nav-icons,\n  .spdhd-v2 .um-account .um-account-tabs-mobile,\n  .spdhd-v2 .um-account .um-account-side-mobile {\n    display: none !important;\n  }\n  \/* Form fields should respect the viewport *\/\n  .spdhd-v2 .um-account .um-field,\n  .spdhd-v2 .um-account .um-field input,\n  .spdhd-v2 .um-account .um-field select,\n  .spdhd-v2 .um-account .um-field textarea {\n    width: 100% !important; max-width: 100% !important; box-sizing: border-box !important;\n  }\n  .spdhd-v2 .um-account .um-account-main { padding: 20px !important; }\n  \/* Prevent any wide child element from triggering horizontal scroll *\/\n  .spdhd-v2 .um.um-account { overflow-x: hidden !important; }\n}\n\n\/* ---- UM Profile + Edit Profile page (\/user\/<username>\/ and ?um_action=edit) ----\n\n   Layout goal (matches the Account page):\n   1. Cover photo  \u2192 standalone rounded card, bounded height, no overlap\n   2. Header card  \u2192 white card with centred avatar (overlapping cover by\n      -50% of avatar), name + status text centred below, small gear icon\n      pinned top-right of the card\n   3. Tabs card    \u2192 clean pill row, single-line, active state in teal\n   4. Body card    \u2192 white card with comfortable padding\n\n   We aggressively override UM's per-page inline styles (UM injects rules\n   like `.um-1137.um .um-profile-meta { padding-left: 250px; }` which\n   destroy the centred layout \u2014 we beat them with !important + higher\n   specificity by chaining the wrapper `.spdhd-v2`). *\/\n\n.spdhd-v2 .um.um-profile {\n  max-width: 1100px !important;\n  margin: 48px auto !important;\n  padding: 0 24px !important;\n  background: transparent !important;\n}\n\n\/* Reset the inner form wrapper \u2014 we style the cover\/header\/nav\/body as\n   individual cards instead of one big card containing everything. *\/\n.spdhd-v2 .um-profile > .um-form {\n  background: transparent !important;\n  border: 0 !important;\n  box-shadow: none !important;\n  padding: 0 !important;\n}\n\n\/* ---- 1. Cover photo card ---- *\/\n.spdhd-v2 .um-profile .um-cover {\n  height: 220px !important;\n  min-height: 0 !important;\n  max-height: 220px !important;\n  background: linear-gradient(135deg, rgba(30,196,201,0.20), rgba(166,224,28,0.20)) !important;\n  border-radius: 16px !important;\n  overflow: hidden !important;\n  position: relative !important;\n  margin: 0 0 16px 0 !important;\n  padding: 0 !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n}\n.spdhd-v2 .um-profile .um-cover .um-cover-e {\n  width: 100% !important;\n  height: 100% !important;\n  position: absolute !important;\n  inset: 0 !important;\n  background-position: center !important;\n  background-size: cover !important;\n  border-radius: 0 !important;\n}\n.spdhd-v2 .um-profile .um-cover .um-cover-e img {\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover !important;\n  object-position: center !important;\n  display: block !important;\n}\n.spdhd-v2 .um-profile .um-cover-overlay {\n  background: linear-gradient(to top, rgba(0,0,0,0.18), transparent) !important;\n}\n@media (max-width: 640px) {\n  .spdhd-v2 .um-profile .um-cover {\n    height: 140px !important;\n    max-height: 140px !important;\n  }\n}\n\n\/* ---- 2. Header card (avatar + name + gear) ----\n   Sits below the cover with a -64px negative top margin so the avatar\n   overlaps the cover. We force a flexible block layout that centres the\n   content and pins the gear icon to the top-right corner. *\/\n.spdhd-v2 .um-profile .um-header {\n  position: relative !important;\n  background: #fff !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n  border-radius: 16px !important;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;\n  padding: 0 24px 24px 24px !important;\n  margin: -56px 0 16px 0 !important;\n  overflow: visible !important;\n  text-align: center !important;\n}\n\n\/* Avatar \u2014 sits centred at the top of the header card, half above the\n   card border. Override UM's per-page inline `top: -105px` and\n   `padding-left: 250px` rules. *\/\n.spdhd-v2 .um-profile .um-profile-photo {\n  position: relative !important;\n  top: auto !important; left: auto !important; right: auto !important;\n  margin: -64px auto 12px auto !important;\n  padding: 0 !important;\n  width: 128px !important;\n  height: 128px !important;\n  z-index: 2 !important;\n  display: block !important;\n  float: none !important;\n}\n.spdhd-v2 .um-profile .um-profile-photo a.um-profile-photo-img,\n.spdhd-v2 .um-profile .um-profile-photo img {\n  position: static !important;\n  top: auto !important; left: auto !important;\n  width: 128px !important; height: 128px !important;\n  border-radius: 50% !important;\n  object-fit: cover !important;\n  border: 4px solid #fff !important;\n  box-shadow: 0 6px 16px rgba(0,0,0,0.10) !important;\n  background: #fff !important;\n  display: block !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\/* Meta block (name + status). Override UM's per-page\n   `padding-left: 250px` rule so it's centred under the photo, not pushed\n   right of a phantom side-photo. *\/\n.spdhd-v2 .um-profile .um-profile-meta {\n  padding: 0 !important;\n  margin: 0 !important;\n  text-align: center !important;\n  display: block !important;\n  width: 100% !important;\n}\n.spdhd-v2 .um-profile .um-main-meta {\n  text-align: center !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n.spdhd-v2 .um-profile .um-name {\n  font-weight: 800 !important;\n  font-size: 24px !important;\n  color: #1D2A35 !important;\n  margin: 0 0 4px 0 !important;\n  text-align: center !important;\n  display: block !important;\n}\n.spdhd-v2 .um-profile .um-name a {\n  color: inherit !important;\n  text-decoration: none !important;\n}\n.spdhd-v2 .um-profile .um-profile-status {\n  font-size: 13px !important;\n  color: #6B7280 !important;\n  margin: 4px 0 0 0 !important;\n  font-style: normal !important;\n}\n.spdhd-v2 .um-profile .um-profile-status.approved span {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 6px !important;\n  padding: 4px 10px !important;\n  background: rgba(22,163,74,0.10) !important;\n  color: #16A34A !important;\n  border-radius: 999px !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n}\n\n\/* Gear icon \u2014 small circular button, top-right of the header card.\n   Override UM's default block positioning that puts it next to the name.\n   Reset background \/ border \/ border-radius \/ box-shadow on the WRAPPER\n   so only the inner <a> renders the circle \u2014 otherwise UM's default\n   wrapper styling shows as a squircle outline around the button. *\/\n.spdhd-v2 .um-profile .um-profile-edit.um-profile-headericon,\n.spdhd-v2 .um-profile .um-profile-headericon {\n  position: absolute !important;\n  top: 16px !important;\n  right: 16px !important;\n  left: auto !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  width: 40px !important;\n  height: 40px !important;\n  z-index: 3 !important;\n  background: transparent !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n  box-shadow: none !important;\n}\n.spdhd-v2 .um-profile .um-profile-edit-a {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 40px !important;\n  height: 40px !important;\n  padding: 0 !important;\n  background: rgba(30,196,201,0.10) !important;\n  color: #1EC4C9 !important;\n  border-radius: 50% !important;\n  text-decoration: none !important;\n  font-size: 16px !important;\n  box-shadow: none !important;\n  transition: all 150ms ease !important;\n}\n.spdhd-v2 .um-profile .um-profile-edit-a:hover {\n  background: #1EC4C9 !important;\n  color: #fff !important;\n  transform: none !important;\n  box-shadow: 0 4px 12px rgba(30,196,201,0.25) !important;\n}\n.spdhd-v2 .um-profile .um-profile-edit-a i {\n  font-size: 16px !important;\n  line-height: 1 !important;\n}\n\n\/* Gear dropdown (Edit Profile \/ My Account \/ Logout) \u2014 floating menu\n   anchored to the gear icon. Stays above other cards. *\/\n.spdhd-v2 .um-profile .um-profile-edit .um-dropdown {\n  z-index: 100 !important;\n  background: #fff !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n  border-radius: 12px !important;\n  box-shadow: 0 12px 30px rgba(0,0,0,0.12) !important;\n  padding: 8px !important;\n  min-width: 180px !important;\n}\n.spdhd-v2 .um-profile .um-profile-edit .um-dropdown ul {\n  margin: 0 !important;\n  padding: 0 !important;\n  list-style: none !important;\n}\n.spdhd-v2 .um-profile .um-profile-edit .um-dropdown li {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n.spdhd-v2 .um-profile .um-profile-edit .um-dropdown a {\n  display: block !important;\n  padding: 10px 14px !important;\n  color: #1D2A35 !important;\n  font-size: 14px !important;\n  font-weight: 500 !important;\n  border-radius: 8px !important;\n  text-decoration: none !important;\n  background: transparent !important;\n  text-align: left !important;\n}\n.spdhd-v2 .um-profile .um-profile-edit .um-dropdown a:hover {\n  background: rgba(30,196,201,0.10) !important;\n  color: #1EC4C9 !important;\n}\n\n\/* ---- 3. Nav tabs (About \/ Posts \/ Comments) ----\n   UM renders each tab twice: once with `uimob800-show` (mobile variant)\n   and once with `uimob800-hide` (desktop variant). UM's own responsive\n   CSS is supposed to toggle them, but on our page both leak through and\n   we see duplicates. Force the toggle ourselves. *\/\n.spdhd-v2 .um-profile-nav,\n.spdhd-v2 .um-profile .um-profile-nav {\n  background: #fff !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n  border-radius: 12px !important;\n  padding: 6px !important;\n  margin: 0 0 16px 0 !important;\n  text-align: center !important;\n  display: flex !important;\n  justify-content: center !important;\n  flex-wrap: wrap !important;\n  gap: 4px !important;\n}\n\n\/* Hide UM's separate mobile dropdowns \/ extras that some configs add. *\/\n.spdhd-v2 .um-profile-nav select,\n.spdhd-v2 .um-profile-nav .um-profile-nav-select,\n.spdhd-v2 .um-profile-nav-mobile,\n.spdhd-v2 .um-profile-nav-extra,\n.spdhd-v2 .um-profile-nav-tabs-secondary,\n.spdhd-v2 .um-profile-tabs-mobile,\n.spdhd-v2 .um-tabs-mobile,\n.spdhd-v2 .um-profile-nav .um-dropdown-arrow-on-up,\n.spdhd-v2 .um-profile-nav .um-profile-nav-content + .um-profile-nav-content {\n  display: none !important;\n}\n\n\/* Each tab item is a div containing TWO <a> tags (one for mobile, one\n   for desktop). Show only the desktop one on desktop, only the mobile\n   one on mobile. *\/\n.spdhd-v2 .um-profile-nav-item {\n  background: transparent !important;\n  border: 0 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  display: inline-flex !important;\n  vertical-align: middle !important;\n}\n.spdhd-v2 .um-profile-nav-item > a.uimob800-show,\n.spdhd-v2 .um-profile-nav-item > a.uimob500-show,\n.spdhd-v2 .um-profile-nav-item > a.uimob340-show {\n  display: none !important;\n}\n.spdhd-v2 .um-profile-nav-item > a.uimob800-hide,\n.spdhd-v2 .um-profile-nav-item > a.uimob500-hide,\n.spdhd-v2 .um-profile-nav-item > a.uimob340-hide {\n  display: inline-flex !important;\n}\n@media (max-width: 800px) {\n  .spdhd-v2 .um-profile-nav-item > a.uimob800-show {\n    display: inline-flex !important;\n  }\n  .spdhd-v2 .um-profile-nav-item > a.uimob800-hide {\n    display: none !important;\n  }\n}\n\n.spdhd-v2 .um-profile-nav-item a {\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 8px !important;\n  padding: 10px 18px !important;\n  color: #4B5563 !important;\n  background: transparent !important;\n  border-radius: 10px !important;\n  font-size: 14px !important;\n  font-weight: 500 !important;\n  line-height: 1 !important;\n  text-decoration: none !important;\n  border: 0 !important;\n  transition: all 150ms ease !important;\n  white-space: nowrap !important;\n}\n.spdhd-v2 .um-profile-nav-item a:hover {\n  background: rgba(30,196,201,0.05) !important;\n  color: #1D2A35 !important;\n}\n.spdhd-v2 .um-profile-nav-item.active a,\n.spdhd-v2 .um-profile-nav-item a.active,\n.spdhd-v2 .um-profile-nav-item.current a {\n  background: rgba(30,196,201,0.10) !important;\n  color: #1EC4C9 !important;\n  font-weight: 700 !important;\n}\n\/* Explicit gap between icon and label. UM's um-old-default.min.css loads\n   AFTER our stylesheet and has !important rules on `<i>` margin with\n   equal\/higher specificity \u2014 so we lose on a cascade tie. Beat it by\n   chaining `body.spdhd-v2-body` (the body class already added by the\n   theme) to push our specificity above anything UM ships. *\/\nbody.spdhd-v2-body .spdhd-v2 .um.um-profile .um-profile-nav .um-profile-nav-item a > i,\nbody.spdhd-v2-body .spdhd-v2 .um-profile-nav-item a > i {\n  font-size: 16px !important;\n  color: inherit !important;\n  line-height: 1 !important;\n  margin: 0 10px 0 0 !important;\n  padding: 0 !important;\n  display: inline-block !important;\n  float: none !important;\n  position: static !important;\n  width: auto !important;\n  height: auto !important;\n  vertical-align: middle !important;\n}\nbody.spdhd-v2-body .spdhd-v2 .um.um-profile .um-profile-nav .um-profile-nav-item a > span,\nbody.spdhd-v2-body .spdhd-v2 .um-profile-nav-item a > span,\nbody.spdhd-v2-body .spdhd-v2 .um-profile-nav-item a > span.title {\n  color: inherit !important;\n  line-height: 1 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  display: inline !important;\n  vertical-align: middle !important;\n}\n\n\/* ---- 4. Body content card ---- *\/\n.spdhd-v2 .um-profile .um-profile-body {\n  background: #fff !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n  border-radius: 16px !important;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;\n  padding: 32px !important;\n  max-width: 100% !important;\n  margin: 0 !important;\n}\n.spdhd-v2 .um-profile .um-profile-body h3,\n.spdhd-v2 .um-profile .um-profile-body h4 {\n  color: #1D2A35 !important;\n  font-weight: 700 !important;\n  margin: 0 0 12px 0 !important;\n}\n\n\/* Empty-state note (\"Your profile is looking a little empty\u2026\") *\/\n.spdhd-v2 .um-profile .um-profile-note {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 12px !important;\n  padding: 32px 16px !important;\n  text-align: center !important;\n  color: #6B7280 !important;\n  font-size: 15px !important;\n  line-height: 1.5 !important;\n  border-bottom: 0 !important;\n}\n.spdhd-v2 .um-profile .um-profile-note i {\n  font-size: 48px !important;\n  color: rgba(30,196,201,0.40) !important;\n  line-height: 1 !important;\n}\n.spdhd-v2 .um-profile .um-profile-note span {\n  display: block !important;\n  max-width: 420px !important;\n}\n.spdhd-v2 .um-profile .um-profile-note a {\n  color: #1EC4C9 !important;\n  font-weight: 600 !important;\n  text-decoration: none !important;\n}\n.spdhd-v2 .um-profile .um-profile-note a:hover {\n  text-decoration: underline !important;\n}\n\n\/* Field rows in the About tab (User Info etc.) *\/\n.spdhd-v2 .um-profile .um-item-meta {\n  padding: 16px 0 !important;\n  border-bottom: 1px solid #F3F4F6 !important;\n}\n.spdhd-v2 .um-profile .um-item-meta:last-child {\n  border-bottom: 0 !important;\n}\n.spdhd-v2 .um-profile .um-profile-note-title,\n.spdhd-v2 .um-profile .um-field-label {\n  font-weight: 600 !important;\n  color: #6B7280 !important;\n  font-size: 13px !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.04em !important;\n}\n.spdhd-v2 .um-profile .um-profile-note-content,\n.spdhd-v2 .um-profile .um-field-area {\n  color: #1D2A35 !important;\n  font-size: 15px !important;\n  margin-top: 4px !important;\n}\n\n\/* Mobile: tighter padding, smaller avatar *\/\n@media (max-width: 640px) {\n  .spdhd-v2 .um.um-profile {\n    margin: 24px auto !important;\n    padding: 0 16px !important;\n  }\n  .spdhd-v2 .um-profile .um-header {\n    margin-top: -40px !important;\n    padding: 0 16px 20px 16px !important;\n  }\n  .spdhd-v2 .um-profile .um-profile-photo {\n    margin-top: -48px !important;\n    width: 96px !important;\n    height: 96px !important;\n  }\n  .spdhd-v2 .um-profile .um-profile-photo a.um-profile-photo-img,\n  .spdhd-v2 .um-profile .um-profile-photo img {\n    width: 96px !important;\n    height: 96px !important;\n    border-width: 3px !important;\n  }\n  .spdhd-v2 .um-profile .um-name {\n    font-size: 20px !important;\n  }\n  .spdhd-v2 .um-profile .um-profile-edit.um-profile-headericon,\n  .spdhd-v2 .um-profile .um-profile-headericon {\n    top: 12px !important;\n    right: 12px !important;\n    width: 36px !important;\n    height: 36px !important;\n  }\n  .spdhd-v2 .um-profile .um-profile-edit-a {\n    width: 36px !important;\n    height: 36px !important;\n    font-size: 14px !important;\n  }\n  .spdhd-v2 .um-profile .um-profile-nav {\n    flex-wrap: wrap !important;\n    gap: 4px !important;\n  }\n  .spdhd-v2 .um-profile-nav-item a {\n    padding: 8px 12px !important;\n    font-size: 13px !important;\n  }\n  .spdhd-v2 .um-profile .um-profile-body {\n    padding: 20px !important;\n  }\n}\n\n\/* ---- UM Edit Profile mode (?um_action=edit on the profile URL) ---- *\/\n\n\/* When UM switches the profile into edit mode it adds .um-edit-mode to\n   the profile container and renders the same nav + a long form below.\n   Make the form fields full-width, wrap in a real card, and ensure no\n   horizontal overflow on mobile. *\/\n.spdhd-v2 .um.um-profile.um-editing,\n.spdhd-v2 .um.um-profile.um-edit,\n.spdhd-v2 .um-profile.um-editing,\n.spdhd-v2 .um-profile.um-edit {\n  max-width: 1100px !important;\n}\n\n.spdhd-v2 .um-profile.um-editing .um-form,\n.spdhd-v2 .um-profile.um-edit .um-form,\n.spdhd-v2 .um-profile .um-profile-edit-form,\n.spdhd-v2 .um-profile-edit {\n  background: #fff !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n  border-radius: 16px !important;\n  padding: 32px !important;\n  margin-top: 24px !important;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;\n}\n\n.spdhd-v2 .um-profile .um-field,\n.spdhd-v2 .um-profile .um-field-area {\n  width: 100% !important; max-width: 100% !important;\n  box-sizing: border-box !important;\n}\n\n.spdhd-v2 .um-profile .um-field input[type=\"text\"],\n.spdhd-v2 .um-profile .um-field input[type=\"email\"],\n.spdhd-v2 .um-profile .um-field input[type=\"url\"],\n.spdhd-v2 .um-profile .um-field input[type=\"number\"],\n.spdhd-v2 .um-profile .um-field input[type=\"tel\"],\n.spdhd-v2 .um-profile .um-field input[type=\"date\"],\n.spdhd-v2 .um-profile .um-field textarea,\n.spdhd-v2 .um-profile .um-field select {\n  width: 100% !important;\n  padding: 12px 14px !important;\n  border: 1px solid #E5E7EB !important;\n  background: #F3F3F5 !important;\n  border-radius: 10px !important;\n  font-size: 15px !important; color: #1D2A35 !important;\n  box-sizing: border-box !important;\n}\n\n.spdhd-v2 .um-profile .um-field input:focus,\n.spdhd-v2 .um-profile .um-field textarea:focus,\n.spdhd-v2 .um-profile .um-field select:focus {\n  outline: none !important; background: #fff !important;\n  border-color: #1EC4C9 !important;\n  box-shadow: 0 0 0 3px rgba(30,196,201,0.15) !important;\n}\n\n.spdhd-v2 .um-profile .um-field-label,\n.spdhd-v2 .um-profile .um-field-label label {\n  font-size: 14px !important; font-weight: 600 !important;\n  color: #1D2A35 !important; margin-bottom: 6px !important;\n}\n\n.spdhd-v2 .um-profile .um-col-alt,\n.spdhd-v2 .um-profile .um-form-buttons,\n.spdhd-v2 .um-profile .um-button-row {\n  text-align: center !important; margin-top: 24px !important;\n  display: flex !important; justify-content: center !important; gap: 12px !important;\n  flex-wrap: wrap !important;\n}\n\n\/* Save \/ Cancel buttons in edit form *\/\n.spdhd-v2 .um-profile .um-form input[type=\"submit\"],\n.spdhd-v2 .um-profile .um-form .um-button,\n.spdhd-v2 .um-profile .um-button-row .um-button {\n  padding: 12px 28px !important;\n  background: linear-gradient(to right, #1EC4C9, #1ab0b5) !important;\n  color: #fff !important;\n  font-weight: 700 !important; font-size: 15px !important;\n  border: 0 !important; border-radius: 12px !important;\n  box-shadow: 0 4px 12px rgba(30,196,201,0.25) !important;\n  cursor: pointer !important;\n}\n.spdhd-v2 .um-profile .um-button.um-alt,\n.spdhd-v2 .um-profile .um-button-cancel {\n  background: #fff !important; color: #1D2A35 !important;\n  border: 1px solid rgba(0,0,0,0.10) !important;\n  box-shadow: none !important;\n}\n\n\/* Mobile padding *\/\n@media (max-width: 640px) {\n  .spdhd-v2 .um-profile.um-editing .um-form,\n  .spdhd-v2 .um-profile.um-edit .um-form,\n  .spdhd-v2 .um-profile-edit { padding: 20px !important; }\n  .spdhd-v2 .um.um-profile,\n  .spdhd-v2 .um-profile { overflow-x: hidden !important; }\n}\n\n\/* ---- Stars ---- *\/\n.mr-stars { color: #FBBC05; letter-spacing: 2px; font-size: 14px; }\n\n\/* ---- Quote glyph (subtle) ---- *\/\n.mr-quote-glyph {\n  position: absolute; top: 16px; right: 16px;\n  font-size: 64px; line-height: 1; color: rgba(30,196,201,0.10);\n  font-family: Georgia, serif; font-weight: 700;\n}\n\n\/* ---- Pricing \/ objectives list ---- *\/\n.mr-objectives li {\n  list-style: none; padding-left: 30px; position: relative; margin: 10px 0;\n  color: #1D2A35; font-size: 15px; line-height: 1.5;\n}\n.mr-objectives li::before {\n  content: \"\"; position: absolute; left: 0; top: 6px;\n  width: 18px; height: 18px; border-radius: 50%;\n  background: rgba(30,196,201,0.20);\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M3 8.5l3 3 7-7' stroke='%231EC4C9' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\n  background-repeat: no-repeat; background-position: center;\n  background-size: 12px;\n}\n\n\/* ---- Service detail layout ---- *\/\n.mr-service-hero {\n  padding: 80px 0; background: linear-gradient(135deg, rgba(30,196,201,0.06), #fff 50%, rgba(166,224,28,0.06));\n}\n.mr-service-hero-grid {\n  display:grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center;\n}\n@media (max-width: 1024px) { .mr-service-hero-grid { grid-template-columns: 1fr; gap: 32px; } }\n\n\/* Generic mobile safety net for the long-title service pages:\n   any two-column inline-grid layout used in the body content must stack. *\/\n@media (max-width: 768px) {\n  .spdhd-v2 [style*=\"grid-template-columns\"] { grid-template-columns: 1fr !important; }\n  .spdhd-v2 [style*=\"display:flex\"][style*=\"gap\"] { flex-wrap: wrap; }\n  \/* Keep all images inside the v2 wrapper bounded by their parent on mobile.\n     Prevents long Calendly iframes \/ wide widgets from forcing horizontal scroll. *\/\n  .spdhd-v2 iframe { max-width: 100% !important; }\n  .spdhd-v2 .mr-container { overflow-x: hidden; }\n}\n.mr-service-meta { display:flex; flex-wrap:wrap; gap:8px; margin: 16px 0 24px; }\n.mr-service-meta .mr-badge { background: rgba(30,196,201,.10); border-color: rgba(30,196,201,.20); color: #1D2A35; }\n.mr-service-image {\n  border-radius: 24px; overflow: hidden;\n  box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n}\n.mr-service-image img { width:100%; aspect-ratio: 4\/3; object-fit: cover; }\n.mr-section-band { padding: 64px 0; }\n.mr-stat {\n  text-align:center; padding: 24px;\n  background:#fff; border-radius: 16px; border: 1px solid rgba(0,0,0,0.06);\n}\n.mr-stat .num { font-size: 36px; font-weight: 800; color: #1EC4C9; line-height: 1; }\n.mr-stat .lbl { font-size: 14px; color: #6B7280; margin-top: 6px; }\n\n\/* ---- Utility ---- *\/\n.mr-tag-turcoaz { color: #1EC4C9; }\n.mr-tag-verde   { color: #A6E01C; }\n.mr-muted       { color: #6B7280; }\n.mr-strong      { font-weight: 700; }\n.mr-flex { display:flex; }\n.mr-flex-center { display:flex; align-items:center; justify-content:center; }\n.mr-flex-between { display:flex; align-items:center; justify-content:space-between; gap: 16px; flex-wrap: wrap; }\n.mr-gap-sm { gap: 8px; }\n.mr-gap-md { gap: 16px; }\n.mr-gap-lg { gap: 24px; }\n.mr-w-full { width: 100%; }\n.mr-rounded-xl { border-radius: 16px; }\n.mr-rounded-2xl { border-radius: 24px; }\n.mr-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }\n.mr-shadow { box-shadow: 0 4px 12px rgba(0,0,0,0.08); }\n.mr-shadow-lg { box-shadow: 0 12px 30px rgba(0,0,0,0.12); }\n\n\/* ---- Blog ---- *\/\n\n\/* Prose styling for the body of a single blog post. Gutenberg blocks\n   inside the_content() render with these typography defaults so posts\n   look consistent with the rest of the site. *\/\n.spdhd-v2 .mr-post-body h2 {\n  font-size: 28px; line-height: 1.25; color: #1D2A35; font-weight: 800;\n  margin: 48px 0 16px;\n}\n.spdhd-v2 .mr-post-body h3 {\n  font-size: 22px; line-height: 1.3; color: #1D2A35; font-weight: 700;\n  margin: 36px 0 12px;\n}\n.spdhd-v2 .mr-post-body h4 {\n  font-size: 18px; line-height: 1.4; color: #1D2A35; font-weight: 700;\n  margin: 28px 0 10px;\n}\n.spdhd-v2 .mr-post-body p {\n  margin: 0 0 20px;\n}\n.spdhd-v2 .mr-post-body a {\n  color: #1EC4C9; text-decoration: underline; text-underline-offset: 3px;\n}\n.spdhd-v2 .mr-post-body a:hover {\n  color: #1ab0b5;\n}\n.spdhd-v2 .mr-post-body ul,\n.spdhd-v2 .mr-post-body ol {\n  margin: 0 0 20px; padding-left: 28px;\n}\n.spdhd-v2 .mr-post-body li {\n  margin: 8px 0;\n}\n.spdhd-v2 .mr-post-body blockquote {\n  margin: 32px 0; padding: 20px 28px;\n  border-left: 4px solid #1EC4C9;\n  background: rgba(30,196,201,0.05);\n  border-radius: 0 12px 12px 0;\n  font-style: italic; color: #4B5563;\n}\n.spdhd-v2 .mr-post-body blockquote p:last-child {\n  margin-bottom: 0;\n}\n.spdhd-v2 .mr-post-body img,\n.spdhd-v2 .mr-post-body figure {\n  max-width: 100%; height: auto;\n  border-radius: 12px;\n  margin: 28px 0;\n}\n.spdhd-v2 .mr-post-body figcaption {\n  font-size: 14px; color: #6B7280; text-align: center; margin-top: 8px;\n}\n.spdhd-v2 .mr-post-body code {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 14px; padding: 2px 6px;\n  background: #F3F4F6; border-radius: 4px;\n}\n.spdhd-v2 .mr-post-body pre {\n  margin: 28px 0; padding: 20px;\n  background: #1D2A35; color: #E5E7EB;\n  border-radius: 12px; overflow-x: auto;\n  font-size: 14px; line-height: 1.6;\n}\n.spdhd-v2 .mr-post-body pre code {\n  background: transparent; padding: 0; color: inherit;\n}\n.spdhd-v2 .mr-post-body hr {\n  border: 0; border-top: 1px solid #E5E7EB; margin: 40px 0;\n}\n\n\/* Pagination on blog index + archives. WP outputs a nav.navigation\n   wrapper with .page-numbers spans\/anchors inside. *\/\n.mr-blog-pagination,\n.spdhd-v2 nav.navigation.pagination,\n.spdhd-v2 .pagination {\n  display: flex; justify-content: center; align-items: center;\n  gap: 8px; flex-wrap: wrap;\n}\n.spdhd-v2 .page-numbers {\n  display: inline-flex; align-items: center; justify-content: center;\n  min-width: 40px; height: 40px;\n  padding: 0 14px;\n  background: #fff; border: 1px solid rgba(0,0,0,0.08); border-radius: 10px;\n  color: #1D2A35; font-weight: 600; font-size: 14px;\n  text-decoration: none;\n  transition: all 150ms ease;\n}\n.spdhd-v2 .page-numbers:hover {\n  background: rgba(30,196,201,0.10);\n  color: #1EC4C9; border-color: rgba(30,196,201,0.30);\n}\n.spdhd-v2 .page-numbers.current {\n  background: linear-gradient(to right, #1EC4C9, #1ab0b5);\n  color: #fff !important; border-color: transparent;\n  box-shadow: 0 4px 12px rgba(30,196,201,0.25);\n}\n.spdhd-v2 .page-numbers.dots {\n  border: 0; background: transparent; color: #9CA3AF;\n}\n\n\/* Mobile: tighter spacing for blog grid *\/\n@media (max-width: 640px) {\n  .spdhd-v2 .mr-blog-grid {\n    grid-template-columns: 1fr !important;\n    gap: 20px !important;\n  }\n  .spdhd-v2 .mr-post-body { font-size: 16px !important; }\n  .spdhd-v2 .mr-post-body h2 { font-size: 24px; }\n  .spdhd-v2 .mr-post-body h3 { font-size: 19px; }\n}\n\n<\/style>\n<script>if(typeof document!==\"undefined\"){document.body.classList.add(\"spdhd-v2-body\");}<\/script><!-- SUB-NAV -->\n  <div style=\"background:#fff; border-bottom:1px solid #E9EBEF; padding:16px 0; position:sticky; top:80px; z-index:40;\">\n    <div class=\"mr-container\">\n      <a href=\"\/services\" style=\"color:rgba(29,42,53,0.60); font-weight:700; font-size:14px;\">\u2190 \u00cenapoi la toate serviciile<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- HERO -->\n  <section class=\"mr-service-hero\">\n    <div class=\"mr-container\">\n      <div class=\"mr-service-hero-grid\">\n        <div>\n          <div style=\"display:inline-flex; padding:8px 16px; background:#A6E01C; color:#1D2A35; font-weight:700; border-radius:9999px; font-size:12px; letter-spacing:0.05em; text-transform:uppercase; margin-bottom:24px;\">Parenting<\/div>\n          <h1 style=\"font-size:48px;\">Coaching Parenting 1:1<\/h1>\n          <p style=\"font-size:20px; color:rgba(29,42,53,0.80); line-height:1.6; margin-bottom:32px;\">\n            Sus\u021binem p\u0103rin\u021bii s\u0103 \u00een\u021beleag\u0103 mai profund ADHD-ul \u0219i s\u0103 construiasc\u0103 o rela\u021bie mai clar\u0103, mai calm\u0103 \u0219i mai conectat\u0103 cu ei \u00een\u0219i\u0219i \u0219i cu copiii lor.\n          <\/p>\n          <div style=\"display:flex; flex-wrap:wrap; gap:16px; margin-bottom:32px;\">\n            <div style=\"display:inline-flex; align-items:center; gap:10px; padding:10px 20px; background:#fff; border:1px solid #F3F4F6; border-radius:12px;\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1EC4C9\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n              <span style=\"font-size:14px; font-weight:500;\">50\u201360 min\/sesiune<\/span>\n            <\/div>\n            <div style=\"display:inline-flex; align-items:center; gap:10px; padding:10px 20px; background:#fff; border:1px solid #F3F4F6; border-radius:12px;\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1EC4C9\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg>\n              <span style=\"font-size:14px; font-weight:500;\">P\u0103rin\u021bi, adul\u021bi cu ADHD care sunt \u0219i p\u0103rin\u021bi<\/span>\n            <\/div>\n          <\/div>\n          <div style=\"display:flex; gap:12px; flex-wrap:wrap;\">\n            <a href=\"\/programare\" class=\"mr-btn-primary\">Programeaz\u0103 Evaluarea<\/a>\n            <a href=\"#pachete\" class=\"mr-btn-outline\">Vezi pre\u021buri \u0219i pachete<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"mr-hero-image-hide-tablet\">\n          <div class=\"mr-hero-image-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1503454537195-1dcabb73ffb9?crop=entropy&#038;cs=tinysrgb&#038;fit=max&#038;fm=jpg&#038;q=80&#038;w=1080\" alt=\"Parenting\" \/>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- DESCRIPTION + SIDEBAR -->\n  <section style=\"padding:96px 0;\">\n    <div class=\"mr-container\">\n      <div style=\"display:grid; grid-template-columns: 2fr 1fr; gap:48px;\">\n        <div>\n          <h2 style=\"font-size:32px;\">Descriere detaliat\u0103<\/h2>\n          <p style=\"font-size:18px; color:#4B5563; line-height:1.6;\">\n            Parentingul con\u0219tient \u00eencepe din interiorul p\u0103rintelui. \u00cen cadrul sesiunilor de coaching, lucr\u0103m at\u00e2t cu instrumente practice de rela\u021bionare \u0219i comunicare cu copilul, c\u00e2t \u0219i cu modul intern \u00een care p\u0103rintele tr\u0103ie\u0219te \u0219i interpreteaz\u0103 situa\u021biile dificile din familie.\n          <\/p>\n          <p style=\"font-size:18px; color:#4B5563; line-height:1.6;\">\n            Procesul include introspec\u021bie, mindfulness, con\u0219tientizare \u0219i strategii practice adaptate fiec\u0103rei familii.\n          <\/p>\n          <p style=\"font-size:18px; color:#4B5563; line-height:1.6;\">\n            Scopul nu este controlul copilului, ci construirea unei rela\u021bii mai clare, mai stabile \u0219i mai autentice, \u00een care at\u00e2t copilul, c\u00e2t \u0219i p\u0103rintele \u00ee\u0219i pot p\u0103stra echilibrul \u0219i individualitatea.\n          <\/p>\n          <div style=\"background:#F9FAFB; border:1px solid #F3F4F6; border-radius:16px; padding:24px; margin-top:32px;\">\n            <h3 style=\"font-size:18px; display:flex; align-items:center; gap:8px;\">\n              <span style=\"display:inline-block; width:8px; height:8px; background:#1EC4C9; border-radius:50%;\"><\/span>\n              Formatul sesiunilor\n            <\/h3>\n            <p style=\"font-size:14px; color:#4B5563; margin:0;\">pachet de 10 \u0219edin\u021be personalizate<\/p>\n          <\/div>\n        <\/div>\n        <aside style=\"background:#fff; border:1px solid #F3F4F6; border-radius:24px; padding:32px; box-shadow:0 4px 12px rgba(0,0,0,0.04); align-self:start;\">\n          <h3 style=\"font-size:20px;\">Explor\u0103m:<\/h3>\n          <ul class=\"mr-objectives\" style=\"padding-left:0;\">\n            <li>reac\u021biile automate \u0219i emo\u021biile intense<\/li>\n            <li>rela\u021bia dintre stres, oboseal\u0103 \u0219i conflictele de zi cu zi<\/li>\n            <li>nevoile reale ale copilului dincolo de comportamente<\/li>\n            <li>dificult\u0103\u021bile specifice ADHD-ului \u0219i sensibilit\u0103\u021bii crescute<\/li>\n            <li>echilibrul dintre limite s\u0103n\u0103toase \u0219i conectare emo\u021bional\u0103<\/li>\n          <\/ul>\n        <\/aside>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- DARK + VERDE SPLIT -->\n  <section style=\"background:#FAFBFC; border-top:1px solid #F3F4F6; padding:80px 0;\">\n    <div class=\"mr-container\">\n      <div class=\"mr-grid-2\" style=\"gap:32px;\">\n        <div style=\"background:#1D2A35; padding:40px; border-radius:32px; color:#fff;\">\n          <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1EC4C9\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-bottom:16px;\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\n          <h2 style=\"color:#fff;\">Parentingul con\u0219tient \u00eenseamn\u0103 s\u0103 \u00eenve\u021bi:<\/h2>\n          <ul style=\"list-style:none; padding:0; margin:16px 0 0; color:rgba(255,255,255,0.85);\">\n            <li style=\"padding:8px 0;\">\u2713 s\u0103 \u00eel vezi pe copil mai profund<\/li>\n            <li style=\"padding:8px 0;\">\u2713 s\u0103 te \u00een\u021belegi pe tine mai bine<\/li>\n            <li style=\"padding:8px 0;\">\u2713 \u0219i s\u0103 creezi o rela\u021bie bazat\u0103 pe conectare, nu pe lupt\u0103 continu\u0103.<\/li>\n          <\/ul>\n        <\/div>\n        <div style=\"background:rgba(166,224,28,0.10); border:1px solid rgba(166,224,28,0.20); padding:40px; border-radius:32px; text-align:center;\">\n          <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1D2A35\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin:0 auto 16px;\"><path d=\"M9 18h6\"\/><path d=\"M10 22h4\"\/><path d=\"M12 2a7 7 0 0 1 7 7c0 2.38-1.19 4.47-3 5.74V17H8v-2.26C6.19 13.47 5 11.38 5 9a7 7 0 0 1 7-7z\"\/><\/svg>\n          <blockquote style=\"margin:0; font-size:24px; font-weight:700; color:#1D2A35; line-height:1.4; font-style:italic;\">\u201eParentingul e despre p\u0103rinte, iar copil\u0103ria e despre copil.\"<\/blockquote>\n          <p style=\"margin-top:16px; color:#4B5563; font-size:14px;\">\u2014 Sorina Lutas<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- PRICING -->\n  <section id=\"pachete\" style=\"background:#F9FAFB; border-top:1px solid #E5E7EB; padding:96px 0; scroll-margin-top:80px;\">\n    <div class=\"mr-container\">\n      <div class=\"mr-text-center\" style=\"margin-bottom:48px;\">\n        <h2 style=\"font-size:36px; font-weight:800;\">Pachete \u0219i pre\u021buri<\/h2>\n        <p style=\"font-size:18px; color:#6B7280; max-width:540px; margin:0 auto;\">Po\u021bi \u00eencepe cu o \u0219edin\u021b\u0103 individual\u0103 sau cu pachetul recomandat de 10 \u0219edin\u021be personalizate.<\/p>\n      <\/div>\n      <div class=\"mr-grid-2\" style=\"gap:32px; max-width:1024px; margin:0 auto; align-items:stretch;\">\n        <div style=\"background:#fff; border:1px solid #F3F4F6; border-radius:24px; padding:40px; box-shadow:0 4px 12px rgba(0,0,0,0.04); display:flex; flex-direction:column;\">\n          <h3 style=\"text-align:center; font-size:20px;\">\u0218edin\u021b\u0103 individual\u0103<\/h3>\n          <p style=\"text-align:center; font-size:14px; color:#6B7280;\">Pentru claritate punctual\u0103 \u0219i suport personalizat.<\/p>\n          <div style=\"text-align:center; margin:24px 0;\">\n            <div style=\"font-size:36px; font-weight:800; color:#1D2A35;\">250 <span style=\"font-size:18px;\">lei<\/span><\/div>\n            <div style=\"font-size:13px; color:#6B7280;\">\/ \u0219edin\u021b\u0103<\/div>\n          <\/div>\n          <ul class=\"mr-objectives\" style=\"padding-left:0; flex:1;\">\n            <li>Durata unei \u0219edin\u021be: 50\u201360 minute<\/li>\n            <li>Strategie practic\u0103 adaptat\u0103 situa\u021biei familiei<\/li>\n            <li>Spa\u021biu de reflec\u021bie, claritate \u0219i con\u0219tientizare<\/li>\n          <\/ul>\n          <a href=\"\/programare\" class=\"mr-btn-outline mr-w-full\" style=\"margin-top:16px;\">Programeaz\u0103 o \u0219edin\u021b\u0103<\/a>\n        <\/div>\n        <div style=\"background:#fff; border:2px solid #1EC4C9; border-radius:24px; padding:40px; box-shadow:0 25px 50px rgba(30,196,201,0.15); position:relative; display:flex; flex-direction:column;\">\n          <div style=\"position:absolute; top:0; left:50%; transform:translate(-50%,-50%); background:#1EC4C9; color:#1D2A35; font-weight:700; padding:6px 20px; border-radius:9999px; font-size:14px; white-space:nowrap;\">Recomandat<\/div>\n          <h3 style=\"text-align:center; font-size:20px;\">Pachet 10 \u0219edin\u021be<\/h3>\n          <p style=\"text-align:center; font-size:14px; color:#6B7280;\">Format recomandat: pachet de 10 \u0219edin\u021be personalizate.<\/p>\n          <div style=\"text-align:center; margin:24px 0;\">\n            <div style=\"font-size:36px; font-weight:800; color:#1D2A35;\">2250 <span style=\"font-size:18px;\">lei<\/span><\/div>\n            <div style=\"font-size:13px; color:#6B7280;\">\/ pachet<\/div>\n          <\/div>\n          <ul class=\"mr-objectives\" style=\"padding-left:0; flex:1;\">\n            <li>10 \u0219edin\u021be personalizate<\/li>\n            <li>Lucru cu instrumente practice de rela\u021bionare \u0219i comunicare cu copilul<\/li>\n            <li>Mindfulness, con\u0219tientizare \u0219i strategii practice adaptate fiec\u0103rei familii<\/li>\n          <\/ul>\n          <a href=\"\/programare\" class=\"mr-btn-dark mr-w-full\" style=\"margin-top:16px;\">Programeaz\u0103 pachetul<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CTA -->\n  <section class=\"mr-cta-turcoaz mr-text-center\" style=\"padding:64px 0;\">\n    <div class=\"mr-container\">\n      <h2 style=\"font-size:30px; color:#fff;\">\u00cencepe parentingul con\u0219tient<\/h2>\n      <p style=\"color:#fff; opacity:0.9; font-size:16px; max-width:540px; margin:0 auto 24px;\">Construim \u00eempreun\u0103 rela\u021bii mai clare \u0219i mai conectate.<\/p>\n      <a href=\"\/programare\" class=\"mr-btn-white\">Programeaz\u0103-te<\/a>\n    <\/div>\n  <\/section>\n","protected":false},"excerpt":{"rendered":"\u2190 \u00cenapoi la toate serviciile Parenting Coaching Parenting 1:1 Sus\u021binem p\u0103rin\u021bii s\u0103 \u00een\u021beleag\u0103 mai profund ADHD-ul \u0219i s\u0103 construiasc\u0103 o rela\u021bie mai clar\u0103, mai calm\u0103 \u0219i mai conectat\u0103 cu ei \u00een\u0219i\u0219i \u0219i cu copiii lor. 50\u201360 min\/sesiune P\u0103rin\u021bi, adul\u021bi cu ADHD care sunt \u0219i p\u0103rin\u021bi Programeaz\u0103 Evaluarea Vezi pre\u021buri \u0219i pachete Descriere detaliat\u0103 Parentingul con\u0219tient [&hellip;]","protected":false},"author":1,"featured_media":0,"parent":18,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mindrise.ro\/en\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mindrise.ro\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mindrise.ro\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mindrise.ro\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mindrise.ro\/en\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":1,"href":"https:\/\/mindrise.ro\/en\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":44,"href":"https:\/\/mindrise.ro\/en\/wp-json\/wp\/v2\/pages\/24\/revisions\/44"}],"up":[{"embeddable":true,"href":"https:\/\/mindrise.ro\/en\/wp-json\/wp\/v2\/pages\/18"}],"wp:attachment":[{"href":"https:\/\/mindrise.ro\/en\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}