/*
Theme Name: Ascenda Clinic Theme
Theme URI: https://github.com/CESARJAUREGUITORRES/ascenda-clinic-theme
Author: AscendaOS
Description: Reusable Gutenberg-first WordPress theme for clinics, healthcare and aesthetic medicine businesses.
Version: 0.3.4-rc1
Text Domain: ascenda-clinic
Requires at least: 6.8
Requires PHP: 8.1
*/

:root {
  --act-bg: #fffaf4;
  --act-bg-soft: #fbf4ea;
  --act-surface: #ffffff;
  --act-text: #2e2824;
  --act-muted: #8f8176;
  --act-muted-strong: #756a61;
  --act-line: #eadfce;
  --act-line-strong: #ddc9a8;
  --act-accent: #b88d33;
  --act-accent-deep: #9e7423;
  --act-accent-soft: #d4b66c;
  --act-radius: 28px;
  --act-radius-lg: 38px;
  --act-shadow: 0 24px 60px rgba(79, 58, 34, .10);
  --act-shadow-soft: 0 18px 42px rgba(79, 58, 34, .07);
  --act-max: 1180px;
  --act-header: 88px;
}

html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--act-bg);
  color: var(--act-text);
  font-family: "Manrope", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.act-lock { overflow: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
* { box-sizing: border-box; }
::selection { background: rgba(184,141,51,.18); }

.act-container {
  width: min(calc(100% - 40px), var(--act-max));
  margin-inline: auto;
}

.act-display {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  letter-spacing: -0.035em;
}

.act-main { min-height: 60vh; }

/* Global interaction polish */
.act-btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .28s ease,box-shadow .28s ease,background .28s ease,border-color .28s ease!important}
.act-btn::after{content:"";position:absolute;z-index:-1;top:-38%;left:-70%;width:35%;height:180%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.62),transparent);transform:rotate(14deg);transition:left .68s cubic-bezier(.2,.72,.2,1);pointer-events:none}
.act-btn:hover{transform:translateY(-2px)}
.act-btn:hover::after{left:138%}
.act-btn--primary:hover{box-shadow:0 17px 36px rgba(184,141,51,.28)!important}
.act-btn--ghost:hover{border-color:rgba(184,141,51,.36)!important;box-shadow:0 12px 30px rgba(74,53,31,.07)}

/* Header cart: icon only + numeric badge. Hides any legacy text such as “Bag”. */
.act-cart{font-size:0!important;display:inline-flex!important;align-items:center;justify-content:center;gap:7px!important;min-width:58px;height:42px;padding:0 12px!important;border:1px solid rgba(184,141,51,.24)!important;border-radius:999px!important;background:rgba(255,255,255,.86)!important;color:#66594f!important;box-shadow:0 8px 24px rgba(69,49,30,.035);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important}
.act-cart:hover{transform:translateY(-1px);border-color:rgba(184,141,51,.42)!important;box-shadow:0 12px 28px rgba(69,49,30,.07)}
.act-cart__icon{display:grid!important;place-items:center!important;width:19px;height:19px;font-size:initial!important}
.act-cart__icon svg{display:block;width:18px;height:18px}
.act-cart b{display:grid!important;place-items:center!important;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--act-accent);color:#fff;font-size:9px!important;line-height:1;font-weight:700}