/*
Theme Name: Atisfy Divi Child
Theme URI: https://atisfy.com/
Description: Full Atisfy Divi child theme system based on Figma CSS, targeting actual Divi-rendered header/footer and reusable body section classes.
Author: Naveen Reddy Atmakuri
Author URI: https://atisfy.com/
Template: Divi
Version: 7.8.8
Text Domain: atisfy-divi-child
*/

/* Remove default Divi heading padding across all pages (frontend only, not in Divi Builder) */
body:not(.et-fb):not([class*="et-fb"]) h1,
body:not(.et-fb):not([class*="et-fb"]) h2,
body:not(.et-fb):not([class*="et-fb"]) h3,
body:not(.et-fb):not([class*="et-fb"]) h4,
body:not(.et-fb):not([class*="et-fb"]) h5,
body:not(.et-fb):not([class*="et-fb"]) h6 {
  padding: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Do not affect Divi Builder admin/settings UI */
.et-fb-root-ancestor,
.et-fb-root-ancestor *,
.et-core-modal,
.et-core-modal *,
.et-fb-modal,
.et-fb-modal * {
  color: inherit !important;
  background: initial;
}

/* Divi Visual Builder Canvas Protection: Never apply archive/category card styling inside visual builder */
body.et-fb .et_pb_post,
body.et-fb article.et_pb_post,
body.et-fb .et_pb_post::before,
body.et-fb .et_pb_post::after,
body.et-fb article.et_pb_post::before,
body.et-fb article.et_pb_post::after,
body.et_fb .et_pb_post,
body.et_fb article.et_pb_post,
body.et_fb .et_pb_post::before,
body.et_fb .et_pb_post::after,
body[class*="et-fb"] .et_pb_post,
body[class*="et-fb"] article.et_pb_post,
body[class*="et-fb"] .et_pb_post::before,
body[class*="et-fb"] .et_pb_post::after,
body[class*="et_fb"] .et_pb_post,
body[class*="et_fb"] article.et_pb_post,
body[class*="et_fb"] .et_pb_post::before,
body[class*="et_fb"] .et_pb_post::after,
#et-fb-app .et_pb_post,
#et-fb-app article.et_pb_post,
#et-fb-app .et_pb_post::before,
#et-fb-app .et_pb_post::after,
.et-fb-root-ancestor .et_pb_post,
.et-fb-root-ancestor article.et_pb_post,
.et-fb-root-ancestor .et_pb_post::before,
.et-fb-root-ancestor .et_pb_post::after {
  content: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: auto !important;
  transform: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
}

body.et-fb .et_pb_post .entry-content,
body.et-fb .et_pb_post .post-content,
body.et-fb .et_pb_post .post-content-inner,
body.et_fb .et_pb_post .entry-content,
body.et_fb .et_pb_post .post-content,
body.et_fb .et_pb_post .post-content-inner,
body[class*="et-fb"] .et_pb_post .entry-content,
body[class*="et-fb"] .et_pb_post .post-content,
body[class*="et-fb"] .et_pb_post .post-content-inner,
#et-fb-app .et_pb_post .entry-content,
#et-fb-app .et_pb_post .post-content,
#et-fb-app .et_pb_post .post-content-inner {
  display: block !important;
}

body.et-fb .et_pb_section,
body.et-fb .et_pb_row,
body.et-fb .et_pb_column,
body.et-fb .et_pb_module {
  box-sizing: border-box !important;
}


/* Figma Matching: Article Breadcrumb Back Pill (Frame 1000000834: 166px x 44px, radius 12px) */
.atisfy-article-breadcrumb-pill {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  height: 44px !important;
  box-sizing: border-box !important;
  padding: 0 16px !important;
  gap: 8px !important;
  background: #F2F2F2 !important;
  border: 1px solid #DCDFE3 !important;
  border-radius: 12px !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 28px !important;
  color: #758195 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.atisfy-article-breadcrumb-pill:hover {
  background: #E5E7EB !important;
  color: #111111 !important;
  border-color: #CBD5E1 !important;
}

.atisfy-article-breadcrumb-pill svg {
  width: 14px !important;
  height: 14px !important;
  color: #8490A1 !important;
  stroke: #8490A1 !important;
  flex-shrink: 0 !important;
}

html[data-theme="dark"] .atisfy-article-breadcrumb-pill {
  background: #1C2026 !important;
  border-color: #2D3748 !important;
  color: #94A3B8 !important;
}

html[data-theme="dark"] .atisfy-article-breadcrumb-pill:hover {
  background: #282F3B !important;
  border-color: #4A5568 !important;
  color: #FFFFFF !important;
}

/* Figma Matching: Reading Time Badge (a-badge: height 28px, 14px / 20px, bg rgba(130, 112, 219, 0.12), color #8270DB) */
.atisfy-article-read-time-pill {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  height: 28px !important;
  box-sizing: border-box !important;
  padding: 4px 10px !important;
  gap: 4px !important;
  background: rgba(130, 112, 219, 0.12) !important;
  border-radius: 6px !important;
  font-family: 'Inter', sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #8270DB !important;
}

html[data-theme="dark"] .atisfy-article-read-time-pill {
  background: rgba(130, 112, 219, 0.22) !important;
  color: #B3A7F2 !important;
}