/* =========================================
   หน้า Single Activity (PR & Storytelling)
   ========================================= 
* dir assets\css\
* file name  single-our-activity.css
*
*/
.single-activity-container {
    max-width: 900px; /* บีบความกว้างให้อ่านบทความง่าย (Readability) */
    margin: 40px auto 80px;
    padding: 0 20px;
}

/* Breadcrumb */
.cpt-breadcrumb { margin-bottom: 20px; font-size: 0.95em; color: #666; }
.cpt-breadcrumb a { color: #4CAF50; text-decoration: none; font-weight: 500; }
.cpt-breadcrumb .current-page { color: #222; font-weight: bold; }

/* Hero Media */
.activity-hero-media {
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}
.activity-hero-img { width: 100%; height: auto; object-fit: cover; display: block; }
.responsive-video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; }
.responsive-video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Header & Meta Bar */
.activity-title { font-size: 2.8em; font-weight: 800; color: #222; margin-bottom: 20px; line-height: 1.3; }
.activity-meta-bar {
    display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 30px;
    padding-bottom: 20px; border-bottom: 1px solid #eaeaea;
}
.meta-item { display: flex; align-items: center; gap: 8px; font-size: 1.05em; color: #555; }
.meta-item i { color: #4CAF50; font-size: 1.2em; }

/* Highlight Box */
.activity-highlight-box {
    background: linear-gradient(135deg, #f0fdf4 0%, #e8f5e9 100%);
    border-left: 4px solid #4CAF50;
    padding: 20px 25px;
    border-radius: 0 8px 8px 0;
    margin-bottom: 40px;
    display: flex; align-items: center; gap: 15px;
}
.activity-highlight-box i { font-size: 2em; color: #f59e0b; }
.highlight-text { font-size: 1.2em; font-weight: bold; color: #166534; }

/* Content */
.activity-entry-content { font-size: 1.15em; line-height: 1.8; color: #444; margin-bottom: 50px; }
.activity-entry-content img { border-radius: 8px; margin: 20px 0; }

/* Related Posts */
.related-activities-section { margin-top: 60px; padding-top: 40px; border-top: 2px solid #eee; }
.related-title { margin-bottom: 30px; font-weight: bold; }
.related-activity-card { text-decoration: none; color: inherit; display: block; transition: transform 0.3s; }
.related-activity-card:hover { transform: translateY(-5px); }
.card-img-wrap img { width: 100%; height: 200px; object-fit: cover; border-radius: 12px; margin-bottom: 15px; }
.card-title { font-size: 1.1em; font-weight: 600; line-height: 1.4; }

@media (max-width: 768px) {
    .activity-title { font-size: 2em; }
    .activity-meta-bar { flex-direction: column; gap: 10px; }
}