/* Shared button finish: warm gold, soft curves and restrained depth. */
:root{
  --button-gold:linear-gradient(115deg,#fff7df66 0%,#fff7df00 45%),linear-gradient(180deg,#f6dfa6 0%,#dfbd72 50%,#c9a057 100%);
  --button-gold-hover:linear-gradient(115deg,#fff9e680 0%,#fff9e600 50%),linear-gradient(180deg,#ffecc1 0%,#edcf8c 50%,#d9b16b 100%);
  --button-dark:linear-gradient(145deg,#343026 0%,#201e19 50%,#121410 100%);
  --button-dark-hover:linear-gradient(145deg,#494032 0%,#2a271e 55%,#1c1f18 100%);
  --button-shadow:inset 0 1px 0 #fff9e9a6,inset 0 -2px 0 #80602c40,0 7px 18px #0005;
  --button-dark-shadow:inset 0 1px 0 #fff1c91c,inset 0 -1px 0 #0005,0 4px 12px #0004;
}
body .button{
  border:1px solid #d8ba7c;border-radius:999px;
  background:var(--button-gold);color:#181309;
  box-shadow:var(--button-shadow);text-shadow:0 1px 0 #fff5d857;
  padding:15px 27px;min-height:50px;max-width:100%;white-space:normal;
  font-family:Cinzel,Georgia,serif;font-size:16px;font-weight:700;line-height:1.45;
  letter-spacing:.055em;text-align:center;text-decoration:none;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
body .button:hover:not(:disabled):not([aria-disabled="true"]),
body .button:focus-visible:not(:disabled):not([aria-disabled="true"]){
  background:var(--button-gold-hover);border-color:#f7e4b5;color:#181309;
  box-shadow:inset 0 1px 0 #fff9e9cc,inset 0 -2px 0 #80602c30,0 10px 24px #0006,0 0 18px #d8b16824;
}
body .text-button,body .account-nav button,body .site-header .menu-toggle,
body .tip-menu>summary,body .tip-option{
  border:1px solid #8f7a50;border-radius:999px;
  background:var(--button-dark);color:var(--gold-light,#f5dea2);
  box-shadow:var(--button-dark-shadow);text-decoration:none;
  padding:11px 19px;min-height:44px;max-width:100%;white-space:normal;
  font-family:Cinzel,Georgia,serif;font-size:14px;font-weight:700;line-height:1.5;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
body .text-button:hover:not(:disabled),body .account-nav button:hover:not(:disabled),
body .site-header .menu-toggle:hover,body .tip-menu>summary:hover,body .tip-option:hover{
  background:var(--button-dark-hover);border-color:#d5b87a;color:#fff0c8;
  box-shadow:inset 0 1px 0 #fff1c92e,0 7px 18px #0005;
}
body .account-nav button[aria-current=page]{background:var(--button-gold);color:#181309;border-color:#d8ba7c;box-shadow:var(--button-shadow)}
body .account-nav button[aria-current=page]:hover:not(:disabled){background:var(--button-gold-hover);color:#181309}
body .member-app .button.danger-button{
  background:linear-gradient(145deg,#512e28,#2a1714);color:#ffd0c4;border-color:#b57665;
  text-shadow:none;box-shadow:inset 0 1px 0 #ffd5c726,0 6px 16px #0005;
}
body .member-app .button.danger-button:hover:not(:disabled),body .member-app .button.danger-button:focus-visible:not(:disabled){background:linear-gradient(145deg,#683c31,#3d211b);color:#ffe3da;border-color:#d69a87}

/* Compact controls keep their circular shape and clear symbols. */
body .account-trigger,body .booking-dialog .booking-dialog-close,
body .calendar-monthbar button,#jennie-hairstyle-gallery .jh-arrow{
  border:1px solid #9a8155;border-radius:50%;
  background:var(--button-dark);color:var(--gold-light,#f5dea2);
  box-shadow:var(--button-dark-shadow);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
body .account-trigger:hover,body .booking-dialog .booking-dialog-close:hover,
body .calendar-monthbar button:hover:not(:disabled),#jennie-hairstyle-gallery .jh-arrow:hover{
  background:var(--button-dark-hover);border-color:#e1c282;box-shadow:inset 0 1px 0 #fff1c92e,0 6px 16px #0006;
}
body .calendar-monthbar button{flex:0 0 44px;width:44px;height:44px;padding:0;font:28px/1 Georgia,serif}
body .calendar-day{border-radius:14px;background:var(--button-dark);box-shadow:inset 0 1px 0 #fff1c915,0 2px 5px #0003}
body .calendar-day:hover{background:var(--button-dark-hover);border-color:var(--gold)}
body .calendar-day[aria-pressed=true]{background:var(--button-gold);color:#181309;box-shadow:var(--button-shadow);border-color:#d8ba7c}
body .account-dropdown>a,body .account-dropdown>button{border-radius:12px}
body .account-dropdown>a:hover,body .account-dropdown>button:hover{background:var(--button-dark-hover);box-shadow:inset 0 1px 0 #fff1c91c}
body .site-header .account-trigger{background:var(--button-gold);color:#181309;border-color:#d8ba7c;box-shadow:var(--button-shadow);font-size:17px;font-weight:700;padding:0}
body .site-header .account-trigger:is(:hover,:focus-visible,[aria-expanded=true]){background:var(--button-gold-hover);color:#181309}
body .account-dropdown>button[data-ask-ai]:disabled{color:#999;opacity:1;cursor:not-allowed;background:none;box-shadow:none}
body :is(.social-instagram,.social-tiktok,.social-linkedin,.social-lemon8,.social-amazon,.social-marykay){border-radius:16px;background:var(--button-dark);box-shadow:var(--button-dark-shadow)}
body :is(.social-instagram,.social-tiktok,.social-linkedin,.social-lemon8,.social-amazon,.social-marykay):hover{background:var(--button-dark-hover);border-color:#e1c282}
#jennie-hairstyle-gallery .jh-dot span{box-shadow:inset 0 2px 3px #fff5ce55,0 2px 6px #0004}

/* Section disclosures remain distinct from the primary actions. */
body .service-dropdown{border-bottom:0;margin-bottom:12px}
body .service-dropdown>summary{padding-inline:20px;border:1px solid #665c42;border-radius:18px;background:var(--button-dark);box-shadow:var(--button-dark-shadow)}
body .service-dropdown>summary:hover{background:var(--button-dark-hover);border-color:#ae9661}
body .professional-inquiry{border-radius:18px}
body .professional-inquiry>summary{border-radius:inherit;background:var(--button-dark);box-shadow:inset 0 1px 0 #fff1c91c}
body .professional-inquiry[open]>summary{border-radius:18px 18px 0 0}

/* Visible keyboard focus, quiet disabled states and no required motion. */
body :is(.button,.text-button,.account-nav button,.menu-toggle,.account-trigger,.calendar-day,.tip-option):focus-visible{
  outline:3px solid #fff0c8;outline-offset:4px;
}
body .button:disabled,body .button[aria-disabled=true],body button:disabled{
  opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;text-shadow:none;
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  body :is(.button,.text-button,.account-nav button,.tip-option):hover:not(:disabled):not([aria-disabled=true]){transform:translateY(-2px)}
  body :is(.button,.text-button,.account-nav button,.tip-option):active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px);box-shadow:inset 0 2px 4px #0003,0 2px 5px #0003}
}
@media(prefers-reduced-motion:reduce){
  body :is(.button,.text-button,.account-nav button,.menu-toggle,.account-trigger,.booking-dialog-close,.calendar-monthbar button,.tip-option),#jennie-hairstyle-gallery .jh-arrow{transition:none;transform:none}
}
@media(max-width:480px){
  body .button{padding-inline:20px}
  body .site-header .menu-toggle{padding:8px 11px;font-size:14px}
  body .text-button,body .account-nav button{padding-inline:14px}
  body .calendar-monthbar button{padding:0}
}
@media(forced-colors:active){
  body :is(.button,.text-button,.account-nav button,.menu-toggle,.account-trigger,.calendar-day,.tip-option),#jennie-hairstyle-gallery .jh-arrow{
    background:ButtonFace;color:ButtonText;border-color:ButtonText;box-shadow:none;text-shadow:none;
  }
  body .account-nav button[aria-current=page],body .calendar-day[aria-pressed=true]{background:Highlight;color:HighlightText}
}