/*
Theme Name: Khan Clinic
Description: Single-page sexual health clinic theme for Dr. Khan Tariqhussain Abrar Hussain, Mumbai. Main styles live in assets/css/main.css. Clinic details are edited under Appearance > Customize > Clinic details.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: khan-clinic
*/

/* WordPress-specific additions on top of assets/css/main.css */

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.skip-link:focus {
  clip: auto;
  clip-path: none;
  height: auto;
  width: auto;
  margin: 0;
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 100000;
  background: var(--surface);
  color: var(--ink);
  padding: 12px 18px;
  border: 2px solid var(--accent);
  border-radius: 4px;
}

/* menu */
.nav-menu { display: flex; align-items: center; gap: 26px; list-style: none; margin: 0; padding: 0; }
.nav-menu li { margin: 0; }
.nav-menu .current-menu-item > a.link { color: var(--accent); text-decoration: underline; }

/* posts and pages */
.entry-wrap { padding-block: 64px 80px; }
.entry { max-width: 44rem; margin-bottom: 56px; }
.entry-title { font-weight: 300; font-size: clamp(2rem, 4.2vw, 3rem); line-height: 1.1; letter-spacing: -0.01em; margin-bottom: 20px; }
.entry-title a { color: var(--ink); text-decoration: none; }
.entry-title a:hover { color: var(--accent); }
.entry-meta { font: 400 12.5px var(--mono); color: var(--muted); margin-bottom: 20px; }
.entry-content > * + * { margin-top: 1.1em; }
.entry-content h2, .entry-content h3 { margin-top: 1.6em; }
.entry-content h2 { font-size: 1.7rem; }
.entry-content h3 { font-size: 1.35rem; }
.entry-content ul, .entry-content ol { padding-left: 1.3em; }
.entry-content blockquote { margin-inline: 0; padding-left: 18px; border-left: 3px solid var(--accent); color: var(--muted); }
.entry-content img, .entry-content figure { max-width: 100%; height: auto; }
.entry-content table { display: block; overflow-x: auto; border-collapse: collapse; }
.entry-content th, .entry-content td { border: 1px solid var(--line); padding: 8px 12px; text-align: left; }
.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin-inline: auto; }
.wp-caption-text, figcaption { font-size: 14px; color: var(--muted); }
.navigation.pagination { margin-top: 24px; }
.navigation.pagination .nav-links { display: flex; gap: 14px; flex-wrap: wrap; font: 500 14px var(--mono); }
.not-found { max-width: 36rem; padding-block: 96px; }
.not-found p { margin-block: 16px 28px; color: var(--muted); }