/**
 * Instagram Feed styles
 */

.instagram-feed {
  position: relative;
  
  .instagram-feed-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-md);
    
    h2 {
      margin-bottom: 0;
    }
    
    @media (max-width: 768px) {
      flex-direction: column;
      align-items: flex-start;
      gap: var(--spacing-xs);
    }
  }
  
  .instagram-feed-content {
    margin-top: var(--spacing-md);
    
    /* Instagram Feed Plugin Customizations */
    #sb_instagram {
      .sbi_photo {
        border-radius: 8px !important;
        overflow: hidden;
      }
      
      .sbi_photo img {
        border-radius: 8px !important;
      }
      
      .sbi_link_area {
        border-radius: 8px !important;
      }
      
      .sbi_photo:hover {
        border-radius: 8px !important;
        overflow: hidden;
      }
      
      .sbi_inner_wrap {
        border-radius: 8px !important;
        overflow: hidden;
      }
      
      .sbi_link {
        border-radius: 8px !important;
        opacity: 0 !important;
        background: transparent !important;
      }
      
      /* Target bottom corners specifically */
      .sbi_item, .sbi_item * {
        border-radius: 8px !important;
      }
      
      /* Fix for caption container affecting rounded corners */
      .sbi_info_wrapper {
        border-bottom-left-radius: 8px !important;
        border-bottom-right-radius: 8px !important;
        overflow: hidden;
      }
      
      .sbi_caption_wrap {
        text-align: left !important;
        padding-left: var(--spacing-md) !important;
        padding-right: var(--spacing-md) !important;
      }
      
      .sbi_info {
        text-align: left !important;
      }
      
      #sbi_images {
        padding: 0 !important;
      }
    }
  }
}