/* ========== SINGLE POST & PRAYER CONTENT STYLE ========== */

/* ===== FIX STICKY HEADER WITH WP ADMIN BAR ===== */
.admin-bar .header-wrapper,
.admin-bar header.header,
.admin-bar .header-main,
.admin-bar .stuck,
.admin-bar .is-sticky {
   top: 32px !important;
}

@media (max-width: 782px) {

   .admin-bar .header-wrapper,
   .admin-bar header.header,
   .admin-bar .header-main,
   .admin-bar .stuck,
   .admin-bar .is-sticky {
      top: 46px !important;
   }
}


/* Global Single Post */
.blog-single,
.single-post {
   background: #f8f9fa !important;
   padding-top: 30px;
}

[data-theme='dark'] .blog-single,
[data-theme='dark'] .single-post {
   background: #111827 !important;
}

/* Main Article Container */
.article-inner,
.entry {
   background: #fff !important;
   padding: 40px !important;
   border-radius: 16px !important;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
   border: 1px solid #e2e8f0 !important;
   margin-bottom: 30px;
}

[data-theme='dark'] .article-inner,
[data-theme='dark'] .entry {
   background: #1f2937 !important;
   border-color: #374151 !important;
}

/* Post Title */
.entry-title,
.post-title {
   font-size: 1.8rem !important;
   font-weight: 800 !important;
   color: #1e40af !important;
   line-height: 1.4 !important;
   margin-bottom: 25px !important;
}

[data-theme='dark'] .entry-title,
[data-theme='dark'] .post-title {
   color: #60a5fa !important;
}

/* Category Badge */
.cat-badge,
.entry-category a {
   display: inline-block !important;
   background: linear-gradient(135deg, #0084ff 0%, #0066cc 100%) !important;
   color: #fff !important;
   padding: 6px 16px !important;
   border-radius: 99px !important;
   font-size: 11px !important;
   font-weight: 700 !important;
   text-transform: uppercase !important;
   margin-bottom: 15px !important;
   text-decoration: none !important;
}

/* Post Meta */
.entry-meta,
.post-meta {
   color: #64748b !important;
   font-size: 14px !important;
   padding-bottom: 20px !important;
   margin-bottom: 25px !important;
   border-bottom: 1px solid #e2e8f0 !important;
}

[data-theme='dark'] .entry-meta,
[data-theme='dark'] .post-meta {
   color: #9ca3af !important;
   border-color: #374151 !important;
}

/* Content Typography */
.entry-content,
.entry {
   font-size: 17px !important;
   line-height: 1.8 !important;
   color: #334155 !important;
}

[data-theme='dark'] .entry-content,
[data-theme='dark'] .entry {
   color: #d1d5db !important;
}

/* Hide line breaks */
.entry br,
.entry-content br {
   display: none !important;
}

/* Paragraphs */
.entry p,
.entry-content p {
   margin-bottom: 16px !important;
}

/* Section Headers */
.entry>strong,
.entry-content>strong {
   display: block !important;
   font-size: 1.1rem !important;
   color: #1e40af !important;
   margin-top: 25px !important;
   margin-bottom: 12px !important;
   padding: 10px 15px !important;
   background: linear-gradient(90deg, #e0f2fe, transparent) !important;
   border-left: 4px solid #0084ff !important;
   border-radius: 0 8px 8px 0 !important;
   clear: both !important;
}

[data-theme='dark'] .entry>strong,
[data-theme='dark'] .entry-content>strong {
   color: #60a5fa !important;
   background: linear-gradient(90deg, #1e3a5f, transparent) !important;
}

/* Inline strong */
.entry p strong,
.entry-content p strong {
   display: inline !important;
   background: none !important;
   border: none !important;
   padding: 0 !important;
   margin: 0 !important;
   color: #1e293b !important;
   font-size: inherit !important;
}

[data-theme='dark'] .entry p strong {
   color: #f3f4f6 !important;
}

/* Images */
.entry img,
.entry-content img {
   border-radius: 10px !important;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
   max-width: 120px !important;
   height: auto !important;
   float: right !important;
   margin: 0 0 15px 20px !important;
}

/* Italic */
.entry em,
.entry-content em {
   color: #0369a1 !important;
   font-style: italic;
   background: #f0f9ff;
   padding: 2px 6px;
   border-radius: 4px;
   font-size: 0.9em;
}

[data-theme='dark'] .entry em {
   background: #1e3a5f;
   color: #7dd3fc !important;
}

/* HR */
.entry hr,
.entry-content hr {
   border: none !important;
   height: 2px !important;
   background: linear-gradient(90deg, #0084ff, #00c6ff, #0084ff) !important;
   margin: 25px 0 !important;
   border-radius: 2px !important;
   clear: both !important;
}

/* ========== SIDEBAR - SMALL TEXT ON PC ========== */
.widget {
   background: #fff !important;
   padding: 15px !important;
   border-radius: 12px !important;
   border: 1px solid #e2e8f0 !important;
   margin-bottom: 15px !important;
}

[data-theme='dark'] .widget {
   background: #1f2937 !important;
   border-color: #374151 !important;
}

.widget-title {
   font-size: 11px !important;
   font-weight: 700 !important;
   color: #64748b !important;
   text-transform: uppercase !important;
   letter-spacing: 1px !important;
   margin-bottom: 12px !important;
   padding-bottom: 8px !important;
   position: relative;
}

.widget-title::after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 30px;
   height: 2px;
   background: linear-gradient(90deg, #0084ff, #00c6ff);
   border-radius: 2px;
}

[data-theme='dark'] .widget-title {
   color: #9ca3af !important;
}

.widget .badge-inner,
.widget .post-date,
.widget .is-xsmall {
   display: none !important;
}

.widget ul li,
.widget .row,
.widget article {
   padding: 6px 0 !important;
   border-bottom: 1px dashed #e2e8f0 !important;
   margin: 0 !important;
}

.widget ul li:last-child,
.widget .row:last-child,
.widget article:last-child {
   border-bottom: none !important;
}

/* FORCE SMALL SIDEBAR POST TITLES */
.widget ul li a,
.widget .post-title,
.widget .post-title a,
.widget article a,
.widget h3,
.widget h3 a,
.widget h4,
.widget h4 a,
.widget h5,
.widget h5 a,
.widget .entry-title,
.widget .entry-title a,
.sidebar .post-title,
.sidebar .post-title a,
.sidebar h3 a,
.sidebar h4 a,
.sidebar .widget a,
.col .post-title,
.col .post-title a,
.box .post-title,
.box .post-title a {
   color: #475569 !important;
   font-weight: 500 !important;
   font-size: 12px !important;
   line-height: 1.4 !important;
   text-decoration: none !important;
   margin: 0 !important;
}

.widget a:hover,
.sidebar a:hover {
   color: #0084ff !important;
}

[data-theme='dark'] .widget a,
[data-theme='dark'] .sidebar a {
   color: #9ca3af !important;
}

/* ========== MOBILE ========== */
@media (max-width: 768px) {

   .article-inner,
   .entry {
      padding: 20px !important;
   }

   .entry-title,
   .post-title {
      font-size: 1.4rem !important;
      line-height: 1.3 !important;
   }

   .entry,
   .entry-content {
      font-size: 15px !important;
      line-height: 1.7 !important;
   }

   .entry p,
   .entry-content p {
      margin-bottom: 10px !important;
   }

   .entry>strong,
   .entry-content>strong {
      font-size: 1rem !important;
      padding: 8px 12px !important;
      margin-top: 18px !important;
   }

   .entry img,
   .entry-content img {
      display: none !important;
   }

   .entry em,
   .entry-content em {
      font-size: 0.85em;
      padding: 1px 4px;
   }

   .entry hr,
   .entry-content hr {
      margin: 18px 0 !important;
   }

   .widget {
      padding: 12px !important;
   }

   .widget-title {
      font-size: 10px !important;
   }

   .widget ul li a,
   .widget .post-title a,
   .widget h3 a,
   .sidebar a {
      font-size: 11px !important;
   }
}

@media (max-width: 480px) {

   .article-inner,
   .entry {
      padding: 15px !important;
   }

   .entry-title,
   .post-title {
      font-size: 1.2rem !important;
   }

   .entry,
   .entry-content {
      font-size: 14px !important;
      line-height: 1.6 !important;
   }

   .entry>strong,
   .entry-content>strong {
      font-size: 0.95rem !important;
      padding: 6px 10px !important;
   }

   .widget-title {
      font-size: 9px !important;
   }

   .widget ul li a,
   .widget .post-title a,
   .widget h3 a,
   .sidebar a {
      font-size: 10px !important;
   }
}