/**
 * Postwordy skin for GeneratePress Child
 * Layout/chrome only — fonts from GP Typography, colors from GP Global Colors.
 */

:root {
  --sd-bg: var(--base, #F3EFE6);
  --sd-ink: var(--contrast, #07352E);
  --sd-muted: var(--contrast-2, #3D5E57);
  --sd-line: var(--cream-line, #D9D2C4);
  --sd-accent: var(--accent, #0F6B5C);
  --sd-panel: var(--base-3, #FCFAF6);
}

body {
  color: var(--contrast, var(--sd-ink));
  background:
    radial-gradient(1200px 600px at 10% -10%, var(--teal-mist, #E6F0ED) 0%, transparent 55%),
    radial-gradient(900px 500px at 100% 0%, var(--base, #E8E3D6) 0%, transparent 50%),
    var(--base, var(--sd-bg));
}

a {
  color: var(--accent, var(--sd-accent));
}

a:hover,
a:focus {
  color: var(--accent-2, #0c574b);
}

.site-header .inside-header {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}

.main-navigation {
  margin-left: auto !important;
  text-align: right;
}

.site-header {
  box-shadow: none !important;
}

.main-title a,
.site-branding .main-title a,
.site-logo a {
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  text-decoration: none !important;
}

.main-navigation,
.main-navigation .main-nav ul li a,
.main-navigation .menu-bar-items a {
  font-weight: 600;
}

/* Buttons */
.button,
.wp-block-button__link,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button {
  background: var(--accent, var(--sd-accent)) !important;
  border-color: var(--accent, var(--sd-accent)) !important;
  color: var(--base-3, #fff) !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.button:hover,
.wp-block-button__link:hover,
html input[type="button"]:hover,
input[type="submit"]:hover,
a.button:hover {
  background: var(--accent-2, #0c574b) !important;
  border-color: var(--accent-2, #0c574b) !important;
  color: var(--base-3, #fff) !important;
}

/* Content cards / pages */
.site-content,
.inside-article {
  background: transparent;
}

.inside-article {
  border: 0;
  box-shadow: none;
  padding-top: 0;
}

h1, h2, h3, h4, h5, h6,
.entry-title {
  letter-spacing: -0.02em;
  color: var(--contrast, var(--sd-ink));
}

.sdw-write-sheet h1,
.sdw-write-sheet h2,
.sdw-write-sheet h3,
.sdw-write-sheet h4,
.sdw-write-sheet h5,
.sdw-write-sheet h6,
.sdw-write-sheet .sdw-title,
.sdw-write-sheet .sdw-wc-title-in {
  color: var(--sdw-sheet-heading, var(--sdw-sheet-ink));
}

.site-footer {
  background: transparent !important;
  border-top: 1px solid var(--cream-line, var(--sd-line));
  color: var(--contrast-2, var(--sd-muted));
}

.site-footer a {
  color: var(--accent, var(--sd-accent));
}

.site-info {
  color: var(--contrast-2, var(--sd-muted));
}

/* Forms — do not touch Postwordy app fields (title must stay borderless) */
body:not(.sdw-has-shortcode) input[type="text"],
body:not(.sdw-has-shortcode) input[type="email"],
body:not(.sdw-has-shortcode) input[type="url"],
body:not(.sdw-has-shortcode) input[type="password"],
body:not(.sdw-has-shortcode) input[type="search"],
body:not(.sdw-has-shortcode) input[type="tel"],
body:not(.sdw-has-shortcode) input[type="number"],
body:not(.sdw-has-shortcode) textarea,
body:not(.sdw-has-shortcode) select {
  border: 1px solid var(--cream-line, var(--sd-line)) !important;
  border-radius: 8px !important;
  background: var(--base-3, #fff) !important;
  color: var(--contrast, var(--sd-ink));
}

body:not(.sdw-has-shortcode) input:focus,
body:not(.sdw-has-shortcode) textarea:focus,
body:not(.sdw-has-shortcode) select:focus {
  border-color: var(--accent, var(--sd-accent)) !important;
  box-shadow: 0 0 0 1px var(--accent, var(--sd-accent)) !important;
}

/**
 * Postwordy app pages under GeneratePress:
 * one continuous cream canvas (no white content card), GP menu stays.
 */
body.sdw-has-shortcode #right-sidebar,
body.sdw-has-shortcode #left-sidebar,
body.sdw-has-shortcode .sidebar,
body.sdw-has-shortcode .page-header,
body.sdw-has-shortcode .entry-header,
body.sdw-has-shortcode .entry-meta,
body.sdw-has-shortcode .page-title,
body.sdw-has-shortcode .entry-title {
  display: none !important;
}

body.sdw-has-shortcode .inside-article {
  padding: 0 !important;
  margin: 0 !important;
}

body.sdw-has-shortcode .site-content .content-area {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
}

body.sdw-has-shortcode .sdw-shortcode-wrap,
body.sdw-has-shortcode .sdw-app,
body.sdw-has-shortcode .sdw-body {
  background: transparent !important;
}

/* Title is a real H1 — keep borderless; leave font to Customizer headings */
body.sdw-has-shortcode .sdw-title,
body.sdw-has-shortcode .sdw-wc-title,
body.sdw-has-shortcode .sdw-wc-title-in {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  color: var(--sdw-sheet-heading, var(--sdw-sheet-ink, var(--contrast)));
}

/* Keep paper area clean; white writing sheet owns its own surface */
body.sdw-has-shortcode .sdw-wc-paper,
body.sdw-has-shortcode .sdw-wc-editor {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
