/* Hide "added to cart" notice on checkout page */
body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-message {
    display: none !important;
}
/* Move Stripe express buttons below billing fields */
.woocommerce-checkout #wc-stripe-payment-request-wrapper {
    order: 2 !important;
    margin-top: 20px !important;
}
/* Hide duplicated Stripe buttons */
#payment .wc-stripe-checkout-blocks-express-button,
#payment .wcs_stripe_payment_request_button {
    display: none !important;
}
/* Remove the State/County field on checkout */
#billing_state_field {
    display: none !important;
}
/* Make checkout form text visible on white background */
.woocommerce-checkout form .form-row label,
.woocommerce-checkout form .form-row input.input-text,
.woocommerce-checkout form .form-row textarea {
    color: #111111 !important;      /* dark text */
}

/* Make placeholder text visible too */
.woocommerce-checkout form .form-row ::placeholder {
    color: #555555 !important;
}

/* Make the field background clearly separate from the page */
.woocommerce-checkout form .form-row input.input-text,
.woocommerce-checkout form .form-row textarea {
    background-color: #2d2834 !important;  /* or whatever dark you’re using */
    border-color: #444444 !important;
}
/* Clean white checkout fields */
.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea {
    background-color: #ffffff !important;   /* white fields */
    border: 1px solid #d5d5d5 !important;   /* subtle border */
    color: #000000 !important;              /* black typed text */
}

/* Placeholder text (e.g., "First name") */
.woocommerce-checkout input::placeholder,
.woocommerce-checkout textarea::placeholder {
    color: #777777 !important;
}

/* Labels like "First name", "Email address" */
.woocommerce-checkout label {
    color: #000000 !important;
}
/* Force white checkout field background */
.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.woocommerce form .form-row .input-text {
    background-color: #ffffff !important; /* White background */
    color: #000000 !important;            /* Black typed text */
    border: 1px solid #d0d0d0 !important; 
}

/* Placeholder text */
.woocommerce-checkout input::placeholder,
.woocommerce-checkout textarea::placeholder {
    color: #777777 !important;
}

/* Labels (First name, Billing details, etc.) */
.woocommerce-checkout label,
.woocommerce-billing-fields h3,
#order_review_heading {
    color: #000000 !important; /* Make all section headers & labels black */
}

/* The "Billing details" section title specifically */
.woocommerce-billing-fields > h3 {
    color: #000000 !important;
}
/* Astra + WooCommerce checkout field styles */
.woocommerce-checkout form .form-row input.input-text,
.woocommerce-checkout form .form-row textarea,
.woocommerce-checkout form .form-row select {
    background-color: #ffffff !important;  /* white field */
    color: #000000 !important;             /* black text */
}

/* Placeholder text inside fields */
.woocommerce-checkout form .form-row input.input-text::placeholder,
.woocommerce-checkout form .form-row textarea::placeholder {
    color: #777777 !important;             /* medium gray placeholder */
}


/* === HOMEPAGE REDESIGN: Dan Koe-modeled === */

/* Hero: MailPoet form — dark minimal */
.sg-hero .mailpoet_form {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  max-width: 460px;
  margin: 0 auto;
  width: 100%;
}

.sg-hero .mailpoet_form .mailpoet_paragraph label,
.sg-hero h2.mailpoet_form_title,
.sg-hero .mailpoet_form_title {
  display: none !important;
}

.sg-hero .mailpoet_form input[type="email"],
.sg-hero .mailpoet_form input.mailpoet_text {
  background: transparent !important;
  border: 1px solid #444 !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  padding: 16px 18px !important;
  font-size: 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  display: block !important;
  outline: none !important;
}

.sg-hero .mailpoet_form input[type="email"]:focus {
  border-color: #888 !important;
}

.sg-hero .mailpoet_form input[type="email"]::placeholder {
  color: #555 !important;
}

.sg-hero .mailpoet_form input[type="submit"],
.sg-hero .mailpoet_form .mailpoet_submit {
  background: #ffffff !important;
  color: #000000 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 16px 32px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  width: 100% !important;
  margin-top: 10px !important;
  display: block !important;
  transition: background 0.2s !important;
}

.sg-hero .mailpoet_form input[type="submit"]:hover {
  background: #dddddd !important;
}

.sg-hero .mailpoet_form .mailpoet_form_info,
.sg-hero .mailpoet_form p.mailpoet_form_info {
  color: #444 !important;
  font-size: 11px !important;
  text-align: center !important;
  margin-top: 12px !important;
}

.sg-hero .mailpoet_form .mailpoet_form_info a {
  color: #666 !important;
}

/* Essays section: style latest-posts for dark bg */
.sg-essays .wp-block-latest-posts a {
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.sg-essays .wp-block-latest-posts a:hover {
  color: #cccccc !important;
}

.sg-essays .wp-block-latest-posts__post-excerpt {
  color: #777777 !important;
  font-size: 14px !important;
}

.sg-essays .wp-block-latest-posts time {
  color: #555555 !important;
  font-size: 12px !important;
}

.sg-essays .wp-block-latest-posts li {
  padding-bottom: 24px !important;
}

/* Resource card text alignment */
.sg-resource-card .wp-block-buttons {
  margin-top: 8px;
}

/* === MAILPOET FORM HERO OVERRIDES (high specificity) === */
.sg-hero #mailpoet_form_1 h1.mailpoet-heading {
  display: none !important;
}

.sg-hero #mailpoet_form_1 .mailpoet_form {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.sg-hero #mailpoet_form_1 .mailpoet_text {
  background: transparent !important;
  border: 1px solid #444 !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  padding: 16px 18px !important;
  font-size: 16px !important;
  box-sizing: border-box !important;
  outline: none !important;
}

.sg-hero #mailpoet_form_1 .mailpoet_text:focus {
  border-color: #888 !important;
}

.sg-hero #mailpoet_form_1 .mailpoet_text::placeholder {
  color: #555 !important;
}

.sg-hero #mailpoet_form_1 .mailpoet_submit {
  background: #ffffff !important;
  color: #000000 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 16px 32px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  width: 100% !important;
  margin-top: 10px !important;
  display: block !important;
}

.sg-hero #mailpoet_form_1 .mailpoet_submit:hover {
  background: #dddddd !important;
  color: #000 !important;
}

.sg-hero #mailpoet_form_1 p.mailpoet_form_paragraph {
  color: #444 !important;
  font-size: 11px !important;
  text-align: center !important;
}

.sg-hero #mailpoet_form_1 p.mailpoet_form_paragraph a {
  color: #666 !important;
}

/* === MAILPOET FORM HERO OVERRIDES (high specificity) === */
.sg-hero #mailpoet_form_1 h1.mailpoet-heading {
  display: none !important;
}

.sg-hero #mailpoet_form_1 .mailpoet_form {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.sg-hero #mailpoet_form_1 .mailpoet_text {
  background: transparent !important;
  border: 1px solid #444 !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  padding: 16px 18px !important;
  font-size: 16px !important;
  box-sizing: border-box !important;
  outline: none !important;
}

.sg-hero #mailpoet_form_1 .mailpoet_text:focus {
  border-color: #888 !important;
}

.sg-hero #mailpoet_form_1 .mailpoet_text::placeholder {
  color: #555 !important;
}

.sg-hero #mailpoet_form_1 .mailpoet_submit {
  background: #ffffff !important;
  color: #000000 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 16px 32px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  width: 100% !important;
  margin-top: 10px !important;
  display: block !important;
}

.sg-hero #mailpoet_form_1 .mailpoet_submit:hover {
  background: #dddddd !important;
  color: #000 !important;
}

.sg-hero #mailpoet_form_1 p.mailpoet_form_paragraph {
  color: #444 !important;
  font-size: 11px !important;
  text-align: center !important;
}

.sg-hero #mailpoet_form_1 p.mailpoet_form_paragraph a {
  color: #666 !important;
}

/* === ESSAYS GRID: uniform image height === */
.sg-essays .wp-block-latest-posts__featured-image {
  height: 220px;
  overflow: hidden;
  display: block;
  margin-bottom: 12px;
}

.sg-essays .wp-block-latest-posts__featured-image a {
  display: block;
  height: 100%;
}

.sg-essays .wp-block-latest-posts__featured-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* === ESSAYS GRID: uniform image height === */
.sg-essays .wp-block-latest-posts__featured-image {
  height: 220px;
  overflow: hidden;
  display: block;
  margin-bottom: 12px;
}

.sg-essays .wp-block-latest-posts__featured-image a {
  display: block;
  height: 100%;
}

.sg-essays .wp-block-latest-posts__featured-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* === ESSAYS GRID: uniform image height === */
.sg-essays .wp-block-latest-posts__featured-image {
  height: 220px;
  overflow: hidden;
  display: block;
  margin-bottom: 12px;
}

.sg-essays .wp-block-latest-posts__featured-image a {
  display: block;
  height: 100%;
}

.sg-essays .wp-block-latest-posts__featured-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* === FONT SIZE FIXES === */

/* Hero CTA line ("GET THE ESSAY DELIVERED...") */
.sg-hero .has-small-font-size {
  font-size: 15px !important;
}

/* Section labels (RESOURCES, THE ESSAYS, ABOUT ME) — inline font-size:12px override */
.sg-resources p[style*="font-size:12px"],
.sg-essays p[style*="font-size:12px"],
.sg-about p[style*="font-size:12px"] {
  font-size: 20px !important;
}

/* Course sub-label (COURSE) */
.sg-resources p[style*="font-size:11px"] {
  font-size: 13px !important;
}

/* Resources & About body text */
.sg-resources p:not([style*="letter-spacing"]),
.sg-about p:not([style*="letter-spacing"]) {
  font-size: 17px !important;
}

/* === START HERE PAGE: hide post meta, sharing, like widget === */
.postid-3276 .entry-meta,
.postid-3276 .posted-on,
.postid-3276 .byline,
.postid-3276 .entry-footer,
.postid-3276 .post-date,
.postid-3276 .entry-date,
.postid-3276 time,
.postid-3276 .sharedaddy,
.postid-3276 .sd-sharing,
.postid-3276 .sd-block,
.postid-3276 #jp-post-flair,
.postid-3276 .jp-relatedposts,
.postid-3276 .wpl-likebox,
.postid-3276 .wp-block-jetpack-like,
.postid-3276 .jetpack-likes-widget-wrapper,
.postid-3276 .likes-master,
.postid-3276 .sharedaddy.sd-sharing-enabled {
  display: none !important;
}

/* === START HERE PAGE: hide nav, comments === */
.postid-3276 .nav-links,
.postid-3276 .post-navigation,
.postid-3276 #comments,
.postid-3276 .comments-area {
  display: none !important;
}

/* === START HERE PAGE: match homepage MailPoet form style === */
.postid-3276 .mailpoet_form {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.postid-3276 #mailpoet_form_1 h1.mailpoet-heading {
  display: none !important;
}
.postid-3276 #mailpoet_form_1 .mailpoet_text {
  background: transparent !important;
  border: 1px solid #444 !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  padding: 16px 18px !important;
}
.postid-3276 #mailpoet_form_1 .mailpoet_text::placeholder {
  color: #888 !important;
}
.postid-3276 #mailpoet_form_1 .mailpoet_submit {
  background: #ffffff !important;
  color: #000000 !important;
  border: none !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
  width: 100% !important;
  margin-top: 10px !important;
  padding: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
}