/* critical-article.css - minimal above-fold CSS */

/* reset margin/padding for safety */
html, body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
}


/* =====================================
   HEADER AD 728x90 RESERVED SPACE
   ===================================== */

.region-header .ad-slot-header {
  min-height: 90px !important;
  text-align: center;
  margin: 10px 0;
  display: block;
}

.region-header .ad-slot-header ins.adsbygoogle {
  width: 728px;
  height: 90px;
  display: inline-block;
}

/* hide on mobile */
@media (max-width: 767px) {
  .ad-slot-header {
    display: none !important;
  }
}

/* ============================
   ARTICLE TITLE
   ============================ */

h1.title {
  margin: 20px 0 10px 0;
  font-size: 26px;
  line-height: 1.2;
  font-weight: bold;
}

/* ============================
   RATING BLOCK
   (kept minimal)
   ============================ */

.node-article .field-name-field-rate {
  margin-top: 10px;
}

/* ============================
   CATEGORY + TAGS INLINE
   ============================ */

.node-article .user_about {
  display: none !important;
}

.node-article .field-name-field-article-category,
.node-article .field-name-field-tags2 {
  display: inline-block !important;
  margin: 10px 5px 0 0 !important;
  padding: 0 !important;
  line-height: 1.4;
}

.node-article .field-name-field-article-category .field-label,
.node-article .field-name-field-tags2 .field-label {
  display: none !important;
}

.node-article .field-name-field-article-category:before {
  content: "Category: ";
}

.node-article .field-name-field-tags2:before {
  content: " | Tags: ";
}

/* ============================
   BASIC TYPOGRAPHY FOR INTRO
   ============================ */

.node-article .content p {
  font-size: 16px;
  line-height: 1.45;
  margin: 12px 0;
}

/* =============================================
   COMMENT TITLE + FIRST COMMENT SPACING FIX
   ============================================= */

h2.title.comment-title {
  margin-top: 20px;
  margin-bottom: 10px;
}

.comment .content .field-item {
  margin-top: 12px !important;
}

/* fixes vs original theme */

/* FORCE site-wide body font back to theme default */
html, body {
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}

/* FORCE article title font */
body.node-type-article h1.title {
  font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif !important;
  font-weight: bold;
}

/* FORCE comment font back to normal */
body.node-type-article #comments,
body.node-type-article .comment,
body.node-type-article .comment p,
body.node-type-article .comment .content {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}

/* Breadcrumb font (same issue) */
body.node-type-article .breadcrumb {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}

/* fixes vs original below */
/* fixes vs original below */
/* fixes vs original below */

/* =============================================
   COMMENT TITLE + FIRST COMMENT SPACING FIX
   ============================================= */

h2.title.comment-title {
  margin-top: 20px;
  margin-bottom: 10px;
}

.comment .content .field-item {
  margin-top: 12px !important;
}

/* fixes vs original theme */

/* FORCE site-wide body font back to theme default */
html, body {
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}

/* FORCE article title font */
body.node-type-article h1.title {
  font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif !important;
  font-weight: bold;
}

/* FORCE comment font back to normal */
body.node-type-article #comments,
body.node-type-article .comment,
body.node-type-article .comment p,
body.node-type-article .comment .content {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}

/* Breadcrumb font (same issue) */
body.node-type-article .breadcrumb {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}

/* restore original article title styling */
body.node-type-article h1.title {
  font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif !important;
  font-size: 36px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  margin: 0 0 10px 0 !important;
}

/* restore original comment font */
body.node-type-article #comments,
body.node-type-article .comment,
body.node-type-article .comment .content,
body.node-type-article .comment .content p,
body.node-type-article .comment p {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  margin-bottom: 18px !important;
}

/* hide Drupal’s literal comma text nodes */
.node-article .field-name-field-tags2 .field-items {
  font-size: 0 !important;
}

/* restore font size for tag text */
.node-article .field-name-field-tags2 .field-item {
  font-size: 12px !important;
}

/* add proper comma + space before each tag except the first */
.node-article .field-name-field-tags2 .field-item:not(:first-child):before {
  content: ", " !important;
}