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

@media (max-width: 1080px) {

    /* tabs - both single accommodation and homepage */
    .lubinik-panorama-split .lubinikplugin-tabs-wrapper .lubinikplugin-tab-btn,
    .lubinik-tabs-wrapper .lubinik-tab-btn {
      color: var(--lubinik-theme-primary-color);
      font-size: var(--lubinik-font-size-lg);
      font-weight: var(--lubinik-font-weight-semibold) !important;
    }
  
    .lubinik-container .lubinik-about-shortcode .lubinik-features {
      grid-template-columns: 1fr !important;
    }
  
    .lubinikplugin-tabs-wrapper .lubinikplugin-tab-text h3 {
     visibility: hidden;
     margin-bottom: 0 !important;
    }
    
     /* Hide desktop tab navigation on mobile */
     .lubinikplugin-tabs-wrapper .lubinikplugin-tabs-nav,
     .lubinik-tabs-wrapper .lubinik-tabs-nav {
       display: none !important;
     }
   
     /* CRITICAL: Hide ALL tab content by default on mobile - Higher specificity to override plugin CSS */
     .lubinikplugin-tabs-wrapper .lubinikplugin-tab-content.lubinikplugin-mobile-view,
     .lubinik-tabs-wrapper .lubinik-tab-content.lubinik-mobile-view {
       display: none !important;
       padding: 20px !important;
       border-bottom: 1px solid var(--lubinik-theme-secondary-color) !important;
       background-color: var(--lubinik-theme-primary-color)!important;
       margin-bottom: 0 !important;
       flex-direction: column !important;
     }
     
     /* Also target without mobile-view class just in case */
     .lubinikplugin-tabs-wrapper .lubinikplugin-tab-content,
     .lubinikplugin-tabs-wrapper .lubinikplugin-tab-content {
       display: none !important;
     }
     
     /* Show only active content - even higher specificity */
     .lubinikplugin-tabs-wrapper .lubinikplugin-tab-content.lubinikplugin-mobile-view.lubinikplugin-active,
     .lubinik-tabs-wrapper .lubinik-tab-content.lubinik-mobile-view.lubinik-active {
       display: block !important;
     }
     
     .lubinikplugin-tabs-wrapper .lubinikplugin-tab-content.lubinikplugin-active,
     .lubinik-tabs-wrapper .lubinik-tab-content.lubinik-active {
       display: block !important;
     }
     
     /* Override ANY inline styles that might show content - maximum specificity */
     .lubinikplugin-tabs-wrapper .lubinikplugin-tab-content.lubinikplugin-mobile-view[style],
     .lubinik-tabs-wrapper .lubinik-tab-content.lubinik-mobile-view[style] {
       display: none !important;
     }
     
     .lubinikplugin-tabs-wrapper .lubinikplugin-tab-content[style],
     .lubinik-tabs-wrapper .lubinik-tab-content[style] {
       display: none !important;
     }
     
     .lubinikplugin-tabs-wrapper .lubinikplugin-tab-content.lubinikplugin-mobile-view.lubinikplugin-active[style],
     .lubinik-tabs-wrapper .lubinik-tab-content.lubinik-mobile-view.lubinik-active[style] {
       display: block !important;
     }
     
     .lubinikplugin-tabs-wrapper .lubinikplugin-tab-content.lubinikplugin-active[style],
     .lubinik-tabs-wrapper .lubinik-tab-content.lubinik-active[style] {
       display: block !important;
     }
   
     /* Mobile accordion title styles - ALWAYS VISIBLE */
     .lubinikplugin-tabs-wrapper .lubinikplugin-mobile-tab-btn,
     .lubinik-tabs-wrapper .lubinik-mobile-tab-btn {
       display: block !important;
       width: 100% !important;
       padding: 15px 20px !important;
       background-color: var(--lubinik-theme-secondary-color) !important;
       border: none !important;
       border-bottom: 1px solid var(--lubinik-theme-secondary-color) !important;
       position: relative !important;
       cursor: pointer !important;
       font-weight: bold !important;
       font-size: var(--lubinik-font-size-l) !important;
       color: var(--lubinik-theme-primary-color) !important;
       margin-bottom: var(--lubinik-spacing-sm) !important;
       transition: all 0.3s ease !important;
       text-align: left !important;
       pointer-events: auto !important;
       visibility: visible !important;
       opacity: 1 !important;
     }
     
     /* Override any inline styles on titles */
     .lubinikplugin-tabs-wrapper .lubinikplugin-mobile-tab-btn[style],
     .lubinik-tabs-wrapper .lubinik-mobile-tab-btn[style] {
       display: block !important;
       pointer-events: auto !important;
       visibility: visible !important;
     }
     
     .lubinikplugin-tabs-wrapper .lubinikplugin-mobile-tab-btn:hover,
     .lubinik-tabs-wrapper .lubinik-mobile-tab-btn:hover {
       background-color: var(--lubinik-theme-quinary-color) !important;
     }
     
     .lubinikplugin-tabs-wrapper .lubinikplugin-mobile-tab-btn.lubinikplugin-active,
     .lubinik-tabs-wrapper .lubinik-mobile-tab-btn.lubinik-active {
       background-color: var(--lubinik-theme-secondary-color) !important;
       color: var(--lubinik-theme-primary-color) !important;
       font-weight: bold !important;
     }
     
     .lubinikplugin-tabs-wrapper .lubinikplugin-mobile-tab-btn:after,
     .lubinik-tabs-wrapper .lubinik-mobile-tab-btn:after {
       content: '+' !important;
       position: absolute !important;
       right: 20px !important;
       top: 50% !important;
       transform: translateY(-50%) !important;
       font-size: 24px !important;
       font-weight: bold !important;
       color: var(--lubinik-theme-primary-color) !important;
       transition: transform 0.3s ease !important;
       line-height: 1 !important;
     }
     
     .lubinikplugin-tabs-wrapper .lubinikplugin-mobile-tab-btn.lubinikplugin-active:after,
     .lubinik-tabs-wrapper .lubinik-mobile-tab-btn.lubinik-active:after {
       content: '−' !important;
       transform: translateY(-50%) !important;
     }
     
             /* Content layout fixes - Image first, then text using CSS Grid with maximum specificity */
      .lubinikplugin-tabs-wrapper .lubinikplugin-tab-content.lubinikplugin-mobile-view.lubinikplugin-active,
      .lubinik-tabs-wrapper .lubinik-tab-content.lubinik-mobile-view.lubinik-active {
        display: grid !important;
        grid-template-areas: 
          "images"
          "text" !important;
        grid-template-rows: auto auto !important;
        gap: 20px !important;
      }
      
      /* Force override plugin flex with multiple selectors */
      .lubinikplugin-tabs-wrapper .lubinikplugin-tab-content.lubinikplugin-mobile-view.lubinikplugin-active[id],
      .lubinik-tabs-wrapper .lubinik-tab-content.lubinik-mobile-view.lubinik-active[id] {
        display: grid !important;
      }
      
      /* Ultimate override using attribute selector */
      .lubinikplugin-tabs-wrapper .lubinikplugin-tab-content.lubinikplugin-mobile-view.lubinikplugin-active[class*="lubinikplugin-tab-content"],
      .lubinik-tabs-wrapper .lubinik-tab-content.lubinik-mobile-view.lubinik-active[class*="lubinik-tab-content"] {
        display: grid !important;
        grid-template-areas: 
          "images"
          "text" !important;
        grid-template-rows: auto auto !important;
        gap: 20px !important;
      }
      
      .lubinikplugin-tabs-wrapper .lubinikplugin-tab-content .lubinikplugin-tab-text,
      .lubinikplugin-tabs-wrapper .lubinikplugin-tab-content .lubinikplugin-tab-imgs,
      .lubinik-tabs-wrapper .lubinik-tab-content .lubinik-tab-text,
      .lubinik-tabs-wrapper .lubinik-tab-content .lubinik-tab-imgs {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
      }
      
      /* Assign grid areas - Images first */
      .lubinikplugin-tabs-wrapper .lubinikplugin-tab-content.lubinikplugin-active .lubinikplugin-tab-imgs,
      .lubinik-tabs-wrapper .lubinik-tab-content.lubinik-active .lubinik-tab-imgs {
        grid-area: images !important;
      }
      
      .lubinikplugin-tabs-wrapper .lubinikplugin-tab-content.lubinikplugin-mobile-view.lubinikplugin-active .lubinikplugin-tab-imgs,
      .lubinik-tabs-wrapper .lubinik-tab-content.lubinik-mobile-view.lubinik-active .lubinik-tab-imgs {
        grid-area: images !important;
      }
      
      /* Text second */
      .lubinikplugin-tabs-wrapper .lubinikplugin-tab-content.lubinikplugin-active .lubinikplugin-tab-text,
      .lubinik-tabs-wrapper .lubinik-tab-content.lubinik-active .lubinik-tab-text {
        grid-area: text !important;
      }
      
      .lubinikplugin-tabs-wrapper .lubinikplugin-tab-content.lubinikplugin-mobile-view.lubinikplugin-active .lubinikplugin-tab-text,
      .lubinik-tabs-wrapper .lubinik-tab-content.lubinik-mobile-view.lubinik-active .lubinik-tab-text {
        grid-area: text !important;
      }
     
             /* Ensure images in tabs are responsive */
      .lubinikplugin-tabs-wrapper .lubinikplugin-tab-imgs img,
      .lubinik-tabs-wrapper .lubinik-tab-imgs img {
        max-width: 100% !important;
        height: auto !important;
      }
  }


  @media (min-width: 1080px) and (max-width: 1299px) {
    .attractions-tabs-nav .attractions-tab-button,
    .lubinikplugin-tabs-wrapper .lubinikplugin-tab-btn,
    .lubinikplugin-tabs-wrapper .lubinikplugin-tab-btn {
      font-size: var(--lubinik-font-size-base) !important;
    }

    .attractions-tabs-nav .attractions-tab-button,
    .lubinikplugin-tabs-wrapper .lubinikplugin-tab-btn,
    .lubinik-tabs-wrapper .lubinik-tab-btn {
        padding: var(--lubinik-spacing-hxs) var(--lubinik-spacing-sm) !important;
        margin-right: var(--lubinik-spacing-hxs) !important;
    }

    .attractions-tabs-nav .attractions-tab-button,
    .lubinikplugin-tabs-wrapper .lubinikplugin-tab-btn,
    .lubinik-tabs-wrapper .lubinik-tab-text p {
        font-size: var(--lubinik-font-size-base) !important;
    }


    .lubinikplugin-tabs-wrapper .lubinikplugin-img-item img, 
    .lubinik-tabs-wrapper .lubinik-img-item img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        max-width: 80% !important;
        box-sizing: border-box !important;
    }

    .lubinikplugin-tabs-wrapper .lubinikplugin-img-item img, 
    .lubinik-tabs-wrapper .lubinik-tab-content {

        padding: var(--lubinik-spacing-sm) !important;

    }

  }

  @media (min-width: 1300px) and (max-width: 1599px) {
    .attractions-tabs-nav .attractions-tab-button,
    .lubinikplugin-tabs-wrapper .lubinikplugin-tab-btn,
    .lubinik-tabs-wrapper .lubinik-tab-btn {
      font-size: var(--lubinik-font-size-base) !important;
    }
    .attractions-tabs-nav .attractions-tab-button,
    .lubinikplugin-tabs-wrapper .lubinikplugin-tab-btn,
    .lubinik-tabs-wrapper .lubinik-tab-btn {
        padding: var(--lubinik-spacing-xs) var(--lubinik-spacing-sm) !important;
        margin-right: var(--lubinik-spacing-xs) !important;
    }
  }