/* Smart Related Posts v1.5.0 (scoped .srpr-*) */
/* Responsive grid */
.srpr-wrapper{ margin: 1.25rem 0; }
.srpr-wrapper .srpr-header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:.75rem; }
.srpr-wrapper .srpr-title{ font-size:1.1rem; font-weight:700; color:#0f1d2b; margin:0; }
.srpr-wrapper .srpr-list{ padding:0; margin:0; display:grid; grid-template-columns: repeat(var(--srpr-cols,3), minmax(0,1fr)); gap:16px; }
@media (max-width: 900px){ .srpr-wrapper .srpr-list{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 600px){ .srpr-wrapper .srpr-list{ grid-template-columns: 1fr; } }

/* Base card */
.srpr-wrapper .srpr-item{ position:relative; }
.srpr-wrapper .srpr-card{
  display:flex; flex-direction:column; height:100%; text-decoration:none;
  border:1px solid #e6edf5; border-radius:6px; overflow:hidden; background:#fff;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.srpr-wrapper .srpr-card:hover{ transform: translateY(-2px); box-shadow: 0 8px 24px rgba(15,29,43,.08); border-color:#d7e5fb; }
.srpr-wrapper .srpr-media{ position:relative; aspect-ratio:16/9; overflow:hidden; background:#f4f7fb; }
.srpr-wrapper .srpr-media img{ width:100%; height:100%; object-fit:cover; display:block; position:relative; z-index:1; transform: scale(1); transition: transform .25s ease; }
.srpr-wrapper .srpr-card:hover .srpr-media img{ transform: scale(1.05); }
.srpr-wrapper 

.srpr-wrapper .srpr-content{ padding:12px 14px 14px; }
.srpr-wrapper .srpr-meta{ display:inline-block; font-size:.72rem; font-weight:600; color:#fff; background:#ff641e !important; padding:4px 8px; border-radius:999px; margin-bottom:6px; border: 1px solid #dbe7ff; }
.srpr-wrapper .srpr-item-title{ font-size:1rem; line-height:1.35; color:#0f1d2b; margin: 4px 0 6px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.srpr-wrapper .srpr-excerpt{ margin:0; color:#334155; font-size:.9rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* List layout */
.srpr-layout-list .srpr-list{ display:block; }
.srpr-layout-list .srpr-item + .srpr-item{ margin-top:10px; }
.srpr-layout-list .srpr-card{ flex-direction:row; align-items:center; }
.srpr-layout-list .srpr-media{ width:38%; min-width:180px; max-width:240px; aspect-ratio:16/9; }
.srpr-layout-list .srpr-content{ padding:10px 12px; }
.srpr-layout-list .srpr-item-title{ font-size:1rem; }
.srpr-layout-list .srpr-excerpt{ display:block; }

/* Exact Vikaspedia */
.srpr-style-vikaspedia .srpr-card{ border:1px solid #e5eaf2 !important; border-radius:4px !important; box-shadow:none !important; background:#fff !important; }
.srpr-style-vikaspedia .srpr-card:hover{ transform:translateY(-2px) !important; box-shadow:0 8px 18px rgba(15,29,43,.06) !important; border-color:#dfe6ef !important; }
.srpr-style-vikaspedia .srpr-media{ background:#f2f6fb !important; aspect-ratio:16/9 !important; }
.srpr-style-vikaspedia .srpr-content{ padding:12px 12px 14px !important; }
.srpr-style-vikaspedia .srpr-meta{ margin-bottom:6px !important; font-size:11px !important; line-height:1 !important; letter-spacing:.2px !important; color:#fff !important; background:#ff641e !important; border:1px solid #d7e7ff !important; padding:4px 8px !important; border-radius:999px !important; }
.srpr-style-vikaspedia .srpr-item-title{ margin:4px 0 6px !important; font-size:16px !important; line-height:1.35 !important; color:#0f1d2b !important; -webkit-line-clamp:2 !important; }
.srpr-style-vikaspedia .srpr-excerpt{ font-size:14px !important; color:#334155 !important; -webkit-line-clamp:2 !important; }
.srpr-style-vikaspedia .srpr-list{ gap:16px !important; }

/* Article icon overlay (all styles) */
.srpr-wrapper 

/* GeneratePress wrappers: ensure icon visible */
.srpr-wrapper .gp-lazy-load, .srpr-wrapper .wp-block-image{ position:static !important; overflow:visible !important; }

/* Content spacing mirrors Vikaspedia cards */
.srpr-style-vikaspedia .srpr-content{ padding:12px 12px 14px !important; }
.srpr-style-vikaspedia .srpr-meta{
  display:inline-block !important; margin-bottom:6px !important;
  font-size:11px !important; line-height:1 !important; letter-spacing:.2px !important;
  color:#0b63ce !important; background:#eef5ff !important; border:1px solid #d7e7ff !important;
  padding:4px 8px !important; border-radius:999px !important;
}
.srpr-style-vikaspedia .srpr-item-title{
  margin:4px 0 6px !important; font-size:16px !important; line-height:1.35 !important; color:#0f1d2b !important;
  display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important;
}
.srpr-style-vikaspedia .srpr-excerpt{
  margin:0 !important; color:#334155 !important; font-size:14px !important; line-height:1.45 !important;
  display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important;
}

/* Arrow nudge */
/* Article icon puck only when media exists */
.srpr-wrapper 

/* Grid gap & responsiveness same as before */
.srpr-style-vikaspedia .srpr-list{ gap:16px !important; }

/* v1.6.2 — Vikaspedia Large Cards + visible icon */
.srpr-style-vikaspedia .srpr-card{
  border:2px solid #dfe6ef !important;
  border-radius:4px !important;
  background:#fff !important;
  box-shadow:none !important;
}
.srpr-style-vikaspedia .srpr-card:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 10px 22px rgba(15,29,43,.08) !important;
  border-color:#d6e1ee !important;
}
.srpr-style-vikaspedia .srpr-media{ position:relative !important; aspect-ratio:16/9 !important; background:#f2f6fb !important; overflow:hidden !important; }
.srpr-style-vikaspedia .srpr-media img{ width:100% !important; height:100% !important; object-fit:cover !important; position:relative !important; z-index:1 !important; transform:scale(1) !important; transition:transform .25s ease !important; }
.srpr-style-vikaspedia .srpr-card:hover .srpr-media img{ transform:scale(1.05) !important; }

/* Larger, roomier content like Vikaspedia's big cards */
.srpr-style-vikaspedia .srpr-content{ padding:16px 16px 18px !important; }
.srpr-style-vikaspedia .srpr-meta{
  display:inline-block !important; margin-bottom:8px !important;
  font-size:12px !important; line-height:1 !important; letter-spacing:.2px !important;
  color:#0b63ce !important; background:#eef5ff !important; border:1px solid #d7e7ff !important;
  padding:5px 9px !important; border-radius:999px !important; font-weight:600 !important;
}
.srpr-style-vikaspedia .srpr-item-title{
  margin:6px 0 8px !important;
  font-size:18px !important; line-height:1.35 !important; color:#0f1d2b !important;
  display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important;
}
.srpr-style-vikaspedia .srpr-excerpt{
  margin:0 !important; color:#334155 !important;
  font-size:15px !important; line-height:1.5 !important;
  display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important;
}

/* Grid gap increase for large cards */
.srpr-style-vikaspedia .srpr-list{ gap:20px !important; }

/* Article page icon visibility & priority */
.srpr-wrapper 
/* Ensure parent does not create a new stacking context above icon */
.srpr-wrapper .srpr-media{ isolation:auto !important; }


/* cleaned v1.6.4 block removed */ don't create stacking issues */
.srpr-wrapper .gp-lazy-load, .srpr-wrapper .wp-block-image{ position:static !important; overflow:visible !important; }

/* cleaned v1.6.5 block removed */


/* v1.7.0 — Inline top bar: icon left, category pill right */
.srpr-content .srpr-topbar{
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:10px;
}
.srpr-content .srpr-topbar .srpr-article-icon{
  position:static;
  width:30px; height:30px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:#fff; color:#0b63ce; border:1px solid #dfe6ef;
  box-shadow:none; flex:0 0 30px;
}
.srpr-content .srpr-topbar .srpr-meta-right{
  margin-left:12px; margin-right:2px;
}

/* keep Vikaspedia "large" card foundations (from earlier versions) */
.srpr-style-vikaspedia .srpr-card{ border:1px solid #f75a11 !important; border-radius:4px !important; background:#fff !important; box-shadow:none !important; }
.srpr-style-vikaspedia .srpr-card:hover{ transform:translateY(-2px) !important; box-shadow:0 10px 22px rgba(15,29,43,.08) !important; border-color:#eaeaea !important;
background: linear-gradient(168deg, rgba(156, 156, 156, 0.21) 0%, rgba(255, 255, 255, 0.38) 0%, rgba(242, 89, 0, 0.64) 93%) !important;}
.srpr-style-vikaspedia .srpr-media{ aspect-ratio:16/9 !important; background:#f2f6fb !important; overflow:hidden !important; }
.srpr-style-vikaspedia .srpr-content{ padding:16px 16px 18px !important; }
.srpr-style-vikaspedia .srpr-meta{ font-size:12px !important; padding:5px 9px !important; border:1px solid #d7e7ff !important; border-radius:5px !important; }
.srpr-style-vikaspedia .srpr-item-title{ font-size:18px !important; margin:6px 0 8px !important; line-height:1.35 !important; color:#0f1d2b !important; -webkit-line-clamp:2 !important; display:-webkit-box !important; -webkit-box-orient:vertical !important; overflow:hidden !important; }
.srpr-style-vikaspedia .srpr-excerpt{ font-size:15px !important; line-height:1.5 !important; color:#334155 !important; -webkit-line-clamp:2 !important; display:-webkit-box !important; -webkit-box-orient:vertical !important; overflow:hidden !important; }
.srpr-style-vikaspedia .srpr-list{ gap:20px !important; }

/* Theme wrappers still neutralized for safety */
.srpr-wrapper .gp-lazy-load, .srpr-wrapper .wp-block-image{ position:static !important; overflow:visible !important; }
