/*
Theme Name: Natasha Shaukat
Theme URI: https://brandcircuit.net
Author: BrandCircuit
Author URI: https://brandcircuit.net
Description: Custom WordPress theme for Ms. Natasha Shaukat, clinical psychologist. Converted from the approved static multi-page website into page templates.
Version: 0.1.4
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: natasha-shaukat
*/

/* WordPress conversion fixes */
.admin-bar .header { top: 32px; }
.nswp-content { min-height: 50vh; }
.header .chevron { display: inline-block; margin-left: 4px; }
.fab-whatsapp { text-decoration: none; font-weight: 800; }
.search-form { display: flex; gap: 10px; max-width: 560px; }
.search-form input { flex: 1; min-height: 48px; padding: 0 14px; border: 1px solid var(--border); border-radius: 12px; }
.search-form button { min-height: 48px; padding: 0 18px; border: 0; border-radius: 12px; background: var(--primary); color: #fff; font-weight: 700; }
@media (max-width: 782px) { .admin-bar .header { top: 46px; } }

.form-status { margin: 1.25rem 0; padding: 1rem 1.1rem; border-radius: 12px; font-weight: 700; }
.form-status--success { background: rgba(34, 197, 94, 0.12); color: #15803d; }
.form-status--error { background: rgba(220, 38, 38, 0.12); color: #b91c1c; }
.nswp-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* QA polish */
.header .chevron,
.nav-dropdown .chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
  line-height: 0;
}

.header .chevron svg,
.nav-dropdown .chevron svg {
  width: 14px;
  height: 14px;
  display: block;
}

.nav-dropdown .dd-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.theme-toggle .icon-sun,
.theme-toggle .icon-moon {
  align-items: center;
  justify-content: center;
  color: var(--foreground);
  line-height: 0;
}

.theme-toggle .icon-sun { display: flex; }
.theme-toggle .icon-moon { display: none; }
[data-theme="dark"] .theme-toggle .icon-sun { display: none; }
[data-theme="dark"] .theme-toggle .icon-moon { display: flex; }
.theme-toggle svg { stroke: currentColor; }

.footer .main-grid {
  align-items: stretch;
}

.services-grid,
.treatments-grid,
.flip-cards-grid,
.therapeutic .info-cards {
  align-items: stretch;
}

.service-card,
.treatment-card,
.approach-card {
  height: 100%;
}

.service-card .card-inner,
.treatment-card {
  display: flex;
  flex-direction: column;
}

.service-card .card-inner,
.service-card .card-inner .desc,
.treatment-card .desc,
.approach-card p {
  flex: 1;
}

.service-card .highlights,
.service-card .card-line,
.treatment-card .card-line,
.approach-card .bottom-line {
  margin-top: auto;
}