/*
 * Meedsy brand layer for OceanWP. Generated from the Meedsy design system.
 * 1) tokens  2) OceanWP skin. Components (md- classes) ship with the directory plugin.
 */

/* 1) Tokens (light theme) */
:root {
  --brand: #d720b1; --brand-strong: #b4128f; --brand-tint: #fcebf7; --on-brand: #ffffff;
  --surface: #ffffff; --surface-sunk: #faf7fa; --surface-raised: #ffffff;
  --ink: #1c1424; --ink-muted: #5f5468; --line: #e8e1ea; --line-strong: #8b7f93;
  --accent: #ffd23f; --on-accent: #1c1424;
  --success: #0b7a50; --warning: #9a5b00; --danger: #c42b3a;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 80px;
  --radius-sm: 8px; --radius-md: 14px; --radius-lg: 24px; --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(28,20,36,0.06), 0 8px 24px rgba(28,20,36,0.06);
  --shadow-lift: 0 12px 32px rgba(180,18,143,0.16);
  --font-display: "Plus Jakarta Sans", "Figtree", system-ui, sans-serif;
  --font-sans: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* 2) OceanWP skin */
body.meedsy-brand { font-family: var(--font-sans); font-size: 17px; line-height: 1.65; color: var(--ink); background: var(--surface); -webkit-font-smoothing: antialiased; }
body.meedsy-brand p, body.meedsy-brand li, body.meedsy-brand td, body.meedsy-brand th, body.meedsy-brand input, body.meedsy-brand textarea, body.meedsy-brand select,
body.meedsy-brand .entry-content, body.meedsy-brand .entry-content p, body.meedsy-brand .entry-content li, body.meedsy-brand .entry-content td { font-family: var(--font-sans) !important; }
body.meedsy-brand .gutentor-element-heading, body.meedsy-brand .gutentor-element-heading *, body.meedsy-brand [class*="gutentor"] h1, body.meedsy-brand [class*="gutentor"] h2, body.meedsy-brand [class*="gutentor"] h3 { font-family: var(--font-display) !important; }
body.meedsy-brand h1, body.meedsy-brand h2, body.meedsy-brand h3, body.meedsy-brand h4, body.meedsy-brand h5, body.meedsy-brand h6,
body.meedsy-brand .entry-title, body.meedsy-brand .page-header-title, body.meedsy-brand .widget-title {
  font-family: var(--font-display) !important; color: var(--ink); letter-spacing: -0.01em; text-wrap: balance;
}
body.meedsy-brand h1 { font-weight: 700; }
body.meedsy-brand h2 { font-size: 28px; line-height: 34px; font-weight: 700; }
body.meedsy-brand h3 { font-size: 22px; line-height: 28px; font-weight: 600; }
body.meedsy-brand a { color: var(--brand-strong); }
body.meedsy-brand a:hover { color: var(--ink); }
body.meedsy-brand .entry-content a { text-decoration: underline; text-decoration-color: rgba(180,18,143,.35); text-underline-offset: 3px; }
body.meedsy-brand .entry-content a:hover { text-decoration-color: currentColor; }
body.meedsy-brand :focus-visible { outline: 2px solid var(--brand-strong); outline-offset: 2px; }
body.meedsy-brand ::selection { background: var(--brand-tint); color: var(--ink); }

/* Header */
body.meedsy-brand #site-header { background: var(--surface); border-bottom: 1px solid var(--line); box-shadow: none; }
body.meedsy-brand #site-logo #site-logo-inner a img, body.meedsy-brand .md-site-logo img { height: 36px; width: auto; max-height: 36px; }
body.meedsy-brand #site-navigation-wrap .dropdown-menu > li > a,
body.meedsy-brand #site-navigation-wrap .dropdown-menu > li > a .text-wrap { font-family: var(--font-sans) !important; font-size: 16px !important; font-weight: 600 !important; color: var(--ink) !important; text-transform: none; letter-spacing: 0; }
body.meedsy-brand #site-navigation-wrap .dropdown-menu > li > a:hover,
body.meedsy-brand #site-navigation-wrap .dropdown-menu > .current-menu-item > a { color: var(--brand-strong) !important; }
body.meedsy-brand .dropdown-menu .sub-menu { border-top: 3px solid var(--brand-strong); border-radius: 0 0 var(--radius-sm) var(--radius-sm); box-shadow: var(--shadow-lift); }

/* Page header: breadcrumbs + the real H1 */
body.meedsy-brand .page-header { background: var(--surface-sunk); border-bottom: 1px solid var(--line); padding: var(--space-6) 0 var(--space-5); }
body.meedsy-brand .page-header .page-header-title { font-size: 40px; }
body.meedsy-brand.single-post .page-header .page-header-title, body.meedsy-brand.archive .page-header .page-header-title { display: block !important; font-size: 40px !important; line-height: 46px !important; font-weight: 700; letter-spacing: -0.02em; max-width: 860px; margin: var(--space-3) auto 0; color: var(--ink); text-align: center; }
body.meedsy-brand .site-breadcrumbs { font-size: 14px; color: var(--ink-muted); }
body.meedsy-brand .site-breadcrumbs a { color: var(--ink-muted); }
body.meedsy-brand .site-breadcrumbs a:hover { color: var(--brand-strong); }
body.meedsy-brand.single-post .single-post-title { display: none; }
body.meedsy-brand .single .entry-meta, body.meedsy-brand ul.meta { color: var(--ink-muted); font-size: 14px; }
@media (max-width: 767px) { body.meedsy-brand.single-post .page-header .page-header-title, body.meedsy-brand.archive .page-header .page-header-title { font-size: 30px !important; line-height: 36px !important; } }

/* Buttons */
body.meedsy-brand .theme-button, body.meedsy-brand input[type="submit"], body.meedsy-brand button[type="submit"],
body.meedsy-brand .button, body.meedsy-brand .wp-block-button__link, body.meedsy-brand .wpcf7-submit {
  background: var(--brand-strong) !important; color: var(--on-brand) !important; border: 0 !important;
  border-radius: var(--radius-md) !important; font: 600 15px/20px var(--font-sans) !important;
  text-transform: none !important; letter-spacing: 0 !important; padding: 12px 20px !important;
  transition: box-shadow .15s ease-out, transform .15s ease-out;
}
body.meedsy-brand .theme-button:hover, body.meedsy-brand input[type="submit"]:hover, body.meedsy-brand button[type="submit"]:hover,
body.meedsy-brand .button:hover, body.meedsy-brand .wp-block-button__link:hover, body.meedsy-brand .wpcf7-submit:hover {
  box-shadow: var(--shadow-lift); transform: translateY(-1px); color: var(--on-brand) !important;
}

/* Forms */
body.meedsy-brand input[type="text"], body.meedsy-brand input[type="email"], body.meedsy-brand input[type="search"],
body.meedsy-brand input[type="tel"], body.meedsy-brand input[type="number"], body.meedsy-brand textarea, body.meedsy-brand select {
  border: 1.5px solid var(--line-strong); border-radius: var(--radius-sm); background: var(--surface-raised); color: var(--ink); font-size: 16px;
}
body.meedsy-brand input:focus, body.meedsy-brand textarea:focus, body.meedsy-brand select:focus { border-color: var(--brand-strong); }

/* Content */
body.meedsy-brand .entry-content table { border-collapse: collapse; }
body.meedsy-brand .entry-content th { background: var(--surface-sunk); font-weight: 700; }
body.meedsy-brand .entry-content th, body.meedsy-brand .entry-content td { border-color: var(--line); }
body.meedsy-brand blockquote { border-left-color: var(--brand); }
body.meedsy-brand .entry-content img { border-radius: var(--radius-sm); }

/* Leftover share-bar toggle: it leaked anti-spam script text into posts */
body.meedsy-brand .mashsb-toggle-container { display: none !important; }

/* Footer */
body.meedsy-brand #footer-widgets { background: var(--ink); color: #e9e3ee; }
body.meedsy-brand #footer-widgets, body.meedsy-brand #footer-widgets p, body.meedsy-brand #footer-widgets li { font-family: var(--font-sans); }
body.meedsy-brand #footer-widgets .widget-title, body.meedsy-brand #footer-widgets h2, body.meedsy-brand #footer-widgets h3 { color: #ffffff; }
body.meedsy-brand #footer-widgets a { color: #ffffff; }
body.meedsy-brand #footer-widgets a:hover { color: var(--accent); }
body.meedsy-brand #footer-bottom { background: #120d18; color: #bdb1c6; font-size: 14px; }
body.meedsy-brand #footer-bottom a { color: #ffffff; }
/* Readable line height in old posts (some blocks set it too tight) */
body.meedsy-brand .entry-content p { line-height: 1.6 !important; }