/* jiep v3.5.2 - Overpower visuals + mobile tweaks */
img,
img[class*="wp-image-"],
img[class*="attachment-"],
img[src*="i0.wp.com"],
.wp-post-image,
.post-thumbnail img,
.thumbnail img,
.elementor img,
.elementor-widget-image img,
.widget img,
.avatar,
.site-logo img,
.logo img,
.menu img {
  border-radius: 12px !important;
  box-shadow: 0 18px 56px rgba(0,0,0,0.34) !important;
  transition: transform 0.35s ease, box-shadow 0.35s ease !important;
  will-change: transform, box-shadow !important;
}

/* hover zoom */
img.jiep-visible:hover {
  transform: translateY(-2px) scale(1.035) !important;
}

/* Storyboard */
.jiep-storyboard-container { margin-top: 12px; display:flex; gap:8px; overflow-x:auto; padding-bottom:6px; }
.jiep-storyboard-item { flex:0 0 auto; width:110px; height:80px; border-radius:12px; overflow:hidden; position:relative; cursor:pointer; box-shadow:0 6px 18px rgba(0,0,0,0.25); }

/* Fact box */
.jiep-fact-box { margin-top:14px; padding:12px 14px; border-left:4px solid #C40000; background:#fff; border-radius:10px; max-width:720px; box-shadow:0 6px 20px rgba(0,0,0,0.06); }
.jiep-fact-title { font-weight:700; font-size:15px; margin-bottom:6px; color:#111; }
.jiep-fact-item { font-size:14px; margin-left:12px; margin-bottom:4px; color:#333; }

/* Lecture Visuelle */
.jiep-lecture-highlight { background: linear-gradient(90deg, rgba(196,0,0,0.08), rgba(196,0,0,0.04)); padding:8px; border-radius:6px; transition: background 0.25s ease; box-shadow:0 8px 24px rgba(0,0,0,0.12); }

/* Mobile */
@media (max-width:768px){
  .jiep-storyboard-item { width:70px; height:56px; border-radius:10px; box-shadow:0 8px 22px rgba(0,0,0,0.22); }
  img.jiep-visible:hover { transform: scale(1.015) !important; }
  .jiep-fact-box { max-width:95% !important; padding:10px; border-radius:8px; }
  .jiep-fab { width:46px; height:46px; bottom:16px; right:14px; }
}

/* Small adjustments */
.jiep-story-view img { max-width:90%; max-height:85%; border-radius:12px; box-shadow:0 20px 50px rgba(0,0,0,0.4); }
.jiep-story-close { position:absolute; top:18px; right:18px; font-size:28px; color:#fff; cursor:pointer; }