/**
 * Case Studies styles
 * Styles for the case studies custom post type and listings
 */

/* Override container width for case studies page */
.lubinik-case-study-container
.post-type-archive-lubinik-case-study .site-main > .container
{
    max-width: 80%;
    width: 80%;
    margin: 0 auto;
}


/* Reset any grid constraints */
.post-type-archive-lubinik-case-study .lubinik-case-study-list {
    display: flex;
    flex-direction: column;
    gap: var(--lubinik-spacing-lg);
    margin-top: var(--lubinik-spacing-lg);
    width: 100%;
}

/* Case Studies Section */
.lubinik-case-study-section {
    padding: var(--lubinik-spacing-lg) 0;
    max-width: 50%;
    margin: 0 auto;
}

.section-header {
    margin-bottom: var(--lubinik-spacing-lg);
    text-align: center;
}

/* Single Case Study Item */
.lubinik-case-study-item {
    display: flex;
    background-color: var(--lubinik-case-study-primary-section-bg-color );
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin: 20px auto;
    width: 100%;
    box-sizing: border-box;
}

.lubinik-case-study-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* Case Study Image */
.lubinik-case-study-image {
    flex: 0 0 40%;
    max-width: 40%;
    position: relative;
    min-height: 350px;
    overflow: hidden;
}

.lubinik-case-study-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

/* Case Study Content */
.lubinik-case-study-content {
    flex: 1;
    padding: var(--lubinik-spacing-md);
    display: flex;
    flex-direction: column;
}

.lubinik-case-study-title {
    margin-top: 0;
    margin-bottom: var(--lubinik-spacing-sm);
    font-size: var(--lubinik-font-size-lg);
    color: var(--lubinik-lubinik-case-study-title-color);
}

.lubinik-case-study-title a {
    color: var(--lubinik-lubinik-case-study-link-color);
    text-decoration: none;
    transition: color 0.3s ease;
}

.lubinik-case-study-title a:hover {
    color: var(--lubinik-lubinik-case-study-link-hover-color);
}

.lubinik-case-study-excerpt {
    margin-bottom: var(--lubinik-spacing-md);
    color: var(--lubinik-lubinik-case-study-description-color);
    line-height: 1.6;
}

/* Case Study Meta */
.lubinik-case-study-meta {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: var(--lubinik-spacing-md);
    color: var(--lubinik-lubinik-case-study-distance-color);
    font-size: var(--lubinik-font-size-sm);
}

.lubinik-case-study-distance,
.lubinik-case-study-category {
    display: flex;
    align-items: center;
    gap: var(--lubinik-spacing-xs);
}

.lubinik-case-study-distance i,
.lubinik-case-study-category i {
    color: var(--lubinik-lubinik-case-study-distance-color);
}

/* No Case Studies Message */
.no-lubinik-case-study {
    text-align: center;
    padding: var(--lubinik-spacing-md);
    color: var(--lubinik-lubinik-case-study-text-color);
    font-style: italic;
}

/* Case Study Gallery Slider */
.lubinik-case-study-gallery-wrapper {
    margin-top: var(--lubinik-spacing-lg);
    padding: var(--lubinik-spacing-md) 0;
}

.lubinik-case-study-extra-title {
    margin-bottom: var(--lubinik-spacing-md);
    font-size: var(--lubinik-font-size-md);
    color: var(--lubinik-lubinik-case-study-title-color);
}

.lubinik-case-study-gallery-slider {
    position: relative;
    margin: 0 -10px;
}

.lubinik-case-study-gallery-slider .gallery-item {
    padding: 0 10px;
}

.lubinik-case-study-gallery-slider img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.lubinik-case-study-gallery-slider a:hover img {
    transform: scale(1.03);
}

/* Slick Slider Controls for Case Study Gallery */
.lubinik-case-study-gallery-slider .slick-prev,
.lubinik-case-study-gallery-slider .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8);
    color: var(--lubinik-lubinik-case-study-link-color);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.lubinik-case-study-gallery-slider .slick-prev {
    left: 15px;
}

.lubinik-case-study-gallery-slider .slick-next {
    right: 15px;
}

.lubinik-case-study-gallery-slider .slick-dots {
    bottom: -25px;
    list-style: none;
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
}

.lubinik-case-study-gallery-slider .slick-dots li {
    margin: 0 5px;
}

.lubinik-case-study-gallery-slider .slick-dots button {
    font-size: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.3);
    border: none;
    padding: 0;
    cursor: pointer;
}

/* Fix for duplicate dots - hide the default dot that Slick adds */
.lubinik-case-study-gallery-slider .slick-dots button:before {
    display: none !important;
}

.lubinik-case-study-gallery-slider .slick-dots li.slick-active button {
    background-color: var(--lubinik-lubinik-case-study-link-color);
}

/* Video Wrapper */
.lubinik-case-study-video-wrapper {
    margin-top: var(--lubinik-spacing-lg);
}

.responsive-video-embed {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    border-radius: 8px;
}

.responsive-video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}



@media (max-width: 1299px) {

/* Fix for lubinik-case-study archive and single pages on mobile */
      /* Force column layout for lubinik-case-study items */
      .lubinik-case-studys-section .lubinik-case-study-item,
      .lubinik-case-studys-list .lubinik-case-study-item {
        display: flex;
        flex-direction: column ;
        width: 100% ;
      }
      
      .lubinik-case-studys-section .lubinik-case-study-image,
      .lubinik-case-studys-list .lubinik-case-study-image,
      .lubinik-case-study-item .lubinik-case-study-image {
        order: 1 ;
        width: 100% ;
        height: 250px ;
        display: block ;
        overflow: hidden ;
      }

      .lubinik-case-study-image {
        min-height: 250px;
    }
      
      /* Make sure images take full width */
      .lubinik-case-studys-section .lubinik-case-study-image img,
      .lubinik-case-studys-list .lubinik-case-study-image img,
      .lubinik-case-study-item .lubinik-case-study-image img,
      .lubinik-case-study-image .lubinik-case-study-thumbnail,
      .lubinik-case-study-image .wp-post-image {
        width: 100% ;
        height: 100% ;
        object-fit: cover ;
        max-width: none ;
      }
      
      .lubinik-case-studys-section .lubinik-case-study-content {
        order: 2 ;
        width: 100% ;
        padding: 15px ;
      }
      .lubinik-case-studys-section {
        max-width: 100% !important;
      }
      
        .lubinik-case-study-item {
          display: flex ;
          flex-direction: column ;
        }
        
        .lubinik-case-study-item .lubinik-case-study-image {
          width: 100% ;
          max-width: 100% ;
          text-align: center ;
        }
        
        .lubinik-case-study-item .lubinik-case-study-image img.attraction-thumbnail,
        .lubinik-case-study-item .lubinik-case-study-image img.wp-post-image {
          width: 100% ;
          max-width: 100% ;
          height: auto ;
          object-fit: cover ;
        }
      
        .single main#primary .navigation.post-navigation { 
          max-width: 95%; /* Limit maximum width */
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 0 auto; /* Center the element horizontally */
          font-size: var(--lubinik-font-size-md) ;
      }
    
        .single main#primary .navigation.post-navigation .nav-previous, 
        .single main#primary .navigation.post-navigation .nav-next {
          width: 95%;
        }
        
        /* Target the actual links inside the navigation */
        .single main#primary .navigation.post-navigation .nav-previous a,
        .single main#primary .navigation.post-navigation .nav-next a {
          height: 120px; /* Fixed height for consistent button size */
          display: flex;
          flex-direction: column; /* Stack elements vertically */
          align-items: center;
          justify-content: center;
          width: 100%;
          text-decoration: none;
          border-radius: 5px;
          padding: 10px;
          font-size: var(--lubinik-font-size-md) ;
        }
        
        /* Style the navigation subtitle (Previous/Next) */
        .single main#primary .navigation.post-navigation .nav-subtitle {
          font-weight: bold;
          margin-bottom: 8px;
          font-size: var(--lubinik-font-size-md) ;
        }
        
        /* Style the navigation title */
        .single main#primary .navigation.post-navigation .nav-title {
          font-size: var(--lubinik-font-size-base) ;
        }
    
        .single main#primary .navigation.post-navigation .nav-previous,
        .single main#primary .navigation.post-navigation .nav-next { /* Increased specificity */
        max-width: 100%; /* Limit maximum width */
        }
    
      .lubinik-case-study-gallery-slider .slick-dots button {
        display: none;
      }
    
      .lubinik-lubinik-case-studys-custom-section {
      padding: 0 ;
      width: 95% ;
      text-align: center ;
      margin: 0 auto ;
      }
    
      .lubinik-case-studys-list .lubinik-case-study-title{
        display: block !important;
        font-size: var(--lubinik-font-size-xl) !important;
        background-color: var(--lubinik-theme-secondary-color) !important;
        margin: var(--lubinik-spacing-hxs) 0 !important;
        padding: var(--lubinik-spacing-hxs) 0 !important;
        
    }

    .lubinik-case-studys-list .lubinik-case-study-title a{
        color: var(--lubinik-theme-primary-color) !important;
        margin: var(--lubinik-spacing-hxs) var(--lubinik-spacing-xs) !important;
        padding: var(--lubinik-spacing-hxs) var(--lubinik-spacing-xs) !important;
    }
    
    .lubinik-case-studys-section .section-title {
      margin-top: var(--lubinik-spacing-md);
      font-size: var(--lubinik-font-size-xxl);
    }

    .lubinik-case-studys-list .lubinik-case-study-title {
      color: var(--lubinik-theme-primary-color) !important;
      padding-left: var(--lubinik-spacing-md) !important;
    }

    .single-lubinik-case-study .lubinik-case-study-title,
    .front-page .lubinik-case-study-title {
      visibility: hidden !important;
      padding:0 !important;
      margin:0 !important;
    }
      .lubinik-case-studys-by-category-section {
        padding: var(--lubinik-font-size-sm) 0 ;
      }

      #site-navigation ul#primary-menu li.current-menu-item > a {
        color: var(--lubinik-theme-secondary-color) !important;
        background-color: var(--lubinik-theme-primary-color) !important;
      }


}