/* --------------------------------------------------
   ROW 1 LAYOUT (Horizontal + Vertical Sidebar)
   Template: template-parts/rows/row-1.php
-------------------------------------------------- */

/* Row 1 Container */
.pulse-row.row-1 {
    display: block !important;
    grid-template-columns: none !important;
  }
  
  /* Row 1 Inner Grid - 2 column layout */
  .pulse-row.row-1 .pulse-row-inner {
    display: grid !important;
    grid-template-columns: 2fr 1fr !important;
    gap: 2rem !important;
    align-items: flex-start !important;
  }
  
  /* Row 1 Horizontal Section (Left) */
  .pulse-row.row-1 .pulse-left {
    grid-column: 1 !important;
  }
  
  /* Row 1 Vertical Section (Right Sidebar) */
  .pulse-row.row-1 .capsule-sidebar {
    grid-column: 2 !important;
  }
  
  /* --------------------------------------------------
     ROW 1 SIDEBAR CARD STYLING
  -------------------------------------------------- */
  
  /* Constrain card width for sidebar */
  .pulse-row.row-1 .capsule-sidebar .capsule-mini {
    max-width: 100% !important;
    width: 100% !important;
  }
  
  /* Smaller thumbnails for tight sidebar */
  .pulse-row.row-1 .capsule-sidebar .mini-thumb {
    flex: 0 0 60px !important;
    height: 60px !important;
  }
  
  /* Slightly smaller text for sidebar */
  .pulse-row.row-1 .capsule-sidebar .mini-body h4 {
    font-size: 0.85rem !important;
  }
  
  .pulse-row.row-1 .capsule-sidebar .mini-body p {
    font-size: 0.8rem !important;
  }
  
  /* --------------------------------------------------
   ROW 1 CTA BUTTON (View All)
-------------------------------------------------- */
.pulse-row.row-1 .section-cta,
.pulse-left .section-cta {
  display: inline-block;
  margin-top: 1.2rem;
  padding: 0.6rem 1.4rem;
  background: linear-gradient(135deg, #F02E65, #A60ED4);
  color: #fff;
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  border-radius: 6px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(240, 46, 101, 0.3);
}

.pulse-row.row-1 .section-cta:hover,
.pulse-left .section-cta:hover {
  background: linear-gradient(135deg, #fa5582, #c24be0);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(240, 46, 101, 0.45);
}

  /* --------------------------------------------------
     ROW 1 RESPONSIVE
  -------------------------------------------------- */
  @media (max-width: 992px) {
    .pulse-row.row-1 .pulse-row-inner {
      grid-template-columns: 1fr !important;
    }
    
    .pulse-row.row-1 .pulse-left,
    .pulse-row.row-1 .capsule-sidebar {
      grid-column: 1 !important;
    }
    
    .pulse-row.row-1 .capsule-sidebar {
      margin-top: 2rem;
    }
  }