/*
Theme Name: MindSpace
Description: Block theme for MindSpace Psychiatry, converted from the React site.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: mindspace
*/

/* Hover lift used on cards and buttons */
.ms-card { transition: transform .5s, background-color .5s; border-radius: 1.5rem; }
.ms-card:hover { transform: translateY(-6px); background-color: var(--wp--preset--color--sage-soft) !important; }

/* Pill buttons */
.wp-block-button__link { border-radius: 9999px !important; transition: transform .3s, box-shadow .3s; }
.wp-block-button__link:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(51,73,61,.2); }
.is-style-outline .wp-block-button__link { background: transparent !important; color: var(--wp--preset--color--foreground) !important; border: 1px solid rgba(51,73,61,.3) !important; }

/* WPForms: match theme buttons and focus color */
.wpforms-container .wpforms-submit { background-color: var(--wp--preset--color--primary) !important; color: var(--wp--preset--color--primary-foreground) !important; border-radius: 9999px !important; padding: 1rem 2rem !important; font-family: var(--wp--preset--font-family--sans) !important; }
.wpforms-container .wpforms-submit:hover { box-shadow: 0 10px 25px rgba(51,73,61,.2) !important; transform: translateY(-2px); }
.wpforms-container input:focus, .wpforms-container textarea:focus, .wpforms-container select:focus { border-color: var(--wp--preset--color--sage) !important; box-shadow: none !important; }
.wpforms-container input[type="radio"] { accent-color: var(--wp--preset--color--primary); }

/* Italic sage emphasis used in headings */
.ms-accent { font-style: italic; color: var(--wp--preset--color--sage); }

/* Credentials list: no bullets, divider rows */
.ms-credentials { list-style: none; padding: 0; margin: 1rem 0 0; }
.ms-credentials li { padding: .75rem 0; border-bottom: 1px solid var(--wp--preset--color--border); color: var(--wp--preset--color--muted-foreground); }
.ms-credentials li::before { content: "✦"; color: var(--wp--preset--color--sage); margin-right: .75rem; }

/* Fade-up intro */
@keyframes ms-fade-up { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
.ms-fade-up { animation: ms-fade-up .9s cubic-bezier(.2,.7,.2,1) both; }

/* Responsive grids */
.ms-grid-3, .ms-grid-4 { display: grid; gap: 1.5rem; }
@media (min-width: 782px) {
  .ms-grid-3 { grid-template-columns: repeat(3, 1fr); }
  .ms-grid-4 { grid-template-columns: repeat(4, 1fr); }
}
.ms-grid-2 { display: grid; gap: 1.5rem; }
@media (min-width: 782px) { .ms-grid-2 { grid-template-columns: repeat(2, 1fr); } }