/* .skd-blog-new h1 {
     padding-top: 0;
     padding-bottom: 45px;
     font-size: 50px;
     line-height: 130%;
     letter-spacing: -0.02em;
     color: #002755;
     margin: 0;
    font-weight: 800;
}
.skd-blog-new .post__meta-wrap {
	padding-top: 45px;
	padding-bottom: 40px;
}
.skd-blog-new .post__meta {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.skd-blog-new .new-content .company-name,
.skd-blog-new .post__details-time,
.skd-blog-new .post__details-date,
.skd-blog-new .author-info {
    font-size:20px;
    font-weight: 400;
    color: #425466;
    line-height:160%;
    letter-spacing:0;
    display: flex;
    align-items:center;
}
.skd-blog-new .new-content .company-name {
	color:#0055FF;
	text-decoration: none;
}
.skd-blog-new .author-info .post_author_name {
    font-weight: 600;
		color: #425466;
}
.skd-blog-new .post__author-image-small {
    width: 26px;
    border-radius:50px;
    overflow: hidden;
    margin-right: 15px;
}
.skd-blog-new .meta-icon-wrap {width: 26px; display: inline-block; margin-right: 15px; vertical-align: text-bottom;}
.skd-blog-new .meta-icon-wrap img {margin: auto; display: block;}
.skd-blog-new .tags ul li a {
	font-size: 15px;
	font-weight: 600;
	line-height: 160%;
	color:#002755;
	border: 4px solid transparent;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius:33px;
	display: inline-block;
	text-decoration: none;
}
.skd-blog-new .tags {padding-top: 20px;}
.skd-blog-new .tags ul {gap: 8px;}
.skd-blog-new .tags ul li.skd-tag--field-service a {border-color: #0055FF;}
.skd-blog-new .tags ul li.skd-tag--healthcare a {border-color: #5DD0C9;}
.skd-blog-new .tags ul li.skd-tag--field-sales a {border-color: #FFC967;}
.skd-blog-new .tags ul li.skd-tag--energy-utilities a {border-color: #BE8BFF;}
.skd-blog-new .tags ul li.skd-tag--residential-services a {border-color: #6DC7FF;}
.skd-blog-new .tags ul li.skd-tag--scheduling a {border-color: #0055FF;}
.skd-blog-new .tags ul li.skd-tag--workforce-management-\&-optimization a {border-color: #FFC967;}
.skd-blog-new .tags ul li.skd-tag--ai-scheduling a {border-color: #6DC7FF;}
.skd-blog-new .tags ul li.skd-tag--uncategorized a {border-color: #425466;}

.skd-blog-new .tags ul li.skd-tag--field-service a:hover {border-color: rgba(0, 85, 255, 0.75);}
.skd-blog-new .tags ul li.skd-tag--healthcare a:hover {border-color: rgba(93, 208, 201, 0.75);}
.skd-blog-new .tags ul li.skd-tag--field-sales a:hover {border-color: rgba(255, 201, 103, 0.75);}
.skd-blog-new .tags ul li.skd-tag--energy-utilities a:hover {border-color: rgba(190, 139, 255, 0.75);}
.skd-blog-new .tags ul li.skd-tag--residential-services a:hover {border-color: rgba(109, 199, 255, 0.75);}
.skd-blog-new .tags ul li.skd-tag--scheduling a:hover {border-color: rgba(0, 85, 255, 0.75);}
.skd-blog-new .tags ul li.skd-tag--workforce-management-\&-optimization a:hover {border-color: rgba(255, 201, 103, 0.75);}
.skd-blog-new .tags ul li.skd-tag--ai-scheduling a:hover {border-color: rgba(109, 199, 255, 0.75);}
.skd-blog-new .tags ul li.skd-tag--uncategorized a:hover {border-color: rgba(66, 84, 102, 0.75);}
.skd-blog-new .skd-header__avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}
.skd-blog-new .skd-header__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 0;
}
.skd-blog-new .skd-header__author {
    display: flex;
    align-items: center;
    gap: 12px;
}
.skd-blog-new .skd-quote__speaker-separator {
    color: rgba(66, 84, 102, 0.2);
    font-weight: 300;
}

@media screen and (max-width:768px) {
    .skd-blog-new .author-info .post-author-designation {
        width: 100%;
        padding:0;
    }
    .skd-blog-new .author-info .post-author-designation:before {display: none;}
} */

/* — Header block — */
.skd-blog-new .skd-module-header {
  padding-top: var(--skd-space-xl);
  padding-bottom: 0;
}

/* — Title — */
/* Higher specificity (.skd-module-header added) to beat base.css h1 rule */
.skd-blog-new .skd-module-header .skd-header__title {
  margin-bottom: 64px;
}

/* — Featured Image (optional) — */
.skd-blog-new .skd-module-header .skd-header__image {
  margin-bottom: 72px;
  border-radius: var(--skd-radius-card);
  overflow: hidden;
}

.skd-blog-new .skd-header__image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* — Author row — */
.skd-blog-new .skd-header__author {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px; /* tight — keeps meta block as one connected group */
}

/* Clipping mask container — the circle shape */
.skd-blog-new .skd-header__avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;   /* this is the actual clip */
  flex-shrink: 0;
}

/* Image fills the container, cropped to the circle */
.skd-blog-new .skd-header__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 0; /* override base.css which adds radius to all imgs */
}

.skd-blog-new .skd-header__author-info {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 1.4;
  color: var(--skd-color-text);
}

.skd-blog-new .skd-header__author-name {
  font-weight: var(--skd-fw-semibold);
  color: var(--skd-color-heading);
}

.skd-blog-new .skd-header__author-separator {
  color: rgba(66, 84, 102, 0.2);
  font-weight: 300;
}

.skd-blog-new .skd-header__author-title {
  color: var(--skd-color-text);
}

/* — Meta rows (date, read time) — */
.skd-blog-new .skd-header__meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px; /* tight — keeps meta block as one connected group */
}

.skd-blog-new .skd-header__meta-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  line-height: 1.4;
  color: var(--skd-color-text);
}

.skd-blog-new .skd-header__meta-icon {
  width: 32px;   /* matches avatar container width */
  height: 32px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.skd-blog-new .skd-header__meta-icon img {
  width: 32px;
  height: 32px;
  display: block;
}

/* — Tags — */
.skd-blog-new .skd-header__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 32px; /* gap before divider */
}

/* Base tag pill
   - Transparent fill, stroke only
   - Border radius: 200px
   - Stroke weight: 4px
   - Font: Inter Semi Bold, 15px
   - Text color: #002755
   ------------------------------------------------
   WP DEVELOPER NOTE:
   Each tag gets its color class from the category slug.
   Map WP category → CSS class using get_the_category()
   e.g. 'field-service' → skd-tag--field-service
*/
.skd-blog-new .skd-header__tag {
  display: inline-flex;
  align-items: center;
  padding: 7px 18px;
  border-radius: 200px;
  border: 5px solid var(--skd-color-border);
  font-family: var(--skd-font-body);
  font-size: 15px;
  font-weight: var(--skd-fw-semibold);
  line-height: 1.3;
  color: #002755;
  background: transparent;
  text-decoration: none;
  transition: border-color var(--skd-transition);
  white-space: nowrap;
}

.skd-blog-new .skd-header__tag.skd-tag--mobile-workforce-management {
  border-color: #6DC7FF;
}
.skd-blog-new .skd-header__tag.skd-tag--mobile-workforce-management:hover {
    border-color: rgba(109, 199, 255, 0.75);
}

/* On hover: only the stroke fades to 75% — no background tint, no text change */
.skd-blog-new .skd-header__tag:hover {
  border-color: rgba(238, 244, 250, 0.75); /* default/uncategorized fallback */
  color: #002755;
  text-decoration: none;
}

/* Per-colour hover overrides — each fades its own stroke to 75% opacity */
.skd-blog-new .skd-tag--field-service:hover,
.skd-blog-new .skd-tag--scheduling:hover,
.skd-blog-new .skd-tag--skedulo-company:hover        { border-color: rgba(0, 85, 255, 0.75); }     /* Blue      */

.skd-blog-new .skd-tag--healthcare:hover,
.skd-blog-new .skd-tag--non-profit:hover,
.skd-blog-new .skd-tag--skedulo-product:hover         { border-color: rgba(93, 208, 201, 0.75); }   /* Green     */

.skd-blog-new .skd-tag--field-sales:hover,
.skd-blog-new .skd-tag--public-sector:hover,
.skd-blog-new .skd-tag--workforce-management-optimization:hover,
.skd-blog-new .skd-tag--partners:hover                { border-color: rgba(255, 201, 103, 0.75); }  /* Yellow    */

.skd-blog-new .skd-tag--energy-utilities:hover,
.skd-blog-new .skd-tag--telecommunications:hover,
.skd-blog-new .skd-tag--technology:hover,
.skd-blog-new .skd-tag--skedulo-plus:hover            { border-color: rgba(190, 139, 255, 0.75); }  /* Purple    */

.skd-blog-new .skd-tag--residential-services:hover,
.skd-blog-new .skd-tag--frontline-workforce:hover,
.skd-blog-new .skd-tag--customer-experience:hover,
.skd-blog-new .skd-tag--ai-scheduling:hover           { border-color: rgba(109, 199, 255, 0.75); }  /* Light Blue */

.skd-blog-new .skd-tag--uncategorized:hover           { border-color: rgba(238, 244, 250, 0.75); }  /* Neutral   */

/* ==========================================================
   TAG COLOUR MAP
   Each category always uses the same accent colour.

   BOLD BLUE  #0055FF
   PURPLE     #BE8BFF
   LIGHT BLUE #6DC7FF
   GREEN      #5DD0C9
   YELLOW     #FFC967
   ========================================================== */

/* — Customer categories — */
.skd-blog-new .skd-tag--field-service        { border-color: #0055FF; }   /* Bold Blue     */
.skd-blog-new .skd-tag--healthcare           { border-color: #5DD0C9; }   /* Green         */
.skd-blog-new .skd-tag--field-sales          { border-color: #FFC967; }   /* Yellow        */
.skd-blog-new .skd-tag--energy-utilities     { border-color: #BE8BFF; }   /* Purple        */
.skd-blog-new .skd-tag--residential-services { border-color: #6DC7FF; }   /* Light Blue    */
.skd-blog-new .skd-tag--non-profit           { border-color: #5DD0C9; }   /* Green         */
.skd-blog-new .skd-tag--public-sector        { border-color: #FFC967; }   /* Yellow        */
.skd-blog-new .skd-tag--telecommunications  { border-color: #BE8BFF; }   /* Purple        */

/* — General categories — */
.skd-blog-new .skd-tag--scheduling                         { border-color: #0055FF; }   /* Bold Blue     */
.skd-blog-new .skd-tag--frontline-workforce                { border-color: #6DC7FF; }   /* Light Blue    */
.skd-blog-new .skd-tag--workforce-management-optimization  { border-color: #FFC967; }   /* Yellow        */
.skd-blog-new .skd-tag--technology                         { border-color: #BE8BFF; }   /* Purple        */
.skd-blog-new .skd-tag--industry-trends                    { border-color: #5DD0C9; }   /* Green         */
.skd-blog-new .skd-tag--customer-experience                { border-color: #6DC7FF; }   /* Light Blue    */
.skd-blog-new .skd-tag--uncategorized                      { border-color: #EEF4FA; }   /* Neutral grey  */

/* — Company / Skedulo categories — */
.skd-blog-new .skd-tag--skedulo-company  { border-color: #0055FF; }   /* Bold Blue     */
.skd-blog-new .skd-tag--skedulo-product  { border-color: #5DD0C9; }   /* Green         */
.skd-blog-new .skd-tag--skedulo-plus     { border-color: #BE8BFF; }   /* Purple        */
.skd-blog-new .skd-tag--ai-scheduling    { border-color: #6DC7FF; }   /* Light Blue    */
.skd-blog-new .skd-tag--partners         { border-color: #FFC967; }   /* Yellow        */

/* — Divider — */
.skd-blog-new .skd-header__divider {
  border: none;
  border-top: 1px solid rgba(66, 84, 102, 0.2);
  margin: 0;
}

.skd-blog-new .skd-header__author .skd-header__avatar {
    padding: 4px;
}
.skd-blog-new .skd-header__author .skd-header__avatar img {
    border-radius: 50%;
}

/* ── Responsive ── */
@media (max-width: 1024px) {
  .skd-blog-new .skd-module-header .skd-header__title {
    margin-bottom: 52px;  /* 64px scaled for tablet */
  }
  .skd-blog-new .skd-module-header .skd-header__image {
    margin-bottom: 60px;  /* 72px scaled for tablet */
  }

  /* Avatar + meta icon column: 30px at tablet */
  .skd-blog-new .skd-header__avatar {
    width: 30px;
    height: 30px;
  }
  .skd-blog-new .skd-header__meta-icon {
    width: 30px;
    height: 30px;
  }
  .skd-blog-new .skd-header__meta-icon img {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 768px) {
  .skd-blog-new .skd-module-header {
    padding-top: var(--skd-space-xl);
  }
  .skd-blog-new .skd-module-header .skd-header__title {
    margin-bottom: 40px;  /* scaled for mobile */
  }
  .skd-blog-new .skd-module-header .skd-header__image {
    margin-bottom: 48px;  /* scaled for mobile */
  }
  .skd-blog-new .skd-header__author-info {
    flex-wrap: wrap;
    gap: 4px;
  }
  .skd-blog-new .skd-header__tag {
    font-size: 13px;
    padding: 5px 13px;
    border-width: 4px;
  }

  /* ── Avatar + meta icons: all 28px at mobile — wrapper, image, and avatar in sync ── */
  .skd-blog-new .skd-header__avatar {
    width: 28px;
    height: 28px;
  }
  .skd-blog-new .skd-header__avatar img {
    width: 100%;
    height: 100%;
  }
  .skd-blog-new .skd-header__meta-icon {
    width: 28px;
    height: 28px;
  }
  .skd-blog-new .skd-header__meta-icon img {
    width: 28px;
    height: 28px;
  }

  /* Uniform gap across all three rows */
  .skd-blog-new .skd-header__author,
  .skd-blog-new .skd-header__meta-item {
    gap: 10px;
  }

  /* Top-align avatar with the name/title text at mobile */
  .skd-blog-new .skd-header__author {
    align-items: flex-start;
  }

  /* Constrain text column width so lines break sooner */
  .skd-blog-new .skd-header__author-info {
    max-width: 72%;
  }
  .skd-blog-new .skd-header__author .skd-header__avatar {
      padding: 2px;
  }
}

@media (max-width: 375px) {
  .skd-blog-new .skd-module-header .skd-header__title {
    margin-bottom: 32px;  /* scaled for small mobile */
  }
  .skd-blog-new .skd-module-header .skd-header__image {
    margin-bottom: 40px;  /* scaled for small mobile */
  }

  /* Avatar + meta icons: all 24px at small mobile — wrapper, image, and avatar in sync */
  .skd-blog-new .skd-header__avatar {
    width: 24px;
    height: 24px;
  }
  .skd-blog-new .skd-header__meta-icon {
    width: 24px;
    height: 24px;
  }
  .skd-blog-new .skd-header__meta-icon img {
    width: 24px;
    height: 24px;
  }
}