/*
Theme Name:     Lubinik Child Child
Theme URI:      
Description:    lubiniktheme child theme.
Author:         Me
Author URI:     
Template:       lubiniktheme
Version:        0.1.0
*/



@media (max-width: 1299px) {

 

    /*****************************************************************************
    /* Theme Specific rules ovveride for text mobile
    /*****************************************************************************/

    .shortcode-section .section-title {
        font-size: var(--lubinik-font-size-xxl) !important;
    }

    

    /*****************************************************************************
    /* Theme Specific rules ovveride for footer mobile
    /*****************************************************************************/

    .modal-content {
        width: 90%;
        margin: 10% auto;
        padding: 15px;
    }
    
    #travel-modal-content {
        max-height: 80vh;
    }

    .map-travel-info {
        text-align: center;
    }

    .shortcode-section {
        padding: 0;
      }

      .footer-content {
        display: grid;
        /*grid-template-columns: 1fr 1fr 1fr 1.5fr;*/
        grid-template-columns: 1fr;
        gap: var(--lubinik-spacing-md);
        margin-bottom: var(--lubinik-spacing-md);
    }

    .back-to-top {
      position: fixed;
      bottom: 100px;
      right: 8px;
      width: 40px;
      height: 40px;
      background-color: var(--lubinik-theme-quinary-color);
      color: var(--lubinik-theme-primary-color);
      border: none;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s ease;
      z-index: 999;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    }


   

    /*****************************************************************************
    /* Theme Specific rules ovveride for general tabs mobile
    /*****************************************************************************/

    /* tabs */
    .lubinik-tabs-wrapper .lubinik-tab-content.lubinik-mobile-view:last-of-type {
        border: 1px solid var(--lubinik-theme-tab-nav-content-border-color) !important;
        border-radius: 0 0 var(--lubinik-border-radius-sm) var(--lubinik-border-radius-sm) !important;
        
    }

    .lubinik-tabs-wrapper .lubinik-tab-text h3 {
        display: none;
    }

    /* Fix image overflow on mobile */
    .lubinik-tabs-wrapper .lubinik-img-item img,
    .lubinik-tabs-wrapper .lubinik-img-item img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .lubinik-tabs-wrapper .lubinik-img-item,
    .lubinik-tabs-wrapper .lubinik-img-item {
        max-width: 100% !important;
        overflow: hidden !important;
        background-color: var(--lubinik-theme-primary-color) !important;
    }

    .lubinik-tabs-wrapper .lubinik-tab-imgs,
    .lubinik-tabs-wrapper .lubinik-tab-imgs {
        max-width: 100% !important;
        overflow: hidden !important;
        margin-bottom: 0 !important;
    }



    .lubinik-tabs-wrapper .lubinik-tab-text {
        width: 100%;
        margin-top: 0;
    }

    .lubinik-tabs-wrapper .lubinik-tab-content {
        padding-bottom: var(--lubinik-spacing-xs) !important;
    }  


    .lubinik-tabs-wrapper .lubinik-tab-content.lubinik-mobile-view:last-of-type {
        border-bottom: 1px solid var(--lubinik-plugin-tab-nav-content-border-color) !important;
        margin-bottom: 0;
    }


      
        .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 */
        }
    

}